:root{--ink: #13243a;--ink-soft: #47607c;--brand: #d85f2b;--brand-strong: #be4b17;--accent: #0d7a89;--surface: rgba(255, 255, 255, .84);--surface-strong: #ffffff;--border: rgba(19, 36, 58, .16);--shadow: 0 16px 40px rgba(10, 36, 63, .11);--ok: #276a48;--warn: #6f4a1e;--radius: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 10% 8%,#fce7d9 0%,transparent 32%),radial-gradient(circle at 90% 0%,#d8edf3 0%,transparent 35%),linear-gradient(155deg,#f8f1e8,#edf3f7)}.app-shell{width:min(100% - 1.2rem,68rem);margin:0 auto;padding:.95rem 0 2.6rem;display:grid;gap:.75rem}.hero{border-radius:var(--radius);border:1px solid var(--border);padding:1.2rem;background:linear-gradient(135deg,rgba(216,95,43,.15),transparent 35%),linear-gradient(350deg,rgba(13,122,137,.16),transparent 56%),var(--surface-strong);box-shadow:var(--shadow)}.eyebrow{display:inline-block;margin-bottom:.45rem;padding:.2rem .58rem;border-radius:999px;background:#d85f2b1f;color:var(--brand-strong);letter-spacing:.06em;text-transform:uppercase;font-size:.71rem;font-weight:700}.hero h1{margin:0;font-size:clamp(1.55rem,2.7vw,2.2rem);letter-spacing:.01em}.hero p{margin:.55rem 0 0;max-width:34rem;line-height:1.42;color:var(--ink-soft)}.status-row{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.42rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .66rem;border:1px solid var(--border);border-radius:999px;background:#ffffffb3;font-size:.75rem}.status-pill strong{color:var(--ink-soft);font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem;box-shadow:0 10px 26px #0a1f3812;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.panel-head h2{margin:0;font-size:1.02rem}.panel-meta{color:var(--ink-soft);font-size:.8rem}.panel-note{margin:.55rem 0 .86rem;font-size:.92rem;color:var(--ink-soft)}.progress-track{margin-top:.78rem;border-radius:999px;height:.52rem;overflow:hidden;background:#13243a1f}.progress-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),#e39a2a 65%,#e8bc28);transition:width .22s ease}.stepper{margin:.75rem 0 0;padding:0 0 .2rem;list-style:none;display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:thin}.step-chip{min-width:7.5rem;padding:.5rem .65rem;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink);display:inline-flex;gap:.45rem;align-items:center;font-size:.82rem;font-weight:600}.step-chip .step-number{width:1.28rem;height:1.28rem;border-radius:999px;display:grid;place-items:center;border:1px solid currentcolor;font-size:.75rem}.step-chip.done{color:var(--ok);border-color:#276a485c;background:#276a4814}.step-chip.active{border-color:#d85f2b73;background:#d85f2b24;color:var(--brand-strong)}.step-chip:disabled{cursor:not-allowed;opacity:.56}.preset-grid{margin-top:.7rem;display:grid;gap:.6rem}.preset-card{display:block;border:1px solid var(--border);border-radius:14px;padding:.78rem;background:#ffffffbd;cursor:pointer;transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease}.preset-card:hover{border-color:#d85f2b73;transform:translateY(-1px)}.preset-card.selected{border-color:#d85f2ba6;box-shadow:0 8px 18px #d85f2b29}.preset-head{display:flex;justify-content:space-between;align-items:center;gap:.45rem}.preset-head h3{margin:0;font-size:.96rem}.preset-card p{margin:.44rem 0 .28rem;color:var(--ink-soft);font-size:.86rem;line-height:1.37}.preset-mood{color:var(--ink-soft);font-size:.78rem}.pill{display:inline-block;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.pill-ok{background:#276a481f;color:var(--ok)}.pill-warn{background:#6f4a1e1f;color:var(--warn)}.file-input{width:100%;font:inherit;color:inherit;border:1px solid var(--border);border-radius:12px;padding:.6rem .65rem;background:#fff}.file-input::file-selector-button{border:1px solid rgba(13,122,137,.32);color:#08505a;background:#0d7a891c;border-radius:10px;padding:.38rem .65rem;margin-right:.7rem;font:inherit;font-weight:700}.file-meta{margin:.65rem 0 0;color:var(--ink-soft);font-size:.86rem}.field-grid{margin-top:.72rem;display:grid;gap:.7rem}.field{display:grid;gap:.36rem}.field-label{font-size:.86rem;color:var(--ink-soft);font-weight:600}.field input[type=number],.field input[type=text]{width:100%;border:1px solid var(--border);border-radius:12px;padding:.56rem .62rem;font:inherit;color:inherit;background:#fff}.color-row{display:flex;align-items:center;gap:.58rem}.color-row input[type=color]{width:2.7rem;height:2rem;border:1px solid var(--border);border-radius:9px;background:#fff}.color-row code{font-size:.8rem;color:var(--ink-soft);background:#13243a14;padding:.15rem .43rem;border-radius:8px}.btn{border:1px solid transparent;border-radius:12px;min-height:2.62rem;padding:.58rem .93rem;font:inherit;font-weight:700;line-height:1;display:inline-flex;justify-content:center;align-items:center;gap:.48rem;text-decoration:none;cursor:pointer}.btn:disabled{opacity:.56;cursor:not-allowed}.btn-primary{color:#fff;border-color:#be4b1747;background:linear-gradient(135deg,var(--brand),#e07b2f)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-strong),var(--brand))}.btn-secondary{border-color:#0d7a8952;color:#084e59;background:#0d7a891a}.btn-ghost{border-color:var(--border);color:var(--ink);background:#ffffffc7}.warning-text{margin:.62rem 0 0;font-size:.83rem;color:var(--warn)}.log-console{margin:.74rem 0 0;max-height:15rem;overflow:auto;padding:.72rem;border-radius:12px;border:1px solid rgba(139,245,184,.18);background:#061322;color:#8df2bc;font-family:JetBrains Mono,Fira Mono,Consolas,monospace;font-size:.77rem;white-space:pre-wrap;word-break:break-word}.output-wrap{margin-top:.75rem;display:grid;gap:.62rem}.preview-video{width:100%;border-radius:14px;border:1px solid var(--border);background:#0e1a28}.action-row{position:sticky;bottom:.55rem;z-index:5;display:flex;justify-content:flex-end;gap:.52rem;padding:.6rem;border-radius:14px;border:1px solid var(--border);background:#ffffffeb;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.notes{border:1px solid var(--border);background:#fff9;border-radius:14px;padding:.65rem .8rem}.notes summary{cursor:pointer;font-weight:700}.notes ul{margin:.62rem 0 0;padding-left:1.1rem;color:var(--ink-soft)}.notes li+li{margin-top:.28rem}.spinner{width:.92rem;height:.92rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}.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}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 720px){.app-shell{padding-top:1.2rem;gap:.95rem}.panel,.hero{padding:1.14rem 1.22rem}.stepper{overflow:visible}.step-chip{min-width:8.7rem}.preset-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{position:static;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}}