@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{--bg:#f4f7fb;--bg-strong:#fff;--bg-stronger:#eef4ff;--panel:hsla(0,0%,100%,.8);--panel-strong:hsla(0,0%,100%,.94);--panel-muted:rgba(241,245,249,.88);--border:rgba(15,23,42,.1);--border-strong:rgba(37,99,235,.24);--ink:#0f172a;--ink-soft:#475569;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:rgba(37,99,235,.12);--signal:#f97316;--signal-strong:#ea580c;--signal-soft:rgba(249,115,22,.14);--mint:#059669;--mint-soft:rgba(5,150,105,.12);--danger:#dc2626;--danger-soft:rgba(220,38,38,.12);--shadow:0 28px 80px rgba(15,23,42,.1);--shadow-strong:0 36px 100px rgba(15,23,42,.16);--radius-xl:30px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 28%),radial-gradient(circle at 92% 10%,rgba(249,115,22,.12),transparent 24%),linear-gradient(180deg,#f8fbff,#eef3fb 52%,#f7f9fc);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.5;margin:0;min-height:100vh;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-root,.site-shell{min-height:100vh}.site-shell{position:relative}.site-shell:after,.site-shell:before{content:"";filter:blur(10px);inset:auto;pointer-events:none;position:fixed;z-index:-1}.site-shell:before{background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%);border-radius:50%;height:320px;right:-100px;top:110px;width:320px}.site-shell:after{background:radial-gradient(circle,rgba(249,115,22,.1),transparent 70%);border-radius:50%;bottom:60px;height:360px;left:-120px;width:360px}.topbar-shell{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f8fbffb8;border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 10px 30px #0f172a0d;position:sticky;top:0;z-index:30}.topbar{align-items:center;display:grid;gap:18px;grid-template-columns:auto 1fr auto;margin:0 auto;min-height:88px;width:min(1280px,calc(100vw - 32px))}.brand-lockup{align-items:center;display:inline-flex;gap:14px}.brand-mark{background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.28),transparent 40%),linear-gradient(135deg,var(--accent),#0f172a 82%);border-radius:16px;box-shadow:0 16px 32px #2563eb3d;color:#f8fbff;display:inline-grid;font-family:Sora,sans-serif;font-size:.92rem;font-weight:700;height:46px;letter-spacing:.06em;place-items:center;width:46px}.brand-lockup strong{display:block;font-family:Sora,sans-serif;font-size:1rem;letter-spacing:-.03em}.brand-lockup span{color:var(--ink-soft);display:block;font-size:.84rem}.main-nav{align-items:center;display:flex;gap:8px;justify-content:center}.main-nav-link{border:1px solid transparent;border-radius:999px;color:var(--ink-soft);font-weight:700;padding:10px 16px}.main-nav-link.active{background:#ffffffe0;border-color:#2563eb24;box-shadow:0 10px 24px #0f172a14;color:var(--accent-strong)}.topbar-side{align-items:center;display:flex;gap:12px}.nav-stats{display:flex;flex-wrap:wrap;gap:8px}.nav-stats span{background:#ffffffb8;border:1px solid rgba(15,23,42,.08);border-radius:999px;color:var(--ink-soft);font-size:.84rem;padding:8px 12px}.page-shell{margin:0 auto;width:min(1600px,calc(100vw - 32px))}.page-stack{display:grid;gap:22px}.page-header{align-items:end;display:flex;gap:18px;justify-content:space-between;padding-top:28px}.page-title{font-family:Sora,sans-serif;font-size:clamp(2rem,4.2vw,3.5rem);letter-spacing:-.04em;line-height:.98;margin:12px 0 8px}.page-copy{color:var(--ink-soft);max-width:60ch}.overview-grid{align-items:start;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.overview-card{display:grid;gap:12px}.feature-grid{align-items:start;display:grid;gap:18px}.feature-grid-assets,.feature-grid-prompts{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid-prompts-unified{grid-template-columns:minmax(320px,.86fr) minmax(0,1.3fr)}.feature-grid-reviews{grid-template-columns:.9fr 1fr 1.2fr}.reviews-preview-column{align-content:start}.surface-stack{display:grid;gap:14px}.login-card-compact{margin:0;max-width:none}.section-heading.compact{margin-bottom:8px}.field-inline{min-width:150px}.notice-global{margin-top:18px}.dashboard-page{margin:0 auto;padding:24px 0 72px;width:min(1280px,calc(100vw - 32px))}.dashboard-page.page-wide{width:min(1600px,calc(100vw - 32px))}.hero{background:radial-gradient(circle at top right,rgba(96,165,250,.26),transparent 28%),radial-gradient(circle at 12% 14%,rgba(249,115,22,.18),transparent 22%),linear-gradient(135deg,#0f172afa,#1e293bf0);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-strong);overflow:hidden;padding:32px;position:relative}.hero:after{background:radial-gradient(circle,rgba(59,130,246,.22),transparent 70%);border-radius:50%;content:"";height:280px;inset:auto -30px -90px auto;position:absolute;width:280px}.hero-grid{align-items:start;display:grid;gap:24px;grid-template-columns:1.5fr .9fr;position:relative;z-index:1}.eyebrow,.section-tag{align-items:center;background:var(--accent-soft);border-radius:999px;color:var(--ink-soft);display:inline-flex;font-size:.74rem;font-weight:700;gap:8px;letter-spacing:.14em;padding:8px 12px;text-transform:uppercase}.hero .eyebrow{background:#ffffff14;color:#ffffffb8}.hero h1,.login-card h2,.section-heading h2{font-family:Sora,sans-serif;font-size:clamp(2.4rem,6vw,4.5rem);letter-spacing:-.04em;line-height:.96;margin:16px 0 10px}.card-copy,.hero p,.muted-copy,.section-heading p{color:var(--ink-soft);line-height:1.6}.hero .kicker,.hero .metric-card strong,.hero .status-card strong,.hero h1,.hero p{color:#f8fbff}.hero .metric-card span,.hero .muted-copy,.hero .status-card span{color:#e2e8f0d1}.hero-metrics{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.empty-state,.login-card,.metric-card,.panel,.preview-empty,.preview-frame,.status-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.metric-card{padding:16px}.metric-card strong,.status-card strong{display:block;font-size:1.8rem;font-weight:700;letter-spacing:-.04em}.meta-label,.metric-card span,.pill,.status-card span{color:var(--ink-soft);font-size:.92rem}.hero-side{display:grid;gap:14px}.status-card{background:linear-gradient(180deg,#ffffff1a,#94a3b814);border:1px solid hsla(0,0%,100%,.12);box-shadow:inset 0 1px #ffffff14;padding:18px}.status-card.accent{background:linear-gradient(180deg,#2563eb2e,#f9731624)}.filter-row,.inline-actions,.pill-row,.preview-actions,.section-actions,.toolbar-row{display:flex;flex-wrap:wrap;gap:10px}.pill{align-items:center;background:#2563eb14;border-radius:999px;display:inline-flex;gap:8px;padding:8px 12px}.layout-grid{align-items:start;display:grid;gap:22px;grid-template-columns:280px minmax(0,1fr);margin-top:22px}.nav-panel{align-self:start;padding:18px;position:sticky;top:20px}.nav-panel nav{display:grid;gap:8px;margin-top:18px}.danger-button,.ghost-button,.list-card,.mini-card,.nav-link,.preview-link,.primary-button,.resource-card,.secondary-button{transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.nav-link{align-items:center;background:#ffffffb8;border:1px solid rgba(15,23,42,.06);border-radius:var(--radius-md);color:var(--ink-soft);display:flex;justify-content:space-between;padding:12px 14px}.list-card:hover,.mini-card:hover,.nav-link:hover,.preview-link:hover,.resource-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.content-column{display:grid;gap:22px}.panel{padding:24px}.prompt-detail-panel,.prompt-list-panel{align-content:start}.prompt-list-card{align-items:center}.prompt-detail-panel{gap:18px}.panel-grid{align-items:start;display:grid;gap:18px;grid-template-columns:1.1fr .9fr}.section-heading{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.section-heading h2{font-size:clamp(1.8rem,3.2vw,2.8rem);margin:14px 0 8px}.field-grid,.login-grid{display:grid;gap:14px}.field-grid.two,.review-grid,.split-grid{align-items:start;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-field,.field{display:grid;gap:8px}.checkbox-field legend,.field label,.form-label{color:var(--ink-soft);font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.file-input,.input,.select,.textarea{background:#ffffffe0;border:1px solid rgba(148,163,184,.34);border-radius:14px;box-shadow:inset 0 1px #ffffffa6;color:var(--ink);outline:none;padding:14px 16px;width:100%}.file-input:focus,.input:focus,.select:focus,.textarea:focus{border-color:#2563eb70;box-shadow:0 0 0 4px #2563eb1f}.textarea{min-height:130px;resize:vertical}.checkbox-field{background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px}.checkbox-list,.preview-list,.stack-list,.summary-list{display:grid;gap:10px}.checkbox-item,.list-card,.mini-card,.preview-link,.resource-card{align-items:start;background:#ffffffbd;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:12px;padding:14px}.checkbox-item input{margin-top:4px}.checkbox-copy,.list-copy,.resource-copy{display:grid;gap:4px}.checkbox-copy strong,.list-copy strong,.preview-link strong,.resource-copy strong{font-size:1rem}.card-meta,.meta-row{color:var(--ink-soft);display:flex;flex-wrap:wrap;font-size:.86rem;gap:10px}.danger-button,.ghost-button,.primary-button,.secondary-button{border:1px solid transparent;border-radius:999px;font-weight:700;padding:12px 18px}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 16px 28px #2563eb42;color:#f8fbff}.primary-button:hover{background:linear-gradient(135deg,var(--accent-strong),#1e3a8a);transform:translateY(-1px)}.secondary-button{background:#fffc;border-color:#2563eb1f;box-shadow:0 12px 24px #0f172a0f;color:var(--ink)}.ghost-button{background:#ffffff75;border-color:#0f172a1f;color:var(--ink-soft)}.danger-button{background:var(--danger-soft);border-color:#dc262629;color:var(--danger)}.danger-button:hover,.ghost-button:hover,.secondary-button:hover{box-shadow:0 14px 28px #0f172a14;transform:translateY(-1px)}.button-block{justify-content:center;width:100%}.notice{align-items:center;border:1px solid var(--border);border-radius:18px;display:flex;gap:12px;justify-content:space-between;margin-top:18px;padding:14px 16px}.notice.success{background:var(--mint-soft);border-color:#16715d2e}.notice.error{background:var(--danger-soft);border-color:#a43a2a2e}.notice.info{background:#2563eb14}.login-card{box-shadow:var(--shadow-strong);margin:34px auto 0;max-width:520px;padding:28px}.summary-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0}.mini-card{background:#ffffffd1;flex-direction:column}.generated-list,.history-list,.resource-list{display:grid;gap:12px}.list-card,.resource-card{justify-content:space-between}.list-card-body{background:transparent;border:0;color:inherit;display:grid;flex:1;gap:6px;padding:0;text-align:left}.list-card-actions{align-items:start;display:flex;flex-wrap:wrap;gap:10px;justify-content:end}.list-card.active,.preview-link.active,.resource-card.active{background:linear-gradient(135deg,#fffffff5,#eff6fff0);border-color:#2563eb3d;box-shadow:0 18px 36px #2563eb14}.preview-link{justify-content:space-between}.detail-card,.detail-subcard,.modal-shell,.prediction-card{background:#ffffffdb;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.detail-card,.prediction-card{padding:18px}.detail-stack{display:grid;gap:18px;margin-top:16px}.detail-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-subcard{display:grid;gap:8px;padding:14px}.detail-prompt-copy{font-size:1.02rem;line-height:1.7;margin:10px 0 0;white-space:pre-wrap}.detail-error-copy{background:var(--danger-soft);border-radius:var(--radius-md);color:var(--danger);margin:0;padding:14px 16px}.prediction-list{display:grid;gap:12px}.prediction-result{background:#0f172a;border-radius:var(--radius-md);color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.55;margin:14px 0 0;overflow:auto;padding:14px}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a6b;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:80}.modal-shell{max-height:calc(100vh - 48px);overflow:auto;padding:24px;width:min(920px,calc(100vw - 24px))}.format-pill,.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;gap:8px;justify-content:center;letter-spacing:.08em;min-width:88px;padding:8px 12px;text-transform:uppercase}.status-pill.pending{background:var(--signal-soft);color:var(--signal-strong)}.status-pill.completed{background:var(--mint-soft);color:var(--mint)}.status-pill.failed{background:var(--danger-soft);color:var(--danger)}.format-pill{background:#0f172a0f;color:var(--ink-soft)}.preview-frame{min-height:560px;overflow:hidden}.preview-frame iframe,.preview-frame img{background:linear-gradient(180deg,#f8fbff,#eef4ff);border:0;display:block;min-height:560px;width:100%}.empty-state,.preview-empty{color:var(--ink-soft);padding:28px;text-align:center}.kicker{color:var(--ink-soft);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--ink-soft)}@keyframes surface-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero,.login-card,.notice,.panel{animation:surface-enter .42s ease}@media(max-width:1080px){.detail-grid,.detail-grid-wide,.feature-grid-assets,.feature-grid-prompts,.feature-grid-prompts-unified,.feature-grid-reviews,.field-grid.two,.hero-grid,.hero-metrics,.layout-grid,.overview-grid,.panel-grid,.review-grid,.split-grid,.summary-grid,.topbar{grid-template-columns:1fr}.nav-panel{position:static}.topbar{padding:14px 0;width:min(100vw - 20px,100%)}.main-nav{flex-wrap:wrap;justify-content:start}.page-header{align-items:start;flex-direction:column}}@media(max-width:720px){.dashboard-page{padding:10px 0 44px}.dashboard-page,.page-shell{width:min(100vw - 20px,100%)}.hero,.login-card,.modal-shell,.panel{padding:18px}.hero h1,.login-card h2{font-size:2.4rem}.preview-frame,.preview-frame iframe,.preview-frame img{min-height:360px}}
