:root{--bg0: #070b09;--bg1: #0e1612;--ink: #eef6f0;--muted: #8fa396;--accent: #3dd68c;--accent-soft: rgba(61, 214, 140, .14);--accent-dim: #1a5c40;--line: rgba(238, 246, 240, .1);--panel: rgba(12, 20, 16, .88);--ease: cubic-bezier(.22, 1, .36, 1);font-family:Manrope,IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg0);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 480px at 12% -12%,rgba(61,214,140,.16),transparent 58%),radial-gradient(700px 380px at 96% 4%,rgba(40,72,58,.35),transparent 52%),linear-gradient(168deg,var(--bg1),var(--bg0) 42%);background-attachment:fixed}a{color:inherit;text-decoration:none}.shell{max-width:1040px;margin:0 auto;padding:1.25rem 1.1rem 5.5rem}@media(min-width:720px){.shell{padding:2rem 1.35rem 4.5rem}}.hero{margin-bottom:.35rem;animation:rise .7s var(--ease) both;position:sticky;top:0;z-index:20;padding-top:.35rem;padding-bottom:.35rem;background:linear-gradient(180deg,#070b09f5 55%,#070b09b8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-compact{margin-bottom:1rem}.hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.brand{font-family:Bebas Neue,sans-serif;letter-spacing:.07em;font-size:clamp(2.4rem,11vw,5.6rem);line-height:.88;margin:0}.hero-compact .brand{font-size:clamp(1.85rem,6vw,2.4rem)}.headline{font-family:Bebas Neue,sans-serif;letter-spacing:.05em;font-size:clamp(1.55rem,3.8vw,2.05rem);font-weight:400;margin:.2rem 0 .65rem;color:var(--accent)}.headline-compact{font-family:Bebas Neue,sans-serif;letter-spacing:.06em;font-size:1.15rem;margin:.15rem 0 .55rem;color:var(--accent)}.home-chip{border:1px solid var(--line);padding:.42rem .85rem;border-radius:999px;color:var(--muted);font-size:.82rem;font-weight:600;white-space:nowrap}.home-chip:hover,.home-chip.active{color:var(--ink);border-color:var(--accent-dim);background:var(--accent-soft)}.tag{color:var(--muted);max-width:36rem;margin:0 0 1.15rem;font-size:1.02rem;font-weight:500}.workflow{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.25rem;padding:0}.workflow li{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.82rem;font-weight:600;letter-spacing:.02em}.workflow span{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem}.nav{display:flex;flex-wrap:nowrap;gap:.45rem;margin-bottom:1.1rem;overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(min-width:900px){.nav{flex-wrap:wrap;overflow:visible}}.nav a{border:1px solid var(--line);padding:.42rem .9rem;border-radius:999px;color:var(--muted);font-size:.86rem;font-weight:500;letter-spacing:.01em;transition:border-color .25s var(--ease),color .25s var(--ease),background .25s var(--ease)}.nav a.active,.nav a:hover{color:var(--ink);border-color:var(--accent-dim);background:var(--accent-soft)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:1.45rem 1.4rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rise .55s var(--ease) both}.panel-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.panel-lead{color:var(--muted);margin:.15rem 0 0;max-width:36rem}.save-pill{border:1px solid var(--line);border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;color:var(--muted);white-space:nowrap}.stepper{list-style:none;display:flex;gap:.45rem;margin:0 0 1.15rem;padding:0;flex-wrap:wrap}.stepper li{border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.stepper li.on{color:var(--ink);border-color:var(--accent-dim);background:var(--accent-soft)}.home-controls{display:grid;gap:.85rem;margin-bottom:1.1rem}.search-label{text-transform:none;letter-spacing:0;font-weight:600;font-size:.85rem;color:var(--muted)}.filter-row{display:flex;flex-wrap:wrap;gap:.45rem}.filter-chip{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.42rem .85rem;font-size:.82rem;font-weight:600}.filter-chip.active,.filter-chip:hover{color:var(--ink);border-color:var(--accent-dim);background:var(--accent-soft);transform:none;filter:none}.card-stage{margin:0 0 .35rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.empty-state{border:1px dashed var(--line);border-radius:18px;padding:1.6rem 1.25rem;text-align:center;color:var(--muted);display:grid;gap:.55rem;justify-items:center}.empty-state.soft{margin-top:1.1rem;background:#0000002e}.empty-state h2{margin:0;font-family:Bebas Neue,sans-serif;letter-spacing:.04em;font-size:1.55rem;color:var(--ink);font-weight:400}.empty-state p{margin:0;max-width:28rem}.loading-state{margin-top:1rem;border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;color:var(--muted);background:#3dd68c0f}.error-hint{color:#f0a8a0}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tool-title{font-family:Bebas Neue,sans-serif;letter-spacing:.04em;font-size:2.05rem;font-weight:400;margin:0 0 1rem}.grid{display:grid;gap:1rem}@media(min-width:720px){.grid.two{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}}label{display:grid;gap:.38rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}label .optional{text-transform:none;letter-spacing:0;font-weight:500;opacity:.75}input,select,textarea{width:100%;border:1px solid var(--line);background:#00000061;color:var(--ink);border-radius:12px;padding:.7rem .8rem;font:inherit;font-size:.95rem;font-weight:500;letter-spacing:0;text-transform:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:96px;resize:vertical;line-height:1.55}.actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.25rem}button{border:0;border-radius:999px;padding:.68rem 1.15rem;font:inherit;font-weight:700;cursor:pointer;background:var(--accent);color:#04160e;transition:transform .2s var(--ease),filter .2s var(--ease)}button:hover{filter:brightness(1.06);transform:translateY(-1px)}button:active{transform:translateY(0)}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:600}.results{margin-top:1.25rem;display:grid;gap:.65rem}.result{border:1px solid var(--line);border-radius:14px;padding:.9rem 1.05rem;white-space:pre-wrap;background:#00000047}.home-cards{display:grid;gap:.9rem;animation:rise .6s var(--ease) .08s both}@media(min-width:720px){.home-cards{grid-template-columns:1fr 1fr}}.card{display:block;border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.25rem;background:#0000003d;transition:border-color .25s var(--ease),transform .25s var(--ease),background .25s var(--ease)}.card:hover{border-color:var(--accent-dim);background:#3dd68c0d;transform:translateY(-2px)}.card h2{font-family:Bebas Neue,sans-serif;letter-spacing:.04em;font-size:1.75rem;font-weight:400;margin:0 0 .4rem}.card p{margin:0;color:var(--muted);font-size:.94rem}.hint{margin-top:.5rem;color:var(--muted);font-size:.85rem;grid-column:1 / -1}.pack-preview{margin-top:1.25rem;padding:1rem;border-radius:14px;border:1px solid var(--line);background:#00000059;overflow:auto;max-height:28rem;white-space:pre-wrap;font-size:.86rem;line-height:1.5}.recreate{animation:rise .65s var(--ease) both}.recreate-hero{margin-bottom:1.35rem;max-width:36rem}.recreate-kicker{margin:0 0 .45rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.recreate-title{font-family:Bebas Neue,sans-serif;letter-spacing:.045em;font-size:clamp(2.4rem,7vw,3.4rem);font-weight:400;line-height:.95;margin:0 0 .65rem}.recreate-lead{margin:0;color:var(--muted);font-size:1.05rem;font-weight:500}.recreate-panel{display:grid;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:1.4rem 1.35rem 1.25rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-bottom:1.75rem}@media(min-width:720px){.recreate-panel{grid-template-columns:1fr 1fr}}.recreate-actions{margin-top:.35rem}.recreate-output{display:grid;gap:1.5rem;animation:rise .55s var(--ease) both}.recreate-summary{margin:0;font-size:1.08rem;font-weight:500;max-width:42rem;color:var(--ink);border-left:2px solid var(--accent);padding-left:1rem}.beat-row{display:grid;gap:.75rem}@media(min-width:800px){.beat-row{grid-template-columns:repeat(3,1fr)}}.beat{border:1px solid var(--line);border-radius:16px;padding:1rem 1.05rem;background:#00000047}.beat-meta{display:flex;justify-content:space-between;gap:.5rem;margin:0 0 .55rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.beat p:last-child{margin:0;color:var(--muted);font-size:.92rem;line-height:1.45}.guide-block h2{font-family:Bebas Neue,sans-serif;letter-spacing:.05em;font-size:1.55rem;font-weight:400;margin:0 0 .85rem}.guide-block ul{margin:0;padding-left:1.1rem;color:var(--muted)}.guide-block li{margin-bottom:.45rem}.guide-grid{display:grid;gap:1.25rem}@media(min-width:720px){.guide-grid{grid-template-columns:1.2fr .8fr}}.step-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.step-list li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--line);background:#00000038;color:var(--muted);font-size:.94rem}.step-num{font-family:Bebas Neue,sans-serif;font-size:1.35rem;letter-spacing:.04em;color:var(--accent);line-height:1;padding-top:.1rem}.caption-stack{display:grid;gap:.7rem}.caption-card{margin:0;padding:1rem 1.1rem;border-radius:14px;border:1px solid var(--line);background:#00000052;white-space:pre-wrap;font-family:inherit;font-size:.92rem;color:var(--ink);line-height:1.5}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero,.panel,.home-cards,.recreate,.recreate-output{animation:none}button:hover,.card:hover{transform:none}}