.card-page{--card-border:#252e43;color:#edf2ff;background-color:#070a11;background-image:linear-gradient(#5c78be0a 1px,#0000 1px),linear-gradient(90deg,#5c78be0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:58px 58px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;overflow:hidden}.card-ambient{pointer-events:none;background:radial-gradient(circle,#5370f333,#0000 68%);border-radius:50%;width:900px;height:760px;position:absolute;top:-310px;right:-180px}.card-header,.card-hero,.card-studio,.card-privacy,.card-footer{width:min(1180px,100% - 48px);margin-inline:auto;position:relative}.card-header{border-bottom-color:var(--card-border)}.card-hero{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:60px;padding:78px 0 45px;display:grid}.card-hero>div>span,.card-editor header small,.card-preview-panel header small{color:#83a5ff;font-size:var(--font-size-meta);letter-spacing:.18em;font-weight:800}.card-hero h1{letter-spacing:-.068em;margin:16px 0 19px;font-size:clamp(50px,6.4vw,78px);font-weight:650;line-height:.98}.card-hero h1 em{color:#7f9fff;font-style:normal}.card-hero>div>p{color:#8793aa;max-width:670px;margin:0;font-size:13px;line-height:1.75}.card-hero aside{background:linear-gradient(145deg,#17254af2,#090d17f5);border:1px solid #304675;border-radius:22px;padding:22px;box-shadow:0 22px 65px #0000004d}.card-hero aside>svg{color:#8aabff}.card-hero aside>span{justify-content:space-between;align-items:end;margin:17px 0 13px;display:flex}.card-hero aside small{color:#8795b0;font-size:var(--font-size-meta)}.card-hero aside strong{font-size:30px}.card-hero aside progress{accent-color:#769aff;width:100%;height:6px}.card-hero aside p{color:#748198;font-size:var(--font-size-meta);margin:11px 0 0}.card-studio{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:15px;display:grid}.card-editor,.card-preview-panel{border:1px solid var(--card-border);background:#0a0e17f5;border-radius:21px;padding:24px}.card-editor>header,.card-preview-panel>header{align-items:center;gap:11px;display:flex}.card-editor>header>span{color:#82a4fa;background:#162445;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.card-editor header>div,.card-preview-panel header>div{flex:1;gap:5px;display:grid}.card-editor h2,.card-preview-panel h2{letter-spacing:-.04em;margin:0;font-size:20px}.card-editor header>button{color:#8d99af;height:33px;font:inherit;font-size:var(--font-size-meta);cursor:pointer;background:#111621;border:1px solid #30394d;border-radius:9px;padding:0 10px}.card-editor-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:21px;display:grid}.card-editor label,.card-field{gap:6px;display:grid}.card-editor label>span,.card-field>span,.card-colors legend{color:#c8d2e4;font-size:var(--font-size-meta);font-weight:700}.card-editor .wide{grid-column:1/-1}.card-editor input,.card-editor textarea{color:#edf2fd;width:100%;font:inherit;font-size:var(--font-size-meta);background:#080c14;border:1px solid #29334a;border-radius:11px;outline:0;transition:border-color .16s,box-shadow .16s}.card-editor input{height:43px;padding:0 12px}.card-editor textarea{resize:vertical;min-height:92px;padding:12px}.card-editor input:focus,.card-editor textarea:focus{border-color:#597ed2;box-shadow:0 0 0 3px #5a7fdc1f}.card-editor input::placeholder,.card-editor textarea::placeholder{color:#535e72}.card-select,.card-select .brand-select-trigger{width:100%}.card-select .brand-select-trigger{color:#edf2fd;min-height:43px;font-size:var(--font-size-meta);background:#080c14;border-color:#29334a;border-radius:11px}.card-colors{border:0;align-items:center;gap:9px;margin:18px 0 0;padding:0;display:flex}.card-colors legend{float:left;margin-right:12px;line-height:30px}.card-colors button{background:var(--swatch);cursor:pointer;border:5px solid #111725;border-radius:50%;outline:1px solid #303a50;width:29px;height:29px;padding:0}.card-colors button.selected{outline:2px solid var(--swatch);outline-offset:2px}.card-preview-panel>header>span{color:#8d9ab2;font:700 12px var(--font-geist-mono),monospace;background:#111722;border:1px solid #2d3951;border-radius:99px;padding:6px 9px}.card-preview-stage{background:radial-gradient(circle at 50% 30%,#4760a01f,#0000 46%),#060910;border:1px solid #20293b;border-radius:17px;place-items:center;min-height:480px;margin-top:20px;padding:28px;display:grid}.card-preview{--card-accent:#6f8fff;aspect-ratio:16/10;border:1px solid color-mix(in srgb,var(--card-accent) 55%,#26304a);background:linear-gradient(145deg,#12182a,#070a11 64%,#111522);border-radius:24px;flex-direction:column;justify-content:space-between;width:min(100%,620px);padding:clamp(22px,4vw,42px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 75px #0000006b}.card-preview-stage.portrait .card-preview{aspect-ratio:4/5;width:min(100%,360px)}.card-preview-glow{background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 38%,transparent),transparent 67%);pointer-events:none;border-radius:50%;width:85%;height:85%;position:absolute;top:-35%;right:-25%}.card-preview>header,.card-preview>footer,.card-preview-copy{position:relative}.card-preview>header{justify-content:space-between;align-items:center;display:flex}.card-preview>header>span{color:var(--card-accent);font:800 12px var(--font-geist-mono),monospace;letter-spacing:.16em}.card-preview>header>i{color:#07101d;background:var(--card-accent);width:40px;height:40px;font-size:var(--font-size-meta);border-radius:50%;place-items:center;font-style:normal;font-weight:850;display:grid}.card-preview-copy h2{color:#f5f7ff;letter-spacing:-.055em;word-break:break-word;margin:0;font-size:clamp(27px,4.1vw,46px);line-height:1.02}.card-preview-copy strong{color:#bec8dc;font-size:clamp(var(--font-size-caption),1.7vw,16px);margin-top:14px;line-height:1.45;display:block}.card-preview-copy p{color:#78859d;max-width:520px;font-size:clamp(var(--font-size-caption),1.25vw,var(--font-size-caption));margin:10px 0 0;line-height:1.65}.card-preview>footer{color:#9aa7bd;font-size:var(--font-size-meta);justify-content:space-between;align-items:center;gap:12px;display:flex}.card-preview>footer a{color:var(--card-accent);align-items:center;gap:5px;text-decoration:none;display:flex}.card-preview>footer svg{width:13px}.card-preview-stage.portrait .card-preview-copy h2{font-size:38px}.card-preview-stage.portrait .card-preview>footer{flex-direction:column;align-items:flex-start}.card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.card-actions button{color:#e2eaff;height:42px;font:inherit;font-size:var(--font-size-meta);cursor:pointer;background:#16264b;border:1px solid #3b5792;border-radius:11px;justify-content:center;align-items:center;gap:7px;font-weight:750;display:flex}.card-actions button+button{color:#aab6ca;background:#111722;border-color:#30394d}.card-notice{color:#82a3ef;min-height:16px;font-size:var(--font-size-meta);margin:9px 0 0}.card-privacy{border:1px solid var(--card-border);background:#0a0f18f0;border-radius:16px;align-items:center;gap:13px;margin-top:15px;margin-bottom:50px;padding:18px 20px;display:flex}.card-privacy>svg{color:#7da3ff;flex:none}.card-privacy span{gap:4px;display:grid}.card-privacy strong{font-size:var(--font-size-meta)}.card-privacy p{color:#727e93;font-size:var(--font-size-meta);margin:0;line-height:1.55}.card-footer{border-top-color:var(--card-border)}.card-page:not(.card-ready) .card-studio{pointer-events:none;opacity:.45}@media (width<=900px){.card-hero{grid-template-columns:1fr 230px;gap:32px}.card-studio{grid-template-columns:1fr}.card-preview-stage{min-height:430px}}@media (width<=620px){.card-header,.card-hero,.card-studio,.card-privacy,.card-footer{width:min(100% - 28px,600px)}.card-hero{grid-template-columns:1fr;padding:54px 0 30px}.card-hero h1{font-size:45px}.card-editor,.card-preview-panel{padding:18px}.card-editor-grid{grid-template-columns:1fr}.card-editor .wide{grid-column:auto}.card-colors{flex-wrap:wrap;align-items:flex-start}.card-colors legend{width:100%;line-height:1}.card-preview-stage{min-height:390px;padding:14px}.card-preview{border-radius:18px}.card-actions{grid-template-columns:1fr}.card-privacy{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.card-page *{transition:none!important}}.card-template-section{border:1px solid var(--card-border);background:#0a0e17e6;border-radius:19px;width:min(1180px,100% - 48px);margin:0 auto 15px;padding:20px;position:relative}.card-template-section>header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px;display:flex}.card-template-section header small{color:#83a5ff;font-size:var(--font-size-meta);letter-spacing:.18em;font-weight:800}.card-template-section h2{letter-spacing:-.035em;margin:5px 0 0;font-size:18px}.card-template-section header p{color:#737f95;font-size:var(--font-size-meta);margin:0}.card-templates{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.card-templates button{text-align:left;color:#dfe7f7;min-height:70px;font:inherit;cursor:pointer;background:linear-gradient(145deg,#111827,#0a0e18);border:1px solid #29334a;border-radius:13px;padding:14px;transition:border-color .16s,transform .16s,background .16s;display:grid}.card-templates button:hover{background:#131d31;border-color:#5577c3;transform:translateY(-2px)}.card-templates button span{font-size:var(--font-size-meta);font-weight:750}.card-templates button small{color:#6f7c93;font-size:var(--font-size-meta);margin-top:6px}.card-options{justify-content:space-between;align-items:end;gap:14px;margin-top:18px;display:flex}.card-options .card-colors{margin:0}.card-qr-toggle{color:#aeb9cc;font-size:var(--font-size-meta);white-space:nowrap;grid-auto-flow:column;align-items:center;gap:7px!important;display:flex!important}.card-qr-toggle input{accent-color:#7397f7;width:16px!important;height:16px!important;padding:0!important}.card-project-actions{border-top:1px solid #20283a;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;padding-top:16px;display:grid}.card-project-actions button{color:#9facbf;height:38px;font:inherit;font-size:var(--font-size-meta);cursor:pointer;background:#101621;border:1px solid #30394d;border-radius:10px}.card-project-actions button:last-child{color:#cfddff;background:#142341;border-color:#365187}.card-preview-qr{background:#fff;border-radius:7px;width:62px;height:62px;padding:3px;position:absolute;bottom:clamp(55px,7vw,74px);right:clamp(22px,4vw,42px);box-shadow:0 8px 25px #00000047}.card-preview:has(.card-preview-qr)>footer{padding-right:76px}.card-preview:has(.card-preview-qr)>footer a{overflow-wrap:anywhere;min-width:0}.card-preview-stage.portrait .card-preview-qr{width:72px;height:72px}@media (width<=900px){.card-templates{grid-template-columns:1fr 1fr}}@media (width<=620px){.card-template-section{width:min(100% - 28px,600px)}.card-template-section>header{flex-direction:column;align-items:flex-start}.card-templates{grid-template-columns:1fr}.card-options{flex-direction:column;align-items:flex-start}}.card-image-tools{background:#090e17;border:1px solid #242e42;border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:12px;display:flex}.card-image-tools button{color:#cfddff;height:32px;font:inherit;font-size:var(--font-size-meta);cursor:pointer;background:#142341;border:1px solid #365187;border-radius:9px;padding:0 11px}.card-image-tools button+button{color:#9facbf;background:#101621;border-color:#30394d}.card-image-tools small{color:#657187;font-size:var(--font-size-meta);margin-left:auto}.card-project-actions{grid-template-columns:repeat(3,1fr)}.card-preview>header>i{overflow:hidden}.card-preview>header>i img{object-fit:cover;width:100%;height:100%}.card-library{border:1px solid var(--card-border);background:#0a0e17f5;border-radius:21px;width:min(1180px,100% - 48px);margin:15px auto 0;padding:24px;position:relative}.card-library>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.card-library header small{color:#83a5ff;font-size:var(--font-size-meta);letter-spacing:.18em;font-weight:800}.card-library h2{letter-spacing:-.04em;margin:5px 0 0;font-size:20px}.card-library header p{color:#737f95;font-size:var(--font-size-meta);margin:6px 0 0}.card-library>header>button{color:#e2eaff;height:38px;font:inherit;font-size:var(--font-size-meta);cursor:pointer;background:#16264b;border:1px solid #3b5792;border-radius:10px;padding:0 14px;font-weight:750}.card-library-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.card-library-list article{background:#0a0f19;border:1px solid #252f43;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;display:grid}.card-library-list article>i{color:#07101d;background:var(--saved-accent);width:38px;height:38px;font-size:var(--font-size-meta);border-radius:10px;place-items:center;font-style:normal;font-weight:850;display:grid;overflow:hidden}.card-library-list article>i img{object-fit:cover;width:100%;height:100%}.card-library-list article>span{gap:4px;min-width:0;display:grid}.card-library-list strong,.card-library-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-library-list strong{font-size:var(--font-size-meta)}.card-library-list small{color:#68758b;font-size:var(--font-size-meta)}.card-library-list button{color:#bed0f8;height:29px;font:inherit;font-size:var(--font-size-meta);cursor:pointer;background:#12203c;border:1px solid #365187;border-radius:8px;padding:0 9px}.card-library-list button.remove{color:#778398;background:#0c111b;border-color:#30394d}.card-library-empty{text-align:center;color:#bdc8db;border:1px dashed #293247;border-radius:14px;place-content:center;min-height:110px;margin-top:18px;display:grid}.card-library-empty strong{font-size:var(--font-size-meta)}.card-library-empty span{color:#677389;font-size:var(--font-size-meta);margin-top:7px}@media (width<=760px){.card-library-list{grid-template-columns:1fr}}@media (width<=620px){.card-image-tools{flex-wrap:wrap;align-items:flex-start}.card-image-tools small{width:100%;margin:0}.card-project-actions{grid-template-columns:1fr}.card-library{width:min(100% - 28px,600px);padding:18px}.card-library>header{flex-direction:column;align-items:flex-start}.card-library>header>button{width:100%}}