:root{--bg:#f3efe6;--surface:rgba(255,252,246,0.82);--surface-strong:#fffaf1;--text:#1e2430;--muted:#5d6470;--accent:#c95b2b;--accent-strong:#9f3f15;--line:rgba(30,36,48,0.1);--shadow:0 18px 50px rgba(45,31,14,0.08);--font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",serif;--font-body:"Avenir Next","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top left,rgba(201,91,43,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(47,99,86,.12),transparent 24%),var(--bg);color:var(--text);font-family:var(--font-body)}a{color:inherit;text-decoration:none}.page-shell{min-height:100vh;padding:40px 20px 72px}.page-grid{max-width:1180px;margin:0 auto;display:grid;grid-gap:24px;gap:24px}.hero-card,.panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-card{padding:32px}.hero-kicker{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:18px}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5.6rem);line-height:.98;max-width:10ch;margin:0 0 16px}.hero-copy{max-width:56rem;color:var(--muted);font-size:1.05rem;line-height:1.7}.dashboard-grid{display:grid;grid-template-columns:1.3fr .9fr;grid-gap:24px;gap:24px}.panel{padding:24px}.panel h2,.panel h3{margin:0 0 12px}.signature-list{display:grid;grid-gap:16px;gap:16px}.signature-card{border:1px solid var(--line);border-radius:18px;background:var(--surface-strong);padding:18px}.signature-card strong{display:block;margin-bottom:8px;font-size:1rem}.meta-row{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.92rem}.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;background:rgba(201,91,43,.12);color:var(--accent-strong);font-size:.82rem}.stack-list{display:grid;grid-gap:14px;gap:14px}.stack-item{padding:14px 0;border-top:1px solid var(--line)}.stack-item:first-child{border-top:0;padding-top:0}.preview-frame{border:1px solid var(--line);border-radius:18px;padding:18px;background:white;overflow:auto}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:600}.button-primary{background:var(--accent);color:white}.button-secondary{border:1px solid var(--line);background:rgba(255,255,255,.6)}.asset-studio{width:100%}.asset-studio-grid{display:grid;grid-template-columns:1.1fr .95fr;grid-gap:24px;gap:24px}.asset-studio-panel{background:rgba(255,252,246,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:24px}.asset-studio-panel--hero{display:grid;grid-gap:20px;gap:20px}.studio-title{font-family:var(--font-display);font-size:clamp(2.2rem,4.5vw,4rem);line-height:.98;margin:0;max-width:12ch}.studio-copy{margin:0;color:var(--muted);line-height:1.7}.dropzone{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:18px;gap:18px;border:1.5px dashed rgba(201,91,43,.4);border-radius:24px;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,244,235,.82));cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.dropzone--active,.dropzone:hover{transform:translateY(-1px);border-color:rgba(201,91,43,.7);box-shadow:0 12px 26px rgba(201,91,43,.14)}.dropzone-copy{display:grid;grid-gap:6px;gap:6px}.dropzone-copy strong{font-size:1rem}.dropzone-copy span{color:var(--muted);line-height:1.5}.asset-preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.preset-chip{display:grid;grid-gap:6px;gap:6px;text-align:left;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.66);color:var(--text);cursor:pointer}.preset-chip--active{border-color:rgba(201,91,43,.45);background:rgba(201,91,43,.08)}.preset-chip span{font-weight:700}.preset-chip small{color:var(--muted);line-height:1.45}.asset-output-card,.asset-preview-card{display:grid;grid-gap:18px;gap:18px}.asset-preview-card{padding:18px;border-radius:24px;border:1px solid var(--line)}.asset-preview-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.asset-preview-frame{position:relative;overflow:hidden;margin:0 auto;border:1px solid rgba(30,36,48,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.asset-preview-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.26) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.26) 1px,transparent 0);background-size:18px 18px;mix-blend-mode:soft-light;pointer-events:none}.asset-preview-image{position:absolute;left:50%;top:50%;width:100%;height:100%;transform-origin:center center}.asset-output-card{border-radius:22px;padding:20px;background:rgba(255,255,255,.7);border:1px solid var(--line)}.asset-output-card h2{margin:0}.asset-output-copy{margin:0;color:var(--muted);line-height:1.6}.asset-json{margin:0;padding:16px;border-radius:18px;background:#131722;color:#e8edf3;overflow:auto;font-size:.85rem;line-height:1.5}.asset-controls{display:grid;grid-gap:18px;gap:18px}.field-grid,.slider-grid{display:grid;grid-gap:12px;gap:12px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field,.slider-field{display:grid;grid-gap:8px;gap:8px}.field span,.slider-field span{font-size:.92rem;color:var(--muted)}.field input,.field select{width:100%;border-radius:14px;border:1px solid var(--line);padding:12px 14px;background:rgba(255,255,255,.92);color:var(--text);font:inherit}.slider-field input[type=range]{width:100%}.slider-field strong{font-size:.92rem;color:var(--accent-strong)}.asset-notes{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.asset-notes>div{border-radius:18px;background:rgba(255,255,255,.7);border:1px solid var(--line);padding:14px}.asset-notes strong{display:block;margin-bottom:6px}.asset-notes p{margin:0;color:var(--muted);line-height:1.55}@media (max-width:900px){.asset-notes,.asset-preset-row,.asset-studio-grid,.dashboard-grid,.field-grid{grid-template-columns:1fr}.hero-card,.panel{padding:20px}.asset-studio-panel{padding:18px}}