:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.35rem;--radius-xl: 2rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: clamp(2.4rem, 7vw, 5.5rem);--section-space: clamp(3rem, 8vw, 6rem);--control-height: 2.75rem;--transition-fast: .12s ease;--transition-base: .18s ease}:root,:root[data-theme=light]{--bg: #fbf4e9;--surface: #fffaf2;--surface-strong: #f6ead8;--surface-soft: #fff4df;--text: #2d241d;--muted: #77685d;--border: #ead8c4;--accent: #c96b3c;--accent-strong: #6d5bd0;--accent-contrast: #fffaf2;--danger: #b42318;--success: #24735a;--shadow: 0 24px 70px rgb(104 65 34 / .16);--shadow-soft: 0 12px 38px rgb(104 65 34 / .1);--inset-highlight: inset 0 1px 0 rgb(255 255 255 / .75)}:root[data-theme=dark]{--bg: #1a1716;--surface: #24201e;--surface-strong: #312821;--surface-soft: #2b2522;--text: #f4eadf;--muted: #c4b3a5;--border: #4a3c33;--accent: #f09a67;--accent-strong: #a79bff;--accent-contrast: #231814;--danger: #ff8a80;--success: #7bd7b1;--shadow: 0 24px 70px rgb(0 0 0 / .36);--shadow-soft: 0 12px 38px rgb(0 0 0 / .24);--inset-highlight: inset 0 1px 0 rgb(255 255 255 / .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-md);background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 34rem),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--accent-strong) 16%,transparent),transparent 30rem),var(--bg);color:var(--text);line-height:1.5}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:var(--space-2)}a{color:inherit}h2{font-size:clamp(1.25rem,3vw,1.75rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-3)}h3{line-height:1.2}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:3px}.page{max-width:1120px;margin:0 auto;padding:var(--space-6) var(--space-4)}.app-main{padding-bottom:var(--space-8)}.centered-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6) var(--space-4)}.auth-gradient{background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 30rem),radial-gradient(circle at 86% 20%,color-mix(in srgb,var(--accent-strong) 16%,transparent),transparent 28rem)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.app-topbar{position:sticky;top:var(--space-4);z-index:10;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.nav-link,.text-link{color:var(--text);font-size:var(--font-sm);text-decoration:none;text-underline-offset:.25em}.nav-link{padding:.45rem .7rem;border-radius:999px}.nav-link.active,.text-link:hover,.text-link:focus-visible{color:var(--accent)}.nav-link.active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);border-radius:999px;border:1px solid var(--accent);padding:.7rem 1.05rem;background:var(--accent);color:var(--accent-contrast);font-size:var(--font-sm);font-weight:700;text-decoration:none;box-shadow:var(--shadow-soft),var(--inset-highlight);transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.button-link:hover{transform:translateY(-1px)}.button-link-secondary{background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);border-color:var(--border);box-shadow:var(--inset-highlight)}.card{background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-soft),var(--inset-highlight)}.auth-card{width:100%;display:grid;gap:var(--space-5, 1.25rem)}.auth-frame{width:min(480px,100%);display:grid;gap:var(--space-4)}.auth-public-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 70%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-subcard{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.stack{display:grid;gap:var(--space-4)}.gap-tight{gap:var(--space-2)}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap-sm{gap:var(--space-2)}.btn{min-height:var(--control-height);border-radius:999px;border:1px solid var(--border);padding:.65rem 1rem;font-size:var(--font-sm);font-weight:700;cursor:pointer;color:var(--text);background:var(--surface);transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-ghost{background:transparent;color:var(--text)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:not-allowed}.field{display:grid;gap:var(--space-2)}.label{font-size:var(--font-sm);color:var(--muted)}.input{border:1px solid var(--border);border-radius:var(--radius-md);min-height:var(--control-height);padding:.7rem .85rem;font:inherit;color:var(--text);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--inset-highlight)}.input:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.textarea{min-height:11rem;resize:vertical;line-height:1.55}.language-switcher{display:inline-flex}.language-select{min-width:7.5rem;padding-block:.45rem;font-size:var(--font-sm)}.field-combobox{position:relative}.combobox-options{position:absolute;top:calc(100% - .2rem);left:0;z-index:20;display:grid;width:100%;max-height:14rem;overflow:auto;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}.combobox-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;border:0;border-radius:var(--radius-sm);padding:.55rem .65rem;color:var(--text);background:transparent;font:inherit;text-align:left;cursor:pointer}.combobox-option:hover,.combobox-option-active{background:color-mix(in srgb,var(--accent) 10%,transparent)}.rating-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.rating-button{width:2.35rem;height:2.35rem;border:1px solid var(--border);border-radius:999px;color:var(--text);background:var(--surface);cursor:pointer}.rating-button-active{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.rating-button:disabled{opacity:.65;cursor:not-allowed}.field-error,.inline-error{color:var(--danger);font-size:var(--font-sm)}.muted{color:var(--muted);font-size:var(--font-sm)}.list{display:grid;gap:var(--space-3)}.list-item{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--surface) 76%,transparent);display:flex;justify-content:space-between;gap:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prompt-list{gap:var(--space-3)}.prompt-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);color:inherit;background:color-mix(in srgb,var(--surface) 84%,transparent);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.prompt-list-item:hover,.prompt-list-item:focus-visible{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface));box-shadow:var(--shadow-soft)}.prompt-list-item:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.prompt-list-summary{min-width:0;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.prompt-list-content{min-width:0;display:grid;gap:var(--space-1)}.prompt-list-meta,.prompt-detail-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.prompt-detail-dialog{width:min(720px,100%)}.prompt-detail-body{display:grid;gap:var(--space-4)}.prompt-detail-field{display:grid;gap:var(--space-1)}.prompt-detail-text{max-height:min(46vh,28rem);overflow:auto;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);white-space:pre-wrap}.prompt-detail-summary{align-items:stretch}.prompt-detail-summary .prompt-detail-field{min-width:9rem;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-soft) 70%,transparent)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.badge{border:1px solid var(--border);border-radius:999px;padding:.32rem .7rem;color:var(--muted);font-size:var(--font-sm)}.badge-accent{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.badge-danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.success-panel{border:1px solid color-mix(in srgb,var(--success) 30%,var(--border));border-radius:var(--radius-md);padding:var(--space-3);color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent);font-size:var(--font-sm)}.eyebrow{color:var(--accent);font-size:var(--font-sm);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4)}.page-header>div:first-child{max-width:58rem}.page-header-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.empty-state{display:grid;gap:var(--space-2);place-items:center;border:1px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;background:color-mix(in srgb,var(--accent) 6%,transparent)}.dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:var(--space-4);background:#120c089e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-panel{width:min(440px,100%);display:grid;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);background:var(--surface);box-shadow:var(--shadow)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.marketing-page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:var(--space-6) 0 var(--space-12)}.marketing-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.marketing-nav{position:sticky;top:var(--space-4);z-index:10;margin-bottom:var(--section-space);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text);font-weight:900;text-decoration:none;letter-spacing:-.03em}.brand-dot{width:.85rem;height:.85rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 .35rem color-mix(in srgb,var(--accent) 14%,transparent)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr);gap:clamp(2rem,6vw,5rem);align-items:center}.hero-content{align-content:center}.hero-title{max-width:11ch;font-size:var(--font-xl);line-height:.92;letter-spacing:-.075em}.hero-copy{max-width:62ch;color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-notebook{position:relative;display:grid;gap:var(--space-4);min-height:420px;align-content:end;padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,transparent),transparent 42%),repeating-linear-gradient(0deg,transparent 0 2.45rem,color-mix(in srgb,var(--border) 58%,transparent) 2.45rem 2.5rem),var(--surface);box-shadow:var(--shadow);overflow:hidden}.hero-notebook:before{content:"";position:absolute;inset:1rem auto 1rem 1.2rem;width:.35rem;border-radius:999px;background:linear-gradient(var(--accent),var(--accent-strong));opacity:.75}.notebook-line{width:min(22rem,78%);height:.85rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 18%,transparent)}.notebook-line-strong{width:min(18rem,68%);background:color-mix(in srgb,var(--text) 24%,transparent)}.notebook-chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap}.notebook-chip-row span{width:5.25rem;height:2rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent)}.notebook-card{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:var(--shadow-soft)}.notebook-card p{color:var(--muted);font-size:var(--font-sm)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:var(--section-space) 0}.benefit-card{min-height:13rem}.preview-section{scroll-margin-top:8rem;margin-top:var(--section-space);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--surface-soft) 72%,transparent),transparent),color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:var(--shadow-soft),var(--inset-highlight)}.preview-heading{margin-bottom:var(--space-6)}.preview-copy{max-width:34rem;line-height:1.7}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.sample-card{position:relative;display:grid;gap:var(--space-4);min-height:20rem;overflow:hidden}.sample-card:before{content:"";position:absolute;inset:0 0 auto;height:.35rem;background:var(--sample-accent, var(--accent))}.sample-card-amber{--sample-accent: #d99225}.sample-card-coral{--sample-accent: #d86d55}.sample-card-violet{--sample-accent: var(--accent-strong)}.sample-card-blue{--sample-accent: #4f88c6}.sample-category{color:var(--sample-accent, var(--accent));font-size:var(--font-sm);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.workflow-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--section-space)}.workflow-strip span{display:flex;align-items:center;gap:var(--space-3);min-height:4.5rem;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);font-weight:800}.workflow-strip strong{display:inline-grid;width:2rem;height:2rem;place-items:center;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:var(--font-sm)}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 20rem),var(--surface);box-shadow:var(--shadow-soft)}.marketing-footer{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;color:var(--muted);font-size:var(--font-sm)}.marketing-footer a{color:var(--text);font-weight:700;text-decoration:none}.result-panel{display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);background:color-mix(in srgb,var(--accent) 8%,transparent)}.prompt-form{display:grid;gap:var(--space-4)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.stat-card{display:grid;gap:var(--space-2)}.stat-card strong{font-size:clamp(1.4rem,3vw,2rem);line-height:1.1}.composer-card,.library-card{display:grid;gap:var(--space-4)}@media(max-width:980px){.sample-grid,.workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.list-item{flex-direction:column}.prompt-list-item{grid-template-columns:1fr;align-items:flex-start}.prompt-list-summary{white-space:normal}.topbar{flex-direction:column;align-items:flex-start}.app-topbar{position:static}.page-header{align-items:flex-start;flex-direction:column}.hero-grid,.feature-grid,.sample-grid,.workflow-strip,.stats-grid{grid-template-columns:1fr}.marketing-nav{position:static;margin-bottom:var(--space-8)}.marketing-nav,.auth-public-bar,.final-cta{align-items:flex-start;flex-direction:column}.preview-section,.final-cta,.hero-notebook{padding:var(--space-4)}.hero-notebook{min-height:320px}.sample-card{min-height:auto}.dialog-panel{max-height:calc(100vh - 2rem);overflow:auto;padding:var(--space-4)}.filter-grid{grid-template-columns:1fr}}