:root,:root[data-theme=dark]{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#121212;color:var(--text);font-synthesis:none;text-rendering:geometricPrecision;--text: #f4f0ea;--text-strong: #ffffff;--text-soft: rgba(244, 240, 234, .9);--muted: rgba(244, 240, 234, .68);--muted-soft: rgba(244, 240, 234, .62);--primary-text: #161616;--shell-bg: linear-gradient(135deg, rgba(104, 216, 189, .2), transparent 31%), linear-gradient(315deg, rgba(247, 200, 115, .16), transparent 36%), linear-gradient(180deg, #171817 0%, #111211 100%);--grid-line-a: rgba(255, 255, 255, .045);--grid-line-b: rgba(255, 255, 255, .035);--shell-mask-opacity: .36;--shell-shine: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, .05) 48%, transparent 56%), linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 42%);--shell-shine-blend: screen;--shell-shine-opacity: .55;--titlebar-bg: rgba(12, 12, 12, .54);--titlebar-line: rgba(255, 255, 255, .1);--logo-bg: rgba(255, 255, 255, .08);--logo-line: rgba(255, 255, 255, .14);--logo-shadow: 0 10px 28px rgba(0, 0, 0, .24), 0 0 26px rgba(104, 216, 189, .16);--panel: rgba(255, 255, 255, .11);--panel-strong: rgba(255, 255, 255, .17);--panel-start: rgba(255, 255, 255, .075);--panel-sheen-a: rgba(255, 255, 255, .08);--panel-sheen-b: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .18);--line-soft: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .24);--control-bg: rgba(255, 255, 255, .1);--control-bg-soft: rgba(255, 255, 255, .08);--control-hover-bg: rgba(255, 255, 255, .15);--active-bg: linear-gradient(135deg, rgba(104, 216, 189, .15), rgba(247, 200, 115, .12)), rgba(255, 255, 255, .16);--active-text: #ffffff;--trust-surface: linear-gradient(135deg, var(--badge-accent-soft), transparent 64%), rgba(255, 255, 255, .08);--trust-line: rgba(255, 255, 255, .16);--trust-text: rgba(244, 240, 234, .9);--trust-detail: rgba(244, 240, 234, .62);--trust-sheen: rgba(255, 255, 255, .08);--trust-sweep: rgba(255, 255, 255, .12);--accent: #68d8bd;--accent-strong: #f7c873;--accent-cool: #9bb8ff;--danger: #ff6b6b;--focus-ring: rgba(247, 200, 115, .9);--button-hover-shadow: 0 10px 24px rgba(0, 0, 0, .18);--editor-bg: rgba(10, 10, 10, .38);--editor-focus-bg: rgba(10, 10, 10, .5);--editor-text: #fffaf2;--drop-border: rgba(255, 255, 255, .22);--drop-bg: linear-gradient(135deg, rgba(104, 216, 189, .08), transparent 62%), rgba(255, 255, 255, .06);--drop-hover-bg: linear-gradient(135deg, rgba(104, 216, 189, .13), transparent 62%), rgba(255, 255, 255, .08);--drop-scan-bg: linear-gradient(90deg, transparent, rgba(255, 255, 255, .09), transparent), linear-gradient(180deg, transparent, rgba(104, 216, 189, .08), transparent);--output-bg: rgba(10, 10, 10, .2);--status-bg: rgba(255, 255, 255, .07);--empty-border: rgba(255, 255, 255, .12);--empty-bg: rgba(255, 255, 255, .035);--toast-bg: rgba(18, 18, 18, .72);--toast-text: #ffffff;--footer-text: rgba(244, 240, 234, .64);--shadow: 0 24px 80px rgba(0, 0, 0, .35);--shadow-lift: 0 28px 90px rgba(0, 0, 0, .42)}:root[data-theme=light]{color-scheme:light;background:#f4f7f2;--text: #20231f;--text-strong: #11150f;--text-soft: rgba(32, 35, 31, .88);--muted: rgba(48, 58, 46, .68);--muted-soft: rgba(48, 58, 46, .62);--primary-text: #11150f;--shell-bg: linear-gradient(135deg, rgba(35, 151, 130, .14), transparent 31%), linear-gradient(315deg, rgba(226, 168, 47, .2), transparent 36%), linear-gradient(180deg, #f8faf7 0%, #eef3ee 100%);--grid-line-a: rgba(35, 43, 33, .08);--grid-line-b: rgba(35, 43, 33, .055);--shell-mask-opacity: .42;--shell-shine: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, .42) 48%, transparent 56%), linear-gradient(180deg, rgba(35, 151, 130, .06), transparent 42%);--shell-shine-blend: normal;--shell-shine-opacity: .68;--titlebar-bg: rgba(245, 248, 243, .76);--titlebar-line: rgba(35, 43, 33, .12);--logo-bg: rgba(255, 255, 255, .82);--logo-line: rgba(35, 43, 33, .14);--logo-shadow: 0 10px 28px rgba(35, 43, 33, .14), 0 0 26px rgba(35, 151, 130, .16);--panel: rgba(255, 255, 255, .74);--panel-strong: rgba(255, 255, 255, .9);--panel-start: rgba(255, 255, 255, .66);--panel-sheen-a: rgba(255, 255, 255, .58);--panel-sheen-b: rgba(255, 255, 255, .36);--line: rgba(35, 43, 33, .14);--line-soft: rgba(35, 43, 33, .12);--line-strong: rgba(35, 151, 130, .32);--control-bg: rgba(255, 255, 255, .68);--control-bg-soft: rgba(255, 255, 255, .58);--control-hover-bg: rgba(255, 255, 255, .9);--active-bg: linear-gradient(135deg, rgba(35, 151, 130, .16), rgba(226, 168, 47, .18)), rgba(255, 255, 255, .92);--active-text: #11150f;--trust-surface: linear-gradient(135deg, var(--badge-accent-soft), transparent 64%), rgba(255, 255, 255, .7);--trust-line: rgba(35, 43, 33, .13);--trust-text: rgba(32, 35, 31, .9);--trust-detail: rgba(48, 58, 46, .62);--trust-sheen: rgba(255, 255, 255, .5);--trust-sweep: rgba(255, 255, 255, .64);--accent: #239782;--accent-strong: #e2a82f;--accent-cool: #5f76d8;--danger: #d63f42;--focus-ring: rgba(35, 151, 130, .9);--button-hover-shadow: 0 10px 24px rgba(35, 43, 33, .12);--editor-bg: rgba(255, 255, 255, .76);--editor-focus-bg: #ffffff;--editor-text: #161b16;--drop-border: rgba(35, 43, 33, .24);--drop-bg: linear-gradient(135deg, rgba(35, 151, 130, .08), transparent 62%), rgba(255, 255, 255, .58);--drop-hover-bg: linear-gradient(135deg, rgba(35, 151, 130, .13), transparent 62%), rgba(255, 255, 255, .86);--drop-scan-bg: linear-gradient(90deg, transparent, rgba(35, 151, 130, .13), transparent), linear-gradient(180deg, transparent, rgba(35, 151, 130, .1), transparent);--output-bg: rgba(255, 255, 255, .6);--status-bg: rgba(35, 43, 33, .06);--empty-border: rgba(35, 43, 33, .16);--empty-bg: rgba(255, 255, 255, .44);--toast-bg: rgba(255, 255, 255, .86);--toast-text: #17211d;--footer-text: rgba(48, 58, 46, .66);--shadow: 0 20px 58px rgba(48, 66, 49, .16);--shadow-lift: 0 26px 70px rgba(48, 66, 49, .22)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:auto}button,textarea{font:inherit}button{border:0;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,textarea:focus-visible,.app-footer a:focus-visible,.variants-link:focus-visible,.update-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}button:not(:disabled):active{transform:translateY(1px)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dragPulse{0%{opacity:.7;transform:scale(.998)}to{opacity:1;transform:scale(1)}}@keyframes scanLine{0%{transform:translate(-120%)}to{transform:translate(120%)}}.app-shell{isolation:isolate;position:relative;overflow:visible;width:100%;min-height:100dvh;background:var(--shell-bg);color:var(--text)}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-line-a) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-b) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,rgba(0,0,0,.76),transparent 78%);opacity:var(--shell-mask-opacity)}.desktop-shell{overflow:hidden;height:100vh;min-height:100vh}.desktop-shell:before{position:absolute}.workspace{position:relative;z-index:1;display:grid;grid-template-rows:auto auto auto auto;align-content:start;gap:18px;min-height:100dvh;padding:28px;overflow:visible}.desktop-shell .workspace{grid-template-rows:auto auto minmax(0,1fr) auto;height:calc(100vh - 38px);min-height:0;overflow:hidden}.workspace.is-dragging:after{content:"";position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--accent) 80%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 0 0 0 1px var(--line-soft),0 0 44px color-mix(in srgb,var(--accent) 18%,transparent);pointer-events:none;animation:dragPulse 1s ease-in-out infinite alternate}.titlebar{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;height:38px;border-bottom:1px solid var(--titlebar-line);background:var(--titlebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-app-region:drag}.titlebar-title{padding-left:14px;color:var(--muted);font-size:12px;white-space:nowrap}.window-controls{display:grid;grid-auto-flow:column;height:100%;-webkit-app-region:no-drag}.window-controls button{display:grid;place-items:center;width:44px;height:38px;background:transparent;cursor:pointer}.window-controls button:hover{background:var(--control-hover-bg)}.window-controls .close-control:hover{background:color-mix(in srgb,var(--danger) 82%,transparent)}.topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.topline-actions{display:flex;align-items:center;gap:10px}.trust-strip{display:grid;grid-template-columns:repeat(3,minmax(178px,1fr));align-items:center;justify-content:start;gap:10px;max-width:1320px}.tool-grid,.files-layout,.mode-surface{min-height:0}.tool-grid,.files-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.files-layout{align-items:start}.brand-lockup{display:flex;align-items:center;min-width:0;gap:12px}.brand-lockup img{width:42px;height:42px;border:1px solid var(--logo-line);border-radius:8px;background:var(--logo-bg);box-shadow:var(--logo-shadow)}.brand-lockup h1,.brand-lockup p,.panel-head h2{margin:0}.brand-lockup h1{font-size:22px;line-height:1.05;letter-spacing:0}.brand-title-row{display:flex;align-items:center;min-width:0;gap:8px;flex-wrap:wrap}.app-version{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text-soft);font-size:12px;font-weight:700;line-height:1}.update-link{color:var(--accent-strong);font-size:12px;font-weight:750;text-decoration:none}.update-link:hover{text-decoration:underline}.brand-lockup p{margin-top:4px;color:var(--muted);font-size:13px}.trust-badge{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;min-height:56px;gap:10px;padding:9px 13px 9px 10px;border:1px solid var(--trust-line);border-radius:8px;--badge-accent: #68d8bd;--badge-accent-soft: rgba(104, 216, 189, .13);background:var(--trust-surface);color:var(--trust-text);box-shadow:inset 0 1px 0 var(--line-soft),0 14px 34px #00000029;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.trust-badge:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,var(--trust-sheen),transparent 55%);pointer-events:none}.trust-badge:after{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(115deg,transparent 20%,var(--trust-sweep),transparent 48%);transform:translate(-120%);transition:transform .52s ease}.trust-badge:hover:after{transform:translate(120%)}.trust-badge:nth-child(2){--badge-accent: #f7c873;--badge-accent-soft: rgba(247, 200, 115, .13)}.trust-badge:nth-child(3){--badge-accent: #9bb8ff;--badge-accent-soft: rgba(155, 184, 255, .12)}:root[data-theme=light] .trust-badge{--badge-accent-soft: color-mix(in srgb, var(--badge-accent) 13%, transparent)}:root[data-theme=light] .trust-badge:nth-child(2){--badge-accent: #e2a82f}:root[data-theme=light] .trust-badge:nth-child(3){--badge-accent: #5f76d8}.trust-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--badge-accent) 38%,transparent);border-radius:8px;background:color-mix(in srgb,var(--badge-accent) 14%,transparent);color:var(--badge-accent);box-shadow:inset 0 1px 0 var(--line-soft)}.trust-copy{display:grid;min-width:0;gap:2px}.trust-copy strong,.trust-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trust-copy strong{font-size:12px;font-weight:750}.trust-copy small{color:var(--trust-detail);font-size:11px}.segmented{position:relative;display:grid;grid-template-columns:1fr 1fr;min-width:212px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg-soft);box-shadow:inset 0 1px 0 var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.segmented button,.primary-button,.secondary-button,.icon-button{display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:8px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.segmented button{position:relative;z-index:1;padding:0 12px;background:transparent;color:var(--muted);transition:color .14s ease}.segmented button.active{background:transparent;color:var(--active-text);box-shadow:none}.segmented-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:6px;background:var(--active-bg);box-shadow:inset 0 1px 0 var(--line-soft);transition:transform .22s cubic-bezier(.4,0,.2,1);z-index:0;pointer-events:none}.segmented-indicator.text{transform:translate(100%)}.primary-button,.secondary-button{padding:0 16px;font-weight:650}.primary-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:var(--primary-text);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 13%,transparent)}.primary-button:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.34) 48%,transparent 56%);transform:translate(-110%);transition:transform .34s ease}.primary-button>*{position:relative;z-index:1}.primary-button:not(:disabled):hover:before{transform:translate(110%)}.secondary-button,.icon-button{border:1px solid var(--line);background:var(--control-bg)}.segmented button:not(.active):hover{color:var(--text)}.secondary-button:not(:disabled):hover,.icon-button:not(:disabled):hover{border-color:color-mix(in srgb,var(--accent) 36%,transparent);background:var(--control-hover-bg);box-shadow:var(--button-hover-shadow)}.primary-button:not(:disabled):hover{box-shadow:0 16px 32px color-mix(in srgb,var(--accent) 18%,transparent),0 0 0 1px var(--line-soft) inset}.icon-button{width:38px;height:38px;min-width:38px;min-height:38px;aspect-ratio:1;padding:0}.theme-toggle{color:var(--accent-strong)}:root[data-theme=light] .theme-toggle{color:var(--accent-cool)}.compact-actions,.action-row,.split-actions{display:flex;align-items:center;gap:10px}.action-row{justify-content:flex-end;margin-top:14px}.split-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));width:100%}.split-actions button{min-width:0;padding-inline:10px}.compact-download{min-height:34px;padding-inline:12px}.pulse-cta{animation:pulse-cta-glow 2s infinite ease-in-out}@keyframes pulse-cta-glow{0%,to{box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 13%,transparent),0 0 color-mix(in srgb,var(--accent) 30%,transparent)}50%{box-shadow:0 12px 32px color-mix(in srgb,var(--accent) 22%,transparent),0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}}.language-selector-container{position:relative;display:inline-block}.language-toggle{color:var(--accent-strong)}:root[data-theme=light] .language-toggle{color:var(--accent-cool)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:100;min-width:140px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;gap:2px;animation:dropdown-fade-in .14s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-dropdown button{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--muted);font-size:13px;font-weight:550;text-align:left;border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease;justify-content:flex-start;min-height:auto}.language-dropdown button:hover{background:var(--control-hover-bg);color:var(--text)}.language-dropdown button.active{background:var(--active-bg);color:var(--active-text);box-shadow:inset 0 1px 0 var(--line-soft)}.variants-menu{position:relative;z-index:120}.variants-trigger{min-width:112px;padding-inline:12px;color:var(--text-soft)}.variants-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:120;display:flex;flex-direction:column;gap:3px;min-width:286px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--control-bg-soft);box-shadow:0 16px 34px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:dropdown-fade-in .14s ease-out}.variants-link{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-height:48px;padding:8px 10px;border-radius:6px;color:var(--muted);font-size:13px;font-weight:650;text-decoration:none}.variants-link-copy{display:grid;gap:3px;min-width:0}.variants-link-copy span,.variants-link-copy small{overflow-wrap:anywhere}.variants-link-copy small{color:var(--muted-soft);font-size:11px;font-weight:500;line-height:1.35}.variants-link:hover{background:var(--control-hover-bg);color:var(--text)}.variants-link:hover small{color:var(--muted)}.glass-panel,.file-row{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--panel-start),transparent 45%),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--panel-sheen-a),transparent 28%),linear-gradient(180deg,var(--panel-sheen-b),transparent 32%);pointer-events:none}.glass-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:440px;padding:16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.glass-panel:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.panel-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{font-size:15px;letter-spacing:0}.editor{position:relative;z-index:1;width:100%;min-width:0;height:100%;min-height:320px;padding:14px;border:1px solid var(--line-soft);border-radius:8px;outline:none;resize:none;background:var(--editor-bg);color:var(--editor-text);line-height:1.55;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.editor:focus{border-color:color-mix(in srgb,var(--accent) 74%,transparent);background:var(--editor-focus-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.files-panel{align-self:start;display:flex;flex-direction:column;gap:12px}.output-list-panel{align-self:start;display:flex;flex-direction:column;gap:12px;padding:10px}.output-list-head{margin-bottom:8px}.hidden-input{display:none}.drop-zone{position:relative;z-index:1;overflow:hidden;display:grid;place-items:center;flex:1 1 auto;min-height:180px;padding:24px;border:1px dashed var(--drop-border);border-radius:8px;background:var(--drop-bg);text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.drop-zone:before{content:"";position:absolute;inset:12px;border-radius:8px;background:var(--drop-scan-bg);transform:translate(-120%);opacity:0;pointer-events:none}.drop-zone>*{position:relative;z-index:1}.drop-zone:hover,.workspace.is-dragging .drop-zone{border-color:color-mix(in srgb,var(--accent) 54%,transparent);background:var(--drop-hover-bg);box-shadow:inset 0 0 28px color-mix(in srgb,var(--accent) 8%,transparent)}.workspace.is-dragging .drop-zone:before{animation:scanLine 1.1s ease-in-out infinite;opacity:1}.drop-copy{display:grid;gap:6px;margin-top:12px}.drop-copy strong{font-size:20px}.drop-copy span,.file-main span,.output-copy span{color:var(--muted);font-size:13px}.output-picker{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--output-bg)}.output-copy{display:grid;min-width:0;gap:4px}.output-copy strong,.output-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list{display:grid;align-content:start;gap:6px;min-height:0;overflow:visible;flex:1 1 auto}.desktop-shell .file-list{overflow:auto}.file-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;min-height:46px;padding:7px 9px;gap:9px;box-shadow:none;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.file-row:hover{border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent 60%),var(--panel-strong);box-shadow:var(--button-hover-shadow)}.file-row .icon-button:not(:disabled):hover{transform:none}.status-dot{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--status-bg);color:var(--muted)}.status-dot.done{color:var(--accent)}.status-dot.error{color:var(--danger)}.status-dot.running{color:var(--accent-strong)}.file-main{display:grid;min-width:0;gap:2px}.file-main strong{font-size:13px;line-height:1.2}.file-main strong,.file-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-main span{font-size:12px;line-height:1.25}.empty-state{display:grid;place-items:center;position:relative;overflow:hidden;height:100%;min-height:180px;border:1px dashed var(--empty-border);border-radius:8px;color:var(--muted);box-shadow:none;background:var(--empty-bg)}.pending-status{color:var(--muted);font-size:12px;font-weight:500;padding-right:4px}.toast{position:absolute;left:50%;bottom:28px;max-width:min(640px,calc(100vw - 48px));padding:11px 14px;border:1px solid var(--line);border-radius:8px;background:var(--toast-bg);color:var(--toast-text);transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;justify-self:start;gap:8px 16px;color:var(--footer-text);font-size:12px;margin-top:24px}.titlebar .app-footer{flex-wrap:nowrap;min-width:0;overflow:hidden;-webkit-app-region:no-drag;margin-top:0}.titlebar .app-footer span{white-space:nowrap}.app-footer a{color:var(--accent-strong);text-decoration:none}.app-footer a:hover{color:var(--accent);text-decoration:underline}.legal-container{display:flex;flex-direction:column;gap:28px;width:100%;max-width:860px;margin:0 auto;padding-bottom:40px}.legal-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.legal-header-left{display:flex;align-items:center;gap:14px}.legal-back-button{display:flex;align-items:center;gap:8px}.legal-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--panel-start),transparent 45%),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:40px;display:flex;flex-direction:column;gap:32px}.legal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--panel-sheen-a),transparent 28%),linear-gradient(180deg,var(--panel-sheen-b),transparent 32%);pointer-events:none}.legal-title-section{display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line);padding-bottom:24px}.legal-title-section h1{font-size:28px;font-weight:750;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-strong) 40%,var(--accent-strong));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.legal-meta{font-size:13px;color:var(--muted)}.legal-notice-box{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,transparent);padding:20px;display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.legal-notice-icon{color:var(--accent);flex-shrink:0;margin-top:2px}.legal-notice-text h3{font-size:15px;font-weight:650;color:var(--text-strong);margin:0 0 6px}.legal-notice-text p{font-size:13.5px;color:var(--text-soft);line-height:1.5;margin:0}.legal-content{display:flex;flex-direction:column;gap:28px}.legal-section{display:flex;flex-direction:column;gap:12px}.legal-section h2{font-size:18px;font-weight:650;color:var(--text-strong);margin:0}.legal-section p{font-size:14.5px;line-height:1.6;color:var(--text-soft);margin:0}.legal-section ul{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.legal-section li{font-size:14.5px;line-height:1.6;color:var(--text-soft)}.legal-section li strong{color:var(--text-strong)}.legal-footer{display:flex;justify-content:center;border-top:1px solid var(--line-soft);padding-top:24px}@media(max-width:768px){.legal-card{padding:24px;gap:24px}.legal-title-section h1{font-size:22px}.legal-notice-box{padding:16px;gap:12px}}@media(max-width:1100px){.workspace{gap:16px;padding:22px}.files-panel,.output-list-panel{width:100%}}@media(max-width:820px){.workspace,.desktop-shell .workspace{min-height:100dvh;height:auto;padding:18px;overflow:visible;display:grid;grid-template-columns:1fr auto;gap:16px 12px}.tool-grid,.files-layout{grid-template-columns:1fr}.topline,.topline-actions{display:contents}.brand-lockup{grid-column:1;grid-row:1}.theme-toggle{grid-column:2;grid-row:1;justify-self:end}.language-selector-container{grid-column:2;grid-row:1;justify-self:end;margin-right:44px}.trust-strip{grid-column:1 / span 2;grid-row:2;grid-template-columns:1fr}.variants-menu{grid-column:1 / span 2;grid-row:3;justify-self:start}.variants-dropdown{left:0;right:auto}.segmented{grid-column:1 / span 2;grid-row:4;width:100%;min-width:0}.mode-surface{grid-column:1 / span 2;grid-row:5}.app-footer{grid-column:1 / span 2;grid-row:6}.legal-container{grid-column:1 / span 2}.trust-badge{width:100%}.split-actions{grid-template-columns:1fr}.editor{min-height:260px}}@media(max-width:560px){.workspace,.desktop-shell .workspace{gap:14px;padding:14px}.brand-lockup{align-items:center}.brand-lockup img{width:36px;height:36px}.brand-lockup h1{font-size:20px}.brand-lockup p{font-size:12px}.segmented{min-width:0}.segmented button{padding:0 8px}.icon-button{width:34px;height:34px;min-width:34px;min-height:34px}.trust-badge{min-height:48px;grid-template-columns:30px minmax(0,1fr);padding:8px}.trust-icon{width:30px;height:30px}.glass-panel{padding:12px}.output-list-panel{padding:10px}.drop-zone{min-height:132px;padding:18px}.drop-copy strong{font-size:18px}.panel-head{gap:8px;margin-bottom:10px}.compact-download{min-height:32px}.compact-download span{display:none}.file-row{grid-template-columns:24px minmax(0,1fr) 34px;padding:7px}.file-row .icon-button{width:34px;min-width:34px}.app-footer{gap:6px 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}