:root{--bg:#10070c;--panel:#1d0d14;--panel2:#261019;--line:rgba(255,255,255,.09);--text:#fff7fb;--muted:#ad929e;--accent:#c34178;--accent2:#7f204b;--gold:#e3bd6e;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#4b1930 0,#1a0a12 32%,#0d0609 72%);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.16;z-index:0}.ambient-one{width:380px;height:380px;background:#9c2b62;right:-150px;top:120px}.ambient-two{width:320px;height:320px;background:#97702c;left:-150px;bottom:40px}.cards-topbar{position:sticky;top:0;z-index:20;min-height:calc(74px + var(--safe-top));padding:var(--safe-top) max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;background:rgba(14,6,10,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8b2855,#4e1631);color:#f8d2e2}.brand>span:last-child{display:grid;line-height:1.05}.brand b{font-size:15px}.brand small{font-size:9px;color:#a98a97;margin-top:4px;direction:ltr}.back-link{color:#d9bac7;text-decoration:none;font-size:12px;font-weight:800;border:1px solid var(--line);background:rgba(255,255,255,.035);padding:10px 13px;border-radius:12px;min-height:42px;display:flex;align-items:center}.cards-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 30px));margin:0 auto}.cards-hero{text-align:center;padding:54px 0 34px}.eyebrow{display:inline-flex;border:1px solid rgba(227,189,110,.2);background:rgba(227,189,110,.07);color:#f0d69d;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.cards-hero h1{font-size:clamp(34px,5vw,58px);margin:17px 0 10px;line-height:1.22}.cards-hero h1 span{background:linear-gradient(90deg,#f3c5d8,#f0c76f);-webkit-background-clip:text;background-clip:text;color:transparent}.cards-hero>p{max-width:680px;margin:0 auto;color:#baa1ac;line-height:1.8;font-size:14px}.privacy-pill{display:inline-flex;margin-top:18px;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:10px;color:#9f8993}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:22px;align-items:start}.editor-card,.preview-column{background:linear-gradient(150deg,rgba(39,16,27,.95),rgba(20,8,13,.97));border:1px solid var(--line);border-radius:26px;box-shadow:0 26px 80px rgba(0,0,0,.25)}.editor-card{padding:23px}.step-head{display:flex;align-items:center;gap:11px;margin-bottom:15px}.step-head>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#8c2855,#5f1839);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:900}.step-head>div{display:grid;gap:3px}.step-head b{font-size:14px}.step-head small{font-size:10px;color:#8d747f}.choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.choice{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d8c2cb;border-radius:14px;padding:12px 8px;display:grid;gap:5px;place-items:center;font:inherit;font-size:18px;cursor:pointer;transition:.18s}.choice span{font-size:11px;font-weight:800}.choice:hover,.choice.active{border-color:rgba(223,93,147,.55);background:rgba(177,47,101,.16);color:#fff;transform:translateY(-1px)}.divider{height:1px;background:rgba(255,255,255,.065);margin:22px 0}.field{display:grid;gap:7px;margin-top:13px;position:relative}.field>span{font-size:11px;font-weight:900;color:#e2c4d0}.field em{font-style:normal;font-weight:400;color:#8d747f}.field input,.field textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;border-radius:14px;padding:12px 13px;font:inherit;font-size:13px;outline:none;transition:.18s}.field textarea{resize:vertical;min-height:122px;line-height:1.75}.field input:focus,.field textarea:focus{border-color:#b54473;box-shadow:0 0 0 3px rgba(181,68,115,.08)}.field input::placeholder,.field textarea::placeholder{color:#745e68}.counter{position:absolute;left:10px;bottom:8px;font-size:9px;color:#715b65;background:#1b0c13;padding:3px 5px;border-radius:7px}.suggest-row{margin-top:10px;display:grid;gap:10px}.secondary-btn,.share-btn,.primary-btn{border-radius:13px;padding:11px 14px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:.18s}.secondary-btn{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d8c3cc}.secondary-btn:hover{background:rgba(255,255,255,.07)}.quick-suggestions{display:flex;gap:7px;flex-wrap:wrap}.quick-suggestions button{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#ad939e;border-radius:999px;padding:7px 10px;font:inherit;font-size:10px;cursor:pointer}.quick-suggestions button:hover{color:#fff;border-color:rgba(207,80,132,.38)}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.theme-choice{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#cbb3bd;border-radius:15px;padding:8px;display:grid;gap:8px;text-align:center;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.theme-choice.active{border-color:rgba(231,191,109,.5);box-shadow:0 0 0 2px rgba(231,191,109,.06)}.theme-swatch{display:block;height:54px;border-radius:10px;border:1px solid rgba(255,255,255,.10)}.theme-swatch.royal{background:linear-gradient(135deg,#35133a,#7e285b 55%,#b88a3a)}.theme-swatch.rose{background:linear-gradient(135deg,#54172e,#b73b68,#ee9fb9)}.theme-swatch.dark{background:linear-gradient(135deg,#090c19,#1a2442,#9c783d)}.theme-swatch.pearl{background:linear-gradient(135deg,#fff8ed,#ead5c2,#bf8c70)}.size-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.size-btn{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#d1b8c2;border-radius:14px;padding:11px 13px;font:inherit;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.size-btn small{font-size:8px;color:#7f6872;font-weight:400}.size-btn.active{border-color:rgba(213,76,132,.5);background:rgba(174,46,99,.13);color:#fff}.editor-actions{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:9px;margin-top:22px}.primary-btn{border:0;background:linear-gradient(135deg,#b8376c,#7c2049);color:#fff;box-shadow:0 8px 28px rgba(155,38,84,.2)}.share-btn{border:1px solid rgba(230,188,104,.35);background:rgba(202,153,58,.10);color:#f5d998}.primary-btn:hover,.share-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.status-message{min-height:18px;margin-top:10px;color:#dcb8c7;font-size:11px;text-align:center}.preview-column{padding:17px;position:sticky;top:calc(90px + var(--safe-top))}.preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-head>div{display:grid;gap:2px}.preview-head span{font-size:10px;color:#9b828d}.preview-head b{font-size:11px}.live-dot{color:#de6c98!important}.preview-frame{border-radius:20px;padding:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);display:flex;justify-content:center;overflow:hidden}.preview-frame canvas{display:block;width:100%;height:auto;max-height:68vh;border-radius:15px;box-shadow:0 15px 50px rgba(0,0,0,.36);background:#2b1321}.preview-frame.story canvas{aspect-ratio:9/16;object-fit:contain}.preview-frame.square canvas{aspect-ratio:1/1;object-fit:contain}.share-note{margin-top:12px;border:1px solid rgba(227,189,110,.12);background:rgba(227,189,110,.045);border-radius:15px;padding:11px 12px}.share-note b{font-size:11px;color:#efd69f}.share-note p{margin:5px 0 0;color:#9d858f;font-size:10px;line-height:1.7}.cards-footer{position:relative;z-index:1;display:flex;justify-content:center;gap:10px;align-items:center;padding:34px 16px calc(34px + var(--safe-bottom));color:#6f5963;font-size:10px}.cards-footer a{color:#a88493;text-decoration:none;direction:ltr}
@media(max-width:960px){.studio-layout{grid-template-columns:1fr}.preview-column{position:relative;top:auto;order:-1;max-width:520px;width:100%;margin:0 auto}.preview-frame canvas{max-height:55vh}.choice-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:640px){.cards-topbar{min-height:calc(66px + var(--safe-top));padding-right:max(14px,env(safe-area-inset-right,0px));padding-left:max(14px,env(safe-area-inset-left,0px))}.cards-shell{width:min(100% - 20px,1180px)}.cards-hero{padding:34px 4px 24px}.cards-hero h1{font-size:33px}.cards-hero>p{font-size:12px}.studio-layout{gap:13px}.editor-card,.preview-column{border-radius:20px}.editor-card{padding:16px}.choice-grid{grid-template-columns:repeat(5,1fr);gap:5px}.choice{padding:9px 4px;font-size:16px}.choice span{font-size:9px}.theme-grid{grid-template-columns:repeat(2,1fr)}.theme-swatch{height:46px}.size-options{grid-template-columns:1fr}.editor-actions{grid-template-columns:1fr 1fr}.editor-actions #resetBtn{grid-column:1/-1}.preview-column{padding:12px}.preview-frame{padding:8px}.preview-frame canvas{max-height:48vh}.back-link{font-size:10px;padding:8px 10px}.brand b{font-size:13px}.brand small{font-size:8px}.cards-footer{padding-bottom:calc(28px + var(--safe-bottom))}}