*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0d0d12;--surface: #16161f;--surface-hover: #1e1e2a;--border: rgba(232,226,217,.12);--border-strong: rgba(232,226,217,.22);--text: #e8e2d9;--text-muted: #8888a0;--primary: #6c5ce7;--primary-hover: #7d6ff0;--danger: #e74c3c;--success: #27ae60;--radius: 2px;--font: system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--shadow: 3px 3px 0 rgba(108,92,231,.35);--shadow-lg: 5px 5px 0 rgba(108,92,231,.4);--shadow-hover: 4px 4px 0 rgba(108,92,231,.5)}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:22px 22px;color:var(--text);min-height:100vh;overflow-x:hidden}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.tag{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.05em}.section-title{font-size:40px;font-weight:900;color:var(--text);line-height:1.1;letter-spacing:-.02em;margin-top:8px}.sync-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sync-dot--saved{background:#27ae60}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13px;font-family:var(--font-mono);letter-spacing:.03em;cursor:pointer;transition:box-shadow .12s,transform .12s,background .15s;box-shadow:var(--shadow);text-decoration:none}.btn:hover{box-shadow:var(--shadow-hover);color:var(--text)}.btn:active{box-shadow:1px 1px #6c5ce74d;transform:translate(1px,1px)}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--secondary{background:transparent;box-shadow:none}.btn--secondary:hover{box-shadow:none;background:var(--surface-hover)}.btn--sm{padding:4px 10px;font-size:11px}.btn--primary:hover{background:var(--primary-hover);color:#fff}.btn--lg{padding:14px 28px;font-size:14px;font-weight:700}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0d0d12eb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav__inner{max-width:1200px;margin:0 auto;padding:0 32px;height:56px;display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-mono);font-size:16px;font-weight:900;color:var(--text);letter-spacing:-.02em}.nav__logo:hover{color:var(--text)}.nav__links{display:flex;align-items:center;gap:28px}.nav__links a{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.04em;transition:color .15s}.nav__links a:hover{color:var(--text)}.nav__cta{padding:6px 14px;background:var(--primary);color:#fff!important;border-radius:var(--radius);font-weight:700;box-shadow:2px 2px #6c5ce759}.nav__cta:hover{box-shadow:3px 3px #6c5ce780;color:#fff!important}.hero{max-width:1400px;margin:0 auto;padding:140px 32px 80px;display:flex;flex-direction:column;gap:48px}.hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.hero__title{font-size:54px;font-weight:900;line-height:1.05;letter-spacing:-.03em}.hero__sub{font-size:16px;line-height:1.6;color:var(--text-muted);max-width:420px}.hero__actions{display:flex;gap:12px;margin-top:12px;justify-content:center}.hero__app-preview{animation:sketchIn .5s ease both}@keyframes sketchIn{0%{opacity:0;transform:translateY(16px)}}.app-frame{position:relative;background:var(--bg);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);display:flex;overflow:visible;border-radius:3px;height:650px}.app-frame__sidebar{width:140px;background:var(--surface);border-right:1px solid var(--border);padding:12px 0;flex-shrink:0}.app-frame__logo{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--text);padding:4px 12px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.app-frame__nav-items{display:flex;flex-direction:column;gap:1px;padding:4px 6px}.app-frame__nav-item{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);padding:6px 8px;border-radius:var(--radius)}.app-frame__nav-item--active{background:var(--surface-hover);color:var(--text)}.app-frame__nav-item[data-tab]{cursor:pointer}.hero__app-preview{position:relative}.chalk-hint{position:absolute;top:10%;right:calc(100% + 12px);display:flex;flex-direction:column-reverse;align-items:center;gap:2px;color:#ffc850d9;pointer-events:none}.chalk-hint__text{font-family:Segoe Script,Comic Sans MS,cursive;font-size:52px;letter-spacing:.04em;white-space:nowrap;transform:rotate(-6deg)}.chalk-hint__arrow{width:100px;height:70px;flex-shrink:0;align-self:flex-end;filter:url(#chalk-roughen)}.app-frame__tab{display:flex;flex-direction:column;flex:1;min-height:0}#character-editor-root,#location-editor-root{flex:1;display:flex;min-height:0;overflow:hidden}#location-editor-root .loc-editor{flex:1;min-height:0;overflow:hidden}.app-frame__main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.tab-chalk{position:absolute;z-index:20;display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffc850d9;pointer-events:none}.tab-chalk--arrow-first{flex-direction:column-reverse}.tab-chalk--row{flex-direction:row}.tab-chalk--row.tab-chalk--arrow-first{flex-direction:row-reverse}.tab-chalk__text{font-family:Segoe Script,Comic Sans MS,cursive;font-size:38px;letter-spacing:.04em;white-space:nowrap;text-shadow:0 2px 10px rgba(0,0,0,.6)}.tab-chalk__arrow--vertical{width:50px;height:65px}.tab-chalk__arrow--horizontal{width:400px;height:50px}.tab-chalk__arrow--diagonal{width:120px;height:120px}.tab-chalk__arrow svg{width:100%;height:100%;filter:url(#chalk-roughen)}.app-frame__toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.app-frame__toolbar-title{font-size:12px;font-weight:800;color:var(--text);flex:1}.app-frame__toolbar-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;color:#27ae60;background:#27ae601f;border:1px solid rgba(39,174,96,.3);padding:2px 8px;border-radius:var(--radius);letter-spacing:.08em}.scene-demo-container{position:relative;flex:1;background:#1a1a2e;container-type:inline-size;overflow:hidden}.scene-demo-stage{position:absolute;inset:0}.scene-demo-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.scene-demo-container .vn-dialog__speaker{font-size:max(10px,1.2cqw)}.scene-demo-container .vn-dialog__text{font-size:max(12px,1.3cqw)}.scene-demo-container .vn-choice__prompt{font-size:max(11px,1.2cqw)}.scene-demo-container .vn-choice__btn{font-size:max(11px,1.1cqw);padding:max(4px,.5cqw) max(8px,1cqw)}.transform-gizmo{position:absolute;pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none}.transform-gizmo__box{position:absolute;inset:0;border:2px dashed rgba(108,92,231,.8);cursor:move;pointer-events:auto}.transform-gizmo__handle{position:absolute;width:12px;height:12px;background:var(--primary);border:2px solid #fff;border-radius:2px;pointer-events:auto;transform:translate(-50%,-50%)}.transform-gizmo__handle--tl{top:0;left:0;cursor:nwse-resize}.transform-gizmo__handle--tr{top:0;right:0;cursor:nesw-resize;transform:translate(50%,-50%)}.transform-gizmo__handle--bl{bottom:0;left:0;cursor:nesw-resize;transform:translate(-50%,50%)}.transform-gizmo__handle--br{bottom:0;right:0;cursor:nwse-resize;transform:translate(50%,50%)}.char-highlight{position:absolute;pointer-events:none;z-index:8;border:2px solid var(--highlight-color, #6c5ce7);border-radius:4px;box-shadow:0 0 16px var(--highlight-color, #6c5ce7),inset 0 0 20px #6c5ce714;animation:char-highlight-pulse 1.5s ease-in-out infinite}@keyframes char-highlight-pulse{0%,to{opacity:.55}50%{opacity:1}}#scene-editor-root{flex:1;display:flex;min-height:0;overflow:hidden}.scene-editor{display:flex;flex-direction:column;flex:1;min-height:0}.scene-editor__content{display:flex;flex:1;min-height:0}.scene-editor__inspector{flex:2;min-width:0;max-width:400px;display:flex;flex-direction:column;border-left:1px solid var(--border);overflow:hidden}.inspector__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;padding:32px 20px}.inspector__header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;min-height:44px}.inspector__type{display:inline-flex;align-items:center;height:20px;padding:0 9px;border-radius:var(--radius);font-family:var(--font-mono);font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.inspector__counter{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto}.inspector__body{padding:0;flex:1;min-height:0;overflow-y:auto}.scene-editor__inspector .step-fields{display:flex;flex-direction:column;gap:8px;padding:14px}.step-field{display:flex;flex-direction:row;align-items:center;gap:8px}.step-field--column{flex-direction:column;align-items:stretch;gap:4px}.step-field--column .step-field-label{width:auto}.step-field-label{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);width:76px;flex-shrink:0}.scene-editor__timeline{flex-shrink:0;border-top:1px solid var(--border);background:var(--surface);position:relative}.timeline__wrap{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-user-select:none;user-select:none}.timeline__segments{display:flex;gap:8px;min-height:48px;align-items:center;padding:0 8px}.timeline__block{display:flex;height:48px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.timeline__segment{width:60px;min-width:60px;flex-shrink:0;height:100%;background:var(--step-color, #888);border:none;border-right:1px solid rgba(0,0,0,.2);padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;opacity:.45;transition:opacity .12s;cursor:pointer}.timeline__segment:last-child{border-right:none}.timeline__segment--active{opacity:1}.timeline__segment--auto{height:60%;align-self:center;border-radius:2px;opacity:.3}.timeline__segment--auto.timeline__segment--active{opacity:.8}.timeline__segment-label{font-family:var(--font-mono);font-size:8px;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.timeline__choice-group{display:flex;gap:0;align-items:stretch}.timeline__choice-col{display:flex;align-items:center}.timeline__choice-col .timeline__segment{border-radius:4px 0 0 4px}.timeline__choice-header{height:48px}.timeline__lanes{display:flex;flex-direction:column;gap:2px;border-left:1px solid rgba(255,255,255,.1);padding-left:4px}.timeline__lane{display:flex;align-items:center;gap:4px}.timeline__lane-label{font-family:var(--font-mono);font-size:7px;color:var(--text-muted);width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.timeline__lane-steps{display:flex;gap:2px}.timeline__lane-steps .timeline__block{height:20px}.timeline__lane-steps .timeline__segment{width:40px;min-width:40px;height:100%}.timeline__lane-steps .timeline__segment-label{font-size:6px}.scene-editor__preview{flex:3;min-width:0;display:flex;flex-direction:column;overflow:hidden}.scene-editor__preview .test-vn{flex:1;position:relative;background:#1a1a2e;container-type:inline-size;overflow:hidden}.scene-editor__preview .test-vn__stage{position:absolute;inset:0}.scene-editor__preview .test-vn__stage canvas{display:block;width:100%;height:100%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.scene-editor__preview .vn-dialog__speaker{font-size:max(10px,1cqw)}.scene-editor__preview .vn-dialog__text{font-size:max(12px,1.1cqw)}.scene-editor__preview .vn-choice__prompt{font-size:max(11px,1.1cqw)}.scene-editor__preview .vn-choice__btn{font-size:max(11px,1cqw);padding:max(4px,.7cqw) max(8px,1.25cqw)}.input{padding:8px 0;border-radius:0;border:none;border-bottom:1px solid var(--border-strong);background:transparent;color:var(--text);font-size:14px;width:100%;font-family:inherit}.input:focus{outline:none;border-bottom-color:var(--primary)}select.input{cursor:pointer;padding:8px 4px}.spine-detail__header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.spine-detail__title{font-size:28px;font-weight:900;letter-spacing:-.02em;flex:1}.spine-detail__body{display:grid;grid-template-columns:1fr 320px;gap:24px}.spine-detail__info{display:flex;flex-direction:column;min-height:0;overflow:hidden}.spine-detail__section{margin-top:12px}.spine-preview{display:flex;flex-direction:column}.spine-preview__canvas-wrap{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:16 / 9}.spine-preview__canvas-wrap canvas{width:100%;height:100%;display:block}.spine-tabs{display:flex;align-items:center;gap:4px;margin-bottom:12px}.spine-tab{display:flex;align-items:center;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden}.spine-tab--active{border-color:var(--primary)}.spine-tab__btn{padding:6px 12px;font-family:var(--font-mono);font-size:12px;font-weight:500;background:var(--surface);border:none;color:var(--text);cursor:default}.spine-tab--active .spine-tab__btn{background:var(--primary);color:#fff}.edit-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:12px;gap:0;flex-shrink:0}.edit-tab{flex:1;padding:8px 4px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;text-align:center}.edit-tab:hover{color:var(--text)}.edit-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.edit-tab-content{flex:1;overflow-y:auto;min-height:0}.spine-detail__skin-list{display:flex;flex-direction:column;gap:4px}.spine-detail__skin-toggle{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;cursor:pointer;padding:3px 0}.outfit-row{margin-bottom:4px}.spine-detail__anim-list{display:flex;flex-wrap:wrap;gap:6px}.spine-detail__anim-btn{padding:4px 10px;font-family:var(--font-mono);font-size:11px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer}.spine-detail__anim-btn:hover{background:var(--surface-hover)}.spine-detail__anim-btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.spine-detail__anim-track{font-size:10px;opacity:.7}.showcase{max-width:1200px;margin:0 auto;padding:100px 32px}.showcase--alt{background:#16161f80;max-width:none;padding-left:0;padding-right:0}.showcase--alt>*{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.showcase__header{margin-bottom:40px;max-width:560px}.showcase__desc{font-size:15px;line-height:1.6;color:var(--text-muted);margin-top:12px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s}.feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.feature-card__icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff}.feature-card__title{font-size:16px;font-weight:700;margin-bottom:8px}.feature-card__desc{font-size:13px;line-height:1.6;color:var(--text-muted)}.step-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step-type-card{padding:16px 18px;border:1px solid var(--border);border-left:3px solid var(--accent, #888);border-radius:var(--radius);background:var(--surface)}.step-type-card__header{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;font-weight:700;margin-bottom:6px}.step-type-dot{width:10px;height:10px;border-radius:2px;background:var(--accent, #888);flex-shrink:0}.step-type-card p{font-size:12px;color:var(--text-muted);line-height:1.5}.loc-demo-frame{border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);border-radius:3px;overflow:hidden;transform:rotate(-.2deg)}.loc-demo-frame__header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.loc-demo-frame__title{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--text);flex:1}.loc-demo-container{position:relative;aspect-ratio:16 / 9;background:#1a1a2e;background-size:cover;background-position:center;overflow:hidden}.tech__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.tech-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-strong);font-family:var(--font-mono);font-size:13px}.tech-item__key{color:var(--text-muted);font-size:11px;letter-spacing:.06em}.tech-item__val{color:var(--text);font-weight:600}.cta{padding:60px 32px 100px;display:flex;justify-content:center}.cta__card{background:var(--surface);border:1px solid var(--border-strong);padding:48px 56px;box-shadow:var(--shadow-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;transform:rotate(-.4deg);max-width:480px}.cta__title{font-size:36px;font-weight:900;letter-spacing:-.02em}.cta__sub{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:8px}.footer{border-top:1px solid var(--border);padding:24px 32px;text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.05em}.footer__dot{margin:0 8px;color:var(--primary)}.app-frame__mobile-tabs{display:none;gap:0;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.app-frame__mobile-tab{flex:1;padding:10px 4px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;text-align:center}.app-frame__mobile-tab:hover{color:var(--text)}.app-frame__mobile-tab--active{color:var(--primary);border-bottom-color:var(--primary)}@media(max-width:900px){.hero{padding:120px 24px 60px;gap:40px}.hero__title{font-size:42px}.hero__actions{flex-direction:column}.hero__actions .btn{text-align:center;justify-content:center}.app-frame__sidebar{display:none}.app-frame__mobile-tabs{display:flex}.app-frame{height:min(650px,80svh)}.chalk-hint,.tab-chalk{display:none}.spine-detail__body{grid-template-columns:1fr}.scene-editor__content{flex-direction:column}.scene-editor__inspector{max-width:none;border-left:none;border-top:1px solid var(--border);max-height:200px;overflow-y:auto}.timeline__wrap{-webkit-overflow-scrolling:touch}.timeline__segments{padding:4px 8px}.features-grid,.step-types-grid{grid-template-columns:1fr 1fr}.tech__grid{grid-template-columns:1fr}.section-title{font-size:30px}.nav__links a:not(.nav__cta){display:none}.cta__card{padding:36px 28px}}@media(max-width:480px){.hero__title{font-size:34px}.features-grid,.step-types-grid{grid-template-columns:1fr}}.vn-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;pointer-events:none;z-index:10}.vn-overlay>*{pointer-events:auto}.vn-dialog{position:relative;padding:1.56cqw 1.875cqw 1.72cqw;width:100%;height:30%;box-sizing:border-box;overflow:visible;background:#080812e6;border-top:2px solid rgba(180,160,255,.35);box-shadow:0 -6px 32px #0009;cursor:pointer;-webkit-user-select:none;user-select:none}.vn-dialog__speaker{position:absolute;bottom:100%;left:1.56cqw;font-weight:700;color:#fff;background:#080812e6;border:2px solid rgba(180,160,255,.35);border-bottom:none;padding:.3cqw 1.4cqw;border-radius:.3cqw .3cqw 0 0;font-size:1cqw;letter-spacing:.04em}.vn-dialog__text{color:#e8e8f0;font-size:1.1cqw;line-height:1.75}.vn-choice{position:relative;padding:1.56cqw 1.875cqw 1.72cqw;width:100%;height:30%;box-sizing:border-box;overflow:visible;background:#080812e6;border-top:2px solid rgba(180,160,255,.35);box-shadow:0 -6px 32px #0009}.vn-choice__prompt{color:#e8e8f0;font-size:1.1cqw;margin-bottom:.94cqw;text-align:center;line-height:1.75}.vn-choice__options{display:flex;flex-direction:column;gap:.47cqw}.vn-choice__btn{padding:.7cqw 1.25cqw;background:#b4a0ff14;border:1px solid rgba(180,160,255,.3);border-radius:.25cqw;color:#e8e8f0;font-size:1cqw;cursor:pointer;transition:background .15s,border-color .15s;font-family:inherit;text-align:left}.vn-choice__btn:hover{background:#b4a0ff33;border-color:#b4a0ff8c}.vn-ended{text-align:center;color:#888;padding:20px}.vn-ended p{margin-bottom:12px}.loc-editor{display:flex;flex:1;min-height:0;overflow:hidden}.loc-editor__hierarchy{width:220px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);overflow:hidden}.loc-editor__preview{flex:1;min-width:0;position:relative;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;container-type:size}.loc-canvas-16x9{position:relative;aspect-ratio:16 / 9;max-width:100%;max-height:100%;width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw);overflow:hidden}.loc-editor__inspector{width:260px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface);overflow:hidden}.loc-panel-header{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.loc-panel-body{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column}.hier-section-label{font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 6px 4px}.hier-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius);cursor:pointer;font-size:12px;-webkit-user-select:none;user-select:none}.hier-row:hover{background:var(--surface-hover)}.hier-row--active{background:var(--primary);color:#fff}.hier-row--active:hover{background:var(--primary)}.hier-row--missing .hier-label{opacity:.5;font-style:italic}.hier-row--add{opacity:.6}.hier-row--add:hover{opacity:1}.hier-icon{width:10px;height:10px;border-radius:2px;flex-shrink:0}.hier-icon--circle{border-radius:50%}.hier-icon--add{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:2px;line-height:1}.hier-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insp-section{display:flex;flex-direction:column;gap:8px}.insp-heading{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.insp-field{display:flex;align-items:center;gap:8px;font-size:12px}.insp-label{width:90px;flex-shrink:0;font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.insp-value{flex:1;font-size:12px}.insp-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.insp-empty{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:center;padding:24px 0}@media(max-width:768px){.loc-editor{flex-direction:column}.loc-editor__hierarchy{width:100%;max-height:140px;border-right:none;border-bottom:1px solid var(--border)}.loc-editor__preview{flex:none;aspect-ratio:16 / 9;width:100%}.loc-editor__inspector{flex:1;width:100%;border-left:none;border-top:1px solid var(--border)}}.loc-bg-preview{height:200px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--border);overflow:hidden}