:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;color:#e8edf7;background:#070a12;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #070a12;--panel: #0d1220;--panel-solid: #0b101b;--panel-2: #111829;--panel-3: #151d30;--border: #202a3d;--border-strong: #2d3a54;--muted: #97a3ba;--muted-2: #7d89a1;--text: #e8edf7;--text-soft: #b9c4d7;--accent: #7c8cff;--accent-2: #5b6df7;--success: #4bd99f;--warning: #f5c45c;--danger: #ff6b7a}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:1180px;background:radial-gradient(circle at 18% -8%,rgba(80,96,196,.16) 0,transparent 30%),radial-gradient(circle at 82% -15%,rgba(60,113,167,.1) 0,transparent 26%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}h1,h2,h3,p{margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--border);background:#070a12db;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);position:sticky;top:0;z-index:50}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;position:relative;color:#fff;background:linear-gradient(145deg,#8c9aff,#596df3 58%,#4858cf);box-shadow:0 10px 30px #5c6cf74d,inset 0 1px #ffffff38;font-weight:900;letter-spacing:-.06em}.brand-mark span{transform:translate(-3px,-1px);font-size:11px}.brand-mark b{position:absolute;right:7px;bottom:5px;font-size:12px;opacity:.8}.brand-copy{min-width:0}.brand-title-row{display:flex;align-items:center;gap:8px}.brand-wrap h1{font-size:17px;line-height:1.15;letter-spacing:-.02em}.brand-wrap p{margin-top:4px;color:var(--muted);font-size:11px}.beta-pill{padding:2px 5px;border-radius:5px;background:#7c8cff1f;color:#9aa7ff;border:1px solid rgba(124,140,255,.22);font-size:10.5px;font-weight:800;letter-spacing:.09em}.topbar-actions{display:flex;gap:8px}.button{border:1px solid var(--border);color:var(--text);background:linear-gradient(180deg,#151d30f2,#0e1422f2);min-height:36px;padding:0 14px;border-radius:10px;font-weight:650;font-size:12px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:inset 0 1px #ffffff08}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#3a4865}.button.primary,.button.generate{border-color:transparent;background:linear-gradient(135deg,#7587ff,#5b6df7 55%,#4a5bd7);color:#fff;box-shadow:0 8px 22px #5263eb3d,inset 0 1px #fff3}.button.ghost{background:#101625b3}.button.generate{min-height:42px;align-self:end;display:flex;align-items:center;justify-content:center;gap:9px}.button.generate b{font-size:11px;opacity:.62;padding:2px 5px;border:1px solid rgba(255,255,255,.18);border-radius:4px}.source-panel{display:grid;grid-template-columns:minmax(330px,2.2fr) minmax(150px,.8fr) minmax(290px,1.45fr) minmax(220px,1fr) 164px;gap:12px;padding:14px 18px 13px;border-bottom:1px solid var(--border);background:#0a0e19e0}.field{min-width:0}.field>label:first-child{display:block;margin:0 0 6px 2px;color:#aab4c8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.field label span{color:var(--muted-2);text-transform:none;font-weight:500;letter-spacing:0}input[type=text],input[type=url],input[type=password]{width:100%;height:42px;border:1px solid var(--border);border-radius:10px;background:#090e1a;color:var(--text);padding:0 12px;outline:none;box-shadow:inset 0 1px 2px #0000002e}input:focus{border-color:#586ddf;box-shadow:0 0 0 3px #5c6cf71c}.segmented{display:inline-flex;height:42px;padding:3px;gap:3px;border:1px solid var(--border);border-radius:10px;background:#090e1a}.segmented button{border:0;border-radius:7px;padding:0 14px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:700;white-space:nowrap;transition:background .15s ease,color .15s ease}.segmented button:hover:not(.active){color:var(--text);background:#111a2c}.segmented button.active{color:#fff;background:linear-gradient(135deg,#7285ff,#5465ec);box-shadow:0 4px 12px #5263eb47}select{appearance:none;width:100%;height:42px;padding:0 34px 0 12px;border:1px solid var(--border);border-radius:10px;background:#090e1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2397a3ba' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--text);font-size:13px;outline:none;cursor:pointer}select:focus{border-color:#586ddf;box-shadow:0 0 0 3px #5c6cf71c}select option{background:#0d1220;color:var(--text)}.segmented button:focus-visible,select:focus-visible,.button:focus-visible{outline:2px solid #8b99ff;outline-offset:2px}.token-row{display:grid;grid-template-columns:1fr 38px 38px;gap:5px}.icon-button{border:1px solid var(--border);border-radius:9px;background:#090e1a;color:#aab4c8}.icon-button:hover{border-color:#35415d}.danger-text{color:var(--danger);font-size:19px}.check-row{margin:5px 0 0 2px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}input[type=file]{width:100%;height:42px;border:1px dashed #33405a;border-radius:10px;background:#090e1a;color:var(--muted);padding:8px;font-size:12px}.status-strip{min-height:38px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid var(--border);color:#aeb8ca;font-size:11px;background:#090d17}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted-2);box-shadow:0 0 0 3px #68758d1a;flex:0 0 auto}.status-dot.loading{background:var(--accent);animation:pulse 1.1s infinite}.status-dot.success{background:var(--success);box-shadow:0 0 0 3px #4bd99f1a}.status-dot.error{background:var(--danger)}.status-metrics{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.status-metrics span{padding:4px 8px;border:1px solid var(--border);background:#0f1523;border-radius:999px;color:#8f9ab0}@keyframes pulse{50%{opacity:.3;transform:scale(.82)}}.workspace{flex:1;min-height:690px;display:grid;grid-template-columns:240px minmax(390px,.88fr) minmax(470px,1.18fr) 290px;border-bottom:1px solid var(--border)}.panel{background:#0d1220f5}.workspace>.panel{min-width:0;border-right:1px solid var(--border)}.workspace>.panel:last-child{border-right:none}.panel-header{min-height:61px;padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h2{margin-top:3px;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{color:var(--muted-2);font-size:10.5px;font-weight:800;letter-spacing:.11em}.count-pill,.live-pill,.selection-pill{padding:4px 7px;border-radius:999px;border:1px solid var(--border);font-size:10.5px;color:#97a2b6}.live-pill{display:inline-flex;align-items:center;gap:5px;color:var(--success);border-color:#4bd99f3b;background:#4bd99f0f}.live-pill i{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #4bd99fa6}.count-pill.warning{color:var(--warning)}.selection-pill{color:#97a6ff;border-color:#7c8cff38;background:#7c8cff0f}.files-list{height:calc(100% - 61px);overflow:auto;padding:7px}.empty-state{color:var(--muted-2);font-size:11px;line-height:1.6;padding:16px}.file-group-label{padding:11px 8px 6px;color:var(--muted-2);font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em}.file-row{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:8px;color:#b6c0d2;background:transparent;text-align:left}.file-row:hover{background:#121a2b}.file-row.active{background:linear-gradient(90deg,#17203a,#131c31);border-color:#29365a;color:#fff;box-shadow:inset 2px 0 #7587ff}.file-icon{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;flex:0 0 auto;font-weight:900;font-size:12px}.file-icon.swift{color:#ff9b65;background:#ff7c481c}.file-icon.xml{color:#7ec8ff;background:#4babff1c}.file-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.file-meta strong,.file-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta strong{font-size:12px;font-weight:650}.file-meta small{color:var(--muted-2);font-size:10px}.file-chevron{color:var(--muted-2);font-size:14px}.editor-panel{display:flex;flex-direction:column}.editor-header{flex:0 0 auto}.code-editor{width:100%;flex:1;min-height:552px;resize:none;border:0;outline:none;padding:17px 18px 30px;background:#080d18;color:#c9d4e8;caret-color:#98a6ff;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.6;tab-size:4;white-space:pre;overflow:auto;background-image:linear-gradient(90deg,rgba(255,255,255,.012),transparent 12%)}.code-editor::selection{background:#5f6ff747}.editor-footer{flex:0 0 auto;min-height:40px;padding:9px 12px;border-top:1px solid var(--border);color:var(--muted-2);background:#0b101c;font-size:11.5px;line-height:1.45}.editor-footer.live{color:#6fcaa9}.editor-footer strong{color:#94dcc0}.footer-live-dot{display:inline-block;width:5px;height:5px;margin:0 6px 1px 0;border-radius:50%;background:var(--success)}.preview-panel{display:flex;min-height:690px;flex-direction:column;background:#0a0f1a;position:relative}.preview-toolbar{min-height:61px;padding:9px 11px 9px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0d1320}.preview-title-wrap{min-width:0}.preview-title-row{display:flex;align-items:center;gap:7px;margin-top:3px;min-width:0}.preview-title-row h2{min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-size{flex:0 0 auto;padding:3px 6px;border-radius:5px;background:#111a2a;color:var(--muted-2);font-size:10.5px;font-family:SFMono-Regular,Menlo,monospace}.preview-tools{display:flex;gap:5px;align-items:center}.tool-group{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.tool-group .tool-button{border-radius:0;border:0;border-right:1px solid var(--border)}.tool-group .tool-button:last-child{border-right:0}.tool-button{height:29px;min-width:30px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:#0a101c;color:var(--muted);font-size:11px;font-weight:700}.tool-button:hover:not(:disabled){color:#c3cde0;border-color:#34415a}.tool-button.active{color:#aab5ff;background:#151d38;border-color:#344377}.tool-button.zoom-value{min-width:58px;color:#abb5c9}.reference-bar{height:31px;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 12px;border-bottom:1px solid #182134;color:var(--muted-2);font-size:11px;background:#090f1a}.reference-label{display:flex;align-items:center;gap:5px;margin-right:2px}.reference-dot{width:5px;height:5px;border-radius:50%;background:#d280ff;box-shadow:0 0 7px #d280ff80}.reference-bar input{width:82px;accent-color:#986bff}#overlayValue{width:26px;text-align:right;font-family:SFMono-Regular,Menlo,monospace}.diff-match-value{margin-left:6px;padding:2px 7px;border-radius:8px;font-family:SFMono-Regular,Menlo,monospace;background:#182134;color:#abb5c9}.diff-match-value[data-severity=excellent]{color:#4ade80}.diff-match-value[data-severity=good]{color:#a3e635}.diff-match-value[data-severity=fair]{color:#facc15}.diff-match-value[data-severity=poor]{color:#f87171}.preview-canvas{flex:1;min-height:598px;overflow:auto;position:relative;background-color:#070b12;transition:background-image .15s ease}.preview-canvas.grid-enabled{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(124,140,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(124,140,255,.022) 1px,transparent 1px);background-size:16px 16px,16px 16px,80px 80px,80px 80px}.preview-empty{height:100%;min-height:540px;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted-2);font-size:12px}.preview-empty strong{color:#9aa5b9;font-size:12px}.phone-icon{width:44px;height:76px;border:2px solid #29344a;border-radius:11px;position:relative;margin-bottom:8px;box-shadow:0 12px 30px #0000004d}.phone-icon:before{content:"";position:absolute;width:14px;height:3px;background:#29344a;border-radius:2px;top:5px;left:13px}.preview-viewport{width:100%;min-height:100%;display:grid;place-items:center;padding:34px}.preview-board{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:min-content}.preview-board-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;padding:0 2px}.preview-board-caption span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-board-caption strong{color:var(--muted-2);font:600 10.5px/1 SFMono-Regular,Menlo,monospace}.preview-stage-shell{position:relative;flex:0 0 auto;background:#fff;box-shadow:0 26px 90px #00000085,0 0 0 1px #ffffff14}.preview-board.is-device .preview-stage-shell{border-radius:25px;box-shadow:0 32px 100px #00000094,0 0 0 5px #171c27,0 0 0 6px #ffffff12;overflow:hidden}.preview-board.is-artboard .preview-stage-shell{border-radius:8px;overflow:hidden}.preview-stage{position:relative;overflow:hidden;background:#fff;color:#111827}.preview-board-metrics{display:flex;justify-content:center;gap:5px}.preview-board-metrics span{padding:3px 6px;border:1px solid #1f293b;border-radius:999px;color:var(--muted-2);background:#0a0f19c2;font-size:10px}.safe-area-guide{position:absolute;z-index:80;pointer-events:none;inset:47px 0 34px;border-top:1px dashed rgba(255,70,190,.65);border-bottom:1px dashed rgba(255,70,190,.65)}.safe-area-guide:after{content:"Safe Area";position:absolute;left:6px;top:3px;color:#ce329dcc;font:600 9.5px/1 -apple-system,sans-serif}.uikit-node{position:absolute;box-sizing:border-box;cursor:default}.uikit-label{white-space:pre-wrap;word-break:break-word}.uikit-image{display:grid;place-items:center;background-color:#f2f5fb;background-image:linear-gradient(135deg,#778bff14,#778bff05)}.image-placeholder{width:100%;height:100%;min-width:22px;min-height:22px;display:grid;place-content:center;justify-items:center;gap:2px;color:#46567c75;font-size:8.5px;font-weight:800;letter-spacing:.1em;background-image:linear-gradient(45deg,rgba(35,47,73,.03) 25%,transparent 25%,transparent 75%,rgba(35,47,73,.03) 75%),linear-gradient(45deg,rgba(35,47,73,.03) 25%,transparent 25%,transparent 75%,rgba(35,47,73,.03) 75%);background-size:10px 10px;background-position:0 0,5px 5px}.image-placeholder-icon{font-size:12px;line-height:1}.uikit-node:hover{outline:1px solid rgba(76,104,255,.62);outline-offset:0}.uikit-node.is-selected{outline:2px solid #5268ff!important;z-index:75}.uikit-node.is-selected:before{content:attr(data-node-name);position:absolute;left:0;top:-16px;z-index:90;max-width:160px;padding:3px 5px;border-radius:4px;background:#5268ff;color:#fff;font:600 9.5px/1 -apple-system,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.outlines-enabled .uikit-node{outline:1px solid rgba(101,129,255,.23)}.outlines-enabled .uikit-node:hover{outline-color:#6581ffb8}.outlines-enabled .component-boundary:after{content:attr(data-component);position:absolute;right:4px;top:4px;padding:2px 4px;border-radius:4px;background:#4a5bbfc2;color:#fff;font:600 8.5px/1.2 -apple-system,sans-serif;pointer-events:none;opacity:.82}.reference-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:100}.inspector-panel{overflow:hidden;display:flex;flex-direction:column}.inspector-header{flex:0 0 auto}.inspector-tabs{height:35px;padding:5px 7px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border-bottom:1px solid var(--border);background:#0a101c}.inspector-tab{border:0;border-radius:6px;background:transparent;color:var(--muted-2);font-size:11px;font-weight:700}.inspector-tab:hover{color:#aeb9cc}.inspector-tab.active{background:#151d30;color:#c7d0df;box-shadow:inset 0 0 0 1px #253149}.inspector{padding:12px;font-size:11.5px;overflow:auto}.inspector-hero{display:flex;align-items:center;gap:9px;padding:2px 0 12px;border-bottom:1px solid var(--border)}.layer-glyph{width:31px;height:31px;display:grid;place-items:center;border:1px solid #28354d;border-radius:8px;background:#111928;color:#93a0b8;font:800 11px/1 SFMono-Regular,Menlo,monospace}.layer-glyph.label{color:#9c8cff}.layer-glyph.image{color:#65c3ff}.layer-glyph.component{color:#9b8dff}.inspector-hero>div:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.inspector-hero strong{color:#dce4f4;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspector-hero span{color:var(--muted-2);font-size:10.5px}.inspector-section{padding:11px 0;border-bottom:1px solid var(--border)}.inspector-section.compact{padding:9px 0}.inspector-section h3{margin:0 0 8px;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.09em}.property-stack{display:grid;gap:4px}.property-row{min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px;border:1px solid #192235;border-radius:6px;background:#090f1a;color:var(--muted-2)}.property-row>span{flex:0 0 auto}.property-row strong,.property-row code{min-width:0;max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c2d4;font-weight:620;font-size:11px}.property-row code{color:#9eabff;font-family:SFMono-Regular,Menlo,monospace}.property-fill{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px}.property-fill i{width:11px;height:11px;flex:0 0 auto;border-radius:3px;border:1px solid rgba(255,255,255,.14)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric-grid span{min-width:0;padding:7px 6px;border:1px solid #1b2435;border-radius:6px;color:var(--muted-2);background:#0a0f1b;text-align:center}.metric-grid em{display:block;margin-bottom:3px;color:var(--muted-2);font-size:9.5px;font-style:normal}.metric-grid b{color:#c3ccdc;font-weight:650;font-family:SFMono-Regular,Menlo,monospace;font-size:10.5px}.constraint-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.constraint-list li{display:flex;justify-content:space-between;gap:8px;padding:6px 7px;border-radius:6px;border:1px solid #192235;background:#0a0f1b;color:var(--muted)}.constraint-list li>span{min-width:0;display:flex;flex-direction:column;gap:2px}.constraint-list b{color:#9da9be;font-weight:650}.constraint-list small{color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.constraint-list strong{color:#c2ccdd;font-family:SFMono-Regular,Menlo,monospace;font-size:10.5px}.layers-panel{flex:1;overflow:auto;padding:7px}.layer-row{--depth: 0;width:100%;height:30px;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:5px;padding:0 7px 0 calc(7px + var(--depth) * 12px);border:1px solid transparent;border-radius:6px;background:transparent;color:#a8b2c4;text-align:left}.layer-row:hover{background:#111827}.layer-row.active{background:#17203a;border-color:#29365a;color:#fff}.layer-type-icon{color:var(--muted-2);font:800 11px/1 SFMono-Regular,Menlo,monospace}.layer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.layer-row small{color:var(--muted-2);font-size:9.5px}.warnings-panel{margin:14px 18px;border:1px solid #3c3322;border-radius:12px;overflow:hidden;background:#100f0d}.warning-list{display:grid}.warning-row{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:9px 12px;border-top:1px solid #272319;color:#a69b82;font-size:12px}.warning-row:first-child{border-top:0}.warning-row>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#f5c45c1a;color:var(--warning);font-weight:900}.warning-row p{line-height:1.5}footer{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px;color:var(--muted-2);font-size:11px}.preview-focus-mode{overflow:hidden}.preview-focus-mode .topbar,.preview-focus-mode .source-panel,.preview-focus-mode .status-strip,.preview-focus-mode .files-panel,.preview-focus-mode .editor-panel,.preview-focus-mode .inspector-panel,.preview-focus-mode .warnings-panel,.preview-focus-mode footer{display:none!important}.preview-focus-mode .workspace{display:block;min-height:100vh;border:0}.preview-focus-mode .preview-panel{position:fixed;inset:0;z-index:1000;min-height:100vh;border:0}.preview-focus-mode .preview-canvas{min-height:calc(100vh - 92px)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#202a3b;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#2b374c;border:2px solid transparent;background-clip:padding-box}@media(max-width:1480px){.source-panel{grid-template-columns:minmax(300px,2fr) 150px minmax(250px,1.2fr) 195px 150px}.workspace{grid-template-columns:220px minmax(350px,.84fr) minmax(420px,1.16fr) 260px}.tool-button{padding:0 6px}}.mode-strip{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0f1524f5,#0a0f1bf5)}.mode-copy{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px;row-gap:2px}.mode-copy .eyebrow{grid-column:1 / -1}.mode-copy strong{font-size:12px;color:#eef2ff}.mode-copy small{color:var(--muted);font-size:12px}.mode-options{display:flex;align-items:center;gap:6px}.mode-pill{padding:6px 9px;border:1px solid #263148;border-radius:999px;color:var(--muted-2);font-size:11px;font-weight:800;letter-spacing:.06em;background:#0a0f1b;transition:.18s ease}.mode-pill.active{color:#dfe5ff;border-color:#6c7eff73;background:#5b6df721;box-shadow:inset 0 0 0 1px #7184ff0f}.source-panel-v4{display:flex;flex-direction:column;gap:0;padding:0}.source-row,.config-row{display:grid;align-items:end;gap:14px;padding:14px 18px}.source-row{grid-template-columns:96px minmax(220px,1fr) minmax(300px,1.5fr) minmax(280px,1.15fr)}.config-row{grid-template-columns:96px auto auto 116px minmax(170px,1fr) 150px;border-top:1px solid var(--border);background:#080c168c}.row-title{align-self:center;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.field.dimmed{opacity:.48}.drop-field{position:relative;min-height:72px}.drop-field>input[type=file]{position:absolute;inset:19px 0 0;width:100%;height:53px;opacity:0;cursor:pointer;z-index:2}.drop-copy{height:53px;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 12px 0 42px;border:1px dashed #33415e;border-radius:10px;background:linear-gradient(180deg,#0a101d,#090e19);color:#98a5ba;position:relative;overflow:hidden}.drop-copy:before{content:"⇧";position:absolute;left:13px;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;color:#9eabff;background:#5c6cf721;border:1px solid rgba(92,108,247,.2);font-size:12px;font-weight:800}.drop-copy strong{font-size:11px;color:#c6d0e3}.drop-copy span{font-size:11px;color:var(--muted-2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drop-field.dragging .drop-copy{border-color:#7285ff;background:#5b6df717;box-shadow:0 0 0 3px #5b6df714}.drop-field.has-file .drop-copy{border-style:solid;border-color:#4bd99f57;background:#4bd99f0e}.drop-field.has-file .drop-copy:before{content:"✓";color:#63d8aa;background:#4bd99f1f;border-color:#4bd99f33}.status-progress{width:150px;height:3px;overflow:hidden;border-radius:999px;background:#171e2c}.status-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7083ff,#55d5b0);transition:width .2s ease}@media(max-width:1450px){.source-row{grid-template-columns:80px minmax(200px,1fr) minmax(260px,1.4fr) minmax(240px,1.1fr)}.config-row{grid-template-columns:80px auto auto 104px minmax(140px,1fr) 132px}.segmented button{padding:0 10px}.mode-copy small{display:none}}