@font-face{font-family:Cafe24Ssurround;src:url(/samples/ui/fonts/cafe24/ssurround/Cafe24Ssurround-v2.0.woff2)format("woff2"),url(/samples/ui/fonts/cafe24/ssurround/Cafe24Ssurround-v2.0.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cafe24SsurroundAir;src:url(/samples/ui/fonts/cafe24/ssurround-air/Cafe24SsurroundAir-v1.1.woff2)format("woff2"),url(/samples/ui/fonts/cafe24/ssurround-air/Cafe24SsurroundAir-v1.1.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#f8f5ef;--paper:#fff9ed;--surface:#fff;--ink:#302a25;--muted:#7d7166;--line:#34302b;--soft-line:#d9ccba;--hairline:#eadfce;--blue:#8fc9ff;--green:#a8ddb5;--pink:#ffb3bf;--yellow:#ffe071;--teal:#18b7a2;--teal-dark:#0d7f73;--danger:#d9534f;--shadow:0 8px 24px #3e342a0f;--shadow-panel:0 1px 0 #ffffffd6, 0 14px 32px #3a2d1f14;--shadow-floating:0 2px 0 #815b2a24, 0 18px 44px #3a2d1f1c;--ease-out:cubic-bezier(.2, .8, .2, 1);--slot-bg:#fff5dc;--slot-inner:#fffdf7;--slot-face:#fff8e6;--slot-rim:#d8bf9e;--slot-deep:#b9925d;--slot-brown:#7b5428;--slot-glow:#fff4bd;--slot-green:#1db69f;--slot-navy:#56628c;--slot-navy-deep:#344064;--slot-gold:#ffcf57;--app-frame-max:100vw;--app-gutter:clamp(12px, 1.6vw, 24px);--app-nav-block:74px;--app-page-top:20px;--app-page-bottom:24px;--font-display:"Cafe24Ssurround", ui-rounded, "SF Pro Rounded", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-body:"Cafe24SsurroundAir", ui-rounded, "SF Pro Rounded", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}
*{box-sizing:border-box}html,body{background:linear-gradient(180deg, #ffffff6b, transparent 220px), repeating-linear-gradient(90deg, #70543005 0 1px, transparent 1px 72px), var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label.secondary-button:focus-within,label.primary-button:focus-within{outline-offset:3px;outline:3px solid #18b7a26b}img{max-width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}button[aria-label="Open Next.js Dev Tools"]{display:none!important}.loading-screen{place-items:center;min-height:100vh;display:grid}.loading-card{background:var(--surface);border:1px solid var(--soft-line);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:12px;padding:22px 28px;font-weight:800;display:flex}.toast{z-index:120;background:var(--ink);color:#fff;width:max-content;max-width:min(520px,100vw - 32px);box-shadow:var(--shadow);text-align:center;pointer-events:none;border-radius:10px;padding:14px 18px;font-weight:800;position:fixed;inset:auto 24px 96px auto;transform:none}.hub-shell,.page-shell{width:min(var(--app-frame-max), calc(100vw - (var(--app-gutter) * 2)));min-height:calc(100vh - var(--app-nav-block));padding:var(--app-page-top) 0 var(--app-page-bottom);margin:0 auto}.page-shell{flex-direction:column;display:flex}.page-shell>:last-child{flex:auto;min-height:0}.hub-hero,.page-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.hub-hero{background:var(--paper);border:1px solid var(--soft-line);min-height:176px;box-shadow:var(--shadow);border-radius:14px;padding:34px}.hub-hero h1,.page-top h1{letter-spacing:0;margin:0;font-size:clamp(40px,6vw,80px);line-height:.92}.hub-hero p,.page-top p{color:var(--muted);word-break:keep-all;overflow-wrap:normal;margin:12px 0 0;font-size:17px;font-weight:700}.hub-actions,.card-actions,.stage-actions,.upload-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}
.primary-button,.secondary-button,.ghost-button,.icon-text-button,a.primary-button,a.secondary-button,a.ghost-button,a.icon-text-button,.tool-button,.card-actions button{border:1px solid var(--soft-line);background:var(--surface);min-height:42px;color:var(--ink);cursor:pointer;box-shadow:none;text-align:center;word-break:keep-all;overflow-wrap:normal;transition:transform .15s var(--ease-out), border-color .15s var(--ease-out), background .15s var(--ease-out), box-shadow .15s var(--ease-out), color .15s var(--ease-out);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-weight:850;text-decoration:none;display:inline-flex}.primary-button{background:linear-gradient(180deg, #fff3, transparent 48%), var(--teal);border-color:var(--teal-dark);color:#fff;box-shadow:inset 0 1px #ffffff47,0 3px #0d7f73b8,0 10px 18px #18b7a224}.secondary-button{background:linear-gradient(#ffffffc2,#0000 48%),#eefbf7}:where(.primary-button,.secondary-button,.ghost-button,.icon-text-button,.tool-button,.card-actions button):not(:disabled):hover{border-color:#0d7f7373;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff6b,0 4px #815b2a1f,0 14px 24px #3a2d1f17}:where(.primary-button):not(:disabled):hover{border-color:var(--teal-dark);box-shadow:inset 0 1px #ffffff52,0 4px #0d7f73bd,0 15px 26px #18b7a22e}:where(.primary-button,.secondary-button,.ghost-button,.icon-text-button,.tool-button,.card-actions button):not(:disabled):active{transform:translateY(1px)scale(.99);box-shadow:inset 0 2px 4px #3a2d1f1f,0 1px #815b2a29}.not-found-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.not-found-card{border:1px solid var(--soft-line);background:radial-gradient(circle at 80% 0%, #ffe07138, transparent 34%), var(--surface);width:min(560px,100%);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:30px}.not-found-card h1{word-break:keep-all;margin:14px 0 10px;font-size:clamp(28px,8vw,34px);line-height:1.08}.not-found-card p{color:var(--muted);word-break:keep-all;margin-bottom:22px;font-weight:800}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ghost-button{box-shadow:none;background:0 0}.compact{min-height:40px;padding:0 11px;font-size:13px}.wide{width:100%}.primary-button:disabled{color:#7b7167;box-shadow:none;opacity:1;cursor:not-allowed;background:#d8d2c8;border-color:#c2b7a8}.card-header,.section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}h2,h3,p{margin-top:0}.badge{border:1px solid var(--soft-line);background:#dff7eb;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}
.reference-home{width:min(var(--app-frame-max), calc(100vw - (var(--app-gutter) * 2)));min-height:calc(100vh - var(--app-nav-block));grid-template-rows:auto minmax(0,1fr);padding-top:10px;padding-bottom:0;display:grid}.app-nav{min-height:54px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:20px;padding:0 18px;display:flex}.global-app-nav{z-index:30;width:min(var(--app-frame-max), calc(100vw - (var(--app-gutter) * 2)));margin:10px auto;position:sticky;top:10px}.brand-mark{cursor:pointer;background:0 0;border:0;place-items:center;min-height:44px;padding:0;text-decoration:none;display:inline-grid}.brand-logo{object-fit:contain;filter:drop-shadow(0 4px #835f2f14);width:132px;height:48px;display:block}.app-nav nav{align-items:center;gap:8px;display:flex}.app-nav nav button,.app-nav nav a{min-height:42px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-weight:900;text-decoration:none;display:inline-flex}.app-nav nav button.active,.app-nav nav a.active{color:#10695f;background:#dff6ef}.global-app-nav+:where(.hub-shell,.page-shell,.editor-shell){min-height:calc(100vh - var(--app-nav-block))}.global-app-nav+.editor-shell{height:calc(100vh - var(--app-nav-block))}
.landing-home{grid-template-rows:minmax(380px,52vh) auto minmax(180px,1fr);gap:16px;padding-top:10px;display:grid}.landing-hero{background:linear-gradient(#ffffff57,#fffaee2e),url(/samples/ui/home-hero.png) 50%/cover;border:1px solid #d2c5b3;border-radius:16px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff3d,0 10px 26px #49362014}.landing-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%,#ffffffc7,#ffffff61 28%,#0000 48%);position:absolute;inset:0}.landing-hero-copy{z-index:1;text-align:center;justify-items:center;gap:14px;width:min(640px,100% - 40px);display:grid;position:relative}.landing-logo-title{filter:drop-shadow(0 5px #fff7d8cc)drop-shadow(0 12px 20px #5337162e);width:clamp(280px,28vw,520px);height:auto}.landing-hero p{color:#4c3f33;word-break:keep-all;text-shadow:0 1px #ffffffe6;width:min(520px,100%);margin:0;font-size:18px;font-weight:900;line-height:1.55}.landing-current-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:inline-flex}.landing-workbench{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.landing-route-card{min-height:112px;color:var(--ink);cursor:pointer;text-align:left;transition:transform .16s var(--ease-out), border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:linear-gradient(#ffffffdb,#0000 55%),#fff7df;border:2px solid #d8c39c;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:54px minmax(0,1fr);align-content:center;gap:5px 12px;padding:16px;display:grid;box-shadow:inset 0 0 0 4px #ffffff6b,0 3px #b4915e3d}.landing-route-card:hover{border-color:#18b7a2a3;transform:translateY(-1px);box-shadow:inset 0 0 0 4px #ffffff85,0 4px #0d7f7333,0 12px 22px #18b7a21a}.landing-route-card.projects{background:linear-gradient(#ffffffd6,#0000 55%),#eaf7ff}.landing-route-card.create{background:linear-gradient(#ffffffd6,#0000 55%),#fff0d1}.landing-route-icon{color:#0d7f73;background:#e0fbf3;border-radius:14px;grid-row:1/span 2;place-items:center;width:50px;height:50px;display:inline-grid;box-shadow:inset 0 0 0 2px #18b7a233}.landing-route-card strong{align-self:end;min-width:0;font-size:18px;font-weight:1000}.landing-route-card span:not(.landing-route-icon){color:#7d6240;min-width:0;font-size:13px;font-weight:900}.landing-current-project{min-height:188px;box-shadow:var(--shadow-panel);background:linear-gradient(#fffffff0,#fffaeef2),radial-gradient(circle at 100% 0,#18b7a21f,#0000 30%);border:1px solid #d8c39c;border-radius:14px;grid-template-columns:minmax(0,1fr) 220px;align-items:stretch;gap:18px;padding:18px;display:grid}.landing-current-copy{align-content:center;justify-items:start;gap:7px;min-width:0;display:grid}.landing-current-copy span{color:#0d7f73;font-size:12px;font-weight:1000}.landing-current-copy h2{letter-spacing:0;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.15}.landing-current-copy p{color:var(--muted);word-break:keep-all;margin:0 0 6px;font-weight:850}.landing-current-preview{background:#fff8dc;border:2px solid #d8c39c;border-radius:12px;min-width:0;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff7a}.landing-current-preview .panel-preview,.landing-current-preview img{object-fit:cover;width:100%;height:100%}.logged-out-home{grid-template-rows:minmax(360px,50vh) auto auto;gap:16px;padding-top:10px;display:grid}.logged-out-hero,.auth-hero{background:linear-gradient(90deg,#fffbeef0,#fffbee8a 48%,#ffffff14),url(/samples/ui/home-hero.png) 50%/cover;border:1px solid #d2c5b3;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff3d,0 10px 26px #49362014}.logged-out-hero{align-items:center;min-height:350px;padding:36px;display:grid}.logged-out-hero-copy{gap:14px;width:min(620px,100%);display:grid}.logged-out-kicker{color:#0d7f73;width:fit-content;min-height:30px;font-family:var(--font-display);background:#e7fbf3eb;border:1px solid #18b7a247;border-radius:999px;align-items:center;padding:0 11px;font-size:13px;display:inline-flex}.logged-out-hero h1,.auth-copy h1{font-family:var(--font-display);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(34px,4.6vw,58px);line-height:1.04}.logged-out-hero p,.auth-copy p{color:#4c3f33;word-break:keep-all;width:min(560px,100%);margin:0;font-size:17px;font-weight:850;line-height:1.55}.logged-out-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;display:flex}.logged-out-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.logged-out-choice-card{min-height:132px;color:var(--ink);transition:transform .16s var(--ease-out), border-color .16s var(--ease-out), box-shadow .16s var(--ease-out);background:linear-gradient(#ffffffdb,#0000 55%),#fff7df;border:2px solid #d8c39c;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:52px minmax(0,1fr) 18px;align-content:center;gap:6px 12px;padding:16px;text-decoration:none;display:grid;box-shadow:inset 0 0 0 4px #ffffff6b,0 3px #b4915e3d}.logged-out-choice-card:hover{border-color:#18b7a2a3;transform:translateY(-1px);box-shadow:inset 0 0 0 4px #ffffff85,0 4px #0d7f7333,0 12px 22px #18b7a21a}.logged-out-choice-card.tutorial{background:linear-gradient(#ffffffd6,#0000 55%),#eaf7ff}.logged-out-choice-card.signup{background:linear-gradient(#ffffffd6,#0000 55%),#fff0d1}.logged-out-choice-card .landing-route-icon{grid-row:1/span 2}.logged-out-choice-card strong{font-family:var(--font-display);align-self:end;font-size:18px}.logged-out-choice-card>span:not(.landing-route-icon){color:#7d6240;word-break:keep-all;font-size:13px;font-weight:900;line-height:1.4}.logged-out-choice-card>svg{color:#8a714f;grid-area:1/3/span 2;align-self:center}.logged-out-tip-strip{grid-template-columns:minmax(0,1fr) auto}.auth-page-shell{align-items:center;padding-top:18px;display:grid}.auth-hero{grid-template-columns:minmax(0,1fr) minmax(380px,440px);align-items:center;gap:28px;min-height:min(640px,100vh - 120px);padding:34px;display:grid}.auth-copy{justify-items:start;gap:14px;display:grid}.auth-form{min-width:0;box-shadow:var(--shadow-panel);background:linear-gradient(#fffffff2,#fffaeef2),#fffaf1;border:1px solid #cdb18bdb;border-radius:16px;gap:14px;padding:22px;display:grid}.auth-form-head{align-items:center;gap:12px;display:flex}.auth-form-icon{color:#0b8778;background:#e7fbf3;border:1px solid #18b7a23d;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:inline-grid}.auth-form h2{font-family:var(--font-display);margin:0;font-size:24px}.auth-form p{color:var(--muted);word-break:keep-all;margin:3px 0 0;font-size:13px;font-weight:850}.auth-field{color:#473a2f;font-family:var(--font-display);gap:7px;font-size:14px;display:grid}.auth-field input{background:#fffdf8f5;border:1px solid #b890526b;border-radius:10px;width:100%;min-height:46px;padding:0 12px}.auth-field input[aria-invalid=true]{background:#fff8f6;border-color:#d9534fb8}.auth-field em,.auth-form-error{color:var(--danger);font-family:var(--font-body);font-size:13px;font-style:normal;font-weight:900}.auth-form-error{margin:0}.auth-form-foot{color:#6f5b49;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:850;display:flex}.auth-form-foot a{color:#0d7f73;font-family:var(--font-display);text-decoration:none}@media (max-width:1320px){.logged-out-home{grid-template-rows:minmax(300px,40vh) auto auto;gap:12px}.logged-out-hero{min-height:300px;padding:28px}.logged-out-hero h1,.auth-copy h1{font-size:clamp(32px,4vw,48px)}.logged-out-choice-card{min-height:124px;padding:14px}.auth-hero{grid-template-columns:minmax(0,1fr) minmax(360px,410px);gap:20px;min-height:min(594px,100vh - 112px);padding:28px}.auth-copy p{font-size:16px}}
.reference-hero{background:url(/samples/ui/inventory-hero.png) 50%/cover;border:1px solid #d2c5b3;border-radius:12px 12px 0 0;place-items:center;min-height:142px;margin-top:10px;display:grid;position:relative;overflow:hidden}.reference-hero>div{z-index:1;justify-items:center;gap:4px;display:grid;position:relative}.reference-hero h1{z-index:1;letter-spacing:0;margin:0;font-size:38px;position:relative}.reference-hero p{z-index:1;margin:10px 0 0;font-weight:900;position:relative}.hero-mascot{display:none}.album-tabs{z-index:3;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:flex-end;gap:4px;padding:0 14px;display:flex;position:relative;overflow:visible}.album-tabs button{color:#8a5d20;cursor:pointer;min-height:42px;transition:min-height .18s var(--ease-out), transform .18s var(--ease-out), border-color .18s var(--ease-out), background .18s var(--ease-out), color .18s var(--ease-out), box-shadow .18s var(--ease-out);background:linear-gradient(#ffffffd6,#0000 70%),#fff4cd;border:1px solid #b8905275;border-bottom:0;border-radius:13px 13px 0 0;justify-content:center;align-items:center;padding:0 22px;font-size:13px;font-weight:950;display:inline-flex;box-shadow:inset 0 1px #ffffffc2,0 -2px #815b2a14}.album-tabs button.active{color:#008b7b;box-shadow:inset 0 4px 0 var(--teal), inset 0 1px 0 #ffffffdb, 0 -3px 12px #0d7f7321;background:linear-gradient(#ffffffeb,#0000 72%),#e5fbf4;border-color:#18b7a29e;transform:translateY(1px)}.reference-inventory-grid{background:linear-gradient(#ffffffe6,#fff8eaeb),radial-gradient(circle at 12% 0,#ffe07133,#0000 28%);border:1px solid #d2c5b3;border-top:0;border-radius:0 0 12px 12px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;min-height:0;padding:10px 16px 14px;display:grid;position:relative}.inventory-tab-panels{min-width:0;display:block}.inventory-tab-panel{min-width:0;display:none}.inventory-tab-panel.active{display:block}.inventory-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.inventory-card-stats{color:#74501f;white-space:nowrap;background:linear-gradient(#ffffffdb,#0000 45%),#ffe9a8;border:2px solid #c7a976;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:12px;font-weight:950;display:inline-flex;box-shadow:inset 0 1px #ffffffd9,0 2px #815b2a33}.inventory-card-stats span{color:#986e2c}.inventory-card-stats strong{color:#0e7e73;background:#fffaf0;border-radius:999px;place-items:center;min-width:42px;height:22px;display:inline-grid;box-shadow:inset 0 0 0 1px #c7a97694}.inventory-panel-clip{min-width:0;min-height:0;overflow:hidden}.featured-character-card{z-index:2;background:#fff;border:1px solid #e0d3c1;border-radius:14px;flex-direction:column;min-width:0;min-height:0;padding:13px 18px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 2px #e1caabb3,0 10px 24px #3e342a0b}.featured-character-body{flex:auto;grid-template-columns:176px 1fr;gap:16px;min-height:0;margin-top:8px;display:grid}.character-rpg-layout{--roster-column-bg:244px;background:linear-gradient(90deg, #fff4d3f5 0 var(--roster-column-bg), #fffdf7fa var(--roster-column-bg) 100%), radial-gradient(circle at 12% 10%, #ffffffeb, transparent 26%);border:2px solid #d8c39c;border-radius:15px;flex:auto;grid-template-columns:minmax(218px,244px) minmax(0,1fr);min-height:0;margin-top:12px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff6b,0 3px #b4915e47}.character-roster-panel,.character-profile-panel{min-width:0;padding:14px}.character-roster-panel{background:linear-gradient(#fffae3eb,#f6e3b9d1),repeating-linear-gradient(0deg,#0000 0 86px,#b8905221 86px 88px);border-right:2px solid #d8c39c;grid-template-rows:auto minmax(0,1fr);align-content:start;display:grid}.character-profile-panel{background:linear-gradient(#fffffff5,#fff9ecf5),radial-gradient(circle at 100% 0,#18b7a21c,#0000 34%)}.character-panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.character-panel-heading .subhead{margin-top:0}.character-panel-heading span{color:#7b5a22;background:#fff8d6;border:1px solid #b9a06f;border-radius:999px;flex:none;place-items:center;min-width:42px;padding:4px 9px;font-size:12px;font-weight:950;display:inline-grid}.character-panel-actions{flex:none;align-items:center;gap:8px;display:inline-flex}.roster-add-button{gap:4px;min-height:30px;padding:0 9px;font-size:12px}.character-profile-panel .featured-character-body{grid-template-columns:minmax(176px,220px) minmax(0,1fr);align-items:start;gap:18px;height:100%;margin-top:0}.character-profile-panel .featured-profile{min-width:0;padding-top:4px}.character-empty-state{min-height:320px;color:var(--muted);text-align:center;flex:auto;align-content:center;place-items:center;gap:14px;font-weight:850;display:grid}.character-empty-state p{margin:0}.featured-portrait{background:linear-gradient(#dff8ff,#e8f6d9);border:2px solid #d6c09d;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff75}.featured-portrait img{aspect-ratio:1;object-fit:contain;width:100%;padding:8px;transform:scale(1.08)}.profile-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-title-main{align-items:center;gap:10px;min-width:0;display:flex}.profile-title-actions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.profile-title h3,.subhead{margin:0}.featured-profile p{color:var(--muted);margin-bottom:10px;font-weight:800}.featured-profile dl{gap:4px;margin:10px 0;display:grid}.featured-profile dl div{border-bottom:1px solid var(--soft-line);grid-template-columns:74px 1fr;gap:10px;padding:4px 0;display:grid}.featured-profile dt{color:#9a6d28;font-weight:950}.featured-profile dd{margin:0;font-weight:850}.subhead{margin-top:10px}.character-album-row{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-items:stretch;gap:10px;margin-top:10px;display:grid;overflow:visible}.character-roster-grid{grid-template-columns:1fr;align-content:start;gap:10px;margin-top:0}.character-roster-grid .character-album-tile{grid-template-rows:42px auto auto;min-height:94px;padding:7px}.character-roster-grid .character-album-tile img{width:58px;height:44px}.character-album-tile{cursor:pointer;background:#fffbf1eb;border:1px solid #b1844885;border-radius:14px;grid-template-rows:56px auto auto;justify-items:center;gap:6px;min-height:116px;padding:10px 9px 9px;transition:background .14s,border-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 10px #533d220a}.character-album-tile:hover{background:#f6fffaf5;border-color:#0f9b8d;transform:translateY(-1px);box-shadow:0 6px 14px #18b7a217}.character-album-tile.selected{border-color:var(--slot-green);background:#ecfbf6;box-shadow:0 0 0 2px #18b7a229,0 6px 14px #18b7a214}.character-album-tile img{object-fit:contain;filter:drop-shadow(0 2px 3px #764e201a);width:72px;height:60px}.character-album-tile strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.character-album-tile span{color:var(--muted);font-size:12px;font-weight:850}.character-album-tile.add{color:var(--muted);background:#fffbf1b8;border-style:dashed}.prop-album-row{grid-template-columns:repeat(auto-fill,minmax(122px,1fr))}.prop-rpg-layout{--roster-column-bg:34%;height:clamp(380px, calc(100vh - var(--app-nav-block) - 350px), 660px);grid-template-columns:minmax(300px,34%) minmax(0,1fr);min-height:0}.prop-roster-panel{min-height:0}.prop-profile-panel{scrollbar-width:thin;min-height:0;overflow:auto}.prop-roster-grid{scrollbar-width:thin;align-content:start;min-height:0;padding:2px 4px 4px 0;overflow:auto}.prop-album-tile{grid-template-rows:58px auto;gap:6px}.prop-album-tile img{width:74px;height:58px;transform:none}.prop-album-tile.add{cursor:pointer}.prop-featured-portrait{background:linear-gradient(#e9f8ff,#fff2c8)}.prop-featured-portrait img{transform:scale(1.08)}.prop-creator-panel{background:linear-gradient(#fffffff0,#fff8e7fa),radial-gradient(circle at 100% 0,#18b7a21c,#0000 34%);border:2px solid #d8c39c;border-radius:15px;grid-template-columns:minmax(0,1fr) 230px;gap:16px;margin-top:14px;padding:14px;display:grid}.prop-creator-panel-inline{height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0;padding:0}.character-creator-profile-panel{scrollbar-width:thin;min-height:0;overflow:auto}.character-creator-panel-inline{min-height:0}.character-creator-inline-grid{grid-template-columns:minmax(0,1fr) 260px;gap:16px;min-height:0;display:grid}.character-creator-inline-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 12px;min-width:0;display:grid}.character-creator-head,.character-creator-inline-form>label,.character-image-board,.character-inline-sample-grid,.character-inline-reference-uploader,.character-creator-inline-form .creator-checklist,.character-creator-inline-form .form-helper,.character-creator-actions{grid-column:1/-1}.character-creator-head h3,.character-creator-head p,.character-creator-inline-preview h3,.character-creator-inline-preview p{margin:0}.character-creator-inline-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:900;display:grid}.character-inline-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.character-inline-reference-uploader{margin-top:0}.character-creator-inline-preview{min-width:0;color:var(--muted);align-content:start;gap:10px;font-weight:850;display:grid}.character-preview-frame img{object-fit:contain;width:82%;height:82%}.character-preview-frame{position:relative}.character-preview-source-badge{color:#6d4d22;text-overflow:ellipsis;white-space:nowrap;background:#fffdf6f0;border:1px solid #c29a626b;border-radius:999px;align-items:center;max-width:calc(100% - 20px);min-height:26px;padding:0 10px;font-size:11px;font-weight:950;display:inline-flex;position:absolute;bottom:10px;left:10px;overflow:hidden}.character-slot-preview em{min-width:44px}.character-creator-inline-preview small{color:#80664a;font-weight:850;line-height:1.45}.character-image-board{background:linear-gradient(#ffffffe6,#fff7def2),radial-gradient(circle at 100% 0,#18b7a21f,#0000 40%);border:2px solid #d7bd8e;border-radius:13px;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);gap:12px;padding:12px;display:grid;box-shadow:inset 0 0 0 4px #ffffff57}.character-image-board .master-image-uploader{align-self:start;gap:7px;min-width:0;margin:0;display:grid}.character-image-board label.file-picker-surface{cursor:pointer;justify-content:space-between;align-items:center;margin:0;display:flex}.master-image-preview-card{color:#6d4d22;cursor:pointer;min-width:0;min-height:118px;font:inherit;text-align:center;background:#fffdf6e6;border:2px solid #c29a626b;border-radius:12px;grid-template-rows:minmax(0,1fr) auto;gap:6px;padding:8px;font-size:11px;font-weight:950;display:grid;box-shadow:inset 0 0 0 4px #ffffff61,0 2px #a67c4033}.master-image-preview-card img{object-fit:contain;width:100%;height:86px}.master-image-preview-card strong{color:#0f766b;background:#e7fbf5f5;border-radius:999px;justify-content:center;justify-self:center;align-items:center;min-height:24px;padding:0 8px;display:inline-flex}.master-image-preview-card.selected,.direction-reference-preview.selected{box-shadow:0 0 0 3px #1585ff29,0 2px #0d7f733d;border-color:#1585ff!important}.direction-reference-panel{gap:9px;min-width:0;display:grid}.direction-reference-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.direction-reference-head div{color:#6d4d22;align-items:center;gap:8px;font-size:13px;font-weight:950;display:inline-flex}.direction-reference-head span{color:#0f766b;background:#e5fbf5;border:1px solid #18b7a259;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:950;display:inline-flex}.direction-reference-head .secondary-button.compact{white-space:nowrap;min-height:30px;padding:0 9px;font-size:12px}.direction-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.direction-reference-slot{background:#fffcf4d1;border:1px solid #d6bd91;border-radius:12px;gap:6px;min-width:0;padding:7px;display:grid;position:relative;box-shadow:0 2px #a67c4038}.direction-reference-slot.filled{border-color:var(--teal);background:#edfbf6}.character-image-board .direction-reference-preview{color:#9a784a;cursor:pointer;appearance:none;text-align:center;background:repeating-linear-gradient(135deg,#ffffffb3 0 8px,#efcc9738 8px 16px),#fff7df;border:2px dashed #d2b98e;border-radius:10px;place-items:center;gap:4px;width:100%;min-height:88px;margin:0;padding:0;font-family:inherit;font-size:11px;font-weight:950;display:grid;position:relative;overflow:hidden}.character-image-board .direction-reference-slot.filled .direction-reference-preview{background:#f7fffb;border-style:solid;border-color:#0fb6a78c}.direction-reference-preview img{object-fit:contain;width:100%;height:100%;padding:5px}.direction-reference-preview strong{color:#6d4d22;background:#fffdf6e6;border:1px solid #c29a628c;border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-size:10px;font-weight:950;display:inline-flex;position:absolute;bottom:5px;left:6px}.direction-reference-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;display:grid}.character-image-board .direction-reference-actions label,.direction-reference-actions button{color:#6d4d22;cursor:pointer;white-space:nowrap;word-break:keep-all;background:#fffaf0;border:1px solid #c29a6273;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:28px;margin:0;padding:0 4px;font-size:10px;font-weight:950;line-height:1;display:inline-flex}.direction-reference-actions button:disabled{opacity:.55;cursor:not-allowed}.direction-reference-remove{z-index:3;color:#b34258;cursor:pointer;background:#fffafaf5;border:1px solid #d64d6873;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #ffffffdb,0 5px 12px #623c3229}.direction-reference-remove:hover:not(:disabled){color:#9f2f47;background:#fff1f3;border-color:#d64d68c2}.direction-reference-remove:disabled{opacity:.52;cursor:not-allowed}.direction-reference-panel>p{color:#80664a;margin:0;font-size:12px;font-weight:850;line-height:1.35}@media (max-width:1320px){.character-image-board{grid-template-columns:1fr}.direction-reference-grid{grid-template-columns:repeat(4,minmax(82px,1fr))}}.character-inline-reference-strip{margin:0}.prop-creator-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px 12px;min-width:0;display:grid}.prop-creator-head,.prop-tags-field,.prop-image-field,.prop-creator-form .form-helper,.prop-creator-actions{grid-column:1/-1}.prop-creator-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.prop-creator-head h3,.prop-creator-preview h3,.prop-creator-preview p{margin:0}.prop-creator-head button,.prop-creator-actions button:not(.primary-button){border:1px solid var(--soft-line);min-height:36px;color:var(--ink);cursor:pointer;background:#fffaf0;border-radius:9px;padding:0 12px;font-weight:900}.prop-creator-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:900;display:grid}.prop-creator-actions{justify-content:flex-end;gap:8px;display:flex}.prop-creator-preview{min-width:0;color:var(--muted);align-content:start;gap:10px;font-weight:850;display:grid}.prop-preview-frame{aspect-ratio:1;background:linear-gradient(#e9f8ff,#fff2c8);border:2px solid #d6c09d;border-radius:13px;place-items:center;width:100%;display:grid;overflow:hidden;box-shadow:inset 0 0 0 5px #ffffff7a}.prop-preview-frame.empty{color:#a98652;background:repeating-linear-gradient(135deg,#ffffff85 0 8px,#e5c5962e 8px 16px),#fff7df;border-style:dashed}.prop-preview-frame img{object-fit:contain;width:78%;height:78%}.prop-creator-preview span{color:#8f6a35;margin-top:4px;font-size:12px;display:block}
.demo-strip{gap:12px;margin:24px 0;display:flex}.demo-strip img{object-fit:cover;border:1px solid var(--soft-line);background:var(--paper);border-radius:10px;width:110px;height:110px}.readiness-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:14px 0;font-weight:800;display:flex}.soft-warning,.soft-success{border:1px solid var(--soft-line);border-radius:10px;margin:18px 0 0;padding:13px;font-weight:800}.soft-warning{background:#fff1c2}.soft-success{background:#ddf7df}
.project-section{margin-top:30px}.project-grid,.asset-gallery,.reference-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.project-card{border:1px solid var(--soft-line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:18px}.project-card h3{margin:12px 0 8px}.works-page{height:calc(100vh - var(--app-nav-block));min-height:0;padding-bottom:34px;overflow:hidden}.works-list-panel,.works-detail-panel,.works-empty-state{background:linear-gradient(180deg, #fffffff5, #fffdf8fa), var(--surface);box-shadow:var(--shadow-panel);border:1px solid #c4ae8fd6;border-radius:14px}.works-browser{flex:auto;grid-template-columns:390px minmax(0,1fr);align-items:stretch;gap:18px;min-height:0;display:grid}.works-list-panel,.works-detail-panel,.works-empty-state{min-height:0;padding:18px}.works-list-panel{flex-direction:column;display:flex;overflow:hidden}.works-detail-panel{overflow:auto}.works-list{overscroll-behavior:contain;flex:auto;align-content:start;gap:10px;min-height:0;max-height:none;margin-top:12px;padding-right:4px;display:grid;overflow-y:auto}.works-list-title{align-items:center;gap:10px}.works-list-heading{align-items:center;gap:8px;min-width:0;display:inline-flex}.works-list-title h2{min-width:0;margin:0}.works-list-tools{background:linear-gradient(#fffaebd1,#ffffffb8),#fffaf0;border:1px solid #c4ae8f94;border-radius:12px;gap:7px;margin-top:10px;padding:8px;display:grid}.works-list-count{color:#0f766b;background:#e5fbf4;border:1px solid #18b7a257;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:950;display:inline-flex}.works-list-empty,.empty-detail{text-align:center;align-content:center;place-items:center;gap:10px;min-height:280px;display:grid}.empty-state-art{object-fit:contain;filter:drop-shadow(0 12px 20px #8f6f481f);width:min(220px,48vw);max-height:180px}.empty-state-art.compact{width:min(148px,34vw);max-height:132px}.works-list-empty{background:#fffaf0;border:1px dashed #d8c39c;border-radius:13px;margin-top:14px;padding:18px 14px}.works-list-empty h2,.works-list-empty p,.empty-detail h2,.empty-detail p{margin:0}.works-list-empty h2,.empty-detail h2{font-size:17px;line-height:1.25}.works-list-empty p,.empty-detail p{color:var(--muted);font-size:13px;font-weight:850;line-height:1.45}.work-card-shell{min-width:0;position:relative}.work-card{width:100%;min-height:92px;color:inherit;cursor:pointer;text-align:left;transition:transform .15s var(--ease-out), border-color .15s var(--ease-out), background .15s var(--ease-out), box-shadow .15s var(--ease-out);background:linear-gradient(#ffffffe0,#0000 54%),#fff7e8;border:2px solid #dfcfb8;border-radius:13px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:10px 48px 10px 10px;display:grid;box-shadow:inset 0 1px #ffffffdb,0 2px #815b2a1f}.work-card:hover{border-color:#0d7f736b;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe6,0 3px #0d7f7324,0 12px 18px #3a2d1f12}.work-card-shell.selected .work-card{border-color:var(--teal);background:linear-gradient(#ffffffe6,#0000 54%),#e9fbf5;box-shadow:inset 0 1px #ffffffeb,0 0 0 3px #18b7a21f,0 3px #0d7f7338}.work-card-delete{z-index:2;width:28px;height:28px;color:var(--danger);cursor:pointer;box-shadow:none;transition:color .15s var(--ease-out), transform .15s var(--ease-out);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.work-card-delete:hover{color:#c93d38;transform:translateY(-1px)}.work-card-delete:active{transform:translateY(1px)}.work-card-delete:focus-visible{outline-offset:2px;outline:2px solid #d9534f6b}.work-card .mini-preview{border-width:2px;border-radius:12px;width:68px;height:68px}.mini-preview.empty{background:repeating-linear-gradient(135deg,#fff9 0 8px,#ead2af52 8px 16px),#fffaf0;display:block}.work-card-copy{gap:5px;min-width:0;display:grid}.work-card-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:950;line-height:1.1;overflow:hidden}.work-card-copy>span:last-child{color:var(--muted);font-size:12px;font-weight:900}.work-card-topline{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.work-card-topline small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.works-detail-panel{align-content:start;gap:12px;display:grid}.works-detail-head{border-bottom:1px solid #c4ae8f6b;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding-bottom:10px;display:grid}.works-detail-head h2{margin:8px 0 4px;font-size:26px;line-height:1.08}.works-detail-head p{color:var(--muted);margin:0;font-size:13px;font-weight:900}.works-detail-date{color:var(--muted);margin-top:4px;font-size:12px;font-weight:850;display:block}.works-detail-utility-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.works-detail-utility-actions .primary-button{white-space:nowrap;min-height:36px;padding-inline:14px}.works-detail-utility-actions .secondary-button{white-space:nowrap;min-height:36px;padding-inline:12px}.danger-outline{color:var(--danger)!important;background:#fff7f4!important;border-color:#d9534f57!important}.works-detail-body{grid-template-rows:auto minmax(0,1fr) auto;gap:18px;min-height:min(620px,100vh - 260px);padding-top:4px;display:grid}.works-spotlight{grid-template-rows:auto auto;grid-template-columns:minmax(190px,248px) minmax(220px,1fr);align-items:center;gap:16px 18px;display:grid}.works-main-preview{aspect-ratio:1;background:#fff;border:2px solid #d8ccb9;border-radius:18px;justify-self:center;width:100%;max-width:248px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #ffffff7a,0 14px 26px #3a2d1f14}.works-spotlight-copy{gap:8px;display:grid}.works-eyebrow{color:#0f766b;letter-spacing:0;align-items:center;width:fit-content;min-height:24px;padding:0;font-size:11px;font-weight:950;display:inline-flex}.works-spotlight-copy h3{color:var(--ink);margin:0;font-size:22px;line-height:1.18}.works-spotlight-copy p{max-width:760px;color:var(--muted);margin:0;font-size:13px;font-weight:850;line-height:1.55}.works-resume-copy{align-content:start;gap:8px;min-width:0;display:grid}.works-progress-stack{border-top:1px solid #c4ae8f6b;border-bottom:1px solid #c4ae8f6b;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.works-progress-stack span{min-width:0;min-height:40px;color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:950;display:flex}.works-progress-stack span+span{border-left:1px solid #c4ae8f5c}.works-progress-stack strong{color:inherit}.works-panel-queue{align-content:start;gap:12px;min-height:0;display:grid}.works-queue-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.works-queue-head h3{margin:0;font-size:14px;line-height:1.1}.works-queue-head p{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:850;line-height:1.35}.works-queue-head span{color:#0f766b;white-space:nowrap;align-items:center;min-height:26px;padding:0;font-size:11px;font-weight:950;display:inline-flex}.works-queue-grid{border-top:1px solid #c4ae8f6b;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 18px;min-height:0;padding-right:4px;display:grid;overflow:auto}.works-cut-card{border-bottom:1px solid #c4ae8f4d;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:12px 0;display:grid}.works-cut-card.ready{border-bottom-color:#18b7a247}.works-cut-card.complete{border-bottom-color:#5d6cb03d}.works-cut-preview{background:#fff;border:1px solid #c4ae8f94;border-radius:6px;width:86px;height:86px;position:relative;overflow:hidden}.works-queue-index{z-index:2;color:#80664a;background:#fffaf0e6;border:1px solid #b4915e6b;border-radius:2px;place-items:center;min-width:22px;height:22px;font-size:10px;font-weight:950;display:inline-grid;position:absolute;top:5px;right:5px}.works-cut-copy{gap:5px;min-width:0;display:grid}.works-cut-titleline{align-items:center;gap:8px;min-width:0;display:flex}.works-cut-titleline strong{color:var(--ink);font-size:13px;line-height:1.1}.works-cut-titleline span{color:#0f766b;align-items:center;min-height:22px;padding:0;font-size:10px;font-weight:950;display:inline-flex}.works-cut-copy p{min-height:32px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:850;line-height:1.35;display:-webkit-box;overflow:hidden}.works-cut-meta{flex-wrap:wrap;gap:5px;display:flex}.works-cut-meta small{color:#80664a;align-items:center;min-height:20px;padding:0;font-size:10px;font-weight:900;display:inline-flex}.works-cut-preview .mini-preview{border:0;border-radius:0;width:100%;height:100%}.works-next-panel{border-top:1px solid #c4ae8f6b;align-items:start;gap:8px;padding:14px 0 0;display:grid}.works-next-panel p{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:850;line-height:1.45}.works-empty-actions{flex-wrap:wrap;gap:10px;display:flex}.works-empty-state{text-align:center;align-content:center;place-items:center;gap:18px;min-height:360px;display:grid}.works-empty-state>div:first-child{justify-items:center;gap:10px;display:grid}.works-empty-state h2,.works-empty-state p{margin:0}.works-empty-state p{max-width:420px;color:var(--muted);font-weight:850;line-height:1.5}
.project-setup-page{padding-bottom:20px}.project-setup-shell{flex:auto;grid-template-columns:minmax(0,1fr) 360px;gap:18px;min-height:0;display:grid}.project-setup-form,.project-setup-preview{background:linear-gradient(180deg, #fffffff5, #fffdf8fa), var(--surface);min-width:0;box-shadow:var(--shadow-panel);border:1px solid #c4ae8fd6;border-radius:16px}.project-setup-form{align-content:start;gap:12px;padding:16px;display:grid}.project-setup-head{border-bottom:1px solid #c4ae8f6b;gap:10px;padding-bottom:10px;display:grid}.project-setup-head .secondary-button{justify-self:start;min-height:36px}.project-setup-head h1,.project-setup-head p,.project-setup-section h2,.project-preview-copy h2,.project-preview-copy p{margin:0}.project-setup-head h1{margin-top:4px;font-size:32px;line-height:1.08}.project-setup-head p,.project-preview-copy p{color:var(--muted);font-weight:850;line-height:1.45}.project-field{color:var(--muted);gap:6px;font-size:13px;font-weight:900;display:grid}.project-field textarea{resize:vertical}.project-setup-section{background:linear-gradient(#fffaebd6,#ffffffe0),#fffaf0;border:1px solid #c4ae8fa8;border-radius:14px;gap:8px;padding:12px;display:grid}.project-setup-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-setup-section-head h2{font-size:16px}.project-setup-section-head span,.project-count-control button,.project-aspect-button em{color:#0f766b;background:#e5fbf4;border:1px solid #18b7a257;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-style:normal;font-weight:950;display:inline-flex}.project-aspect-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.project-style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.project-style-button{min-width:0;min-height:78px;color:var(--ink);cursor:pointer;text-align:center;background:linear-gradient(#ffffffdb,#0000 60%),#fff7e8;border:2px solid #dfcfb8;border-radius:13px;align-content:center;gap:6px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffdb,0 2px #815b2a1f}.project-style-button.selected{border-color:var(--teal);background:linear-gradient(#ffffffe6,#0000 58%),#e9fbf5;box-shadow:inset 0 1px #ffffffeb,0 0 0 3px #18b7a21f,0 3px #0d7f7338}.project-style-button strong{font-size:13px;line-height:1.15}.project-style-button small,.project-style-prompt-preview,.project-preview-style-prompt{color:var(--muted);font-size:11px;font-weight:850;line-height:1.35}.project-style-prompt-preview,.project-preview-style-prompt{background:#ffffff9e;border:1px dashed #7b54283d;border-radius:10px;margin:0;padding:10px}.project-style-custom-field{margin-top:2px}.project-aspect-button{min-width:0;min-height:118px;color:var(--ink);cursor:pointer;text-align:center;background:linear-gradient(#ffffffdb,#0000 54%),#fff7e8;border:2px solid #dfcfb8;border-radius:14px;justify-items:center;gap:6px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffffdb,0 2px #815b2a1f}.project-aspect-button.selected{border-color:var(--teal);background:linear-gradient(#ffffffe6,#0000 54%),#e9fbf5;box-shadow:inset 0 1px #ffffffeb,0 0 0 3px #18b7a21f,0 3px #0d7f7338}.project-aspect-button strong{font-size:15px;line-height:1}.project-aspect-button small{color:var(--muted);font-size:10.5px;font-weight:850;line-height:1.25}.project-count-control{flex-wrap:wrap;gap:8px;display:flex}.project-count-control button{color:#80664a;cursor:pointer;background:#fffaf0;border-color:#dfcfb8;min-width:74px;min-height:34px;font-size:12px}.project-count-control button.selected{color:#0f766b;background:#e5fbf4;border-color:#18b7a275}.project-setup-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.project-setup-actions button{min-height:42px}.project-setup-preview{align-content:start;gap:14px;padding:18px;display:grid}.project-preview-frame{background:radial-gradient(circle at 50% 18%, #fffffff0, transparent 36%), linear-gradient(180deg, var(--slot-glow), var(--slot-bg) 54%, #edcf9f);border:2px solid #d8c39c;border-radius:16px;place-items:center;min-height:280px;padding:18px;display:grid;box-shadow:inset 0 0 0 5px #ffffff80,0 3px #b4915e2e}.project-preview-frame>div{border:3px solid var(--teal);color:#0f766b;background:repeating-linear-gradient(135deg,#ffffffbd 0 10px,#18b7a224 10px 20px),#f5fffb;border-radius:14px;place-items:center;width:min(100%,220px);max-height:220px;font-weight:950;display:grid;box-shadow:0 10px 22px #3a2d1f14}.project-preview-copy{gap:10px;display:grid}.project-preview-copy h2{font-size:24px;line-height:1.1}.project-preview-copy dl{gap:0;margin:0;display:grid}.project-preview-copy dl div{border-bottom:1px solid #c4ae8f75;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.project-preview-copy dt{color:#9a6d2e;font-weight:950}.project-preview-copy dd{color:var(--ink);margin:0;font-weight:900}
.confirm-dialog-backdrop{z-index:5000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b262252;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{background:linear-gradient(180deg, #fffffff5, #fff8ebfa), var(--surface);border:2px solid #c7a874;border-radius:16px;gap:14px;width:min(440px,100%);padding:22px;display:grid;box-shadow:0 4px #815b2a29,0 24px 56px #3a2d1f2e}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog h2{font-size:24px;line-height:1.15}.confirm-dialog p{color:var(--muted);font-weight:850;line-height:1.55}.confirm-dialog p strong{color:var(--ink);font-weight:950}.confirm-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.direction-prompt-dialog{grid-template-rows:auto minmax(0,1fr) auto;width:min(820px,100%);max-height:min(820px,100vh - 48px)}.direction-prompt-dialog-head{gap:8px;display:grid}.direction-prompt-list{scrollbar-width:thin;gap:12px;min-height:0;padding-right:4px;display:grid;overflow:auto}.direction-prompt-preview-card{background:#fffaf0;border:1px solid #c4ae8fc7;border-radius:10px;gap:8px;padding:12px;display:grid}.direction-prompt-preview-card>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.direction-prompt-preview-card strong{color:var(--slot-brown);font-size:13px;font-weight:950}.direction-prompt-preview-card span{color:#0f766b;white-space:nowrap;background:#e5fbf5;border:1px solid #18b7a252;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:950;display:inline-flex}.direction-prompt-preview-card p{color:#4c3a28;background:#ffffffb8;border:1px dashed #7b542847;border-radius:8px;margin:0;padding:12px;font-size:13px;font-weight:700;line-height:1.5}.card-actions{margin-top:18px}.card-actions button{min-height:40px;padding:0 10px;font-size:12px}.empty-panel,.empty-inspector{border:1px dashed var(--soft-line);color:var(--muted);border-radius:10px;padding:18px;font-weight:800}
.account-page{--account-page-width:min(960px, calc(100vw - (var(--app-gutter) * 2)));--preferences-nav-width:156px;--preferences-grid-gap:24px;--preferences-header-height:72px;width:var(--account-page-width);height:calc(100dvh - var(--app-nav-block));gap:14px;min-height:0;padding-top:12px;padding-bottom:16px;overflow:hidden}.preferences-hub{color:var(--ink)}.preferences-header{min-height:var(--preferences-header-height);border-bottom:1px solid var(--soft-line);background:var(--bg);justify-content:space-between;align-items:center;gap:18px;padding-block:0 16px;display:flex}.preferences-identity{align-items:center;gap:12px;min-width:0;display:flex}.preferences-avatar{border:1px solid var(--slot-rim);background:#fff4d6;border-radius:8px;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.preferences-avatar img{object-fit:cover;width:100%;height:100%}.account-kicker{color:#0f766b;font-size:11px;font-weight:950;display:inline-flex}.preferences-header h1{color:var(--ink);text-wrap:balance;margin:1px 0 4px;font-size:22px;font-weight:950;line-height:1.16}.preferences-header p{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:850;display:inline-flex}.preferences-layout{grid-template-columns:var(--preferences-nav-width) 1px minmax(0, 1fr);gap:var(--preferences-grid-gap);align-items:stretch;min-height:0;padding-top:8px;display:grid;overflow:hidden}.preferences-nav{width:var(--preferences-nav-width);scrollbar-width:thin;grid-column:1;align-self:start;gap:4px;max-height:100%;padding-block:4px;display:grid;position:sticky;top:0;overflow-y:auto}.preferences-nav a{color:#625548;min-height:38px;transition:background .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:6px;align-items:center;padding:8px 12px;font-size:13px;font-weight:900;text-decoration:none;display:flex}.preferences-nav a:hover,.preferences-nav a:focus-visible{color:var(--teal-dark);background:#18b7a214}.preferences-nav a.active{color:#0f766b;background:#dff6ef;border:1px solid #18b7a23d}.preferences-divider{background:var(--soft-line);grid-column:2;width:1px;height:100%;min-height:0}.preferences-content{scroll-behavior:smooth;scrollbar-width:thin;grid-column:3;align-content:start;gap:26px;min-width:0;min-height:0;padding:0 6px 12px 0;display:grid;overflow-y:auto}.preferences-section{scroll-margin-top:8px}.preferences-section-head{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.preferences-section-head>div{color:#0f766b;align-items:center;gap:8px;display:flex}.preferences-section-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.session-status{color:#0f766b;align-items:center;gap:5px;min-height:30px;font-size:12px;font-weight:900;display:inline-flex}.preferences-section h2{color:var(--ink);margin:0;font-size:20px;font-weight:950;line-height:1.18}.preferences-row-list{margin:0;display:grid}.preferences-row{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(220px,1fr) minmax(96px,136px) minmax(132px,172px);justify-content:start;align-items:center;gap:16px;min-height:76px;padding-block:13px;display:grid}.preferences-row dt{gap:4px;min-width:0;display:grid}.preferences-row dt strong{color:var(--ink);word-break:keep-all;font-size:14px;font-weight:950;line-height:1.25}.preferences-row dt span{color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;font-size:12px;font-weight:800;line-height:1.45}.preferences-row dd{overflow-wrap:anywhere;color:#3f3326;text-align:left;min-width:0;margin:0;font-size:13px;font-weight:900;line-height:1.35}.preferences-control-cell{justify-content:flex-start;display:flex}.preferences-control-frame{border:1px solid var(--slot-rim);width:172px;min-height:34px;color:var(--ink);transition:border-color .15s var(--ease-out), background .15s var(--ease-out);background:#fffdfa;border-radius:6px;grid-template-columns:28px minmax(0,1fr);align-items:center;display:inline-grid}.preferences-control-frame:hover,.preferences-control-frame:focus-within{border-color:#0d7f7373}.preferences-control-icon{width:28px;min-height:32px;color:var(--teal-dark);place-items:center;display:grid}.preferences-control{width:100%;min-height:34px;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:0;padding:6px 9px 6px 0;font-size:13px;font-weight:850}.preferences-control.number-control{width:100%}.preferences-color-control{background:0 0;border:0;border-radius:5px;width:42px;height:30px;padding:3px}.preferences-control-frame[data-control-kind=number]{width:92px}.preferences-control-frame[data-control-kind=color]{width:82px}.preferences-control-frame[data-control-kind=action]{width:auto;min-width:132px}.preferences-control-frame[data-control-kind=action] .secondary-button{min-height:32px;box-shadow:none;background:0 0;border:0;padding:0 10px 0 0}.danger-action{color:#b84040;border-color:#d4525273}.billing-flat-group{border-bottom:1px solid var(--hairline);gap:0;display:grid}.billing-notice-row,.billing-refresh-row{justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding-block:12px;display:flex}.billing-notice-row{border-top:1px solid var(--hairline);flex-direction:column;justify-content:center;align-items:flex-start}.billing-notice-row strong,.billing-refresh-row strong{color:var(--ink);word-break:keep-all;font-size:14px;font-weight:950;line-height:1.25}.billing-notice-row span,.billing-refresh-row span{color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;margin-top:4px;font-size:12px;font-weight:800;line-height:1.45;display:block}.billing-action-note{color:#0f766b;margin:0;padding:0 0 12px;font-size:12px;font-weight:900}.billing-group-head{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.billing-group-head>div{color:#0f766b;align-items:center;gap:8px;display:flex}.billing-group-head h3{color:var(--ink);margin:0;font-size:16px;font-weight:950;line-height:1.2}.billing-group-head p{max-width:420px;color:var(--muted);text-align:right;word-break:keep-all;margin:0;font-size:12px;font-weight:800;line-height:1.45}.billing-option-list,.billing-ledger-list{display:grid}.billing-option-row,.billing-ledger-row{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(240px,1fr) minmax(92px,124px) minmax(126px,170px);align-items:center;gap:14px;min-height:62px;display:grid}.billing-option-row>div{gap:4px;min-width:0;display:grid}.billing-option-row strong,.billing-ledger-row span{color:var(--ink);font-size:13px;font-weight:950;line-height:1.25}.billing-option-row div span,.billing-ledger-row time{color:var(--muted);font-size:12px;font-weight:800;line-height:1.45}.billing-option-row>span,.billing-ledger-row strong{color:#3f3326;font-size:13px;font-weight:900;line-height:1.35}.billing-option-row .secondary-button{justify-content:center;min-width:126px}.billing-option-row .secondary-button:disabled{cursor:default;border-color:var(--hairline);color:var(--muted);background:#f4ead8}.billing-ledger-row{grid-template-columns:minmax(240px,1fr) minmax(92px,128px) minmax(132px,180px)}.billing-empty-row{color:var(--muted);margin:0;padding-block:16px;font-size:12px;font-weight:850}.billing-refresh-row>div{min-width:0}.billing-refresh-row .secondary-button{justify-content:center;align-items:center;gap:5px;min-width:116px;display:inline-flex}@media (max-width:1320px){.account-page{--preferences-nav-width:142px;--preferences-grid-gap:20px}.preferences-layout{grid-template-columns:var(--preferences-nav-width) 1px minmax(0, 1fr);gap:var(--preferences-grid-gap)}.preferences-row{grid-template-columns:minmax(200px,1fr) minmax(92px,124px) minmax(120px,156px);gap:12px}.preferences-control-frame{width:156px}.preferences-header h1{font-size:20px}.billing-option-row,.billing-ledger-row{grid-template-columns:minmax(210px,1fr) minmax(84px,112px) minmax(118px,150px);gap:10px}.billing-group-head p{max-width:330px}}
.billing-pricing-page{grid-template-rows:auto auto auto minmax(82px,auto);gap:16px;padding-top:18px;display:grid}.pricing-intro{border-bottom:1px solid var(--soft-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:172px;padding-block:24px;display:grid}.pricing-intro h1{color:var(--ink);letter-spacing:0;margin:2px 0 8px;font-size:22px;font-weight:950;line-height:1.16}.pricing-intro p,.pricing-section-head p,.pricing-note p{color:var(--muted);word-break:keep-all;margin:0;font-size:13px;font-weight:850;line-height:1.45}.pricing-intro p{max-width:690px}.pricing-intro-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pricing-section,.pricing-note{border-top:1px solid var(--hairline)}.pricing-section{gap:14px;padding-top:18px;display:grid}.pricing-section-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.pricing-section-head>div,.pricing-note{align-items:center;gap:10px;display:flex}.pricing-section h2,.pricing-plan h3{color:var(--ink);letter-spacing:0;margin:0}.pricing-section h2{font-size:20px;font-weight:950;line-height:1.18}.pricing-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pricing-plan{border:1px solid var(--soft-line);background:var(--paper);border-radius:8px;grid-template-rows:auto 1fr auto;gap:14px;min-width:0;min-height:238px;padding:16px;display:grid}.pricing-plan h3{font-size:18px;font-weight:950;line-height:1.2}.pricing-plan p{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:850;line-height:1.45}.pricing-plan dl{gap:0;margin:0;display:grid}.pricing-plan dl div,.pricing-pack-row{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;display:grid}.pricing-plan dl div{grid-template-columns:minmax(0,1fr);padding-block:8px}.pricing-plan dt,.pricing-pack-row dt span{color:var(--muted);font-size:12px;font-weight:850;line-height:1.35}.pricing-plan dd,.pricing-pack-row dd{color:var(--ink);margin:0;font-size:13px;font-weight:950;line-height:1.35}.pricing-pack-list{margin:0;display:grid}.pricing-pack-row{grid-template-columns:minmax(260px,1fr) 132px 170px;min-height:68px;padding-block:12px}.pricing-pack-row dt{gap:3px;min-width:0;display:grid}.pricing-pack-row dt strong{color:var(--ink);font-size:14px;font-weight:950}.pricing-pack-row dd:last-child{justify-content:flex-end;display:flex}.pricing-note{min-height:82px;padding-block:16px}.pricing-note>div{flex:auto;min-width:0}.pricing-note strong{color:var(--ink);font-size:14px;font-weight:950}@media (max-width:1320px){.pricing-plan-grid{gap:8px}.pricing-plan{padding:14px}.pricing-pack-row{grid-template-columns:minmax(220px,1fr) 112px 150px}}
.mock-checkout-page{justify-content:center}.mock-checkout-panel{border-top:1px solid var(--hairline);gap:18px;width:min(760px,100%);margin-inline:auto;padding-top:20px;display:grid}.mock-checkout-head{border-bottom:1px solid var(--soft-line);justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding-bottom:14px;display:flex}.mock-checkout-head h1{color:var(--ink);letter-spacing:0;margin:2px 0 8px;font-size:22px;font-weight:950;line-height:1.16}.mock-checkout-head p,.mock-checkout-status,.mock-checkout-error{color:var(--muted);word-break:keep-all;margin:0;font-size:13px;font-weight:850;line-height:1.45}.mock-checkout-summary{gap:0;margin:0;display:grid}.mock-checkout-summary div{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(180px,1fr) minmax(180px,1.5fr);align-items:center;gap:12px;min-height:58px;padding-block:11px;display:grid}.mock-checkout-summary dt{color:var(--muted);font-size:12px;font-weight:850;line-height:1.35}.mock-checkout-summary dd{color:var(--ink);margin:0;font-size:13px;font-weight:950;line-height:1.35}.mock-checkout-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.mock-checkout-actions .primary-button svg{transition:transform .15s var(--ease-out)}.mock-checkout-actions .primary-button:disabled svg{transform:none}.mock-checkout-status,.mock-checkout-error{flex-basis:100%}.mock-checkout-error{color:var(--danger)}.mock-checkout-error-panel{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;min-height:96px;padding-block:14px;display:flex}.mock-checkout-error-panel p{color:var(--ink);flex:auto;margin:0;font-size:13px;font-weight:900;line-height:1.45}.mock-checkout-error-panel svg{color:var(--danger);flex:none}
.billing-kicker{color:var(--teal-dark);font-size:11px;font-weight:950;line-height:1.3}.billing-section-icon{width:34px;height:34px;color:var(--teal-dark);background:#18b7a217;border:1px solid #18b7a238;border-radius:8px;flex:none;place-items:center;display:inline-grid}.account-billing-page{color:var(--ink);gap:20px}.billing-page-header{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding-bottom:18px;display:flex}.billing-page-header h1{color:var(--ink);margin:3px 0 7px;font-size:22px;font-weight:950;line-height:1.16}.billing-page-header p{max-width:620px;color:var(--muted);word-break:keep-all;margin:0;font-size:13px;font-weight:850;line-height:1.45}.billing-account-chip{border:1px solid var(--soft-line);background:#fff9edb8;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:10px;min-width:236px;min-height:58px;padding:8px 10px;display:grid}.billing-account-chip img{object-fit:cover;border:1px solid var(--slot-rim);background:#fff4d6;border-radius:8px;grid-row:span 2;width:42px;height:42px}.billing-account-chip span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950;overflow:hidden}.billing-account-chip small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:850;display:inline-flex;overflow:hidden}.billing-page-content{gap:18px;min-width:0;display:grid}.billing-balance-panel{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch;gap:18px;min-height:132px;padding-bottom:18px;display:grid}.billing-balance-panel>div:first-child{align-content:center;gap:6px;display:grid}.billing-balance-panel strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:34px;font-weight:950;line-height:1}.billing-balance-panel p{max-width:520px;color:var(--muted);word-break:keep-all;margin:0;font-size:13px;font-weight:850;line-height:1.45}.billing-status-strip{border:1px solid var(--hairline);background:var(--paper);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.billing-status-strip span{border-left:1px solid var(--hairline);color:#3f3326;text-align:center;word-break:keep-all;justify-content:center;align-items:center;gap:6px;min-height:62px;padding:0 12px;font-size:13px;font-weight:950;display:inline-flex}.billing-status-strip span:first-child{color:var(--teal-dark);border-left:0}.billing-page-actions{border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:16px;display:flex}.billing-current-plan{gap:0;display:grid}.billing-summary-grid{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid}.billing-summary-grid div{border-left:1px solid var(--hairline);align-content:start;gap:5px;min-height:118px;padding:14px 14px 15px;display:grid}.billing-summary-grid div:first-child{border-left:0}.billing-summary-grid dt{color:var(--muted);font-size:12px;font-weight:900;line-height:1.35}.billing-summary-grid dd{color:var(--ink);word-break:keep-all;margin:0;font-size:15px;font-weight:950;line-height:1.25}.billing-summary-grid span{color:var(--muted);word-break:keep-all;font-size:12px;font-weight:800;line-height:1.45}.billing-page-state{border-bottom:1px solid var(--hairline);min-height:420px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.billing-page-state strong{color:var(--ink);font-size:15px;font-weight:950}.billing-page-state span{font-size:12px;font-weight:850}@media (max-width:1320px){.billing-page-header{gap:18px;min-height:88px}.billing-account-chip{min-width:216px}.billing-balance-panel{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.billing-balance-panel strong{font-size:30px}.billing-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.billing-summary-grid div{min-height:126px;padding-inline:10px}}
.page-top{justify-content:flex-start;margin-bottom:14px}.page-top h1{font-size:40px}.creator-grid,.character-detail,.export-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:22px;display:grid}.creator-grid{min-height:0}@media (min-width:900px){.creator-grid .form-panel{max-height:calc(100vh - 178px);overflow:auto}}.reference-strip{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.mini-asset{border:1px solid var(--soft-line);background:var(--paper);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-weight:850;display:inline-flex;position:relative}.reference-chip{border:1px solid var(--soft-line);background:var(--paper);min-height:52px;color:var(--ink);cursor:pointer;border-radius:10px;grid-template-columns:44px auto auto;align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:12px;font-weight:900;display:inline-grid;position:relative}.reference-chip img{object-fit:cover;border-radius:9px;width:44px;height:44px}.reference-chip svg{color:var(--danger)}.mini-asset img,.reference-strip img{object-fit:cover;border-radius:10px;width:44px;height:44px}.form-panel label,.export-controls label,.inspector-form label,.reference-uploader .file-field{color:var(--muted);gap:7px;margin-bottom:13px;font-size:13px;font-weight:900;display:grid}input,textarea,select{border:1px solid var(--soft-line);background:var(--surface);width:100%;min-height:42px;color:var(--ink);border-radius:9px;padding:9px 12px;font-weight:800}.file-field{cursor:pointer;position:relative}.file-field-label{color:var(--muted);font-size:13px;font-weight:900}.file-picker-surface{color:#7a5a2b;background:linear-gradient(#ffffffd1,#0000 52%),#fff6df;border:2px dashed #d1b88f;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffffdb,0 2px #cda97457}.file-picker-surface span{color:var(--ink);align-items:center;gap:8px;font-weight:950;display:inline-flex}.file-picker-surface em{color:#0f766b;background:#e7fbf5;border:1px solid #18b7a259;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:11px;font-style:normal;font-weight:950;display:inline-flex}.file-field:hover .file-picker-surface{border-color:var(--teal);background:linear-gradient(#ffffffe0,#0000 52%),#effcf8}.file-field:focus-within .file-picker-surface{border-color:var(--teal);box-shadow:0 0 0 3px #18b7a229,0 2px #0d7f7347}.visually-hidden-file{clip-path:inset(50%);opacity:0;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}input:focus,textarea:focus,select:focus{border-color:var(--teal);outline:0;box-shadow:0 0 0 3px #18b7a21a}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #18b7a26b}.form-helper{margin:-2px 0 12px;font-size:12px;font-weight:850;line-height:1.45}.form-helper.error{color:var(--danger)}textarea{resize:vertical;min-height:82px}.mini-grid,.frame-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;margin:14px 0;display:grid}.mini-asset,.frame-card{text-align:center;justify-items:center;display:grid}.mini-asset.selected,.frame-card.selected{background:var(--yellow)}.preview-panel>img{object-fit:cover;border:1px solid var(--soft-line);background:var(--paper);border-radius:12px;width:240px;height:240px;margin:16px auto}.form-panel,.preview-panel,.master-card,.detail-copy{border:1px solid var(--soft-line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;padding:18px}.preview-panel,.master-card,.detail-copy{align-self:start}.creator-grid>.form-panel,.creator-grid>.preview-panel,.character-detail>.master-card,.character-detail>.detail-copy{align-self:stretch;min-height:0}.master-card{justify-items:center;display:grid}.reference-uploader{grid-template-columns:1fr 1fr;gap:12px;display:grid}.character-edit-form{background:#fffaf0;border:1px dashed #dccbb2;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:16px 0;padding:14px;display:grid}.character-edit-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:900;display:grid}.character-edit-form input{min-height:38px}.character-master-picker,.character-master-upload,.character-edit-form>button{grid-column:1/-1}.character-master-picker{margin:2px 0}.master-card img{aspect-ratio:1;object-fit:cover;border:1px solid var(--soft-line);background:var(--paper);border-radius:12px;width:min(100%,380px)}.master-card .badge{justify-self:start;margin-top:8px}.reference-card{border:1px solid var(--soft-line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;gap:10px;padding:12px;display:grid}.missing-project-page{text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.missing-project-art{object-fit:contain;filter:drop-shadow(0 16px 24px #8f6f4824);width:min(260px,48vw);max-height:220px}.missing-project-page>.page-top{text-align:center;justify-content:center;gap:0;width:min(560px,100%);display:grid}.missing-project-page .page-top>div{justify-items:center;display:grid}.missing-project-page .page-top h1{max-width:12em;font-size:clamp(30px,3.4vw,46px);font-weight:950;line-height:1.14}.missing-project-page .page-top p{margin-top:12px;font-size:15px}.reference-card img{aspect-ratio:1;object-fit:cover;border:1px solid var(--hairline);background:var(--paper);border-radius:10px;width:100%}.reference-card div{justify-content:space-between;align-items:center;gap:8px;display:flex}.reference-card span{color:var(--muted);font-size:13px;font-weight:900}