:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f4ecdf;--page-bg-secondary:#efe1d0;--page-glow:#0c74742e;--surface:#fffbf6d6;--surface-strong:#fff7eff0;--surface-muted:#594c4014;--text:#1f1b17;--text-muted:#62594f;--border:#3c2e251f;--border-strong:#3c2e253d;--accent:#0f7c77;--accent-strong:#095e5a;--accent-soft:#0f7c771f;--warning:#b04930;--warning-soft:#b0493024;--shadow:0 12px 30px #23180f1f;--shadow-soft:0 6px 14px #23180f0f;--input-bg:#ffffffa6;--hero-gradient:linear-gradient(135deg, #ffffffb8, #fff8f15c);--gallery-overlay:linear-gradient(180deg, #110e0c05, #110e0c94);--font-sans:"IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;--radius-xl:20px;--radius-lg:14px;--radius-md:11px;--radius-sm:8px;--transition:.18s ease}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#111718;--page-bg-secondary:#172124;--page-glow:#4fcbb829;--surface:#121a1cc2;--surface-strong:#141e21eb;--surface-muted:#d8e9e70f;--text:#ecf2ef;--text-muted:#a3bbb5;--border:#d7e6e21a;--border-strong:#d7e6e238;--accent:#58d0c5;--accent-strong:#7ee5dc;--accent-soft:#58d0c529;--warning:#ff9c78;--warning-soft:#ff9c7824;--shadow:0 14px 34px #04070857;--shadow-soft:0 8px 18px #0407082e;--input-bg:#101618d1;--hero-gradient:linear-gradient(135deg, #162225eb, #10181aa6);--gallery-overlay:linear-gradient(180deg, #0000000d, #0000009e)}*{box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--font-sans);background:radial-gradient(circle at top left, #ffffff94, transparent 30%), linear-gradient(180deg, var(--page-bg), var(--page-bg-secondary));color:var(--text);transition:background-color var(--transition), color var(--transition);margin:0}button,input{font:inherit}button{cursor:pointer}input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);padding:.62rem .74rem;box-shadow:inset 0 1px #ffffff1f}input:focus-visible,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.page-shell{min-height:100vh;padding:14px 12px 18px;position:relative;overflow:hidden}.page-shell__glow{background:var(--page-glow);filter:blur(20px);opacity:.8;pointer-events:none;border-radius:50%;width:220px;height:220px;animation:18s ease-in-out infinite alternate drift;position:fixed;transform:translate(0,0)}.page-shell__glow--left{top:24px;left:-68px}.page-shell__glow--right{animation-delay:1.6s;bottom:52px;right:-72px}.app-shell{z-index:1;gap:12px;max-width:1180px;margin:0 auto;animation:.5s ease-out rise-in;display:grid;position:relative}.hero,.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after,.panel:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#0000 35%);position:absolute;inset:0}.hero{background:var(--hero-gradient);grid-template-columns:1fr;align-items:start;gap:6px;padding:12px 14px;display:grid}.hero__copy{gap:2px;display:grid}.eyebrow,.panel__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);margin:0 0 .22rem;font-size:.64rem;font-weight:700}.hero h1,.panel h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-weight:600}.panel h2{font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.05}.hero h1{max-width:none;font-size:clamp(1.28rem,2vw,1.75rem);line-height:1}.hero__lede,.panel__meta{max-width:60ch;color:var(--text-muted);margin:.28rem 0 0;font-size:.84rem;line-height:1.35}.status-pill{background:var(--surface-muted);color:var(--text);box-shadow:var(--shadow-soft);border:1px solid #0000;border-radius:999px;margin:0;padding:8px 10px;font-size:.79rem;line-height:1.25}.status-pill--accent{background:var(--accent-soft);border-color:#0f7c7738}.status-pill--warning{background:var(--warning-soft);color:var(--warning);border-color:#b0493038}.status-note{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-muted);border:1px solid #0f7c7733;margin:0 0 10px;padding:7px 9px;font-size:.75rem;line-height:1.3}.status-note--warning{background:var(--warning-soft);color:var(--warning);border-color:#b049303d}.control-grid,.workspace-grid{gap:12px;display:grid}.control-grid{grid-template-columns:minmax(240px,.95fr) minmax(240px,.9fr);align-items:stretch}.workspace-grid{grid-template-columns:minmax(0,1.8fr) minmax(300px,.95fr);align-items:start}.panel{background:var(--surface);padding:14px}.panel--tight{padding:12px}.panel__header{z-index:1;margin-bottom:10px;position:relative}.panel__header--spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.field{gap:4px;display:grid}.field__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.68rem;font-weight:700}.segmented-control{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:6px;display:grid}.segmented-control--inline{grid-template-columns:repeat(4,minmax(58px,1fr));min-width:274px}.segment,.action-button,.gallery-preview,.gallery-remove{border:1px solid var(--border);transition:transform var(--transition), border-color var(--transition), background-color var(--transition), box-shadow var(--transition), color var(--transition)}.segment{color:var(--text);background:#ffffff1a;border-radius:999px;padding:.52rem .72rem;font-size:.82rem;font-weight:600}.segment:hover,.action-button:hover,.gallery-preview:hover,.gallery-remove:hover{border-color:var(--border-strong);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.segment.active{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#f8fffe;border-color:#0000;box-shadow:0 8px 14px #0f7c7729}.action-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#f8fffe;white-space:nowrap;border-color:#0000;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.56rem .88rem;font-size:.82rem;font-weight:700;display:inline-flex}.action-button--icon{min-width:110px}.action-button__icon{flex:0 0 14px;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.action-button__icon svg{width:100%;height:100%;display:block}.action-button__icon--success,.action-button--success .action-button__icon--copy{display:none}.action-button--success .action-button__icon--success{display:inline-flex}.action-button--success{transform:translateY(-1px);box-shadow:0 0 0 2px #7ee5dc38}.action-button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none}.preview-stage{border-radius:calc(var(--radius-xl) - 8px);background:radial-gradient(circle at top, #ffffff14, transparent 45%), var(--surface-strong);border:1px solid var(--border);min-height:360px;padding:10px;position:relative;box-shadow:inset 0 1px #ffffff0f}.paste-preview{border-radius:calc(var(--radius-lg) - 6px);background:linear-gradient(135deg, #ffffff14, transparent), repeating-linear-gradient(45deg, #ffffff05, #ffffff05 14px, #00000005 14px, #00000005 28px), var(--surface-muted);border:1px solid var(--border);width:100%;min-height:300px;max-height:62vh;display:block}.preview-empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;max-width:220px;box-shadow:var(--shadow-soft);background:#ffffff0f;padding:12px 14px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.preview-empty-state__title{margin:0 0 .5rem;font-size:.92rem;font-weight:700}.preview-empty-state__copy{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.35}.gallery{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;max-height:640px;padding-right:4px;display:grid;overflow-y:auto}.gallery-tile{border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:8px;position:relative}.gallery-tile--active{border-color:#0f7c7773;box-shadow:0 16px 28px #0f7c7729}.gallery-preview{aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--surface-muted);color:#f9fbfb;background-position:50%;background-size:cover;justify-content:flex-start;align-items:flex-end;width:100%;padding:8px;display:flex;position:relative;overflow:hidden}.gallery-preview:before{content:"";background:var(--gallery-overlay);position:absolute;inset:0}.gallery-preview__meta{z-index:1;font-size:.72rem;font-family:var(--font-mono);background:#0000004d;border-radius:999px;padding:.28rem .48rem;position:relative}.gallery-remove{color:#f7fbfa;background:#0000006b;border-radius:50%;width:24px;height:24px;font-size:.92rem;line-height:1;position:absolute;top:10px;right:10px}.loader{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:10;background:#0c121347;place-items:center;display:grid;position:fixed;inset:0}.loader--enabled{opacity:1;pointer-events:auto}.loader__panel{background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;justify-items:center;gap:8px;padding:16px 18px;display:grid}.loader__panel p{color:var(--text-muted);margin:0}.loader-icon{border:3px solid #0f7c772e;border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(22px,-16px)scale(1.08)}}@media (width<=1100px){.hero,.workspace-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;align-items:start}.hero__badges{grid-template-columns:1fr}.panel__header--spread{flex-direction:column;align-items:stretch}.action-button{width:100%}.preview-toolbar{justify-content:flex-start}.segmented-control--inline{width:100%;min-width:0}}@media (width<=720px){.page-shell{padding:12px 10px 16px}.hero,.panel,.panel--tight{padding:12px}.control-grid,.field-grid,.segmented-control{grid-template-columns:1fr}.hero__lede{display:none}.hero h1{font-size:1.18rem}.status-pill{font-size:.75rem}.preview-stage{min-height:300px}.paste-preview{min-height:260px}.preview-toolbar{flex-direction:column;align-items:stretch}.gallery{grid-template-columns:1fr 1fr}}@media (width<=520px){.gallery{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}