:root{--studio-panel:#141c25;--studio-panel-2:#101821;--studio-panel-3:#1a2531;--studio-line:#2a3949;--studio-blue:#6fb4ff;--studio-blue-2:#3b82f6;--studio-green:#32d583;--studio-red:#f97066;--studio-yellow:#fdb022;--studio-text:#f2f5f8;--studio-muted:#98a7b8;--studio-header:56px;--studio-toolbar:48px}
.quest-studio-page{height:100vh;overflow:hidden;background:#0c1219;color:var(--studio-text);font-size:14px}
.quest-studio-page button,.quest-studio-page input,.quest-studio-page select,.quest-studio-page textarea{font:inherit}
.studio-header{height:var(--studio-header);display:flex;align-items:center;gap:16px;padding:0 18px;background:#111922;border-bottom:1px solid var(--studio-line)}
.studio-brand{min-width:135px}.studio-title-wrap{display:flex;flex-direction:column;line-height:1.2}.studio-title-wrap strong{font-size:15px}.studio-title-wrap span{font-size:11px;color:var(--studio-muted);margin-top:3px}.studio-header-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
.studio-toolbar{height:var(--studio-toolbar);display:flex;align-items:center;gap:7px;padding:7px 14px;background:#0f161e;border-bottom:1px solid var(--studio-line);overflow-x:auto}.studio-toolbar-separator{height:24px;border-left:1px solid var(--studio-line);margin:0 2px}
.studio-button,.mini-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #34475b;border-radius:6px;background:#192532;color:#dbe7f3;cursor:pointer;text-decoration:none;white-space:nowrap;transition:.15s ease}.studio-button{min-height:32px;padding:6px 11px;font-weight:600}.studio-button:hover,.mini-button:hover,.icon-button:hover{background:#223347;border-color:#4d6985;color:#fff}.studio-button--primary{background:var(--studio-blue-2);border-color:#68a6ff;color:#fff;box-shadow:0 0 18px rgba(59,130,246,.18)}.studio-button--primary:hover{background:#5696fa}.studio-button--quiet{background:transparent}.studio-button--wide{width:100%}.mini-button{min-height:26px;padding:3px 8px;font-size:12px}.icon-button{width:30px;height:30px;padding:0;font-size:18px}.icon-button--danger{color:#fca5a5}.studio-select,.quest-studio-page input,.quest-studio-page textarea,.quest-studio-page select{min-height:34px;border:1px solid #34475b;border-radius:5px;background:#0e1721;color:#e8eef5;padding:6px 8px;outline:none}.quest-studio-page input:focus,.quest-studio-page textarea:focus,.quest-studio-page select:focus{border-color:var(--studio-blue);box-shadow:0 0 0 2px rgba(111,180,255,.12)}.quest-studio-page textarea{resize:vertical;line-height:1.45}.studio-language{width:62px}
.studio-shell{height:calc(100vh - var(--studio-header) - var(--studio-toolbar));display:grid;grid-template-columns:238px minmax(480px,1fr) 340px;min-height:0}.campaign-panel,.inspector-panel,.workspace-panel{min-width:0;min-height:0}.campaign-panel{display:flex;flex-direction:column;background:var(--studio-panel);border-right:1px solid var(--studio-line)}.panel-heading,.inspector-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--studio-line)}.eyebrow{display:block;color:#7890a7;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.inline-title{width:165px!important;min-height:28px!important;padding:3px 5px!important;background:transparent!important;border-color:transparent!important;font-weight:700}.inline-title:hover,.inline-title:focus{border-color:#34475b!important}.campaign-list{padding:9px;overflow:auto;flex:1}.campaign-quest{position:relative;width:100%;padding:11px 10px;margin-bottom:7px;text-align:left;border:1px solid #293a4b;border-radius:7px;background:#101923;color:var(--studio-text);cursor:pointer}.campaign-quest:hover{border-color:#4e6780}.campaign-quest.is-active{border-color:var(--studio-blue);background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(16,25,35,.9))}.campaign-quest__id{display:block;color:var(--studio-blue);font:600 11px var(--font-mono)}.campaign-quest__name{display:block;font-weight:700;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-quest__meta{color:var(--studio-muted);font-size:11px}.campaign-quest__status{position:absolute;right:9px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--studio-green)}.campaign-quest.has-errors .campaign-quest__status{background:var(--studio-red)}.campaign-footer{padding:10px;border-top:1px solid var(--studio-line)}
.workspace-panel{display:flex;flex-direction:column;background:#0b1118}.workspace-tabs{height:43px;display:flex;align-items:end;gap:2px;padding:0 10px;border-bottom:1px solid var(--studio-line);background:#111922;overflow-x:auto}.workspace-tab{height:36px;padding:0 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--studio-muted);font-weight:700;cursor:pointer;white-space:nowrap}.workspace-tab:hover{color:#fff}.workspace-tab.is-active{color:var(--studio-blue);border-color:var(--studio-blue)}.workspace-view{display:none;flex:1;min-height:0}.workspace-view.is-active{display:flex}.story-tools{position:absolute;z-index:6;left:10px;top:9px;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--studio-line);border-radius:8px;background:rgba(17,25,34,.94);box-shadow:0 10px 30px rgba(0,0,0,.25)}[data-view-panel="story"]{position:relative}.story-canvas-wrap{flex:1;overflow:auto;background-color:#0a1118;background-image:linear-gradient(rgba(83,110,137,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(83,110,137,.09) 1px,transparent 1px);background-size:24px 24px}.story-canvas{position:relative;width:1800px;height:1200px;transform-origin:0 0}.story-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.story-line{fill:none;stroke:#51779e;stroke-width:2}.story-line-label{fill:#9fb4c8;font-size:11px}.story-node{position:absolute;width:190px;min-height:86px;border:1px solid #43586d;border-radius:8px;background:#172332;box-shadow:0 8px 22px rgba(0,0,0,.28);cursor:grab;user-select:none}.story-node:active{cursor:grabbing}.story-node.is-selected{outline:2px solid var(--studio-blue);outline-offset:2px}.story-node.has-error{border-color:var(--studio-red)}.story-node__head{padding:9px 10px 7px;border-radius:7px 7px 0 0;background:#294361}.story-node[data-type="START"] .story-node__head{background:#176b52}.story-node[data-type="END_SUCCESS"] .story-node__head{background:#168251}.story-node[data-type="END_FAILURE"] .story-node__head{background:#8b3740}.story-node[data-type="CHOICE"] .story-node__head,.story-node[data-type="CONDITION"] .story-node__head{background:#72569d}.story-node[data-type="TELEPORT"] .story-node__head{background:#2d718a}.story-node[data-type="REWARD"] .story-node__head{background:#906a1f}.story-node__title{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-node__type{display:block;margin-top:2px;color:rgba(255,255,255,.75);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.story-node__body{padding:8px 10px;color:#aebdca;font-size:11px}.story-node__port{position:absolute;right:-6px;bottom:12px;width:11px;height:11px;border:2px solid #a6cdf5;border-radius:50%;background:#22374c}.story-node__count{display:inline-block;margin-top:4px;color:#d8e8f8;font:600 10px var(--font-mono)}.zoom-control{display:flex;align-items:center;height:32px;border:1px solid #34475b;border-radius:6px;overflow:hidden;background:#0e1721}.zoom-control button{width:28px;height:30px;border:0;background:transparent;color:#dbe7f3;cursor:pointer}.zoom-control span{min-width:46px;text-align:center;color:var(--studio-muted);font-size:11px}
.quest-settings-view{display:none!important;overflow:auto;padding:20px;flex-direction:column}.quest-settings-view.is-active{display:flex!important}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:17px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel)}.settings-grid label,.inspector-panel label{display:flex;flex-direction:column;gap:5px;color:#9fb0c0;font-size:12px;font-weight:600}.settings-grid .span-2{grid-column:span 2}.settings-grid .span-3{grid-column:span 3}.check-row{flex-direction:row!important;align-items:center;gap:8px!important;min-height:34px}.check-row input{width:16px!important;min-height:16px!important;margin:0}.list-editor{margin-top:14px;padding:15px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel)}.list-editor__head,.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.list-editor h3,.inspector-section h3{margin:0;font-size:13px}.row-editor{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:8px}.row-editor input{width:100%}
.html-view{display:none!important;min-height:0}.html-view.is-active{display:grid!important;grid-template-columns:175px minmax(300px,1fr) minmax(240px,.65fr)}.html-sidebar{padding:10px;border-right:1px solid var(--studio-line);background:var(--studio-panel);overflow:auto}.html-file{display:block;width:100%;padding:8px 9px;margin-bottom:4px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--studio-muted);text-align:left;cursor:pointer;font:500 12px var(--font-mono)}.html-file:hover{background:#1a2734}.html-file.is-active{border-color:#3f5f7f;background:#17283a;color:#ddecfb}.html-editor-wrap{display:flex;flex-direction:column;min-width:0}.editor-language-tabs{display:flex;gap:3px;padding:7px;border-bottom:1px solid var(--studio-line)}.language-tab{padding:5px 9px;border:1px solid #34475b;border-radius:5px;background:transparent;color:var(--studio-muted);font-size:11px;font-weight:700;cursor:pointer}.language-tab.is-active{background:#234c74;color:#fff;border-color:#4f8cc6}#htmlEditor{flex:1;width:100%;min-height:250px;border:0;border-radius:0;padding:14px;background:#0b121a;color:#cde5fb;font:13px/1.55 var(--font-mono);resize:none}.html-actions{display:flex;align-items:center;gap:12px;padding:9px;border-top:1px solid var(--studio-line);background:#111922}.html-actions span{color:var(--studio-muted);font-size:11px}.l2-preview{padding:15px;overflow:auto;border-left:1px solid var(--studio-line);background:#0d151d}.l2-window{min-height:340px;border:1px solid #4a4c49;background:linear-gradient(rgba(20,20,18,.95),rgba(12,12,11,.98));box-shadow:0 15px 40px rgba(0,0,0,.5);color:#d8d4c8;font-family:Arial,sans-serif;font-size:12px}.l2-window__title{padding:7px;text-align:center;border-bottom:1px solid #4a4c49;color:#d8c99b}.l2-window #previewBody{padding:17px;line-height:1.6}.l2-window button{border:1px solid #75674d;background:#3c382e;color:#e2d6b5;padding:5px 10px}
.build-view{display:none!important;flex-direction:column;gap:12px;padding:22px;overflow:auto}.build-view.is-active{display:flex!important}.build-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;padding:16px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel)}.build-card--primary{border-color:#356a9e;background:linear-gradient(135deg,rgba(44,116,184,.16),var(--studio-panel))}.build-card--warning{border-color:#705d31}.build-card__step{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#26394c;color:var(--studio-blue);font-weight:800}.build-card h2{margin:0 0 4px;font-size:15px}.build-card p{margin:0;color:var(--studio-muted);font-size:12px;line-height:1.5}.build-report{padding:15px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel)}.build-report h3{margin:0 0 10px}.status-line{display:flex;gap:8px;padding:6px 0;color:var(--studio-muted)}.status-line::before{content:'✓';color:var(--studio-green);font-weight:800}.status-line.is-error::before{content:'×';color:var(--studio-red)}.status-line.is-warning::before{content:'!';color:var(--studio-yellow)}
.inspector-panel{background:var(--studio-panel);border-left:1px solid var(--studio-line);overflow:auto}.inspector-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;color:var(--studio-muted)}.inspector-empty strong{color:#dce7f2;margin-bottom:7px}.inspector-panel form{padding-bottom:30px}.inspector-panel form>label,.inspector-section{margin:12px 13px}.inspector-section{padding-top:12px;border-top:1px solid var(--studio-line)}.inspector-section>h3,.section-title-row{margin-bottom:9px}.coordinates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.coordinates input{width:100%;min-width:0}.edge-row{display:grid;grid-template-columns:minmax(70px,.8fr) minmax(110px,1.2fr) 28px;gap:5px;margin-top:6px}.edge-row input,.edge-row select{width:100%;min-width:0}.extra-drop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 28px;gap:4px;margin-top:6px}.extra-drop-grid input{width:100%;min-width:0;padding:5px;font-size:11px}.objective-help{margin:7px 0;color:var(--studio-muted);font-size:11px;line-height:1.45}.objective-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.objective-grid .wide{grid-column:span 2}
.studio-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}.studio-modal[hidden]{display:none}.studio-modal__backdrop{position:absolute;inset:0;background:rgba(2,6,10,.78);backdrop-filter:blur(3px)}.studio-modal__panel{position:relative;width:min(680px,100%);max-height:min(760px,90vh);overflow:auto;border:1px solid #3b5065;border-radius:10px;background:#111b25;box-shadow:0 30px 80px rgba(0,0,0,.55)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--studio-line)}.modal-head h2{margin:0;font-size:17px}#modalBody{padding:17px;color:#b6c4d1;line-height:1.55}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 17px;border-top:1px solid var(--studio-line)}.issue-list{list-style:none;padding:0;margin:0}.issue-list li{padding:9px 11px;margin-bottom:6px;border-left:3px solid var(--studio-yellow);background:#17212c}.issue-list li.is-error{border-color:var(--studio-red)}.simulation-step{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--studio-line)}.simulation-step span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#284661;color:#fff;font-size:11px;font-weight:800}.empty-state{padding:20px;text-align:center;color:var(--studio-muted)}
@media(max-width:1180px){.studio-shell{grid-template-columns:210px minmax(420px,1fr) 310px}.studio-header-actions .studio-button[href]{display:none}.build-card{grid-template-columns:38px 1fr}.build-card>.studio-button{grid-column:2}}
@media(max-width:900px){.quest-studio-page{height:auto;min-height:100vh;overflow:auto}.studio-header{position:sticky;top:0;z-index:30}.studio-title-wrap{display:none}.studio-toolbar{position:sticky;top:var(--studio-header);z-index:29}.studio-shell{height:auto;min-height:calc(100vh - 104px);grid-template-columns:1fr}.campaign-panel{max-height:230px;border-right:0;border-bottom:1px solid var(--studio-line)}.campaign-list{display:flex;gap:7px}.campaign-quest{min-width:190px}.workspace-panel{min-height:720px}.inspector-panel{border-left:0;border-top:1px solid var(--studio-line);min-height:360px}.html-view.is-active{grid-template-columns:130px 1fr}.l2-preview{display:none}.settings-grid{grid-template-columns:1fr 1fr}.settings-grid .span-3{grid-column:span 2}}
@media(max-width:600px){.studio-header{padding:0 10px}.studio-brand{min-width:auto}.studio-brand{font-size:0}.studio-header-actions{gap:4px}.studio-header-actions .studio-button:nth-child(3){display:none}.studio-toolbar{padding-inline:8px}.studio-shell{min-width:0}.workspace-tabs{padding-inline:3px}.workspace-tab{padding-inline:8px;font-size:12px}.story-tools{right:6px;left:6px;overflow-x:auto}.settings-grid{grid-template-columns:1fr;padding:12px}.settings-grid .span-2,.settings-grid .span-3{grid-column:auto}.html-view.is-active{grid-template-columns:1fr}.html-sidebar{display:flex;gap:4px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--studio-line)}.html-file{width:auto;white-space:nowrap}.build-view{padding:12px}.build-card{grid-template-columns:32px 1fr;padding:12px}.coordinates{grid-template-columns:1fr 1fr}.extra-drop-grid{grid-template-columns:1fr 1fr 1fr 1fr 28px}}

.wizard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wizard-grid label{display:flex;flex-direction:column;gap:5px;color:#9fb0c0;font-size:12px;font-weight:600}.wizard-grid .wide{grid-column:span 2}.wizard-grid input,.wizard-grid select{width:100%}@media(max-width:600px){.wizard-grid{grid-template-columns:1fr}.wizard-grid .wide{grid-column:auto}}


/* Storefront Quest Studio shell */
.quest-studio-page.fantasy-store{--studio-panel:#081924;--studio-panel-2:#071520;--studio-panel-3:#0f2432;--studio-line:#24475d;--studio-blue:#18adff;--studio-blue-2:#0875f6;--studio-green:#31d68a;--studio-red:#f97066;--studio-yellow:#fdb022;--studio-text:#f3f6fc;--studio-muted:#a7bfd8;--studio-ribbon:58px;height:100vh;min-height:100vh;overflow:hidden;background:#050f18;color:var(--studio-text)}
.quest-studio-page.fantasy-store::before{background:linear-gradient(90deg,#030b14aa,#04111bd6 31%,#04111bf2 50%,#04111bd6 69%,#030b14aa),url('../images/fantasy/essence-clean-bg.webp') center top/cover no-repeat;opacity:.72}
.quest-studio-page .site-header{position:relative;flex:0 0 var(--header-h)}
.studio-ribbon{height:var(--studio-ribbon);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(24px,calc((100vw - 1320px)/2));background:linear-gradient(180deg,#081a29ed,#06121df4);border-bottom:1px solid #214258;box-shadow:0 6px 24px #0003;position:relative;z-index:20}
.studio-ribbon__main{display:flex;align-items:center;gap:16px;min-width:0}
.studio-back{min-height:34px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid #28536f;border-radius:6px;background:#0a1d2b;color:#c9e5f6;font-size:12px;font-weight:700;text-decoration:none}
.studio-back::before{content:"‹";font-size:22px;line-height:0;margin-right:7px;color:#26baff}
.studio-back:hover{border-color:#26baff;color:#fff;box-shadow:0 0 14px #009dff24}
.studio-ribbon .studio-title-wrap{display:flex}
.studio-ribbon .studio-title-wrap strong{font-size:15px;color:#fff}
.studio-ribbon .studio-title-wrap span{color:#89b7d5}
.quest-studio-page .studio-toolbar{position:relative;z-index:19;background:linear-gradient(180deg,#071825f5,#06131ef5);border-bottom:1px solid #214258;padding-inline:max(18px,calc((100vw - 1340px)/2))}
.quest-studio-page .studio-shell{height:calc(100vh - var(--header-h) - var(--studio-ribbon) - var(--studio-toolbar));background:rgba(3,12,19,.78);position:relative;z-index:1}
.quest-studio-page .campaign-panel,.quest-studio-page .workspace-panel,.quest-studio-page .inspector-panel{background:linear-gradient(145deg,#071621f2,#050e17f2);border-color:#214258}
.quest-studio-page .workspace-tabs{background:#071724;border-color:#214258}
.quest-studio-page .story-canvas-wrap{background-color:#050e16;background-image:linear-gradient(rgba(57,147,200,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(57,147,200,.09) 1px,transparent 1px);box-shadow:inset 0 0 90px #0008}
.quest-studio-page .story-node{border-color:#315872;background:linear-gradient(145deg,#102b3c,#071622);box-shadow:0 12px 30px #0007,0 0 16px #009dff10}
.quest-studio-page .story-node__head{background:linear-gradient(135deg,#0d4a74,#12324b)}
.quest-studio-page .story-line{stroke:#45a7d0}
.quest-studio-page .studio-button--primary{background:linear-gradient(180deg,#22b0ff,#0875f6);border-color:#42bcff}
.quest-studio-page .studio-select,.quest-studio-page input,.quest-studio-page textarea,.quest-studio-page select{background:#061420;border-color:#2a4d66;color:#edf7ff}
.quest-studio-page .studio-language{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
@media(max-width:900px){.quest-studio-page.fantasy-store{height:auto;overflow:auto}.studio-ribbon{position:sticky;top:var(--header-h);padding-inline:16px}.studio-back{font-size:0}.studio-back::before{margin-right:0}.studio-ribbon .studio-title-wrap{display:flex}.quest-studio-page .studio-toolbar{top:calc(var(--header-h) + var(--studio-ribbon))}.quest-studio-page .studio-shell{height:auto;min-height:calc(100vh - var(--header-h) - var(--studio-ribbon) - var(--studio-toolbar))}}
@media(max-width:620px){.studio-ribbon{gap:10px}.studio-ribbon__main{gap:9px}.studio-ribbon .studio-title-wrap strong{font-size:13px}.studio-header-actions .studio-button[href]{display:none}}


/* NPC Asset Gallery */
.npc-assets-view{display:none!important;min-height:0;overflow:hidden;background:rgba(4,14,22,.86)}
.npc-assets-view.is-active{display:flex!important}
.npc-assets-shell{display:grid;grid-template-columns:300px minmax(360px,1fr) 330px;gap:12px;width:100%;padding:12px;min-height:0}
.npc-gallery-panel,.npc-viewer-panel,.npc-builder-panel{min-width:0;min-height:0;border:1px solid #24475d;border-radius:10px;background:linear-gradient(145deg,rgba(6,22,33,.96),rgba(3,12,20,.96));box-shadow:0 18px 45px rgba(0,0,0,.26)}
.npc-gallery-panel{display:flex;flex-direction:column;overflow:hidden}
.npc-gallery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px;border-bottom:1px solid #214258}
.npc-gallery-head h2,.npc-viewer-topline h2{margin:0;color:#f3fbff;font-size:18px}
.npc-index-pill{display:inline-flex;min-width:32px;height:24px;align-items:center;justify-content:center;border:1px solid rgba(38,186,255,.55);border-radius:999px;background:rgba(3,75,121,.44);color:#dff6ff;font-weight:800}
.npc-search-label{display:grid;gap:6px;padding:12px;color:#a7bfd8;font-size:12px;font-weight:700}
.npc-search-label input{width:100%}
.npc-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 12px 12px}
.npc-filter-row button{min-height:31px;border:1px solid #2a4d66;border-radius:6px;background:#061420;color:#a7bfd8;font-weight:800;cursor:pointer}
.npc-filter-row button.is-active{border-color:#26baff;background:linear-gradient(180deg,#0b6bc3,#064a82);color:#fff;box-shadow:0 0 15px rgba(0,157,255,.22)}
.npc-card-list{display:grid;gap:8px;padding:0 12px 12px;overflow:auto}
.npc-asset-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;width:100%;padding:9px;border:1px solid #24475d;border-radius:8px;background:rgba(4,18,29,.82);color:#dcefff;text-align:left;cursor:pointer;transition:.16s ease}
.npc-asset-card:hover,.npc-asset-card.is-active{border-color:#26baff;background:rgba(7,45,70,.9);box-shadow:0 0 18px rgba(0,157,255,.18)}
.npc-card-preview{width:46px;height:46px;border-radius:10px;background:radial-gradient(circle at 50% 25%,#93e2ff,#0875f6 42%,#031420 76%);box-shadow:inset 0 -10px 18px rgba(0,0,0,.32),0 0 16px rgba(0,157,255,.2)}
.npc-card-preview--knight{background:radial-gradient(circle at 55% 22%,#fff0c5,#d8a148 32%,#27384f 74%)}
.npc-card-preview--caster{background:radial-gradient(circle at 55% 22%,#d9f6ff,#53cbff 36%,#32205d 76%)}
.npc-card-preview--small{background:radial-gradient(circle at 55% 22%,#fff0cf,#c98049 36%,#342316 76%)}
.npc-card-main strong,.npc-card-main em,.npc-card-main small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.npc-card-main strong{font-size:13px;color:#fff}.npc-card-main em{font-style:normal;color:#7ccfff;font-size:11px}.npc-card-main small{color:#84a3bd;font:10px JetBrains Mono,monospace;margin-top:2px}
.npc-card-badges{display:grid;gap:4px;justify-items:end}.npc-card-badges b{padding:3px 6px;border:1px solid rgba(124,199,239,.34);border-radius:999px;color:#b9d4ea;font-size:9px;text-transform:uppercase}.npc-card-badges .is-classic{color:#70ffbd;border-color:rgba(49,214,138,.45)}.npc-card-badges .is-main{color:#d8b7ff;border-color:rgba(178,118,255,.5)}
.npc-viewer-panel{display:flex;flex-direction:column;overflow:hidden}.npc-viewer-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid #214258}.npc-viewer-topline p{margin:4px 0 0;color:#8eb0ca;font:12px JetBrains Mono,monospace}.npc-status-stack{display:grid;gap:5px;justify-items:end}.npc-status-stack span{padding:5px 8px;border-radius:999px;background:rgba(4,35,55,.9);border:1px solid rgba(38,186,255,.33);color:#cdeeff;font-size:11px;font-weight:800}
.npc-viewer-stage{position:relative;flex:1;min-height:310px;margin:12px;border:1px solid #183a52;border-radius:10px;overflow:hidden;background:#020911}.npc-viewer-stage canvas{display:block;width:100%;height:100%}.npc-viewer-hint{position:absolute;left:12px;right:12px;bottom:10px;padding:7px 9px;border:1px solid rgba(38,186,255,.22);border-radius:7px;background:rgba(2,10,16,.72);color:#9eb9cf;font-size:11px}
.npc-asset-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px 12px}.npc-asset-facts div{padding:9px;border:1px solid #1f3d52;border-radius:8px;background:rgba(2,14,22,.62)}.npc-asset-facts span{display:block;color:#789bb6;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.npc-asset-facts strong{display:block;margin-top:4px;color:#e7f7ff;font-size:12px;line-height:1.35;word-break:break-word}
.npc-builder-panel{display:flex;flex-direction:column;gap:10px;padding:10px;overflow:auto}.npc-builder-card,.npc-export-card{display:grid;gap:9px;padding:12px;border:1px solid #1f3d52;border-radius:9px;background:rgba(3,17,27,.68)}.npc-builder-card label{display:grid;gap:5px;color:#9fb0c0;font-size:12px;font-weight:700}.npc-coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.npc-builder-note{margin:0;color:#83a3bd;font-size:11px;line-height:1.45}.npc-export-card pre{margin:0;max-height:310px;overflow:auto;padding:10px;border-radius:7px;background:#020910;color:#bde7ff;font:11px/1.55 JetBrains Mono,monospace;white-space:pre-wrap;border:1px solid #153247}
@media(max-width:1180px){.npc-assets-shell{grid-template-columns:260px minmax(340px,1fr)}.npc-builder-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.npc-export-card{grid-column:span 3}}
@media(max-width:760px){.npc-assets-view{overflow:auto}.npc-assets-shell{grid-template-columns:1fr}.npc-builder-panel{display:flex}.npc-asset-facts{grid-template-columns:1fr}.npc-viewer-stage{min-height:260px}}