:root{color-scheme:dark;--bg: #070a0d;--surface: rgba(13, 18, 23, .86);--surface-2: rgba(18, 26, 32, .88);--surface-3: rgba(28, 39, 48, .9);--line: rgba(148, 163, 184, .16);--line-strong: rgba(174, 197, 220, .25);--text: #edf6ff;--muted: #a7b6c5;--soft: #6f8190;--accent: #7dd3fc;--accent-2: #9ff0d8;--success: #65f08d;--success-text: #c8ffd6;--success-bg: rgba(101, 240, 141, .1);--success-border: rgba(101, 240, 141, .34);--danger: #ff6b6b;--warning: #f5d36d;--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}*{scrollbar-color:rgba(125,211,252,.34) rgba(255,255,255,.06);scrollbar-width:thin}*::-webkit-scrollbar{height:10px;width:10px}*::-webkit-scrollbar-track{background:#ffffff0a;border-radius:999px}*::-webkit-scrollbar-thumb{background:#7dd3fc47;border:2px solid rgba(7,10,13,.75);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#7dd3fc75}html,body{height:100%}body{margin:0;min-width:1180px;background:#070a0d;color:var(--text);overflow:hidden}#root{height:100%}button,input,select,textarea{font:inherit}button{align-items:center;background:#1d2a33c7;border:1px solid var(--line-strong);border-radius:7px;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;min-height:34px;padding:0 12px}button:hover{border-color:var(--accent);background:#253743e0}button:disabled{cursor:not-allowed;opacity:.45}button:disabled:hover{border-color:var(--line-strong)}.app-shell{display:grid;gap:14px;grid-template-rows:auto minmax(0,1fr);height:100vh;padding:18px}.topbar,.workspace,.panel,.entry-strip{border:1px solid var(--line);border-radius:var(--radius)}.topbar{align-items:center;background:var(--surface);box-shadow:inset 0 1px #ffffff08;display:flex;justify-content:space-between;padding:14px 16px}.topbar-actions{align-items:center;display:flex;gap:10px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;margin:0 0 2px;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:22px;font-weight:720}h2{font-size:13px;font-weight:720}.status-pill{align-items:center;background:#0f2c1bc7;border:1px solid var(--success-border);border-radius:999px;color:var(--success-text);display:flex;font-size:13px;gap:8px;min-height:34px;padding:0 12px}.status-pill.error{background:#41171bc7;border-color:#ff6b6b57;color:#ffc8c8}.workspace{display:grid;gap:14px;grid-template-columns:330px minmax(520px,1fr) 390px;min-height:0}.panel,.entry-strip{background:var(--surface);box-shadow:inset 0 1px #ffffff08}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:14px}.panel-title,.section-head{align-items:center;display:flex}.panel-title{color:var(--text);font-size:13px;font-weight:720;gap:8px}.section-head{justify-content:space-between;margin-bottom:10px}.code-editor{background:#0d0f0e;border:1px solid var(--line);border-radius:7px;height:340px;margin:12px 0;min-height:240px;overflow:hidden;position:relative}.code-editor textarea,.code-editor-highlight{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;inset:0;line-height:1.55;padding:12px 12px 12px 52px;position:absolute;tab-size:4;white-space:pre}.code-editor textarea{background:transparent;border:0;caret-color:var(--text);color:transparent;outline:none;overflow:auto;resize:vertical;width:100%}.code-editor textarea::selection{background:#53d4b447;color:transparent}.code-editor-highlight{color:#d8e2d8;pointer-events:none;transform-origin:top left}.code-editor-highlight .code-view{background:transparent;border:0;margin:0;max-height:none;overflow:visible;padding:0}.side-scroll{flex:1;min-height:0;overflow:auto;padding-right:4px}.button-row{display:flex;gap:8px}.import-actions{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.import-actions button{justify-content:center}.import-actions .wide{grid-column:1 / -1}.import-actions .fix{border-color:#f5c96b5c;color:var(--warning)}.import-actions .fix:hover{background:#f5c96b1a}.visually-hidden{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.button-row.compact{margin:0}.stage-column{display:grid;gap:14px;grid-template-rows:1fr auto;min-height:0;min-width:0}.preview{background:#050706;border-radius:var(--radius);display:flex;min-height:0;overflow:hidden;padding:12px;position:relative}.preview:focus{outline:1px solid var(--accent);outline-offset:-1px}.preview:fullscreen{background:#000;border-radius:0;height:100vh;padding:0;width:100vw}.preview:fullscreen .preview-screen{aspect-ratio:auto;border:0;border-radius:0;height:100vh;max-height:none;width:100vw}.preview-fullscreen{background:#0000007a;border-color:#ffffff2e;color:#fff;height:34px;justify-content:center;min-height:34px;padding:0;position:absolute;right:20px;top:20px;width:34px;z-index:6}.preview-fullscreen:hover{border-color:#ffffff80}.preview:fullscreen .preview-fullscreen{opacity:.24;right:18px;top:18px}.preview:fullscreen .preview-fullscreen:hover{opacity:1}.preview-screen{aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:7px;container-type:inline-size;margin:auto;max-height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.preview-screen.no-animation .visor-selection,.preview-screen.no-animation .visor-underline,.preview-screen.no-animation .visor-power-action{transition:none}.preview-screen.text-menu-mode{background:#000}.preview-screen.has-pointer,.preview-screen.has-pointer *{cursor:none}.preview-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04080c75;color:var(--text);display:flex;flex-direction:column;font-size:clamp(12px,1.2vw,15px);font-weight:720;gap:10px;inset:0;justify-content:center;letter-spacing:0;pointer-events:auto;position:absolute;text-shadow:0 1px 8px rgba(0,0,0,.5);z-index:8}.preview-loading svg{animation:spinner-rotate .8s linear infinite;color:var(--accent)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.preview-bg{background-color:#111713;background-position:center;background-size:cover;inset:0;position:absolute}.visor-dim{background:#0000003d;inset:0;position:absolute}.visor-header,.visor-entry,.visor-power-action,.visor-selection,.visor-underline,.visor-chevron,.center-info,.countdown,.action-toast,.editor-overlay{position:relative;z-index:1}.visor-header{align-items:center;display:flex;left:0;justify-content:center;position:absolute;width:100%}.visor-title-frost{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--visor-blur-color, rgba(255, 255, 255, .14));border-radius:16px;height:calc(100% + 36px);left:50%;position:absolute;top:-18px;transform:translate(-50%);width:min(68%,620px);z-index:-1}.visor-header.mode-above{flex-direction:column}.visor-header h2{font-weight:780;line-height:1;margin:0}.visor-logo{object-fit:contain}.visor-entry{background:transparent;border:0;color:inherit;cursor:pointer;min-height:0;padding:0;position:absolute}.visor-entry:hover{background:transparent;border:0}.visor-entry-icon{align-items:center;display:flex;justify-content:center;position:absolute;top:0}.visor-entry-icon img{height:100%;object-fit:contain;width:100%}.visor-entry-icon span{font-weight:820}.visor-entry strong{display:block;font-weight:680;left:50%;max-width:170%;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.62);transform:translate(-50%);white-space:nowrap}.visor-selection{background:#ffffff26;position:absolute;transition:left var(--visor-anim-ms, .14s) ease,top var(--visor-anim-ms, .14s) ease,width var(--visor-anim-ms, .14s) ease,height var(--visor-anim-ms, .14s) ease}.visor-selection.frost,.editor-dialog.frost{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:var(--visor-blur-color, rgba(255, 255, 255, .14))}.visor-selection.flat-power{opacity:0}.visor-underline{border-radius:2px;opacity:.9;position:absolute;transition:left var(--visor-anim-ms, .14s) ease,top var(--visor-anim-ms, .14s) ease,width var(--visor-anim-ms, .14s) ease}.visor-chevron{background:transparent;border:0;font-weight:700;min-height:0;padding:0;position:absolute}.visor-chevron:hover{background:transparent;border:0}.visor-power-action{align-items:center;background:transparent;border:0;border-radius:0;justify-content:flex-start;min-height:0;padding:0;position:absolute;transition:color var(--visor-anim-ms, .14s) ease;white-space:nowrap}.visor-power-action span:first-child{display:inline-block;font-weight:760;line-height:1}.visor-power-action span:last-child{line-height:1;overflow:visible}.visor-power-action:hover{background:transparent;border:0}.visor-power-action img{height:100%;object-fit:contain;width:100%}.center-info{display:grid;gap:6px;justify-items:center;left:10%;line-height:1.2;position:absolute;text-align:center;width:80%}.center-info.snapshots{gap:10px;justify-items:start;left:20%;text-align:left;width:60%}.countdown{color:#fff;position:absolute}.action-toast{background:#00000094;border:1px solid rgba(255,255,255,.2);border-radius:7px;bottom:20px;color:#fff;font-size:13px;left:50%;padding:8px 12px;position:absolute;transform:translate(-50%)}.editor-overlay{align-items:center;background:#00000094;display:flex;inset:0;justify-content:center;position:absolute}.editor-dialog{background:#000000d6;border-radius:14px;display:grid;gap:14px;min-height:120px;padding:20px;width:80%}.editor-dialog h3,.editor-dialog p{margin:0}.editor-dialog p{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-dialog i{display:block;height:24px;width:2px}.text-menu{color:#d8d8d8;display:grid;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;gap:22px;left:8%;line-height:1.45;position:absolute;top:10%;width:84%;z-index:2}.text-menu h2{font-size:clamp(24px,3vw,52px);font-weight:700}.text-menu-list{display:grid;gap:8px}.text-menu-list div{align-items:center;display:grid;font-size:clamp(16px,1.5vw,28px);gap:14px;grid-template-columns:1.2em minmax(0,1fr)}.text-menu-list strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-menu-list .selected{background:#ffffff14}.visor-pointer{background:transparent;height:24px;pointer-events:none;position:absolute;width:18px;z-index:4}.visor-pointer:before,.visor-pointer:after{clip-path:polygon(0 0,6% 0,83% 62%,83% 67%,6% 88%,0 88%);content:"";display:block;position:absolute}.visor-pointer:before{background:#000000db;height:22px;left:-1px;top:0;width:20px}.visor-pointer:after{background:#fff;height:21px;left:0;top:0;width:18px}.entry-strip{padding:12px}.entry-tabs{display:flex;gap:8px;overflow-x:auto}.entry-tabs button{flex:0 0 auto}.entry-tabs button.draggable{cursor:grab}.entry-tabs button.draggable:active{cursor:grabbing}.entry-tabs button.dragging{opacity:.5}.entry-tabs .selected{background:#143442db;border-color:var(--accent)}.entry-edit-button{margin-top:10px}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000094;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:20}@supports not (backdrop-filter: blur(8px)){.modal-backdrop{background:#000000b8}}.entry-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 80px #0000006b;display:grid;gap:16px;max-height:calc(100vh - 32px);min-height:min(820px,calc(100vh - 32px));overflow:auto;padding:16px;width:min(720px,calc(100vw - 48px))}.code-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 80px #0000006b;display:grid;gap:14px;grid-template-rows:auto minmax(0,1fr);height:min(86vh,900px);padding:16px;width:min(1100px,92vw)}.about-modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 24px 80px #0000006b;display:grid;gap:14px;padding:16px;width:min(460px,calc(100vw - 48px))}.about-content{display:grid;gap:10px}.about-content p{color:var(--muted);font-size:13px;line-height:1.45}.about-content a,.about-links a{color:var(--accent-2);text-decoration:none}.about-content a:hover,.about-links a:hover{color:var(--accent)}.about-links{border-top:1px solid var(--line);align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.about-links a{font-size:12px;font-weight:700;overflow-wrap:anywhere}.about-icon-link{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:7px;min-height:30px;padding:0 10px}.modal-head-actions{align-items:center;display:flex;gap:8px}.code-modal-body{min-height:0;overflow:hidden}.code-modal-body .code-editor{height:100%;margin:0;min-height:0}.code-modal-body .code-view,.code-modal-body .diff-view{height:100%;max-height:none}.code-modal-body .config-diff{height:100%;grid-template-rows:auto minmax(0,1fr)}.modal-head,.modal-actions,.entry-type-row,.icon-suggestion,.path-helper div{align-items:center;display:flex}.modal-head,.modal-actions{justify-content:space-between}.modal-head h2{font-size:18px}.entry-type-row{gap:8px;overflow-x:auto}.entry-type-row button{flex:0 0 auto}.entry-type-row .selected,button.primary{background:#143442db;border-color:var(--accent)}.entry-modal-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.entry-modal-grid .field-control:nth-child(2),.entry-modal-grid .field-control:nth-child(4),.entry-modal-grid .field-control:nth-child(5),.entry-modal-grid .icon-suggestion{grid-column:1 / -1}.icon-suggestion{background:#090d11b8;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:12px;gap:10px;min-width:0;padding:8px}.icon-suggestion span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-helper{background:#84b8ff12;border:1px solid rgba(132,184,255,.22);border-radius:7px;display:grid;gap:8px;padding:10px}.path-helper div{color:#c6ddff;font-size:12px;gap:8px}.path-helper pre{background:#0d0f0e;border:1px solid var(--line);border-radius:7px;color:#d8e2d8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;margin:0;overflow:auto;padding:10px;white-space:pre-wrap}.icon-button{height:34px;justify-content:center;min-width:34px;padding:0;width:34px}.icon-button.danger:hover{border-color:var(--danger);color:var(--danger)}.scroll-region{flex:1;margin-top:12px;min-height:0;overflow:auto;padding-right:4px}.control-tools{display:grid;gap:10px}.field-search{align-items:center;background:#090d11b8;border:1px solid var(--line);border-radius:7px;color:var(--soft);display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);min-height:34px;padding:0 10px}.field-search:focus-within{border-color:var(--accent)}.field-search input{background:transparent;border:0;color:var(--text);min-width:0;outline:none;padding:0}.field-search input::placeholder{color:var(--soft)}.support-filter{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.support-filter button{background:#090d11b8;display:grid;gap:3px;justify-items:center;min-height:42px;padding:5px 3px}.support-filter button.selected{background:#143442db;border-color:var(--accent)}.support-filter span{font-size:10px;font-weight:720;line-height:1;text-transform:uppercase}.support-filter em{color:var(--soft);font-size:11px;font-style:normal;line-height:1}.coverage-summary{background:#101311;border:1px solid var(--line);border-radius:7px;display:grid;gap:8px;padding:9px}.coverage-head,.coverage-key,.export-readiness-head{align-items:center;display:flex;justify-content:space-between}.coverage-head strong,.export-readiness-head strong{color:var(--accent);font-size:12px}.coverage-meter{background:#0b0d0c;border-radius:999px;display:flex;height:7px;overflow:hidden}.coverage-meter span{display:block;min-width:1px}.coverage-meter .live,.coverage-key .live{background:var(--accent)}.coverage-meter .partial,.coverage-key .partial{background:var(--warning)}.coverage-meter .config,.coverage-key .config{background:var(--soft)}.coverage-key{color:var(--soft);font-size:10px;gap:8px}.coverage-key span{align-items:center;display:flex;gap:5px;min-width:0}.coverage-key i{border-radius:999px;display:block;height:6px;width:6px}.empty-filter{border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:12px;padding:10px}.field-group{border-top:1px solid var(--line);display:grid;gap:10px;padding:14px 0}.field-group:first-child{border-top:0;padding-top:0}.field-group.collapsed{gap:0}.field-group-toggle{background:transparent;border:0;color:var(--text);display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto auto;justify-items:start;min-height:28px;padding:0;text-align:left}.field-group-toggle:hover{border:0;color:var(--accent)}.field-group-toggle span{color:var(--soft);font-size:11px}.field-group-toggle svg{color:var(--soft);transition:transform .14s ease}.field-group.collapsed .field-group-toggle svg{transform:rotate(-90deg)}.group-title{align-items:center;display:flex;justify-content:space-between}.entry-actions{display:flex;gap:8px}.entry-manage-row{align-items:center;display:flex;gap:8px;justify-content:center}.entry-manage-row .entry-edit-button{margin-top:0;min-height:34px}.field-control{display:grid;gap:8px}.field-control span{display:grid;gap:3px}.field-control strong{align-items:center;color:var(--text);display:flex;font-size:12px;gap:6px;justify-content:space-between}.field-label-text{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis}.field-badges{align-items:center;display:flex;flex:0 0 auto;gap:4px}.field-default{border:1px solid rgba(132,184,255,.24);border-radius:999px;color:var(--accent-2);flex:0 0 auto;font-size:9px;font-style:normal;font-weight:700;line-height:1;padding:3px 5px;text-transform:uppercase}.preview-support{border:1px solid var(--line);border-radius:999px;color:var(--soft);flex:0 0 auto;font-size:9px;font-style:normal;font-weight:700;line-height:1;padding:3px 5px;text-transform:uppercase}.preview-support.live{border-color:#53d4b459;color:var(--accent)}.preview-support.partial{border-color:#f5c96b59;color:var(--warning)}.field-control small{color:var(--soft);font-size:11px;line-height:1.35}.field-control input,.field-control select{background:#101311;border:1px solid var(--line);border-radius:7px;color:var(--text);min-height:34px;outline:none;padding:0 10px;width:100%}.field-control input[type=checkbox]{accent-color:var(--accent);height:20px;justify-self:start;min-height:20px;width:20px}.field-control input[type=color]{padding:3px}.color-spec-row{align-items:center;display:grid;gap:8px;grid-template-columns:34px minmax(0,1fr)}.color-spec-row input[type=color]{border-radius:999px;cursor:pointer;height:34px;overflow:hidden;padding:2px;width:34px}.color-spec-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-spec-row input[type=color]::-webkit-color-swatch{border:0;border-radius:999px}.color-spec-row input[type=color]::-moz-color-swatch{border:0;border-radius:999px}.asset-picker{display:grid;gap:8px;grid-template-columns:54px minmax(0,1fr) 34px}.asset-preview{align-items:center;background:#0c0f0d;border:1px solid var(--line);border-radius:7px;display:flex;height:42px;justify-content:center;overflow:hidden;width:54px}.asset-preview.wide{width:72px}.asset-preview img{height:100%;object-fit:contain;width:100%}.asset-preview.wide img{object-fit:cover}.asset-preview span{color:var(--soft);display:block;font-size:10px}.asset-upload-button{align-items:center;background:#101311;border:1px solid var(--line);border-radius:7px;color:var(--soft);cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.asset-upload-button:hover{border-color:var(--accent);color:var(--accent)}.asset-upload-button input{display:none}.path-upload-row{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 34px}.staged-assets{background:#84b8ff12;border:1px solid rgba(132,184,255,.24);border-radius:7px;display:grid;gap:8px;margin-top:12px;padding:9px}.staged-assets strong{color:var(--accent-2);font-size:12px}.staged-assets span,.staged-assets em{color:var(--muted);font-size:11px;line-height:1.35}.staged-assets ul{display:grid;gap:6px;list-style:none;margin:0;padding:0}.staged-assets li{display:grid;gap:3px;min-width:0}.staged-assets code{background:#00000038;border:1px solid var(--line);border-radius:5px;color:var(--text);font-size:10px;overflow:hidden;padding:4px 5px;text-overflow:ellipsis;white-space:nowrap}.staged-assets .install-command{border-color:#84b8ff47;color:#dbeafe;font-size:11px;overflow-x:auto;text-overflow:initial}.unresolved-assets{background:#f5c96b14;border:1px solid rgba(245,201,107,.28);border-radius:7px;display:grid;gap:8px;margin-top:12px;padding:9px}.unresolved-assets strong{color:var(--warning);font-size:12px}.unresolved-assets span{color:#f4dfaa;font-size:11px;line-height:1.35}.unresolved-assets ul{display:grid;gap:6px;list-style:none;margin:0;padding:0}.unresolved-assets li{display:grid;gap:3px;min-width:0}.unresolved-assets code{background:#00000038;border:1px solid rgba(245,201,107,.22);border-radius:5px;color:var(--text);font-size:10px;overflow:hidden;padding:4px 5px;text-overflow:ellipsis;white-space:nowrap}.diagnostics{display:grid;gap:8px;margin-top:12px}.diagnostics div{align-items:start;border:1px solid var(--line);border-radius:7px;color:var(--muted);display:flex;font-size:12px;gap:8px;line-height:1.35;padding:9px}.diagnostics .warning{background:#f5c96b14;border-color:#f5c96b47;color:#f4dfaa}.diagnostics .success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.diagnostics .error{background:#ff6b6b14;border-color:#ff6b6b57;color:#ffc8c8}.diagnostics.empty{align-items:center;border:1px solid var(--line);border-radius:7px;color:var(--muted);display:flex;font-size:12px;gap:8px;padding:9px}.generated-block{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.config-diff{display:grid;gap:8px}.diff-summary{align-items:center;color:var(--muted);display:flex;font-size:12px;justify-content:space-between}.diff-summary strong{color:var(--text)}.diff-view{background:#0d0f0e;border:1px solid var(--line);border-radius:7px;color:#d8e2d8;display:grid;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;margin:0;max-height:260px;overflow:auto;padding:10px 0}.diff-line{display:grid;gap:8px;grid-template-columns:22px minmax(0,1fr);padding:0 10px;white-space:pre}.diff-line span{color:var(--soft);text-align:center;-webkit-user-select:none;user-select:none}.diff-line code{overflow:hidden;text-overflow:ellipsis}.diff-line.added{background:var(--success-bg);color:var(--success-text)}.diff-line.added span{color:var(--success)}.diff-line.removed{background:#ff6b6b14;color:#ffc8c8}.diff-line.removed span{color:var(--danger)}.preserved-keys{background:#84b8ff14;border:1px solid rgba(132,184,255,.24);border-radius:7px;color:#c6ddff;display:grid;font-size:12px;gap:3px;margin-top:12px;padding:9px}.preserved-keys span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-readiness{background:#65f08d0f;border:1px solid rgba(101,240,141,.22);border-radius:7px;display:grid;gap:9px;margin-top:12px;padding:9px}.export-readiness.blocked{background:#ff6b6b14;border-color:#ff6b6b57}.export-readiness.blocked .export-readiness-head strong{color:var(--danger)}.export-readiness-grid{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.export-readiness-grid span{background:#0000002e;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:11px;padding:7px}.export-readiness-grid strong{color:var(--text);font-size:12px}.code-view{background:#0d0f0e;border:1px solid var(--line);border-radius:7px;color:#d8e2d8;font-size:12px;line-height:1.55;margin:0;max-height:260px;overflow:auto;padding:12px;position:relative}.code-editor-highlight .code-view{padding:0}.code-line{display:inline-block;min-width:100%;position:relative}.code-line.has-error:before,.code-line.has-warning:before{border-radius:999px;content:"";height:6px;left:-28px;position:absolute;top:.62em;width:6px}.code-line.has-error:before{background:var(--danger)}.code-line.has-warning:before{background:var(--warning)}.code-line-number{color:#4d574f;left:-40px;position:absolute;text-align:right;-webkit-user-select:none;user-select:none;width:26px}.code-line-body{display:inline}.code-keyword,.code-key{color:#84b8ff}.code-separator,.code-brace{color:#788279}.code-string{color:#f4d06f}.code-number{color:#b697ff}.code-color{color:#53d4b4}.code-path{color:#8fd8ff}.code-value{color:#d8e2d8}.code-comment{color:#69736b}@media(max-width:1180px){body{min-width:0;overflow:auto}.app-shell{height:auto;min-height:100vh}.workspace{grid-template-columns:1fr}.panel{max-height:58vh}.preview-screen{min-height:320px}.stage-column{grid-row:1}.entry-modal-grid{grid-template-columns:1fr}}
