.tutorial[data-v-ad482d05]{color:#eee7d5;max-width:1120px;margin:0 auto;padding-bottom:44px}.tutorial-hero[data-v-ad482d05]{background:#172019;border:1px solid #716443;grid-template-columns:minmax(0,1.35fr) minmax(270px,.75fr);min-height:360px;display:grid;overflow:hidden;box-shadow:8px 8px #060a07}.hero-copy[data-v-ad482d05]{background:radial-gradient(circle at 95% 0,#2b3b2b 0%,#19251d 36%,#131b16 75%);padding:44px clamp(24px,5vw,58px)}.eyebrow[data-v-ad482d05]{color:#e5bd74;letter-spacing:.05em;margin:0;font-family:Pixel,monospace;font-size:8px;line-height:1.8}.tutorial h1[data-v-ad482d05]{letter-spacing:.01em;color:#f4e5c9;margin:24px 0 19px;font-size:clamp(29px,3.5vw,46px);font-weight:700;line-height:1.3}.tutorial h1 span[data-v-ad482d05]{color:#e8bf75}.hero-copy>p[data-v-ad482d05]:not(.eyebrow){color:#c6cbb8;max-width:540px;margin:0;font-size:15px;line-height:1.85}.hero-actions[data-v-ad482d05]{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.hero-actions button[data-v-ad482d05],.route-card button[data-v-ad482d05],.text-action[data-v-ad482d05],.tutorial-footer button[data-v-ad482d05]{color:#f0dfc1;background:#252d22;border:1px solid #856f46;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:9px 16px;font-size:13px;font-weight:650;display:inline-flex}.hero-actions .primary[data-v-ad482d05]{color:#141b15;background:#b98d4b;border-color:#d6ae72}.hero-actions .plain-button[data-v-ad482d05]{background:0 0;border-color:#536044}.hero-actions button[data-v-ad482d05]:hover,.route-card button[data-v-ad482d05]:hover,.text-action[data-v-ad482d05]:hover,.tutorial-footer button[data-v-ad482d05]:hover{color:#fff1d3;border-color:#e8c584}.hero-actions .primary[data-v-ad482d05]:hover{color:#101810;background:#d6ac67}.hero-slip[data-v-ad482d05]{color:#d4d8bb;background:repeating-linear-gradient(0deg,#1b271e,#1b271e 31px,#263126 32px);border-left:1px solid #526044;flex-direction:column;justify-content:center;padding:34px 29px;display:flex;position:relative}.hero-slip[data-v-ad482d05]:after{content:"";opacity:.5;border:2px solid #a67f46;width:48px;height:48px;position:absolute;top:20px;right:20px;transform:rotate(45deg)}.slip-top[data-v-ad482d05]{color:#d4a968;margin-bottom:27px;font-family:Pixel,monospace;font-size:8px;line-height:1.8}.slip-lines[data-v-ad482d05]{border-bottom:1px dashed #5a644c;padding:12px 0;font-size:14px}.slip-lines span[data-v-ad482d05]{color:#e1b776;width:40px;font-family:Pixel,monospace;font-size:10px;display:inline-block}.slip-foot[data-v-ad482d05]{color:#9fb09a;margin-top:25px;font-size:11px}.tutorial-index[data-v-ad482d05]{z-index:2;scrollbar-width:thin;background:#0d110ef5;border-bottom:1px solid #3f503d;gap:5px;margin-top:18px;padding:14px 0 12px;display:flex;position:sticky;top:0;overflow-x:auto}.tutorial-index a[data-v-ad482d05]{color:#c9cbb6;border:1px solid #0000;flex:none;padding:8px 12px;font-size:12px;text-decoration:none}.tutorial-index a[data-v-ad482d05]:hover,.tutorial-index a[data-v-ad482d05]:focus-visible{color:#f2d698;border-color:#7b7655}.tutorial-section[data-v-ad482d05]{padding:48px 0 16px;scroll-margin-top:80px}.section-title[data-v-ad482d05]{align-items:center;gap:16px;margin-bottom:21px;display:flex}.section-number[data-v-ad482d05]{color:#ecc78b;background:#263025;border:1px solid #a5824d;flex:none;place-items:center;width:46px;height:46px;font-family:Pixel,monospace;font-size:13px;display:grid;box-shadow:4px 4px #080d09}.section-title h2[data-v-ad482d05]{color:#f2e2c8;margin:3px 0 0;font-size:25px;line-height:1.3}.route-grid[data-v-ad482d05]{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.route-card[data-v-ad482d05]{background:#19231b;border:1px solid #4d5f49;flex-direction:column;align-items:flex-start;min-height:278px;padding:29px 28px;display:flex;box-shadow:5px 5px #090e0a}.route-card-ai[data-v-ad482d05]{background:#24261c;border-color:#82704b}.route-icon[data-v-ad482d05]{color:#e8bf75}.route-card h3[data-v-ad482d05]{color:#f5e4c7;margin:11px 0 8px;font-size:21px}.route-card p[data-v-ad482d05]{color:#c5c8b5;margin:0;font-size:13px;line-height:1.8}.route-note[data-v-ad482d05]{color:#d3ddb8;background:#344332;margin:17px 0 18px;padding:4px 8px;font-size:11px}.route-card button[data-v-ad482d05]{background:0 0;margin-top:auto}.example-line[data-v-ad482d05]{color:#c9cebd;background:#1a2119;border-left:3px solid #ba9259;align-items:flex-start;gap:15px;margin-top:19px;padding:16px 18px;font-size:13px;line-height:1.75;display:flex}.example-line b[data-v-ad482d05]{color:#e9c791;flex:none}.tutorial-split[data-v-ad482d05]{border-top:1px solid #3c493b;grid-template-columns:minmax(190px,.42fr) minmax(0,1fr);gap:30px;display:grid}.tutorial-split .section-title[data-v-ad482d05]{align-items:flex-start}.section-body[data-v-ad482d05]{color:#cbd0bd;max-width:680px}.section-body>p[data-v-ad482d05]{margin:0 0 18px;font-size:14px;line-height:1.85}.action-list[data-v-ad482d05]{margin:0 0 22px;padding-left:24px}.action-list li[data-v-ad482d05]{padding:5px 0 5px 4px;font-size:13px;line-height:1.8}.action-list li[data-v-ad482d05]::marker{color:#e6b975;font-family:Pixel,monospace;font-size:10px}.cost-note[data-v-ad482d05]{color:#ead1a6;background:#27251d;border:1px solid #615944;align-items:flex-start;gap:9px;padding:14px 16px;display:flex;font-size:12px!important}.cost-note svg[data-v-ad482d05]{flex:none;margin-top:2px}.text-action[data-v-ad482d05]{color:#eac485;background:0 0;border:0;border-bottom:1px solid #ae8b59;min-height:38px;margin-top:5px;padding:7px 0}.text-action[data-v-ad482d05]:hover{border-bottom-color:#eac485}.field-list[data-v-ad482d05],.export-list[data-v-ad482d05]{border-top:1px solid #43503f;gap:0;margin:20px 0 22px;display:grid}.field-list>div[data-v-ad482d05],.export-list>div[data-v-ad482d05]{border-bottom:1px solid #43503f;grid-template-columns:180px 1fr;gap:14px;padding:13px 0;font-size:13px;line-height:1.7;display:grid}.field-list b[data-v-ad482d05],.export-list strong[data-v-ad482d05]{color:#efdbb8;font-weight:650}.field-list span[data-v-ad482d05],.export-list span[data-v-ad482d05]{color:#bec8b8}.small-print[data-v-ad482d05]{color:#aaae9d;font-size:12px!important}.questions-section[data-v-ad482d05]{border-top:1px solid #3c493b}.questions-grid[data-v-ad482d05]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.questions-grid details[data-v-ad482d05]{background:#18211a;border:1px solid #445440;padding:15px 18px}.questions-grid summary[data-v-ad482d05]{cursor:pointer;color:#f0dfbe;font-size:14px;font-weight:600}.questions-grid details[open][data-v-ad482d05]{border-color:#a48654}.questions-grid p[data-v-ad482d05]{color:#bcc8b8;margin:12px 0 2px;font-size:13px;line-height:1.85}.tutorial-footer[data-v-ad482d05]{color:#a9b6a3;border-top:1px solid #4b5b46;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding:20px 0;font-size:13px;display:flex}.tutorial-footer button[data-v-ad482d05]{background:0 0;min-height:37px}@media (width<=880px){.tutorial-hero[data-v-ad482d05]{grid-template-columns:1fr}.hero-slip[data-v-ad482d05]{border-top:1px solid #526044;border-left:0;grid-template-columns:repeat(2,1fr);gap:0 24px;padding:20px 26px;display:grid}.slip-top[data-v-ad482d05],.slip-foot[data-v-ad482d05]{grid-column:1/-1;margin:0}.slip-top[data-v-ad482d05]{margin-bottom:8px}.slip-foot[data-v-ad482d05]{margin-top:12px}.hero-slip[data-v-ad482d05]:after{display:none}.tutorial-split[data-v-ad482d05]{grid-template-columns:1fr;gap:8px}.section-title[data-v-ad482d05]{margin-bottom:12px}}@media (width<=620px){.tutorial-hero[data-v-ad482d05]{box-shadow:4px 4px #060a07}.hero-copy[data-v-ad482d05]{padding:27px 21px}.tutorial h1[data-v-ad482d05]{margin:16px 0;font-size:29px}.hero-copy>p[data-v-ad482d05]:not(.eyebrow){font-size:13px}.hero-actions[data-v-ad482d05]{margin-top:22px}.hero-slip[data-v-ad482d05]{grid-template-columns:1fr 1fr;gap:0 10px;padding:18px 20px}.slip-lines[data-v-ad482d05]{white-space:nowrap;font-size:11px}.slip-lines span[data-v-ad482d05]{width:28px;font-size:8px}.slip-top[data-v-ad482d05]{font-size:7px}.tutorial-section[data-v-ad482d05]{padding:34px 0 13px}.section-title h2[data-v-ad482d05]{font-size:21px}.route-grid[data-v-ad482d05],.questions-grid[data-v-ad482d05]{grid-template-columns:1fr}.route-card[data-v-ad482d05]{min-height:0;padding:22px}.route-card h3[data-v-ad482d05]{font-size:18px}.route-card button[data-v-ad482d05]{margin-top:4px}.example-line[data-v-ad482d05]{display:block}.example-line b[data-v-ad482d05]{margin-bottom:4px;display:block}.field-list>div[data-v-ad482d05],.export-list>div[data-v-ad482d05]{grid-template-columns:1fr;gap:2px}.tutorial-footer[data-v-ad482d05]{flex-direction:column;align-items:flex-start}.tutorial-index[data-v-ad482d05]{margin-top:12px}.tutorial-index a[data-v-ad482d05]{padding:7px 9px}}@font-face{font-family:Pixel;src:url(/fonts/press-start-2p.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html{color:#eee7d5;background:#0d110e}body{margin:0;font-family:Noto Serif CJK SC,Songti SC,Source Han Serif SC,serif;font-size:15px;line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #ffd986}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3}h1{letter-spacing:.025em;font-size:clamp(28px,3vw,44px);font-weight:650}h2{font-size:23px;font-weight:650}h3{font-size:16px}p{line-height:1.8}small{font-size:12px}em{color:#e5b65b;font-size:11px;font-style:normal}svg{flex:none}.app-shell{background:radial-gradient(at 66% -20%,#26312542,#0000 45%),#0d110e;min-height:100vh;display:flex}.sidebar{z-index:30;background:linear-gradient(175deg,#1c251d 0%,#141b16 43%,#101510 100%);border-right:1px solid #404538;flex-direction:column;flex:none;width:245px;height:100vh;padding:28px 17px 22px;display:flex;position:sticky;top:0}.sidebar:before{content:"";pointer-events:none;border:1px solid #38413655;position:absolute;inset:7px}.brand{border-bottom:1px solid #3d493a;align-items:center;gap:11px;padding:0 12px 24px;display:flex;position:relative}.brand img{width:40px;height:40px;image-rendering:pixelated}.brand strong{letter-spacing:2px;color:#f3dfad;white-space:nowrap;font-size:17px}.brand span{color:#c7ac75;letter-spacing:.1em;white-space:nowrap;margin-top:6px;font:8px Pixel,monospace;display:block}.workspace-label{color:#9f9b83;letter-spacing:2px;justify-content:space-between;padding:32px 13px 13px;font-size:11px;display:flex}.workspace-label .dot{background:#9bb57b;width:5px;height:5px;box-shadow:0 0 8px #9bb57b}.sidebar nav{gap:7px;display:grid}.sidebar nav button,.sidebar-bottom button,.sidebar-bottom a{text-align:left;color:#bcbba8;background:0 0;border:1px solid #0000;align-items:center;gap:13px;width:100%;height:46px;padding:0 13px;font-size:14px;transition:all .16s;display:flex;position:relative}.sidebar nav button:hover,.sidebar-bottom button:hover,.sidebar-bottom a:hover{color:#fff3d5;background:#343d2c}.sidebar nav button.active,.sidebar-bottom button.active{color:#ffe1a1;background:#3b422d;border-color:#98814e;box-shadow:inset 3px 0 #e5b65b,3px 3px #0a0e0b}.sidebar nav small{color:#e5b65b;margin-left:auto;font:10px Pixel,monospace}.sidebar-note{text-align:center;background:#222b21;border:1px solid #59623e;margin:auto 8px 20px;padding:28px 15px 22px;box-shadow:5px 5px #0c110b}.pixel-star{color:#e8bf72;font-size:23px}.sidebar-note p{color:#dfd8bc;margin:8px 0 14px;font-size:14px}.sidebar-note small,.eyebrow{color:#d9b56c;letter-spacing:.08em;font:10px/1.8 Pixel,monospace}.sidebar-note small{color:#a59f7e;letter-spacing:0;font-size:7px}.sidebar-bottom{border-top:1px solid #3d493a;padding-top:10px}.sidebar-bottom i,.status-dot{background:#756850;border-radius:50%;width:7px;height:7px;margin-left:auto}.sidebar-bottom i.online,.status-dot.online{background:#80bd73;box-shadow:0 0 8px #80bd7388}.sidebar-bottom small{color:#696f5e;letter-spacing:.13em;text-align:center;padding-top:20px;font:8px Pixel,monospace;display:block}.workspace{flex:1;min-width:0}.topbar{background:#151c17eb;border-bottom:1px solid #3d463a;justify-content:space-between;align-items:center;gap:12px;height:68px;padding:0 clamp(20px,3.1vw,58px);display:flex}.topbar>div,.topbar-right{align-items:center;gap:23px;display:flex}.breadcrumb{letter-spacing:.12em;color:#aaa994;font-size:12px}.breadcrumb span{color:#6d715c;margin:0 8px}.local-badge{color:#b6bca1;font:9px Pixel,monospace}.local-badge i{background:#8dbe74;width:6px;height:6px;margin-right:8px;display:inline-block}.connection-status{color:#c4c5ae;background:0 0;border:0;align-items:center;gap:9px;font-size:12px;display:flex}.connection-status .status-dot{margin:0}main{max-width:1670px;margin:0 auto;padding:clamp(24px,3vw,48px) clamp(18px,3.5vw,62px) 100px}.mobile-menu{display:none!important}.eyebrow{margin-bottom:12px}.hero{background:#182019;border:1px solid #7c724d;grid-template-columns:minmax(460px,1.07fr) minmax(300px,.93fr);min-height:428px;display:grid;position:relative;overflow:hidden;box-shadow:7px 7px #080c09}.hero:before{content:"";z-index:2;background:repeating-linear-gradient(90deg,#b79659 0 28px,#725b37 28px 33px,#b79659 33px 52px);height:7px;position:absolute;top:0;left:0;right:0}.hero-content{z-index:2;background:radial-gradient(circle at -15% 10%,#41412650,#0000 64%);padding:clamp(34px,5vw,72px);position:relative}.hero .eyebrow{font-size:9px}.tiny-diamond{color:#f5d58d;margin-right:4px}.hero h1{letter-spacing:0;margin:31px 0 19px;font-size:clamp(30px,3.4vw,52px);line-height:1.45}.hero h1 span{color:#e9be75}.hero-description{color:#c5c7b2;margin-bottom:26px;font-size:15px;line-height:2}.hero-actions,.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-foot{color:#929881;letter-spacing:1px;gap:13px;margin-top:32px;font-size:12px;display:flex}.hero-foot i{color:#d0ad71}.hero-art{background:linear-gradient(90deg,#18201922,#14191425),url(/brand/pixel-tavern-hall.webp) 50%/cover;border-left:1px solid #6f6845;min-height:426px;position:relative}.hero-art:after{content:"";background:linear-gradient(#0000 47%,#0c120dd9);position:absolute;inset:0}.art-caption{z-index:1;text-shadow:1px 2px 3px #000;position:absolute;bottom:32px;left:35px}.art-caption p{margin:5px 0 0;font-size:21px;line-height:1.6}.art-index{color:#ede2ba;z-index:1;font:7px Pixel,monospace;position:absolute;top:22px;right:20px}.art-corner{z-index:3;border:3px solid #d5b370;width:16px;height:16px;position:absolute}.art-corner.top-left{border-bottom:0;border-right:0;top:21px;left:13px}.art-corner.bottom-right{border-top:0;border-left:0;bottom:14px;right:13px}.creation-paths{grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;display:grid}.creation-path{text-align:left;background:#202b22;border:1px solid #626b4d;align-items:center;gap:17px;padding:21px;transition:transform .18s,background .18s;display:flex;box-shadow:4px 4px #0b100d}.creation-path:hover,.draft-card:hover{background:#2b3428;transform:translate(-2px,-2px)}.creation-path.manual-path{background:#262620;border-color:#645b43}.creation-path>div{flex:1;min-width:0}.creation-path h2{margin:5px 0;font-size:18px}.creation-path p{color:#aeb09b;margin:0;font-size:12px}.creation-path .eyebrow{font-size:8px}.creation-path>svg{color:#e5b65b}.path-icon{color:#e8c87f;background:#373e29;border:1px solid #95804c;flex:none;place-items:center;width:55px;height:55px;display:grid;box-shadow:3px 3px #131813}.draft-section{margin-top:65px}.section-heading,.page-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.section-heading h2{margin:5px 0 0;font-size:26px}.page-heading{align-items:center;margin-bottom:32px}.page-heading h1{margin:4px 0 10px}.page-heading p:not(.eyebrow){color:#aeb7a2;margin:0}.count{color:#dcb974;margin-left:4px;font:12px Pixel,monospace}.draft-empty{text-align:center;background:linear-gradient(#20272066,#151b17a6);border:1px dashed #686d50;flex-direction:column;align-items:center;padding:55px 16px;display:flex}.empty-illustration{color:#d2b675;border:1px solid #786944;place-items:center;width:84px;height:84px;margin-bottom:19px;display:grid;position:relative;box-shadow:6px 6px #080c09}.empty-illustration span{color:#f4d280;font-size:23px;position:absolute;top:-18px;right:-19px}.draft-empty h3{margin-bottom:6px;font-size:19px}.draft-empty p,.draft-empty small{color:#a7ae9a}.draft-empty small{margin-top:20px}.home-footer{color:#9b9d87;justify-content:space-between;margin-top:36px;font-size:11px;display:flex}.draft-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px;display:grid}.draft-card{background:#202720;border:1px solid #5d664f;min-width:0;transition:all .2s;box-shadow:4px 4px #070b08}.draft-open{text-align:left;background:0 0;border:0;width:100%;padding:0}.draft-cover{color:#e4c182;background:#303927 50%/cover;place-items:center;height:175px;font-size:54px;display:grid;position:relative}.draft-cover small{background:#172119bb;padding:5px;font:7px Pixel,monospace;position:absolute;bottom:8px;right:8px}.draft-info{padding:12px 15px}.draft-info h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;overflow:hidden}.draft-info p{white-space:nowrap;text-overflow:ellipsis;color:#aaaf9c;margin-bottom:6px;font-size:12px;overflow:hidden}.draft-info small{color:#8c927e}.draft-actions{border-top:1px solid #454d3d;align-items:center;padding:4px 9px;display:flex}.draft-actions button:first-child{text-align:left;flex:1;gap:6px;display:flex}.new-draft-tile{color:#d9c48d;background:#161d18;border:1px dashed #687254;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:260px;display:flex}.new-draft-tile:hover{background:#263022}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}button:not(.primary):not(.creation-path):not(.draft-open):not(.new-draft-tile):not(.icon-button):not(.hero-secondary):not(.connection-status):not(.sidebar button):not(.sidebar a),.button{color:#eadfc5;text-align:center;background:#2a342a;border:1px solid #6f7659;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:7px 13px;font-size:12px;display:inline-flex}button:hover:not(:disabled):not(.creation-path):not(.draft-open):not(.new-draft-tile):not(.icon-button):not(.sidebar button):not(.sidebar a){filter:brightness(1.15)}.primary{color:#181912;background:#d6aa60;border:1px solid #ffe0a0;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:9px 19px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:4px 4px #684d2a}.primary:hover:not(:disabled){background:#f4cd84;transform:translate(-1px,-1px)}.primary.large{min-height:53px;padding:13px 18px;font-size:14px}.hero-secondary{color:#e0d3ae;background:0 0;border:0;border-bottom:1px solid #b1a979;align-items:center;gap:9px;padding:8px 0;font-size:12px;display:inline-flex}.full{width:100%}.icon-button{color:#cfc7af;background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.danger{color:#e0a495!important}.panel{background:#1b231d;border:1px solid #5d664f;padding:25px;box-shadow:4px 4px #080c09}.panel-heading{border-bottom:1px solid #505949;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:15px;display:flex}.panel-heading h2{flex:1;margin:0;font-size:19px}.panel-heading svg{color:#e5b65b}.panel-heading small{color:#aaa994}.muted,.hint{color:#a9af9f;font-size:13px}.hint{margin:8px 0 12px;font-size:11px}.badge{color:#e4c387;white-space:nowrap;background:#303326;border:1px solid #857650;padding:5px 9px;font-size:11px}.badge.green{color:#acd3a2;border-color:#6a8c5c}.settings-grid,.export-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-grid form{gap:13px;display:grid}.settings-grid details{margin-top:15px}.settings-grid .model-field{margin-bottom:16px}.segmented{background:#141c17;border:1px solid #48543f;gap:6px;margin-bottom:20px;padding:5px;display:flex}.segmented button{flex:1}.segmented button.active{background:#775f3e!important;border-color:#d8b675!important}label{color:#d8d9c6;gap:6px;margin-bottom:15px;font-size:12px;display:grid}label>span{font-size:12px}input:not([type=checkbox]):not([type=file]),textarea,select{color:#eee7d5;resize:vertical;background:#101712;border:1px solid #56624d;border-radius:0;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:14px;line-height:1.5;display:block}input:focus,textarea:focus,select:focus{background:#182019;border-color:#e5b65b}.checkbox{cursor:pointer;align-items:center;gap:7px;margin:0;display:inline-flex}.checkbox input{accent-color:#d8ae67;width:16px;height:16px}.compact-label{align-items:center;gap:8px;margin:0;display:flex}.compact-label input{max-width:85px}details{border-top:1px solid #454e40;margin:14px 0;padding-top:13px}summary{cursor:pointer;color:#e8c47a;font-size:13px}details>label,details>.model-field{margin-top:15px}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.editor-layout{grid-template-columns:minmax(0,1fr) minmax(255px,330px);align-items:start;gap:22px;display:grid}.editor-main{min-width:0}.editor-tabs{scrollbar-color:#676b50 #131c15;gap:5px;padding-bottom:1px;display:flex;overflow-x:auto}.editor-tabs button{white-space:nowrap;color:#b6bdac;background:#20271f;border:1px solid #4c5547;border-bottom:0;align-items:center;gap:7px;min-height:44px;padding:10px 11px;font-size:11px;display:flex}.editor-tabs button.active{color:#ffe0a2;background:#35402d;border-color:#9c8456;box-shadow:inset 0 3px #d4ac67}.editor-tabs button span{color:#e9ca83}.editing-panel{box-shadow:none;min-height:480px}.editing-panel>.panel-heading{justify-content:space-between;display:flex}.editing-panel .panel-heading h2{flex:1}.editing-panel label{margin-bottom:18px}.editing-panel textarea{min-height:88px}.subheading{justify-content:space-between;align-items:center;gap:10px;margin:17px 0;display:flex}.subheading h3{margin:0}.ai-tool{margin-top:19px}.ai-tool .ai-controls{grid-template-columns:minmax(150px,1fr) auto;align-items:end;gap:16px;display:grid}.ai-tool .model-field{margin:0}.ai-tool .primary{margin-bottom:0}.resource{background:#222d22;border:1px solid #57624e;margin:15px 0;padding:16px}.resource:last-child{margin-bottom:22px}.resource .subheading{margin-top:0}.empty-inline{text-align:center;color:#e5b65b;padding:36px 10px}.empty-inline p{color:#e6dac4;margin:10px 0 2px}.empty-inline span{color:#aeb4a0;font-size:12px}.cover-workspace{aspect-ratio:4/3;background:linear-gradient(135deg,#262f28,#121a15);border:1px dashed #8a7d52;place-items:center;max-height:370px;margin:0 auto 16px;display:grid;overflow:hidden}.cover-workspace>img{object-fit:contain;width:100%;height:100%}.cover-empty{color:#c6ae75;text-align:center;place-items:center;display:grid}.cover-empty p{color:#dec895;margin:12px 0 0}.cover-empty small{color:#9b9e87}.character-preview{gap:20px;display:grid;position:sticky;top:18px}.preview-card{background:#20291f;border:1px solid #a28951;box-shadow:6px 6px #080c09}.preview-art{background:linear-gradient(145deg,#384530,#1a251d) 50%/cover;height:265px;position:relative;overflow:hidden}.preview-art.illustrated:before{content:"";background:linear-gradient(#0000 35%,#0c120ee0);position:absolute;inset:0}.pixel-avatar{color:#e8c584;align-content:center;place-items:center;font-size:73px;display:grid;position:absolute;inset:0}.pixel-avatar small{font:8px Pixel,monospace}.preview-stamp{color:#f7d993;background:#192018c9;border:1px solid #ba9a60;padding:6px;font:7px Pixel,monospace;position:absolute;top:12px;left:12px}.preview-name{color:#fff2d5;position:absolute;bottom:15px;left:19px;right:12px}.preview-name small{letter-spacing:2px}.preview-name h2{text-shadow:1px 2px #000;margin:3px 0 0;font-size:25px}.preview-body{padding:16px 19px}.preview-body p{color:#bfcbba;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.preview-body blockquote{color:#e1d6b8;-webkit-line-clamp:3;border-left:2px solid #d8b676;-webkit-box-orient:vertical;margin:0 0 13px;padding:8px 12px;font-size:12px;display:-webkit-box;overflow:hidden}.tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tags span{color:#d8c992;background:#3b4431;border:1px solid #6c7352;padding:2px 7px;font-size:10px;display:inline-block}.tags span.missing{color:#e5a692}.preview-stats{color:#edcc82;text-align:center;border-top:1px solid #566047;justify-content:space-around;padding-top:12px;font-size:20px;display:flex}.preview-stats span{display:grid}.preview-stats small{color:#a9b39e;font-size:9px}.checklist{background:#1b241d;border:1px solid #4e5b49;padding:17px}.checklist>div{color:#d6d3c1;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.checklist>div span{color:#ad9474;font-size:16px}.checklist>div span.complete{color:#8fc189}.checklist small{color:#9da18e;margin-left:auto}.notice{color:#d8f0d2;background:#223128;border:1px solid #72916d;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;padding:10px 15px;display:flex}.notice.error,.warning{color:#f5b7aa;background:#3b2621;border-color:#9a594d}.warning{padding:9px 12px;font-size:12px}.busy-bar{color:#f3d79f;background:#353526;border:1px solid #9d8358;align-items:center;gap:13px;margin-bottom:14px;padding:10px 15px;font-size:12px;display:flex}.busy-bar button{margin-left:auto}.spinner{border:2px solid #c9b985;border-top-color:#0000;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.guide-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,.75fr);align-items:start;gap:20px;display:grid}.conversation-panel{flex-direction:column;min-height:560px;display:flex}.guide-avatar{color:#e5b65b;background:#39412e;border:1px solid #9a8257;place-items:center;width:36px;height:36px;display:grid}.conversation-panel .panel-heading{border:0}.conversation-panel .panel-heading h2{font-size:15px}.conversation{flex:1;max-height:500px;padding:12px 2px;overflow:auto}.welcome-message{background:#273326;border:1px solid #536646;max-width:480px;padding:28px}.welcome-message p{color:#ffe1a6;font-size:18px}.welcome-message span{color:#b8c2aa;font-size:12px}.suggestions{gap:7px;margin-top:17px;display:grid}.suggestions button{text-align:left!important;justify-content:space-between!important}.message{white-space:pre-wrap;background:#2c382b;border:1px solid #597054;width:fit-content;max-width:82%;margin:13px 0;padding:10px 16px}.message.user{background:#3a392a;border-color:#8e764d;margin-left:auto}.message small{color:#d6bc82}.message p{margin:4px 0 0}.thinking{color:#d5b373}.questions{border-top:1px solid #546048;padding:17px 0}.questions h3{margin:13px 0;font-size:13px}.choices{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.choices button.selected{background:#7b6946!important;border-color:#e5c17d!important}.questions input{margin-bottom:12px}.chat-composer{border-top:1px solid #57604c;padding-top:17px}.chat-composer>div{justify-content:space-between;align-items:center;display:flex}.chat-composer small{color:#8e947f}.brief-panel .bundle-options{border-top:1px solid #525d48;padding:10px 0 15px}.bundle-options p{color:#bdc5ac;font-size:11px}.bundle-options label{margin:9px 0}.candidate-section{margin-top:35px}.candidate-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:19px;display:grid}.candidate{flex-direction:column;display:flex}.candidate h2{margin:8px 0}.candidate img{object-fit:cover;width:100%;max-height:225px;margin:10px 0}.candidate>p{color:#b2c1ab;font-size:13px}.candidate details{max-height:245px;overflow:auto}.candidate details p,.preserve{white-space:pre-wrap}.candidate .primary{margin-top:auto}.candidate-placeholder{text-align:center;color:#cdbb80;place-items:center;height:180px;display:grid}.export-summary{align-items:center;gap:20px;margin-bottom:22px;display:flex}.export-summary img{object-fit:cover;width:80px;height:95px}.export-summary>div{flex:1}.export-summary h2{margin-bottom:4px}.export-summary p{color:#b1baa5;font-size:12px}.export-grid{grid-template-columns:repeat(3,1fr)}.export-option{flex-direction:column;align-items:flex-start;gap:8px;min-height:280px;display:flex}.export-option>svg{color:#e5b65b;margin-bottom:5px}.export-option h2{margin:0;font-size:17px}.export-option p{color:#bac1ac;flex:1;font-size:12px}.export-option details{width:100%;margin-bottom:0}.resource-downloads{margin-top:20px}.resource-downloads h2{font-size:17px}.future-note{color:#ddc58d;background:#272b20;border:1px dashed #756c4c;align-items:center;gap:17px;margin-top:35px;padding:20px;display:flex}.future-note>div{flex:1}.future-note h3{margin:0}.future-note p{color:#b7b8a2;margin:4px 0 0;font-size:12px}.modal-backdrop{z-index:100;background:#060a08d9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#1d261f;border:1px solid #c5a465;flex-direction:column;width:min(760px,100%);max-height:90vh;padding:24px;display:flex;box-shadow:8px 8px #070908}.modal>.panel-heading{flex:none}.modal>.panel-heading>div{flex:1}.modal .panel-heading .eyebrow{margin:0}.modal .panel-heading h2{margin:3px 0 0}.modal .muted{flex:none}.proposal-content{white-space:pre-wrap;background:#131b16;border:1px solid #44503d;min-height:150px;padding:18px;overflow:auto}.proposal-content h2,.proposal-content h3{color:#e7c381;margin:12px 0 4px}.proposal-content img{object-fit:contain;width:100%;max-height:460px}.proposal-content pre{white-space:pre-wrap;word-break:break-word}.proposal-content p{font-size:13px}.modal-footer{color:#adad97;justify-content:space-between;align-items:center;gap:14px;padding-top:20px;font-size:11px;display:flex}.small-modal{max-width:440px}.small-modal .actions{justify-content:end}.test-output{white-space:pre-wrap;word-break:break-all;color:#d4e7c2;background:#101914;border:1px solid #54624c;max-height:240px;padding:12px;overflow:auto}.mono{font-family:ui-monospace,monospace!important}.search{width:170px!important}.save-status{color:#94b992;font-size:11px}@media (width<=1250px){.sidebar{width:210px}.hero{grid-template-columns:1fr .8fr}.hero-content{padding:35px}.hero h1{font-size:36px}.editor-layout{grid-template-columns:minmax(0,1fr) 250px}.editor-tabs button{padding:8px}.preview-art{height:225px}}@media (width<=1020px){.sidebar{width:72px;padding:25px 9px}.brand{padding:0 4px 24px}.brand img{width:38px;height:38px}.brand>div,.workspace-label,.sidebar nav span,.sidebar nav small,.sidebar-note,.sidebar-bottom span,.sidebar-bottom small,.sidebar-bottom i{display:none}.sidebar nav button,.sidebar-bottom button,.sidebar-bottom a{justify-content:center;padding:0}.hero-art,.hero{min-height:360px}.hero h1{font-size:31px}.hero-content{padding:30px}.creation-path h2{font-size:15px}.creation-path p{font-size:10px}.settings-grid,.guide-layout{grid-template-columns:1fr}.brief-panel{max-width:unset}.editor-layout{grid-template-columns:1fr}.character-preview{grid-template-columns:1fr 1fr;display:grid;position:static}.preview-art{height:245px}.checklist{align-self:start}.export-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.sidebar{width:240px;transition:transform .2s;position:fixed;transform:translate(-100%);box-shadow:10px 0 #0009}.sidebar.open{transform:translate(0)}.sidebar.open .brand>div,.sidebar.open .workspace-label,.sidebar.open .sidebar nav span,.sidebar.open .sidebar nav small,.sidebar.open .sidebar-note,.sidebar.open .sidebar-bottom span,.sidebar.open .sidebar-bottom small,.sidebar.open .sidebar-bottom i{display:block}.sidebar.open .workspace-label{display:flex}.sidebar.open .sidebar-note{display:block}.sidebar.open .sidebar nav button,.sidebar.open .sidebar-bottom button,.sidebar.open .sidebar-bottom a{justify-content:flex-start}.topbar{height:56px;padding:0 16px}.mobile-menu{display:inline-grid!important}.topbar>div,.topbar-right{gap:9px}.local-badge{display:none}.breadcrumb{font-size:10px}main{padding:20px 15px 70px}.hero{grid-template-columns:1fr}.hero-content{padding:26px}.hero h1{margin:15px 0;font-size:32px}.hero-description{font-size:13px}.hero-art{border-top:1px solid #6f6845;border-left:0;min-height:220px}.art-caption{bottom:17px;left:19px}.art-caption p{font-size:16px}.hero-foot{margin-top:20px}.creation-paths{grid-template-columns:1fr;gap:12px}.creation-path{padding:14px}.draft-section{margin-top:40px}.section-heading,.page-heading{flex-direction:column;align-items:start}.section-heading .actions{justify-content:space-between;width:100%}.search{flex:1!important}.home-footer{display:none}.editor-tabs button{font-size:10px}.character-preview{grid-template-columns:1fr}.preview-art{height:280px}.two-fields,.ai-tool .ai-controls{grid-template-columns:1fr}.ai-tool .model-field{margin-bottom:0}.settings-grid,.export-grid{grid-template-columns:1fr}.export-summary{flex-wrap:wrap}.future-note{align-items:start}.future-note .badge{display:none}.modal-footer{flex-direction:column;align-items:stretch}.modal-footer .actions{justify-content:end}.conversation-panel{min-height:480px}.brief-panel{padding:18px}}@media (width<=360px){.topbar .connection-status{gap:3px;font-size:0}.hero h1{font-size:27px}.hero-actions{flex-direction:column;align-items:stretch}.creation-path .path-icon{width:42px;height:42px}.creation-path .eyebrow{font-size:7px}.creation-path h2{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sidebar nav .nav-tutorial{color:#c8cfb9;border:1px solid #0000;align-items:center;gap:13px;width:100%;min-height:44px;padding:10px 13px;font-size:13px;text-decoration:none;display:flex}.sidebar nav .nav-tutorial:hover,.sidebar nav .nav-tutorial.active{color:#f1d2a0;background:#283427;border-color:#5d6b4e}.hero-tutorial-link{color:#e2be80;background:0 0;border:0;border-bottom:1px solid #aa895c;align-items:center;gap:7px;margin-top:15px;padding:4px 0;font-size:12px;display:inline-flex}.hero-tutorial-link:hover{color:#ffe3a9}@media (width<=1020px){.sidebar nav .nav-tutorial{justify-content:center;padding:0}.sidebar nav .nav-tutorial span{display:none}}@media (width<=700px){.sidebar.open nav .nav-tutorial{justify-content:flex-start;padding:10px 13px}.sidebar.open nav .nav-tutorial span{display:inline}}.published-heading{align-items:end}.published-heading-actions{align-items:center;gap:9px;display:flex}.published-hero{background:linear-gradient(115deg,#222d25,#18211b 58%,#23352d);border-color:#647053;justify-content:space-between;align-items:center;gap:28px;margin-bottom:18px;display:flex;overflow:hidden}.published-hero h2{color:#f1d39e;margin:7px 0 5px;font-size:30px}.published-hero p{color:#d8d9c3;max-width:680px;margin-bottom:12px}.published-hero-mark{text-align:center;background:repeating-linear-gradient(0deg,#19241e 0 7px,#1e2a22 8px);border:1px solid #b8945d;flex:none;place-content:center;width:150px;height:150px;display:grid;transform:rotate(3deg)}.published-hero-mark span{color:#edcb8b;font:24px Pixel,monospace}.published-hero-mark small{color:#aeb99d;margin-top:9px;display:block}.published-toolbar{align-items:center;gap:15px;margin-bottom:18px;padding:12px 15px;display:flex}.published-search{color:#9ea88f;flex:1;align-items:center;gap:9px;min-width:0;height:40px;display:flex}.published-search input{color:#f1ead7;background:0 0;border:0;outline:0;width:100%}.published-filter{color:#aeb29f;align-items:center;gap:8px;font-size:12px;display:flex}.published-filter select{width:170px}.published-count{color:#d2b875;white-space:nowrap;font-size:12px}.published-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.published-card{background:#18211a;border:1px solid #475341;min-width:0;transition:all .16s;box-shadow:4px 4px #0a0e0b}.published-card:hover{border-color:#92774d;transform:translateY(-3px)}.published-card-main{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.published-cover{background:linear-gradient(145deg,#3d4b39,#1a251e);border-bottom:1px solid #475341;height:210px;position:relative;overflow:hidden}.published-cover img{object-fit:cover;width:100%;height:100%;display:block}.published-cover.placeholder{place-items:center;display:grid}.published-cover.placeholder span{color:#eccb8d;font:56px Pixel,monospace}.published-cover small{color:#e2c888;background:#101710d9;padding:3px 7px;font-size:10px;position:absolute;top:10px;left:10px}.published-cover small+small{color:#c1cdb7;left:auto;right:10px}.published-card-info{padding:14px 15px 12px}.published-meta{color:#a3ad93;justify-content:space-between;gap:8px;font-size:10px;display:flex}.published-card-info h2{color:#efdaa9;margin:7px 0;font-size:19px}.published-card-info p{color:#c8cbb8;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:60px;margin-bottom:10px;font-size:12px;line-height:1.65;display:-webkit-box;overflow:hidden}.published-card-info .tags{gap:5px}.published-card-info .tags span{padding:2px 6px;font-size:10px}.published-author{color:#8d9882;margin-top:10px;display:block}.published-card-actions{border-top:1px solid #34402f;justify-content:space-between;align-items:center;padding:9px 11px;display:flex}.published-card-actions button:first-child{color:#e3c485;background:0 0;border:0;font-size:12px}.published-card-actions .icon-button{border-color:#4b5a42}.published-empty,.published-loading{text-align:center;color:#aeb8a2;padding:62px 22px}.published-empty svg{color:#d7b36e;margin-bottom:12px}.published-empty h2{color:#e3d3ae;margin-bottom:4px}.publish-callout{background:#222319;border-color:#655638;align-items:center;gap:15px;margin-top:23px;display:flex}.publish-callout-icon{color:#e5bc71;border:1px solid #aa8b58;place-items:center;width:44px;height:44px;display:grid}.publish-callout h2{color:#ecd29d;margin-bottom:4px;font-size:18px}.publish-callout p{color:#c2c3ad;margin:0;font-size:12px}.publish-callout button{white-space:nowrap;margin-left:auto}.published-detail{width:calc(100vw - 30px);max-width:720px;padding:27px;position:relative}.published-close{position:absolute;top:16px;right:16px}.published-detail-top{grid-template-columns:150px 1fr;align-items:start;gap:20px;padding-right:28px;display:grid}.published-detail-cover{background:#24332a;border:1px solid #7a6a4c;height:190px;overflow:hidden}.published-detail-cover img{object-fit:cover;width:100%;height:100%}.published-detail-cover.placeholder{place-items:center;display:grid}.published-detail-cover.placeholder span{color:#e2bc75;font:38px Pixel,monospace}.published-detail h2{color:#f0d49f;margin:6px 0;font-size:28px}.published-detail-top p{color:#c9cbb6;font-size:13px;line-height:1.7}.published-detail-top small{color:#9ca78e;margin-top:10px;display:block}.published-detail-content{border-top:1px solid #414b3d;border-bottom:1px solid #414b3d;margin-top:22px;padding:18px 0}.published-detail-content h3{color:#dfc589;font-size:14px}.published-facts{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.published-facts span{color:#c7d0b5;border:1px solid #505d45;padding:5px 8px;font-size:11px}.published-detail-description{color:#d1d4bd;font-size:13px}.published-detail-content details{color:#c8cbb9;margin-top:13px;font-size:12px}.published-detail-content summary{cursor:pointer;color:#dfbd7b}.published-detail-content details p{white-space:pre-wrap;margin:8px 0 0}.published-detail-loading{z-index:60;background:#080b08aa;place-items:center;display:grid;position:fixed;inset:0}.publish-panel{background:linear-gradient(140deg,#25281e,#1a2118);border-color:#715d3e;margin-top:22px}.publish-panel.published{border-color:#617e56}.publish-panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.publish-panel h2{color:#edd39d;margin:6px 0}.publish-panel-heading p{color:#c4c8b4;max-width:680px;font-size:13px}.publish-login{color:#aeb79f;border-top:1px solid #4b513c;align-items:center;gap:13px;padding-top:16px;display:flex}.publish-login svg{color:#ddb86e}.publish-login div{flex:1}.publish-login strong{color:#e7d19d;display:block}.publish-login p{margin:2px 0 0;font-size:12px}.publish-form{border-top:1px solid #4b513c;grid-template-columns:220px 1fr;gap:14px;padding-top:16px;display:grid}.publish-form label{color:#b8c0a9;font-size:12px}.publish-form textarea{resize:vertical}.publish-form-footer{color:#a7b098;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:3px;font-size:11px;display:flex}.publish-public-meta{color:#afbd9d;border-top:1px solid #4b513c;gap:18px;padding:14px 0;font-size:12px;display:flex}.publish-panel .danger{color:#edab91;border-color:#865b51}.published-count{font-family:ui-monospace,monospace}@media (width<=1020px){.published-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.published-hero-mark{width:125px;height:125px}.publish-form{grid-template-columns:1fr}.publish-form-footer{flex-direction:column;grid-column:auto;align-items:flex-start}}@media (width<=700px){.published-heading-actions{justify-content:space-between;width:100%}.published-hero{flex-direction:column;align-items:flex-start;padding:20px}.published-hero-mark{width:100%;height:74px;transform:none}.published-hero-mark span{font-size:19px}.published-toolbar{flex-wrap:wrap;align-items:stretch}.published-search{flex-basis:100%}.published-filter{flex:1}.published-filter select{flex:1;width:auto;min-width:0}.published-count{align-self:center}.published-grid{grid-template-columns:1fr}.published-cover{height:240px}.publish-callout{flex-wrap:wrap;align-items:flex-start}.publish-callout button{margin-left:59px}.published-detail{padding:21px 17px}.published-detail-top{grid-template-columns:95px 1fr;gap:13px}.published-detail-cover{height:128px}.published-detail h2{font-size:21px}.published-detail-top p{max-height:75px;font-size:11px;overflow:hidden}.publish-login{flex-wrap:wrap;align-items:flex-start}.publish-login button{margin-left:33px}.publish-form-footer button{width:100%}.publish-public-meta{flex-direction:column;gap:4px}}