@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;450;500;600;650;700;750&display=swap";:root{color:#121826;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef1f5;font-family:Geist,Aptos,Inter,ui-sans-serif,SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{min-height:100vh;margin:0}html,body,#root{height:100%}button{cursor:pointer;font-family:inherit;font-size:13px}button:disabled{opacity:.6;cursor:default}input,textarea{font-family:inherit}textarea{resize:vertical}.app-shell{--bg:#eef1f5;--panel:#fbfcfe;--panel-strong:#fff;--panel-muted:#f5f7fa;--text:#111827;--text-soft:#445064;--text-muted:#768298;--hairline:#d9dee8;--hairline-soft:#e9edf3;--accent:#315cf6;--accent-soft:#eef2ff;--accent-ink:#fff;--success:#12b99f;--shadow-page:0 28px 70px #10182821;--shadow-float:0 18px 45px #0f172a29;--focus:0 0 0 3px #315cf62e;background:radial-gradient(circle at 24% -10%, #315cf614, transparent 32%), linear-gradient(180deg, #f7f8fb 0%, var(--bg) 38%, #e8edf4 100%);color:var(--text);letter-spacing:0;flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-shell.theme-dark{--bg:#0f141c;--panel:#151b25;--panel-strong:#101722;--panel-muted:#1b2430;--text:#f4f7fb;--text-soft:#c6cfdd;--text-muted:#8490a3;--hairline:#293343;--hairline-soft:#222b39;--accent:#7aa2ff;--accent-soft:#172540;--accent-ink:#08111f;--success:#20d5b5;--shadow-page:0 30px 80px #00000070;--shadow-float:0 18px 52px #0000005c;--focus:0 0 0 3px #7aa2ff38;background:radial-gradient(circle at 18% -12%, #7aa2ff29, transparent 30%), linear-gradient(180deg, #111824 0%, var(--bg) 42%, #0b1018 100%)}.app-shell.is-intake-shell{background:var(--panel-strong)}.app-shell.theme-dark.is-intake-shell{background:var(--bg)}.topbar{background:color-mix(in srgb, var(--panel-strong) 92%, transparent);border-bottom:1px solid var(--hairline);z-index:5;flex:0 0 64px;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:relative}.brand-lockup,.topbar-actions,.export-controls,.upload-footer{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:0}.brand-mark{background:linear-gradient(145deg, var(--text), #344154);border:1px solid color-mix(in srgb, var(--text) 18%, transparent);color:var(--panel-strong);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:760;display:flex;box-shadow:inset 0 1px #ffffff2e}.theme-dark .brand-mark{color:#0c121b;background:linear-gradient(145deg,#f7fafc,#9aa8ba)}.brand-name{color:var(--text);letter-spacing:.11em;text-transform:uppercase;font-size:12.5px;font-weight:760;line-height:1.1}.brand-subtitle{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.25}.topbar-actions{gap:10px;min-width:0}.mode-pill{background:var(--panel-muted);border:1px solid var(--hairline);color:var(--text-soft);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11.5px;font-weight:650}.workspace{flex:1;grid-template-columns:280px minmax(460px,1fr) 380px;min-height:0;display:grid;overflow:hidden}.block-rail,.inspector{background:var(--panel);min-height:0;overflow:auto}.block-rail{border-right:1px solid var(--hairline);padding:16px 14px}.panel-heading{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin:2px 2px 12px;font-size:10.5px;font-weight:720;display:flex}.panel-heading small{background:var(--panel-muted);border:1px solid var(--hairline-soft);color:var(--text-soft);letter-spacing:0;text-align:center;border-radius:999px;min-width:26px;padding:2px 8px}.block-row{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:0;width:100%;margin:0;padding:12px 11px;display:block}.block-row:hover{background:var(--panel-muted);border-color:#0000}.block-row.is-active{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent);border-color:#0000}.block-row.is-child{padding-left:23px}.block-row>span{-webkit-line-clamp:1;color:var(--text);-webkit-box-orient:vertical;font-size:13px;font-weight:680;line-height:1.25;display:-webkit-box;overflow:hidden}.block-row small{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-top:5px;font-size:10px;font-weight:720;display:flex}.block-row em{background:var(--panel-strong);border:1px solid var(--hairline-soft);color:var(--text-muted);letter-spacing:0;text-transform:none;border-radius:999px;padding:1px 6px;font-style:normal}.block-row p{-webkit-line-clamp:2;color:var(--text-muted);-webkit-box-orient:vertical;margin:7px 0 0;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.preview-pane{background:linear-gradient(90deg, #ffffff6b 1px, transparent 1px), linear-gradient(180deg, #ffffff6b 1px, transparent 1px), color-mix(in srgb, var(--bg) 82%, var(--panel-strong));background-size:28px 28px;justify-content:center;align-items:flex-start;padding:28px;display:flex;position:relative;overflow:auto}.theme-dark .preview-pane{background:linear-gradient(90deg, #ffffff09 1px, transparent 1px), linear-gradient(180deg, #ffffff09 1px, transparent 1px), color-mix(in srgb, var(--bg) 88%, #182133);background-size:28px 28px}.artifact-frame{filter:drop-shadow(var(--shadow-page));background:0 0;border:0;flex:0 0 min(760px,100vw - 48px);width:min(760px,100vw - 48px);min-width:0;height:920px}.floating-agent{-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);color:var(--text);z-index:12;background:#ffffffbd;border:0;border-radius:22px;width:min(360px,100vw - 36px);padding:13px;position:fixed;box-shadow:0 24px 70px #0f172a33,0 2px 8px #0f172a14,inset 0 1px #ffffff8c}.theme-dark .floating-agent{background:#101722b8;box-shadow:0 24px 76px #00000080,0 2px 10px #00000047,inset 0 1px #ffffff1a}.floating-agent-input{color:var(--text);resize:none;background:0 0;border:0;width:100%;min-height:72px;padding:4px 4px 10px;font-family:inherit;font-size:13.5px;line-height:1.55;display:block}.floating-agent-input:focus{outline:0}.floating-agent-input::placeholder{color:color-mix(in srgb, var(--text-muted) 80%, transparent)}.floating-agent-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.floating-agent-footer span{color:var(--text-muted);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:170px;font-size:10.5px;font-weight:720;overflow:hidden}.floating-agent-action{background:color-mix(in srgb, var(--text) 92%, var(--accent));color:var(--panel-strong);border:0;border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:7px 12px;font-size:12px;font-weight:730;display:inline-flex;box-shadow:0 8px 18px #0f172a24}.theme-dark .floating-agent-action{color:#0b111a}.floating-agent-action:hover:not(:disabled){filter:saturate(1.08)brightness(1.02);transform:translateY(-1px)}.floating-agent-action:disabled{box-shadow:none;cursor:default;opacity:.42}.inspector{border-left:1px solid var(--hairline);padding:20px}.empty-inspector{color:var(--text-muted);font-size:13px}.inspector-header{border-bottom:1px solid var(--hairline-soft);margin-bottom:16px;padding-bottom:14px}.eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:760}.inspector h2{color:var(--text);margin:6px 0 4px;font-size:21px;font-weight:650;line-height:1.15}.inspector span{color:var(--text-muted);font-size:12px}.content-editor{background:color-mix(in srgb, var(--panel-muted) 68%, var(--panel-strong));border:1px solid color-mix(in srgb, var(--hairline) 72%, transparent);color:var(--text);border-radius:18px;width:100%;min-height:220px;padding:16px;font-family:inherit;font-size:13.5px;line-height:1.62;box-shadow:inset 0 1px #ffffff80}.content-editor:focus{border-color:var(--accent);box-shadow:var(--focus);outline:0}.style-panel{border-top:1px solid var(--hairline-soft);margin-top:22px;padding-top:18px}.section-title{color:var(--text);align-items:center;gap:7px;margin-bottom:10px;font-size:12.5px;font-weight:700;display:flex}.section-title svg{color:var(--accent)}.style-field{margin-top:14px}.style-field>span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:720;display:block}.segmented-control{background:color-mix(in srgb, var(--panel-muted) 74%, var(--panel-strong));border:1px solid color-mix(in srgb, var(--hairline) 70%, transparent);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented-control button{color:var(--text-muted);background:0 0;border:0;border-radius:999px;min-height:31px;padding:6px 8px;font-size:12px;font-weight:680}.segmented-control button.is-active{background:var(--panel-strong);color:var(--text);box-shadow:0 1px 6px #0f172a14}.swatch-row{gap:9px;display:flex}.swatch{border:2px solid var(--panel-strong);box-shadow:0 0 0 1px var(--hairline);border-radius:999px;width:28px;height:28px;padding:0}.swatch.is-active{box-shadow:0 0 0 2px var(--panel-strong), 0 0 0 4px var(--accent)}.style-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.style-panel+.content-editor{margin-top:20px}.content-editor::placeholder{color:var(--text-muted)}.primary-button,.secondary-button,.topbar-button,.icon-button,.text-button{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:36px;font-weight:680;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.primary-button{background:color-mix(in srgb, var(--text) 92%, var(--accent));border:1px solid color-mix(in srgb, var(--text) 82%, var(--accent));color:var(--panel-strong);padding:10px 15px}.primary-button:hover:not(:disabled){background:color-mix(in srgb, var(--text) 88%, var(--accent));transform:translateY(-1px)}.secondary-button,.icon-button,.text-button{background:color-mix(in srgb, var(--panel-strong) 72%, transparent);border:1px solid var(--hairline);color:var(--text-soft);padding:10px 15px}.text-button{background:0 0;border-color:#0000}.text-button:hover:not(:disabled){background:var(--panel-muted);color:var(--text);border-color:#0000}.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--panel-muted);border-color:color-mix(in srgb, var(--accent) 34%, var(--hairline));color:var(--text)}.topbar-button{background:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 86%, #000);color:var(--accent-ink);padding:10px 15px}.topbar-button:hover:not(:disabled){filter:saturate(1.08)brightness(1.02);transform:translateY(-1px)}.icon-button{width:36px;height:36px;padding:0}.full-width{width:100%;margin-top:9px}.inspector-action{min-height:40px}.export-controls{gap:10px;min-width:0}.export-controls span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:12px;overflow:hidden}.intake-screen{flex:1;justify-content:center;align-items:center;padding:36px;display:flex;overflow:auto}.upload-surface{flex-direction:column;gap:18px;width:100%;max-width:620px;display:flex}.upload-heading{justify-content:space-between;display:flex}.upload-heading h1{color:var(--text);margin:0 0 8px;font-family:Quicksand,Aptos Display,SF Pro Display,Segoe UI,sans-serif;font-size:34px;font-weight:520;line-height:1.05}.upload-heading p{color:var(--text-muted);margin:0;font-size:12.5px;font-weight:560;line-height:1.45}.drop-zone{background:color-mix(in srgb, var(--panel-strong) 38%, transparent);border:1px dashed color-mix(in srgb, var(--text-muted) 56%, var(--hairline));border-radius:10px;justify-content:center;align-items:center;min-height:260px;transition:background .14s,border-color .14s,transform .14s;display:flex;position:relative;overflow:hidden}.drop-zone.is-dragging{background:color-mix(in srgb, var(--accent-soft) 56%, transparent);border-color:color-mix(in srgb, var(--accent) 78%, var(--hairline))}.drop-zone.is-processing{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), transparent), var(--panel-strong);border-color:color-mix(in srgb, var(--hairline) 76%, transparent)}.drop-zone.is-processing:before{content:"";background:linear-gradient(90deg,#0000 0%,#315cf61a 42%,#315cf63d 50%,#315cf61a 58%,#0000 100%);width:44%;height:100%;animation:2.6s ease-in-out infinite intake-scan;position:absolute;top:0;left:-45%;transform:skew(-14deg)}.theme-dark .drop-zone.is-processing{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 90%, transparent), transparent), color-mix(in srgb, var(--bg) 90%, #18243a)}.theme-dark .drop-zone.is-processing:before{background:linear-gradient(90deg,#0000 0%,#7aa2ff0f 42%,#7aa2ff33 50%,#7aa2ff0f 58%,#0000 100%)}.drop-label{color:var(--text-soft);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:260px;font-weight:720;display:flex}.drop-icon{border:1px solid color-mix(in srgb, var(--hairline) 74%, transparent);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:8px;display:flex}.drop-label strong{color:var(--text);font-size:15px;font-weight:720}.drop-label span:not(.drop-icon){color:var(--text-muted);font-size:12.5px;font-weight:560}.processing-state{color:var(--text-muted);text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:260px;display:flex;position:relative}.processing-state strong{color:var(--text);margin-top:8px;font-size:15px;font-weight:720}.processing-state>span{color:var(--text-muted);font-size:12.5px;font-weight:560}.processing-mark{width:58px;height:58px;position:relative}.processing-mark:before{content:"";opacity:.92;background:conic-gradient(from 20deg,#315cf6,#0f9f7a,#eab308,#d9466a,#315cf6);border-radius:999px;animation:1.8s linear infinite processing-spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 55%,#000 57%);mask:radial-gradient(circle,#0000 55%,#000 57%)}.processing-mark:after{background:var(--panel-strong);border:1px solid var(--hairline-soft);content:"";border-radius:999px;position:absolute;inset:15px}.theme-dark .processing-mark:after{background:var(--bg)}.processing-mark span{z-index:1;border-radius:999px;width:8px;height:8px;animation:1.35s ease-in-out infinite processing-dot;position:absolute;top:25px;left:25px}.processing-mark span:first-child{background:#315cf6;transform:translateY(-25px)}.processing-mark span:nth-child(2){background:#0f9f7a;animation-delay:.12s;transform:translate(25px)}.processing-mark span:nth-child(3){background:#eab308;animation-delay:.24s;transform:translateY(25px)}.processing-mark span:nth-child(4){background:#d9466a;animation-delay:.36s;transform:translate(-25px)}.processing-steps{gap:8px;margin-top:10px;display:flex}.processing-steps i{background:color-mix(in srgb, var(--panel-muted) 72%, transparent);border:1px solid color-mix(in srgb, var(--hairline) 72%, transparent);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;min-width:66px;padding:5px 9px;font-size:10.5px;font-style:normal;font-weight:720;animation:1.8s ease-in-out infinite processing-step}.processing-steps i:nth-child(2){animation-delay:.18s}.processing-steps i:nth-child(3){animation-delay:.36s}.upload-footer{color:var(--text-muted);justify-content:space-between;font-size:12px;font-weight:650}.sample-link{color:var(--text-muted);background:0 0;border:0;align-items:center;gap:7px;min-height:34px;padding:0;font-size:12.5px;font-weight:690;display:inline-flex}.sample-link:hover:not(:disabled){color:var(--text)}.file-input{display:none}@keyframes intake-scan{0%{left:-45%}48%,to{left:110%}}@keyframes processing-spin{to{transform:rotate(1turn)}}@keyframes processing-dot{0%,to{opacity:.46;scale:.84}45%{opacity:1;scale:1.12}}@keyframes processing-step{0%,to{color:var(--text-muted);opacity:.58}45%{color:var(--text);opacity:1}}@media (prefers-reduced-motion:reduce){.drop-zone.is-processing:before,.processing-mark:before,.processing-mark span,.processing-steps i{animation:none}}.toast{box-shadow:var(--shadow-float);cursor:pointer;text-align:center;z-index:20;border-radius:8px;max-width:520px;padding:12px 16px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast-error{color:#fff;background:#b42318}.status-float{background:var(--panel-strong);border:1px solid var(--hairline);box-shadow:var(--shadow-float);color:var(--text-soft);z-index:20;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:720;position:fixed;bottom:18px;right:18px}.muted-empty{color:var(--text-muted);font-size:13px}.block-rail::-webkit-scrollbar{width:10px;height:10px}.inspector::-webkit-scrollbar{width:10px;height:10px}.preview-pane::-webkit-scrollbar{width:10px;height:10px}.block-rail::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 34%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.inspector::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 34%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.preview-pane::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 34%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}@media (width<=1100px){.workspace{grid-template-columns:240px minmax(420px,1fr) 340px}}@media (width<=980px){.workspace{grid-template-rows:minmax(360px,1fr) 330px;grid-template-columns:1fr}.block-rail{display:none}.inspector{border-left:0;border-top:1px solid var(--hairline)}.upload-surface{max-width:560px}}@media (width<=720px){.topbar{padding:0 12px}.brand-subtitle,.mode-pill,.export-controls span{display:none}.preview-pane{padding:18px}.intake-screen{align-items:flex-start;padding:44px 18px 24px}.upload-heading h1{font-size:29px}.upload-footer{flex-direction:column;align-items:flex-start;gap:8px}.drop-zone,.drop-label{min-height:230px}}