:root{--bg:#f8f7f3;--surface:#fffefa;--ink:#282b27;--fg:#282b27;--muted:#898c83;--quiet:#898c83;--line:#e6e5dd;--accent:#777d66;--ease:cubic-bezier(.23, 1, .32, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;color:var(--ink);background:var(--bg);font-family:Inter,Noto Sans SC Variable,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #71805f}input:focus-visible,textarea:focus-visible{outline-offset:1px;outline:2px solid #9ba38a}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button,button:after,a.button{transition:background-color .18s ease, color .18s ease, opacity .18s ease, transform .16s var(--ease)}button:active,a.button:active{transform:scale(.98)}img{max-width:100%;display:block}svg{flex-shrink:0}fieldset{border:0;min-width:0;margin:0;padding:0}::selection{background:#dce3cd}input[type=checkbox]{accent-color:#54634b;flex-shrink:0;width:16px;height:16px}input[type=range]{accent-color:#67775b}a.disabled{pointer-events:none;opacity:.4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.quiet{color:var(--muted)}.serif-accent{font-family:"Bodoni 72",Noto Serif SC Variable,Songti SC,Noto Serif CJK SC,SimSun,serif;font-weight:400}.eyebrow{letter-spacing:.19em;color:#898d80;align-items:center;gap:9px;font-size:10px;font-weight:500;line-height:1.6;display:inline-flex}.microcopy{color:var(--muted);font-size:11px;line-height:1.7;display:block}.button{border:1px solid var(--ink);background:var(--ink);color:#fffefa;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:0 25px;font-size:13px;font-weight:500;display:inline-flex}.button svg{transition:transform .2s var(--ease)}.button.small{gap:9px;min-height:38px;padding:0 16px;font-size:12px}.button.secondary{color:var(--ink);background:0 0;border-color:#dadcd1}.button.danger{background:#984c43;border-color:#984c43}.button.full{width:100%;display:flex}.text-button{justify-content:center;align-items:center;gap:8px;padding:6px 0;font-size:12px;line-height:1.5;display:inline-flex}.icon-button{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.round-link{width:37px;height:37px;transition:background .18s ease, transform .2s var(--ease);border:1px solid #dedfd5;border-radius:50%;justify-content:center;align-items:center;display:flex}.danger-text{color:#a35f50}.inline-error{color:#a35748;font-size:13px;line-height:1.8}.spinner{animation:.8s linear infinite spin}.success-text{color:#668255;align-items:center;gap:5px;font-size:11px;display:inline-flex}.site-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);height:82px;position:relative}.header-inner{align-items:center;max-width:1440px;height:100%;margin:auto;padding:0 5.6%;display:flex}.brand{letter-spacing:-1px;flex-shrink:0;align-items:center;gap:12px;font-family:Noto Serif SC Variable,Songti SC,serif;font-size:26px;font-weight:600;display:inline-flex}.brand-dot{color:#8a9279;margin-left:2px}.brand-mark{gap:3px;display:flex;transform:rotate(-16deg)}.brand-mark i{border:1.4px solid #5b6554;border-radius:2px;width:13px;height:21px;display:block}.brand-mark i:first-child{transform:translateY(-3px)}.brand-mark i:last-child{opacity:.85;background:#626c58}.site-header nav{color:#777a70;align-items:center;gap:36px;margin:auto;font-size:12px;display:flex}.site-header nav a[aria-current=page]{color:var(--ink)}.header-login{flex-shrink:0;min-height:36px;margin-right:16px}.header-account{flex-shrink:1;align-items:center;gap:16px;min-width:0;display:flex}.header-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:block;overflow:hidden}.header-account>button{flex-shrink:0}.header-cta{min-height:36px!important;padding:0 17px!important}.mobile-menu{display:none}.site-footer{border-top:1px solid var(--line);align-items:center;gap:30px;max-width:1440px;margin:auto;padding:35px 5.6%;display:flex}.site-footer>.brand{font-size:22px}.site-footer>span{color:#95978d;font-size:11px}.site-footer>div{color:#85897c;gap:22px;margin-left:auto;font-size:11px;display:flex}.site-footer>small{color:#a1a396;font-size:10px}.section{width:88.8%;max-width:1280px;margin:auto}.hero{background:radial-gradient(at 76% 48%,#eceee333 0,#0000 58%);grid-template-columns:1fr 1.08fr;align-items:center;max-width:1440px;height:min(780px,100svh - 82px);min-height:686px;margin:auto;padding:35px 4% 70px 5.6%;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;animation:reveal .7s var(--ease) both;padding-bottom:22px}.live-dot{background:#8c9778;border-radius:50%;width:5px;height:5px;display:block;box-shadow:0 0 0 4px #899b7310}.hero h1{letter-spacing:-2.3px;white-space:nowrap;margin:26px 0 22px;font-size:clamp(36px,4.1vw,61px);line-height:1.42}.hero .serif-accent{color:#7c876d}.hero-copy>p{letter-spacing:1px;color:#8b8e82;font-size:14px}.hero-actions{align-items:center;gap:28px;margin-top:38px;display:flex}.hero-benefits{color:#8e9383;align-items:center;gap:19px;margin-top:24px;font-size:10px;display:flex}.hero-benefits>span{align-items:center;gap:4px;display:flex}.hero-benefits svg{color:#909e7f}.hero-visual{width:100%;min-width:0;height:540px;position:relative}.hero-visual>div:not(.orbit):not(.flat-hero){z-index:2}.orbit{aspect-ratio:1;pointer-events:none;border:1px solid #dce0d366;border-radius:50%;width:94%;position:absolute;top:2%;left:2%;transform:rotateX(48deg)rotate(-25deg)}.orbit-two{border-color:#e5e7de77;width:115%;top:-7%;left:-8%}.scene-hint{color:#8c9380;z-index:4;background:#f8f7f3dd;border:1px solid #e4e7dc;border-radius:20px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;display:inline-flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.scene-hint:active{transform:translate(-50%)scale(.98)}.visual-index{letter-spacing:2px;color:#a4a89b;writing-mode:vertical-rl;font-size:7px;position:absolute;bottom:13px;right:0}.hero-bottom{letter-spacing:2px;color:#9da18f;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:31px;left:5.6%;right:5.6%}.hero-bottom>span:last-child{letter-spacing:1px;align-items:center;gap:10px;font-size:10px;display:flex}.scene-loading{place-items:center;display:grid}.scene-loading>span{color:#dedfd4;font-family:serif;font-size:70px}.flat-hero{perspective:1200px;height:100%;position:relative}.flat-hero>div{width:40%;position:absolute;top:10%;left:16%;transform:rotate(-13deg)rotateY(-8deg);box-shadow:0 30px 60px -20px #343d3740}.flat-hero>div:last-child{width:35%;top:19%;left:53%;transform:rotate(13deg)rotateY(-12deg)}.collection{border-top:1px solid var(--line);padding-top:83px;padding-bottom:88px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px;display:flex}.section-heading h2{letter-spacing:-1px;margin-top:13px;font-size:33px}.gallery-toolbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.segmented{background:#eaece530;border:1px solid #e7e9de;border-radius:7px;align-items:center;gap:4px;padding:4px;display:inline-flex}.segmented>button{color:#8a8d81;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:30px;padding:0 16px;font-size:11px;display:flex}.segmented>button.selected{color:#343b2e;background:#fffefa;border:1px solid #e5e8db;box-shadow:0 1px 5px #2830200a}.segmented>button>span{color:#9a9f8d;font-size:9px}.gallery-note{font-size:11px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 26px;display:grid}.template-stage{aspect-ratio:1.18;cursor:pointer;width:100%;transition:all .4s var(--ease);border:1px solid #0000000a;border-radius:14px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6,0 2px 10px #00000005}.template-stage:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#ffffffbf 0%,#fff0 70%);width:95%;height:95%;position:absolute}.gallery-card{width:78%;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),opacity .18s;position:relative;transform:rotate(-7deg);box-shadow:0 23px 28px -14px #292e3740}.gallery-card.portrait{width:43%;transform:rotate(5.5deg);box-shadow:0 20px 38px -12px #161c2647,0 2px 8px #161c260f}.template-stage:hover{border-color:#00000014;box-shadow:inset 0 0 0 1px #fff9,0 12px 28px -8px #00000014}.template-stage .template-peek{-webkit-backdrop-filter:blur(12px);color:#1f251d;opacity:0;z-index:2;background:#fffffff0;border:1px solid #ffffffd9;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:11px;font-weight:500;transition:opacity .2s,transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:16px;right:16px;transform:translateY(6px);box-shadow:0 8px 24px #0000001f}.template-direction{color:#30382b85;letter-spacing:.6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6;border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:500;position:absolute;bottom:16px;left:16px}.template-caption{justify-content:space-between;align-items:center;padding:16px 4px 6px;display:flex}.template-caption-info{flex-direction:column;gap:3px;display:flex}.template-caption-top{align-items:center;gap:8px;display:flex}.template-caption .eyebrow{letter-spacing:1.5px;font-size:8.5px}.template-badge{color:#555d4e;background:#0000000d;border-radius:999px;padding:1px 7px;font-size:9px;font-weight:500}.template-caption h3{color:var(--ink);letter-spacing:.02em;font-size:15px;font-weight:600}.template-tagline{color:#7b8173;margin-top:2px;font-size:11px;line-height:1.4}.how-section{border-top:1px solid var(--line);padding:80px 0 95px}.steps{grid-template-columns:repeat(3,1fr);gap:60px;padding-top:15px;display:grid}.step{border-top:1px solid var(--line);padding-top:25px;position:relative}.step-number{float:right;color:#a4aa98;font-family:Georgia,serif;font-size:18px}.step>svg{color:#737e64;margin-bottom:27px}.step h3{margin-bottom:13px;font-size:17px}.step p{color:#95998d;font-size:12px;line-height:1.8}.closing-cta{text-align:center;background:#edf0e6;border-top:1px solid #e4e8da;padding:73px 24px 78px}.closing-cta h2{letter-spacing:-1px;margin:21px 0 29px;font-size:35px}.closing-cta h2>span{color:#778469;font-family:Noto Serif SC Variable,Songti SC,serif}.templates-page{padding-top:68px;padding-bottom:90px}.page-heading{margin-bottom:45px}.page-heading h1{letter-spacing:-1px;margin:15px 0 20px;font-size:38px}.page-heading p{color:#999d8f;font-size:12px}.templates-page .gallery-toolbar{margin-bottom:28px}.template-dialog{max-width:650px}.modal-template{border-radius:14px;justify-content:center;align-items:center;max-height:62svh;margin-top:20px;padding:40px 8%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000d}.modal-template:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#ffffffa6 0%,#0000 70%);position:absolute;inset:0}.modal-template .namecard{width:100%;box-shadow:0 20px 45px -15px #0000004d}.modal-template.portrait .namecard{width:46%;min-width:210px;max-width:280px;box-shadow:0 24px 50px -15px #14182252,0 4px 12px #14182214}.preview-controls{justify-content:space-between;align-items:center;margin:14px 0 20px;font-size:10px;display:flex}.namecard{width:100%;aspect-ratio:var(--card-ratio);color:#292d26;text-align:left;isolation:isolate;background:#fbf9f3;border-radius:.45cqw;position:relative;overflow:hidden;container-type:inline-size}.card-inner{z-index:1;flex-direction:column;padding:5.5cqw;display:flex;position:absolute;inset:0}.card-art{z-index:0;pointer-events:none;position:absolute;inset:0}.card-art span{position:absolute}.card-topline{flex-shrink:0;justify-content:space-between;align-items:center;gap:2cqw;display:flex}.card-wordmark{letter-spacing:.07em;overflow-wrap:anywhere;max-width:58%;font-size:1.6cqw;line-height:1.6}.card-edition{letter-spacing:.1em;text-align:right;opacity:.55;max-width:32%;font-size:.9cqw}.card-logo{object-fit:contain;max-width:10cqw;max-height:6cqw}.card-identity{flex-direction:column;justify-content:center;gap:1.8cqw;width:100%;margin-top:auto;margin-bottom:auto;display:flex}.card-person{width:100%;min-width:0}.card-name-row{flex-wrap:wrap;align-items:baseline;gap:2cqw;display:flex}.oriental-seal{color:#faebd7;vertical-align:middle;background:#8a1d17;border:1.5px solid #d4af37;border-radius:1.2cqw;flex-shrink:0;justify-content:center;align-items:center;width:7.2cqw;height:7.2cqw;font-family:Noto Serif SC Variable,Songti SC,serif;font-size:3.8cqw;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000004d,inset 0 0 0 1px #d4af3766}.card-person h2{letter-spacing:.06em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8.8cqw;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.card-person p{opacity:.7;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.2cqw;font-size:1.8cqw;line-height:1.5;display:-webkit-box;overflow:hidden}.card-bio{opacity:.65;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:90%;margin-top:2cqw;font-size:1.7cqw;line-height:1.6;display:-webkit-box;overflow:hidden}.card-bottom{flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:3cqw;min-height:14cqw;margin-top:auto;padding-top:2cqw;display:flex}.card-contacts{flex-direction:column;flex:1;gap:.6cqw;min-width:0;max-width:78%;display:flex}.card-contacts>div{align-items:flex-start;gap:1cqw;font-size:1.35cqw;line-height:1.5;display:flex}.card-contacts>div>span{opacity:.45;min-width:1.8cqw;font-size:1.1cqw}.card-contacts p{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-signature{letter-spacing:.2em;opacity:.5;font-size:1.05cqw}.card-qr{flex-shrink:0;width:12cqw}.card-qr>img,.card-qr>svg{aspect-ratio:1;background:#fff;width:100%;height:auto;display:block}.card-qr>span{text-align:center;opacity:.6;letter-spacing:.06em;margin-top:.9cqw;font-size:1.05cqw;display:block}.namecard{-webkit-user-select:none;user-select:none;border-radius:1cqw;box-shadow:0 1px 3px #0000000d}.card-art{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.art-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-brand-group{align-items:center;gap:2cqw;min-width:0;max-width:65%;display:flex}.card-edition-badge{flex-shrink:0;align-items:center;gap:1.2cqw;display:flex}.card-title-wrap{align-items:center;display:inline-flex}.card-title-wrap p{margin-top:0}.contact-row{align-items:center;gap:1.5cqw;display:flex}.contact-tag{opacity:.6;flex-shrink:0;font-size:1.4cqw;font-weight:600}.card-qr-frame{aspect-ratio:1;background:#fff;border-radius:.8cqw;justify-content:center;align-items:center;width:100%;padding:1cqw;display:flex;position:relative;overflow:hidden}.card-qr-frame>img,.card-qr-frame>svg{width:100%;height:100%;display:block}.qr-bracket{pointer-events:none;position:absolute}.card-qr-caption{text-align:center;opacity:.65;letter-spacing:.06em;margin-top:1.2cqw;font-size:1.5cqw;display:block}.template-classic{color:#1f2220;background:#fcfbf8}.template-classic .classic-accent-bar{background:var(--theme);opacity:.25;width:1px;height:12%;position:absolute;top:20%;left:4.8cqw}.template-classic .classic-watermark{letter-spacing:.25em;opacity:.06;font-family:Noto Serif SC Variable,Songti SC,serif;font-size:5cqw;font-weight:300;position:absolute;top:12%;right:5cqw}.template-classic .card-person h2{letter-spacing:.08em;color:#1a1c1a;font-family:Noto Serif SC Variable,Songti SC,serif;font-weight:500}.template-classic .card-title-wrap{gap:1.8cqw;margin-top:1.8cqw}.template-classic .card-title-wrap:before{content:"";background:var(--theme);opacity:.75;width:3.2cqw;height:1.5px}.template-classic .card-title-wrap p{color:var(--theme);letter-spacing:.12em;font-weight:500}.template-classic .card-wordmark{color:var(--theme);letter-spacing:.16em;font-weight:500}.template-classic .card-qr-frame{border:1px solid #0000001f;box-shadow:0 2px 6px #0000000a}.template-classic .qr-bracket.bl{border-left:1.5px solid var(--theme);border-bottom:1.5px solid var(--theme);width:1.2cqw;height:1.2cqw;bottom:-.5cqw;left:-.5cqw}.template-classic .qr-bracket.tr{border-right:1.5px solid var(--theme);border-top:1.5px solid var(--theme);width:1.2cqw;height:1.2cqw;top:-.5cqw;right:-.5cqw}.template-tech{color:#f1f5f9;background:radial-gradient(circle at 80% 12%,#142842 0%,#0c1827 50%,#070d16 100%)}.template-tech .tech-light-beam{filter:blur(10px);pointer-events:none;background:radial-gradient(#38bdf838 0%,#0ea5e914 45%,#0000 70%);width:70%;height:60%;position:absolute;top:-10%;right:-10%}.template-tech .tech-hud-telemetry{color:#38bdf8;opacity:.45;letter-spacing:.1em;justify-content:space-between;font-family:monospace;font-size:1.2cqw;display:flex;position:absolute;bottom:2.8cqw;left:8cqw;right:8cqw}.template-tech .tech-pulse-dot{background:#38bdf8;border-radius:50%;width:1.1cqw;height:1.1cqw;margin-right:.8cqw;display:inline-block;box-shadow:0 0 8px #38bdf8}.template-tech .card-person h2{color:#fff;letter-spacing:.09em;text-shadow:0 0 24px #38bdf847;font-weight:600}.template-tech .card-title-wrap{color:#7dd3fc;background:#38bdf81f;border:1px solid #38bdf859;border-radius:999px;align-items:center;gap:1.2cqw;margin-top:2cqw;padding:.6cqw 2.4cqw;display:inline-flex;box-shadow:0 0 14px #38bdf826}.template-tech .card-title-wrap:before{content:"";background:#38bdf8;border-radius:50%;width:1.1cqw;height:1.1cqw;display:inline-block;box-shadow:0 0 8px #38bdf8}.template-tech .card-title-wrap p{letter-spacing:.08em;font-family:monospace;font-size:2.4cqw}.template-tech .card-topline{border-bottom:1px solid #38bdf82e;padding-bottom:2cqw}.template-tech .card-wordmark{color:#38bdf8;letter-spacing:.12em;font-weight:500}.template-tech .contact-tag{color:#38bdf8;opacity:.8;font-family:monospace}.template-tech .card-qr-frame{background:#0b1523;border:1px solid #38bdf866;box-shadow:0 0 14px #38bdf833}.template-tech .card-qr-caption{color:#7dd3fc}.template-tech .qr-bracket.bl{border-bottom:2px solid #38bdf8;border-left:2px solid #38bdf8;width:1.2cqw;height:1.2cqw;bottom:-.4cqw;left:-.4cqw}.template-tech .qr-bracket.tr{border-top:2px solid #38bdf8;border-right:2px solid #38bdf8;width:1.2cqw;height:1.2cqw;top:-.4cqw;right:-.4cqw}.template-oriental{color:#f7f4ed;background:linear-gradient(168deg,#1b362c 0%,#13271f 55%,#0d1a15 100%)}.template-oriental .oriental-accent-goldbar{background:linear-gradient(#f5e4b7 0%,#d4af37 60%,#9e7920 100%);border-radius:.2cqw;width:.6cqw;height:12%;position:absolute;top:18%;right:10cqw;box-shadow:0 0 8px #d4af374d}.template-oriental .card-person h2{letter-spacing:.15em;color:#fcf8ee;font-family:Noto Serif SC Variable,Songti SC,serif;font-weight:500}.template-oriental .card-title-wrap{gap:1.6cqw;margin-top:2cqw}.template-oriental .card-title-wrap:before{content:"❖";color:#d4af37;opacity:.85;font-size:1.8cqw}.template-oriental .card-title-wrap p{color:#d8c28c;letter-spacing:.14em;font-family:Noto Serif SC Variable,Songti SC,serif;font-weight:400}.template-oriental .card-wordmark{color:#d8c28c;letter-spacing:.18em;font-family:Noto Serif SC Variable,Songti SC,serif}.template-oriental .card-edition{color:#d8c28c;opacity:.75;font-family:Noto Serif SC Variable,Songti SC,serif}.template-oriental .contact-tag{color:#d4af37;opacity:.9;font-family:Noto Serif SC Variable,Songti SC,serif}.template-oriental .card-qr-frame{background:#fbf7ee;border:1.5px solid #d4af37;box-shadow:0 4px 14px #00000040}.template-oriental .card-qr-caption{color:#d8c28c}.template-oriental .qr-bracket.bl{border-bottom:2px solid #d4af37;border-left:2px solid #d4af37;width:1.2cqw;height:1.2cqw;bottom:-.4cqw;left:-.4cqw}.template-oriental .qr-bracket.tr{border-top:2px solid #d4af37;border-right:2px solid #d4af37;width:1.2cqw;height:1.2cqw;top:-.4cqw;right:-.4cqw}.template-sport{color:#f8fafc;background:#141619}.template-sport .sport-slash-block{z-index:0;background:#d2f826;width:85%;height:75%;position:absolute;top:-20%;right:-30%;transform:rotate(-24deg);box-shadow:0 10px 40px #d2f82640}.template-sport .sport-spec-badge{z-index:1;color:#111;letter-spacing:.08em;align-items:center;gap:1cqw;font-size:1.4cqw;font-style:italic;font-weight:800;display:flex;position:absolute;top:12%;right:7cqw}.template-sport .sport-barcode{z-index:1;opacity:.35;align-items:stretch;gap:.4cqw;height:3.5cqw;display:flex;position:absolute;bottom:4cqw;right:7cqw}.template-sport .sport-barcode span{background:#fff;border-radius:.1cqw;width:.3cqw}.template-sport .sport-barcode span:nth-child(2),.template-sport .sport-barcode span:nth-child(5){width:.7cqw}.template-sport .card-person h2{letter-spacing:-.01em;text-transform:uppercase;font-size:10cqw;font-style:italic;font-weight:900}.template-sport .card-title-wrap{color:#111;background:#d2f826;border-radius:.6cqw;margin-top:2.2cqw;padding:.6cqw 2.4cqw;font-style:italic;font-weight:900;transform:skew(-8deg);box-shadow:0 4px 16px #d2f82659}.template-sport .card-title-wrap p{color:#111;letter-spacing:.02em;font-size:2.4cqw}.template-sport .contact-tag{color:#d2f826;font-style:italic;font-weight:800}.template-sport .card-qr-frame{background:#fff;border:2px solid #d2f826;box-shadow:0 4px 16px #0006}.template-sport .card-qr-caption{color:#d2f826;font-weight:700}.template-fresh{color:#2b2522;background:#faf7f2}.template-fresh .fresh-atelier-tag{letter-spacing:.15em;color:var(--theme);opacity:.7;font-size:1.4cqw;font-weight:600;position:absolute;top:12%;right:7cqw}.template-fresh .card-person h2{color:#1f1b19;letter-spacing:.06em;font-weight:600}.template-fresh .card-title-wrap{color:var(--theme);background:#b2684c1f;border-radius:999px;align-items:center;gap:1.2cqw;margin-top:2cqw;padding:.6cqw 2.4cqw;display:inline-flex}.template-fresh .card-title-wrap:before{content:"✦";color:var(--theme);opacity:.85;font-size:1.8cqw}.template-fresh .card-title-wrap p{letter-spacing:.08em;font-size:2.4cqw;font-weight:500}.template-fresh .card-wordmark{color:var(--theme);font-weight:600}.template-fresh .contact-tag{color:var(--theme);font-size:1.2cqw}.template-fresh .card-qr-frame{background:#fff;border:1.5px solid #b2684c40;border-radius:2.2cqw;box-shadow:0 4px 14px #b2684c1f}.template-fresh .card-qr-caption{color:var(--theme)}.template-professional{color:#1a202c;background:#fff}.template-professional .professional-spine{z-index:0;background:linear-gradient(#262b42 0%,#1e2235 100%);width:32%;position:absolute;top:0;bottom:0;right:0}.template-professional .professional-verified-tag{z-index:1;letter-spacing:.12em;color:#a5b4fc;align-items:center;gap:.8cqw;font-size:1.2cqw;font-weight:600;display:flex;position:absolute;top:12%;right:5cqw}.template-professional .professional-verified-tag .diamond{color:#818cf8;font-size:1cqw}.template-professional .card-person{max-width:62%}.template-professional .card-person h2{color:#1a202c;letter-spacing:.05em;font-weight:600}.template-professional .card-title-wrap{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-left:3.5px solid #282c44;border-radius:.5cqw;margin-top:2cqw;padding:.6cqw 2.2cqw}.template-professional .card-title-wrap p{color:#334155;letter-spacing:.04em;font-size:2.4cqw;font-weight:600}.template-professional .card-bio,.template-professional .card-contacts{max-width:62%}.template-professional .contact-tag{color:#475569;font-size:1.3cqw;font-weight:600}.template-professional .card-qr-frame{background:#fff;border:1.5px solid #282c44;box-shadow:0 4px 16px #00000026}.template-professional .card-qr-caption{color:#e2e8f0;opacity:.85}.template-tech .card-contacts p{color:#e2e8f0}.template-tech .card-bio{color:#94a3b8}.template-sport .card-contacts p{color:#f1f5f9}.template-sport .card-bio{color:#cbd5e1}.template-oriental .card-contacts p{color:#e5ded3}.template-oriental .card-bio{color:#d1c9bd}.template-classic .card-contacts p{color:#2b2e2a}.template-classic .card-bio{color:#52574e}.template-fresh .card-contacts p{color:#38312e}.template-fresh .card-bio{color:#635b56}.template-professional .card-contacts p{color:#242c3d}.template-professional .card-bio{color:#4b5563}.namecard.portrait .card-inner{gap:3cqw;padding:8.5cqw}.namecard.portrait .card-topline{align-items:flex-start;min-height:5cqw}.namecard.portrait .card-wordmark{max-width:65%;font-size:2.2cqw;line-height:1.5}.namecard.portrait .card-edition{max-width:35%;font-size:1.5cqw;line-height:1.4}.namecard.portrait .card-identity{flex-direction:column;align-items:flex-start;gap:2cqw;width:100%;margin-top:auto;margin-bottom:auto}.namecard.portrait .card-person{max-width:100%}.namecard.portrait .card-person h2{letter-spacing:.05em;font-size:9.6cqw;line-height:1.22}.namecard.portrait .card-title-wrap p{font-size:2.6cqw}.namecard.portrait .card-bio{-webkit-line-clamp:3;max-width:95%;margin-top:1.8cqw;font-size:2.6cqw;line-height:1.7}.namecard.portrait .card-bottom{gap:3cqw;min-height:24cqw;margin-top:0;padding-top:2cqw}.namecard.portrait .card-qr{width:22cqw}.namecard.portrait .card-contacts{gap:1.2cqw;max-width:68%}.namecard.portrait .card-contacts .contact-row{gap:1.4cqw;font-size:2.1cqw;line-height:1.5}.namecard.portrait .card-logo{max-width:16cqw;max-height:11cqw}.card-back{position:relative}.card-back .card-art{opacity:.85}.card-back-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.8cqw;padding:8cqw 6cqw;display:flex;position:absolute;inset:0}.card-back-emblem-wrap{justify-content:center;align-items:center;display:flex}.card-back-logo-frame{background:#fffffff5;border-radius:50%;justify-content:center;align-items:center;width:19cqw;height:19cqw;padding:2.8cqw;display:flex;box-shadow:0 4px 18px #00000014,0 0 0 1px #0000000f}.card-back-logo{object-fit:contain;max-width:100%;max-height:100%}.card-back-crest{justify-content:center;align-items:center;display:flex;position:relative}.card-back .card-emblem{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:17cqw;height:17cqw;font-family:Noto Serif SC Variable,Songti SC,serif;font-size:9.5cqw;line-height:1;display:flex;box-shadow:0 2px 12px #0000000f}.card-back-details{flex-direction:column;align-items:center;gap:1.2cqw;max-width:84%;margin-top:1cqw;display:flex}.card-back-brand{letter-spacing:.18em;text-transform:uppercase;font-size:3.2cqw;font-weight:600;line-height:1.3}.card-back-slogan{opacity:.75;letter-spacing:.12em;max-width:90%;font-size:1.9cqw;font-style:italic;line-height:1.5}.card-back-line-group{align-items:center;gap:1.5cqw;margin-top:.8cqw;display:flex}.card-back-line{opacity:.35;background:currentColor;width:5cqw;height:1px}.card-back-dot{opacity:.6;background:currentColor;border-radius:50%;width:.6cqw;height:.6cqw}.template-classic.card-back{color:#1f2220;background:#fcfbf8}.template-classic.card-back .card-emblem{border-color:var(--theme,#242926);color:var(--theme,#242926);background:#00000005;box-shadow:0 2px 10px #0000000a}.template-classic.card-back .card-back-logo-frame{background:#fff;border:1px solid #00000014;box-shadow:0 4px 16px #0000000f}.template-classic.card-back .card-back-brand{color:#1a1c19}.template-classic.card-back .card-back-slogan{color:#5c6057}.template-classic.card-back .card-back-line{background:var(--theme,#242926);opacity:.35}.template-classic.card-back .card-back-dot{background:var(--theme,#242926);opacity:.75}.template-classic.card-back .back-classic-motto{text-align:center;letter-spacing:.25em;color:var(--theme,#242926);opacity:.45;font-size:1.6cqw;position:absolute;bottom:11cqw;left:0;right:0}.template-tech.card-back{color:#38bdf8;background:radial-gradient(circle,#10233b 0%,#08101a 100%)}.template-tech.card-back .card-emblem{border-color:#38bdf8;border-radius:3cqw;box-shadow:0 0 20px #38bdf84d}.template-tech.card-back .card-back-logo-frame{box-shadow:0 0 25px #38bdf84d,0 0 0 1.5px #38bdf866}.template-tech.card-back .back-tech-node{text-align:center;letter-spacing:.2em;opacity:.5;font-family:monospace;font-size:1.5cqw;position:absolute;bottom:11cqw;left:0;right:0}.template-oriental.card-back{color:#d8c28c;background:linear-gradient(170deg,#183127 0%,#0f1d17 100%)}.template-oriental.card-back .card-emblem{color:#fbf5e6;background:#87231c;border-color:#d4af37;border-radius:1.5cqw}.template-oriental.card-back .card-back-logo-frame{box-shadow:0 4px 18px #0000004d,0 0 0 1.5px #d4af3766}.template-oriental.card-back .back-oriental-seal-text{text-align:center;letter-spacing:.3em;opacity:.7;font-family:Noto Serif SC Variable,Songti SC,serif;font-size:1.8cqw;position:absolute;bottom:11cqw;left:0;right:0}.template-sport.card-back{color:#d2f826;background:#141619}.template-sport.card-back .back-sport-giant-text{opacity:.05;letter-spacing:-.02em;-webkit-user-select:none;user-select:none;font-size:18cqw;font-style:italic;font-weight:900;position:absolute}.template-sport.card-back .card-emblem{color:#111;background:#d2f826;border-color:#d2f826;border-radius:1cqw;transform:skew(-8deg)}.template-sport.card-back .card-back-logo-frame{border-radius:4px;box-shadow:0 4px 20px #0006,0 0 0 2px #d2f826}.template-sport.card-back .back-sport-tag{text-align:center;letter-spacing:.15em;color:#d2f826;font-size:1.6cqw;font-style:italic;font-weight:800;position:absolute;bottom:11cqw;left:0;right:0}.template-fresh.card-back{color:#2b2522;background:#faf7f2}.template-fresh.card-back .card-emblem{color:var(--theme,#b2684c);background:#b2684c1f;border:none;border-radius:40% 60% 65% 35%/45% 45% 55% 55%}.template-fresh.card-back .card-back-logo-frame{background:#fff;border:1px solid #b2684c26;box-shadow:0 4px 16px #b2684c1a}.template-fresh.card-back .card-back-brand{color:#2b2522}.template-fresh.card-back .card-back-slogan{color:#736b64}.template-fresh.card-back .card-back-line{background:var(--theme,#b2684c);opacity:.35}.template-fresh.card-back .card-back-dot{background:var(--theme,#b2684c);opacity:.8}.template-fresh.card-back .back-fresh-brand{text-align:center;letter-spacing:.2em;color:var(--theme,#b2684c);opacity:.65;font-size:1.5cqw;position:absolute;bottom:11cqw;left:0;right:0}.template-professional.card-back{color:#0f172a;background:#fff}.template-professional.card-back .card-emblem{border:1.5px solid var(--theme,#4f46e5);color:var(--theme,#312e81);background:#4f46e50d;border-radius:2cqw}.template-professional.card-back .card-back-logo-frame{background:#fff;border:1.5px solid #4f46e526;box-shadow:0 4px 18px #0f172a0f}.template-professional.card-back .card-back-brand{color:#0f172a}.template-professional.card-back .card-back-slogan{color:#64748b}.template-professional.card-back .card-back-line{background:var(--theme,#4f46e5);opacity:.3}.template-professional.card-back .card-back-dot{background:var(--theme,#4f46e5);opacity:.75}.template-professional.card-back .back-professional-seal{text-align:center;letter-spacing:.2em;color:#64748b;opacity:.8;font-size:1.4cqw;position:absolute;bottom:11cqw;left:0;right:0}.dialog{width:calc(100% - 40px);max-width:460px;color:var(--ink);background:#fffefa;border:1px solid #e6e9dd;border-radius:13px;max-height:90svh;padding:0;overflow-y:auto;box-shadow:0 25px 90px #17200f20}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#27302445}.dialog-content{padding:25px}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.dialog h2{font-size:19px}.dialog-description{color:#8a8f81;margin-bottom:23px;font-size:12px;line-height:1.9}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:23px;display:flex}.dialog-actions>.button{flex:1}.checkbox-row{color:#929688;align-items:flex-start;gap:9px;margin:23px 0;font-size:11px;line-height:1.9;display:flex}.checkbox-row input{margin-top:3px}.checkbox-row a{text-underline-offset:3px;text-decoration:underline}.toast-zone{z-index:100;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:#fffffbee;border:1px solid #dde5d4;border-radius:9px;align-items:center;gap:11px;padding:15px 17px;font-size:12px;display:flex;box-shadow:0 5px 30px #19270c10}.toast>svg{color:#718664}.toast.error>svg{color:#ab695c}.toast>button{color:#a0a893;margin-left:8px;display:flex}.state-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:65svh;padding:90px 24px;display:flex}.state-page h1{letter-spacing:-1px;font-size:33px;line-height:1.6}.state-page p{color:#93988a;font-size:12px}.state-page>svg{color:#89977c}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:340px;padding:40px;display:flex}.empty-state h2{font-size:24px}.empty-state p{color:#959b8a;font-size:12px}.empty-emblem{color:#7c8c68;background:#eff2e9;border:1px solid #dce3d0;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:7px;font-family:serif;font-size:29px;display:grid}.loading-dot{background:#9aa68a;border-radius:50%;width:10px;height:10px;animation:1.2s infinite pulse}.skeleton{background:#ebeee4;border-radius:8px;animation:1.7s infinite pulse}.dashboard-page{min-height:70svh;padding-top:52px;padding-bottom:80px}.dashboard-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:35px;display:flex}.dashboard-heading h1{letter-spacing:-.7px;margin-top:10px;font-size:33px}.heading-count{letter-spacing:1px;color:#a3aa95;vertical-align:middle;border:1px solid #dfe4d4;border-radius:20px;margin-left:15px;padding:3px 9px;font-size:11px;display:inline-block}.heading-actions{align-items:center;gap:13px;display:flex}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:36px 0 30px;display:flex}.search-field{color:#a1aa91;border-bottom:1px solid #dfe4d4;align-items:center;gap:9px;padding:8px;display:flex}.search-field input{color:#555e4b;background:0 0;border:0;outline:none;width:170px;font-size:11px}.search-field input::placeholder{color:#a7ad9b}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.dashboard-card{border:1px solid var(--line);background:#fdfcf8;border-radius:10px;overflow:hidden}.dashboard-card-preview{aspect-ratio:1.3;justify-content:center;align-items:center;padding:33px 27px;display:flex;position:relative}.dashboard-card-scale{width:100%;box-shadow:0 14px 20px -12px #28322145}.dashboard-card-scale:has(.portrait){width:44%}.status-badge{letter-spacing:.02em;color:#8a907f;white-space:nowrap;background:#fffdf5e6;border:1px solid #fff8;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;display:inline-flex;position:absolute;top:12px;left:12px}.status-badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.status-badge.published{color:#70845b}.status-badge.paused{color:#b39464}.dashboard-card-meta{justify-content:space-between;align-items:center;gap:8px;padding:19px 18px;display:flex}.dashboard-card-meta h2{word-break:break-all;font-size:16px}.dashboard-card-meta p{color:#999f8e;margin-top:8px;font-size:10px}.dashboard-card-meta p>span{margin:0 5px}.card-action-menu{color:#8e9682;display:flex}.card-action-menu>.icon-button{width:29px;height:29px}.dashboard-card-footer{border-top:1px solid #eaede3;justify-content:space-between;align-items:center;margin:0 18px;padding:8px 0 14px;display:flex}.dashboard-card-footer>.text-button{font-size:11px}.cards-loading{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.cards-loading>.skeleton{aspect-ratio:1}.new-card-page{padding-top:40px;padding-bottom:80px}.new-card-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;margin:40px 0;display:grid}.new-card-preview{border-radius:10px;justify-content:center;align-items:center;min-height:420px;padding:60px;display:flex}.new-card-preview>.namecard{box-shadow:0 25px 40px -18px #1a271e60}.new-card-preview.portrait>.namecard{max-width:240px}.new-card-layout h1{margin:18px 0;font-size:36px}.new-card-layout p{color:#8e9881;margin:8px 0;font-size:12px;line-height:2}.new-card-layout .button{margin:26px 0 14px}.login-header{justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:30px 5.6%;display:flex}.login-page{grid-template-columns:1fr 1fr;align-items:center;gap:100px;width:88.8%;max-width:1160px;min-height:570px;margin:30px auto 80px;display:grid}.login-art{color:#5e6d52;background:#e8ebdf;border-radius:12px;height:570px;padding:50px;position:relative;overflow:hidden}.login-art>span{font-family:Noto Serif SC Variable,Songti SC,serif;font-size:34px}.login-art>i{letter-spacing:-3px;z-index:1;margin-top:130px;font-family:Georgia,Songti SC,serif;font-size:70px;line-height:1.12;display:block;position:relative}.login-line{border:1px solid #ced6c2;border-radius:50%;width:530px;height:530px;position:absolute;top:130px;right:-250px}.login-line:after{content:"";border:1px solid #ced6c2;border-radius:50%;position:absolute;inset:40px}.login-panel{max-width:370px}.login-panel h1{letter-spacing:-1px;margin-top:16px;font-size:34px;line-height:1.6}.login-box{border-top:1px solid var(--line);margin-top:38px;padding-top:25px}.login-box h2{margin-bottom:12px;font-size:16px}.login-box>p{color:#919987;font-size:12px;line-height:1.9}.account-link-notice{color:#566448;background:#edf0e7;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex}.login-box input:not([type=checkbox]){font-size:16px}.login-box .microcopy{text-align:center;margin-top:13px}.editor-page{min-height:80svh}.editor-topbar{border-bottom:1px solid var(--line);background:#fdfcf8;justify-content:space-between;align-items:center;gap:18px;height:70px;padding:0 30px;display:flex}.editor-topbar>div{align-items:center;gap:12px;min-width:0;display:flex}.editor-topbar>div>span:not(.save-indicator){text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:13px;overflow:hidden}.save-indicator{color:#8e9d7d;align-items:center;gap:4px;font-size:10px;display:inline-flex}.save-indicator.unsaved{color:#b39a72}.editor-layout{grid-template-columns:330px 1fr;max-width:1600px;min-height:780px;margin:auto;display:grid}.editor-panel{border-right:1px solid var(--line);background:#fdfcf8;min-width:0}.editor-panel-tabs{border-bottom:1px solid var(--line);z-index:2;background:#fdfcf8;gap:32px;height:57px;padding:0 25px;display:flex;position:sticky;top:0}.editor-panel-tabs>button{color:#99a08d;padding:0 3px;font-size:12px;position:relative}.editor-panel-tabs>button.active{color:#4e5e41}.editor-panel-tabs>button.active:after{content:"";background:#718163;height:2px;position:absolute;bottom:-1px;left:0;right:0}.editor-fields{scrollbar-width:thin;scrollbar-color:#d9dfcf transparent;min-height:570px;max-height:calc(100svh - 210px);padding:25px;overflow:auto}.field-hint{color:#a0a795;align-items:center;gap:5px;margin:9px 0 20px;font-size:10px;line-height:1.8;display:flex}.form-field{color:#7e8971;flex-direction:column;gap:9px;margin-bottom:20px;font-size:11px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.required{color:#b29d7d;margin-left:4px}.visibility-toggle{color:#b4bca8;padding:3px;display:flex}.visibility-toggle[aria-pressed=true]{color:#6e815b}.form-field input:not([type=checkbox]),.form-field textarea{color:#404a37;resize:vertical;background:#fcfcf9;border:1px solid #e0e5d7;border-radius:5px;width:100%;min-width:0;min-height:40px;padding:11px 12px;font-size:12px;line-height:1.6}.form-field textarea{min-height:76px;max-height:200px}.form-field input::placeholder,.form-field textarea::placeholder{color:#b3baa8}.style-section{margin-bottom:33px}.style-section>label{color:#808d73;margin-bottom:15px;font-size:11px;display:block}.mini-templates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini-templates>button{white-space:nowrap;border:1px solid #e3e7da;border-radius:5px;align-items:center;gap:6px;padding:11px 9px;font-size:10px;display:flex}.mini-templates>button>i{border-radius:2px;flex-shrink:0;width:9px;height:9px}.mini-templates>button.active{color:#61754e;background:#f0f3e9;border-color:#9cab8a}.mini-templates>button>svg{margin-left:auto}.color-swatches{flex-wrap:wrap;gap:10px;display:flex}.color-swatches>button{border-radius:50%;width:25px;height:25px;position:relative}.color-swatches>button.active:after{content:"";border:1px solid #9bab88;border-radius:50%;position:absolute;inset:-4px}.color-input{color:#91a07f;letter-spacing:1px;border:1px solid #e0e5d6;border-radius:5px;align-items:center;gap:10px;margin-top:20px;padding:7px 10px;font-size:10px;display:flex}.color-input input{appearance:none;background:0 0;border:0;width:22px;height:22px;padding:0}.color-input input::-webkit-color-swatch-wrapper{padding:0}.color-input input::-webkit-color-swatch{border:0;border-radius:3px}.font-options{gap:9px;display:flex}.font-options>button{border:1px solid #e0e5d7;border-radius:5px;flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:12px;font-size:11px;display:flex}.font-options>button.active{background:#f0f3e9;border-color:#9ba98c}.font-options>button>span{color:#7e8c70;font-size:23px}.logo-upload{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logo-upload img{object-fit:contain;max-width:60px;max-height:45px}.editor-canvas{background:#f0f1eb;flex-direction:column;align-items:center;min-width:0;padding:0 35px 28px;display:flex;position:relative;overflow:hidden}.canvas-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:72px;display:flex}.canvas-toolbar .segmented{background:#e8ece1;border-color:#e3e7db}.canvas-toolbar .segmented>button{padding:0 14px;font-size:10px}.canvas-dimensions{color:#a6ae9b;letter-spacing:.7px;font-size:9px}.preview-space{flex:1;justify-content:center;align-items:center;width:100%;min-height:550px;padding:40px 0 30px;display:flex}.editor-card-frame{-webkit-user-select:none;user-select:none;touch-action:pan-y;width:min(100%,680px)}.editor-card-frame.portrait{width:min(100%,310px)}.tilt-card{transform-style:preserve-3d;border-radius:3px;width:100%;box-shadow:0 35px 60px -28px #29312466}.canvas-controls{background:#fffef9b3;border:1px solid #e1e7d7;border-radius:7px;align-items:center;gap:17px;padding:5px 13px;display:flex}.canvas-controls>button{color:#a0aa93;align-items:center;gap:6px;min-height:29px;padding:0 3px;font-size:10px;display:flex}.canvas-controls>button.active{color:#62794e}.canvas-controls>span{border-left:1px solid #e0e6d5;height:13px}.canvas-caption{color:#a4ad98;margin-top:18px;font-size:10px;line-height:1.8}.phone-preview{scrollbar-width:none;pointer-events:none;background:#fdfcf8;border:6px solid #454d3d;border-radius:32px;width:320px;min-height:550px;max-height:650px;position:relative;overflow:auto;box-shadow:0 25px 60px -30px #32402755}.phone-island{z-index:2;background:#454d3d;border-radius:20px;width:80px;height:15px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.phone-preview .public-profile{min-height:550px}.phone-preview .profile-cover{height:120px}.phone-preview .profile-content{padding:0 24px 30px}.phone-preview .profile-logo{width:68px;height:68px;margin-top:-34px}.phone-preview .profile-content h1{font-size:24px}.phone-preview .contact-link{grid-template-columns:45px 1fr 15px;gap:8px;padding:16px 0;font-size:10px}.phone-preview .contact-link strong{font-size:10px}.phone-preview .profile-bio{margin:23px 0;font-size:11px}.mobile-editor-tabs{display:none}.recovery-banner{color:#9e8b5b;background:#f0eddf;justify-content:center;align-items:center;gap:20px;padding:12px 20px;font-size:11px;display:flex}.recovery-banner>button{color:#6c6b48;text-underline-offset:3px;text-decoration:underline}.public-field-chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.public-field-chips>span{color:#7e906c;border:1px solid #dde6d3;border-radius:20px;align-items:center;gap:4px;padding:5px 9px;font-size:10px;display:flex}.share-page{padding-top:35px;padding-bottom:90px}.share-heading{justify-content:space-between;align-items:center;gap:20px;margin:35px 0 40px;display:flex}.share-heading h1{letter-spacing:-.6px;margin-top:15px;font-size:31px}.share-heading>.status-badge{font-size:11px;position:static}.share-layout{grid-template-columns:1.3fr 1fr;align-items:start;gap:50px;display:grid}.share-preview{background:#edf0e6;border:1px solid #e2e7d9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:490px;padding:55px 45px 28px;display:flex}.share-preview>.namecard{box-shadow:0 25px 45px -25px #2d39294d}.share-preview>.namecard.portrait{width:min(100%,290px)}.share-preview>.microcopy{font-size:10px}.share-panel{background:#fdfcf7;border:1px solid #e2e7d9;border-radius:10px;padding:4px 27px}.share-panel>section{border-bottom:1px solid #e9ecdf;padding:24px 0}.share-panel>section:last-child{border:0}.panel-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-title h2,.qr-share h2{font-size:14px}.panel-title>.text-button{font-size:10px}.copy-link{background:#fafcf5;border:1px solid #dfe7d5;border-radius:5px;align-items:center;padding:2px 4px 2px 11px;display:flex}.copy-link>input{color:#9ca88e;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:10px}.share-panel .field-hint{margin:11px 0 0;font-size:10px}.qr-share{align-items:center;gap:22px;display:flex}.qr-holder{background:#fff;border:1px solid #ebefe2;border-radius:5px;flex-shrink:0;place-items:center;width:94px;height:94px;display:grid}.qr-holder>img{width:100%;height:100%}.qr-holder>span{color:#9da88f;font-size:10px}.qr-share .text-button{color:#8f9d7d;margin-top:12px;font-size:10px}.export-status{color:#94a080;flex-wrap:wrap;align-items:center;gap:10px;min-height:45px;font-size:11px;display:flex}.image-save{color:#8e9c7b;width:100%;margin-top:9px;font-size:10px}.share-state-action{text-align:center}.png-dialog{max-width:720px}.png-dialog img{object-fit:contain;max-height:72svh;margin:auto}.public-page{background:#eef0e8;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:45px 20px;display:flex}.public-card-shell{background:#fffefa;border:1px solid #e2e6d8;border-radius:18px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 70px -40px #2a382b55}.public-profile{background:#fffefa;position:relative}.public-card-frame{padding:20px 20px 8px}.public-card-frame .namecard{border-radius:12px;box-shadow:0 12px 34px -14px #20281c59}.public-stage{touch-action:none}.public-stage-hint{text-align:center;color:#8a8f81;margin:10px 0 2px;font-size:11px}.public-profile .profile-content{padding:6px 20px 24px}.profile-cover{background:var(--profile-theme);height:165px;position:relative;overflow:hidden}.profile-cover span:first-child{border:1px solid #ffffff30;border-radius:50%;width:280px;height:280px;position:absolute;top:-130px;right:-90px}.profile-cover span:last-child{border:1px solid #ffffff18;border-radius:50%;width:340px;height:340px;position:absolute;top:-155px;right:-110px}.profile-content{padding:0 35px 30px;position:relative}.profile-logo{object-fit:contain;background:#fffefa;border-radius:12px;width:88px;height:88px;margin-top:-44px;padding:10px;display:block;position:relative}.profile-crest{width:80px;height:80px;color:var(--profile-theme);background:#fffefa;border:1px solid #0000000f;border-radius:18px;justify-content:center;align-items:center;margin-top:-40px;font-family:Noto Serif SC Variable,Songti SC,serif;font-size:32px;font-weight:600;display:flex;box-shadow:0 10px 30px -10px #00000026}.profile-content h1{letter-spacing:.08em;overflow-wrap:anywhere;margin:21px 0 11px;font-size:29px;line-height:1.6}.profile-title{color:#7d8c6d;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.profile-company{color:#a2ac94;overflow-wrap:anywhere;margin-top:6px;font-size:11px;line-height:1.8}.profile-bio{color:#8c9980;white-space:pre-line;overflow-wrap:anywhere;margin:27px 0 30px;font-size:13px;line-height:2}.contact-list{border-top:1px solid #e7ecdd;margin-top:28px}.contact-link{text-align:left;border-bottom:1px solid #e7ecdd;grid-template-columns:63px 1fr 19px;align-items:start;gap:15px;width:100%;padding:19px 0;font-size:11px;display:grid}.contact-link>span{color:#a4af95;white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.contact-link>strong{overflow-wrap:anywhere;color:#596d48;font-size:12px;font-weight:400;line-height:1.6}.contact-link>svg{color:#9aaa87;margin-top:1px}.public-actions{justify-content:space-between;padding:4px 35px 27px;display:flex}.public-actions .text-button{color:#a3af92;font-size:10px}.public-powered{color:#829171;align-items:center;gap:12px;margin-top:25px;font-family:Noto Serif SC Variable,Songti SC,serif;font-size:20px;display:flex}.public-powered>span{color:#a3ae95;font-family:sans-serif;font-size:10px}.export-page{background:#fff;display:block;overflow:hidden}.export-page>.namecard{border-radius:0}.export-page .card-inner,.export-page .namecard{transition:none!important;animation:none!important}.export-page .namecard{aspect-ratio:auto;height:100%}.settings-page{max-width:800px;padding-top:40px;padding-bottom:100px}.settings-page .page-heading{margin-top:37px}.settings-box{background:#fdfdf7;border:1px solid #e0e7d4;border-radius:10px;padding:0 28px}.settings-row{border-bottom:1px solid #e6ecdb;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;display:flex}.settings-row:last-child{border:0}.settings-row h2{font-size:18px}.settings-row h3{font-size:13px}.settings-row p{color:#9baa88;align-items:center;gap:6px;margin-top:10px;font-size:11px;line-height:1.8;display:flex}.settings-row>div:last-child>.text-button{margin-left:15px}.legal-page{width:88%;max-width:700px;min-height:70svh;margin:65px auto 90px}.legal-page h1{margin:16px 0 20px;font-size:35px}.legal-page h2{margin:37px 0 15px;font-size:17px}.legal-page p{color:#87947a;margin-top:8px;font-size:13px;line-height:2.2}.legal-page a{text-decoration:underline}.admin-page{min-height:75svh;padding-top:35px;padding-bottom:90px}.admin-page>.dashboard-heading{margin-top:30px}.admin-stats{grid-template-columns:repeat(5,1fr);gap:17px;margin:30px 0;display:grid}.admin-stats>div{background:#fdfdf8;border:1px solid #e1e8d6;border-radius:8px;padding:25px}.admin-stats span{color:#9eac8b;font-size:11px;display:block}.admin-stats strong{color:#5e744b;margin-top:18px;font-size:33px;font-weight:400;display:block}.admin-columns{grid-template-columns:1fr 1fr;gap:25px;display:grid}.admin-section{background:#fdfdf8;border:1px solid #e0e7d5;border-radius:9px;min-width:0;margin-bottom:25px;padding:26px}.admin-section>h2{margin-bottom:25px;font-size:16px}.admin-row{border-bottom:1px solid #ebefdf;justify-content:space-between;align-items:center;padding:16px 0;font-size:12px;display:flex}.admin-row:last-child{border:0}.switch{background:#dfe6d3;border-radius:20px;align-items:center;width:34px;height:20px;padding:3px;display:flex}.switch>i{width:14px;height:14px;transition:transform .18s var(--ease);background:#fff;border-radius:50%;display:block;box-shadow:0 1px 4px #0001}.switch.on{background:#849a6d}.switch.on>i{transform:translate(14px)}.report-row{border-bottom:1px solid #e5ecd9;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.report-row p{word-break:break-all;font-size:12px;line-height:1.8}.report-row small{color:#adb99a;margin-top:8px;font-size:9px;display:block}.report-row>div:last-child{flex-shrink:0;gap:20px;display:flex}.report-row .text-button{font-size:10px}.audit-table>div{border-bottom:1px solid #e5ebda;grid-template-columns:1fr 2fr 1fr;gap:20px;padding:15px 0;font-size:11px;display:grid}.audit-table code{color:#a3b08f;overflow-wrap:anywhere;font-size:9px}.audit-table time{color:#a3b08f;text-align:right;font-size:10px}@media (hover:hover) and (pointer:fine){.button:hover{background:#434b3b;border-color:#434b3b}.button:hover svg{transform:translate(1px,-1px)}.button.secondary:hover{background:#edf0e6;border-color:#cfd8c2}.icon-button:hover{background:#e8ede0}.text-button:hover{color:#546b42}.round-link:hover{background:#e7eddc;transform:rotate(7deg)}.template-stage:hover .gallery-card{transform:rotate(-3deg)translateY(-5px)}.template-stage:hover .gallery-card.portrait{transform:rotate(0)translateY(-8px)scale(1.025);box-shadow:0 32px 60px -16px #14182061,0 8px 20px #1418201a}.template-stage:hover .template-peek,.template-stage:focus-visible .template-peek{opacity:1;transform:translateY(0)}.dashboard-card-preview:hover .dashboard-card-scale{transition:transform .25s var(--ease);transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.hero,.header-inner,.site-footer{max-width:1560px}}@media (max-width:1100px){.hero{height:auto;min-height:610px;padding-top:50px;padding-bottom:90px}.hero h1{letter-spacing:-1.8px;font-size:40px}.hero-visual{height:440px}.hero-benefits{gap:12px}.template-grid{gap:25px 20px}.editor-layout{grid-template-columns:290px 1fr}.editor-fields{padding:20px}.editor-canvas{padding:0 25px 25px}.editor-panel-tabs{padding:0 20px}.canvas-dimensions{display:none}.share-layout{grid-template-columns:1.1fr 1fr;gap:28px}.share-preview{padding:40px 28px 25px}.login-page{gap:60px}.login-art{padding:35px}.login-art>i{font-size:60px}.dashboard-grid{gap:20px}.dashboard-card-meta{padding:17px 14px}.new-card-layout{gap:40px}.new-card-preview{padding:40px}.site-footer{gap:20px}.site-footer>span{display:none}}@media (max-width:800px){.site-header{height:70px}.header-inner{padding:0 6%}.site-header nav{gap:25px}.hero{grid-template-columns:1fr;min-height:0;padding:55px 6% 65px;overflow:hidden}.hero-copy{text-align:center;padding:0}.hero-copy>.eyebrow{font-size:9px}.hero h1{letter-spacing:-1.5px;margin:22px 0;font-size:44px;line-height:1.4}.hero-copy>p{font-size:12px}.hero-actions,.hero-benefits{justify-content:center}.hero-actions{gap:25px;margin-top:29px}.hero-benefits{margin-top:20px}.hero-visual{width:90%;height:440px;margin:-10px auto -5px}.hero-bottom{bottom:21px;left:6%;right:6%}.visual-index{display:none}.orbit-one{width:80%;top:5%;left:10%}.orbit-two{width:100%;top:0;left:0}.scene-hint{font-size:9px;bottom:0}.section{width:88%}.collection{padding-top:55px;padding-bottom:55px}.section-heading h2{font-size:28px}.section-heading{margin-bottom:28px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 22px}.template-stage{aspect-ratio:1.08}.template-caption{padding:15px 1px}.template-caption h3{font-size:13px}.gallery-note{font-size:10px}.template-direction{font-size:8px;bottom:12px;left:10px}.template-stage .template-peek{opacity:1;padding:7px 10px;font-size:9px;bottom:9px;right:10px;transform:none}.how-section{padding:55px 0 60px}.steps{gap:25px}.step>svg{margin-bottom:22px}.step h3{font-size:15px}.step p{font-size:11px}.closing-cta{padding:55px 20px 60px}.closing-cta h2{font-size:30px}.site-footer{flex-wrap:wrap;padding:28px 6%}.site-footer>.brand{font-size:21px}.site-footer>div{gap:15px}.site-footer>small{text-align:right;width:100%;font-size:9px}.templates-page{padding-top:45px;padding-bottom:65px}.page-heading h1{font-size:31px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dashboard-page{padding-top:35px}.dashboard-heading h1{font-size:28px}.dashboard-heading{margin-bottom:25px}.heading-actions{gap:6px}.dashboard-toolbar{flex-wrap:wrap;margin-top:25px}.search-field input{width:150px}.editor-layout{grid-template-columns:270px 1fr;min-height:700px}.editor-topbar{padding:0 20px}.editor-topbar .save-indicator>span{display:none}.editor-canvas{padding:0 18px 25px}.canvas-toolbar{justify-content:center}.canvas-toolbar .segmented>button{padding:0 11px;font-size:9px}.editor-fields{padding:19px}.mini-templates{grid-template-columns:1fr}.preview-space{min-height:460px}.canvas-controls{gap:9px;padding:5px 7px}.canvas-controls>button{gap:4px;font-size:9px}.canvas-caption{font-size:9px}.editor-card-frame.portrait{width:min(100%,270px)}.phone-preview{border-width:5px;width:270px;max-width:100%}.phone-preview .profile-content{padding:0 18px 20px}.share-layout{grid-template-columns:1fr;gap:25px;max-width:600px;margin:auto}.share-heading{margin-bottom:30px}.share-heading h1{font-size:27px}.share-preview{min-height:380px;padding:45px}.share-panel{padding:3px 25px}.share-preview>.namecard.portrait{max-width:270px}.login-page{gap:38px;min-height:500px;margin-bottom:60px}.login-art{height:500px;padding:30px}.login-art>i{letter-spacing:-2px;margin-top:130px;font-size:48px}.login-panel h1{font-size:28px}.login-box{margin-top:28px}.new-card-layout{grid-template-columns:1fr 1fr;gap:30px}.new-card-preview{min-height:350px;padding:25px}.new-card-layout h1{font-size:30px}.admin-stats{gap:10px}.admin-stats>div{padding:18px 14px}.admin-stats strong{font-size:29px}.admin-columns{gap:15px}.admin-section{padding:21px}.report-row{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.brand{gap:10px;font-size:24px}.brand-mark i{width:11px;height:18px}.header-inner{gap:8px}.header-login{margin-left:auto;margin-right:0}.header-account{gap:8px}.header-account-name{max-width:80px}.header-account~.header-cta{display:none}.header-cta{margin-left:0;min-height:33px!important;padding:0 12px!important;font-size:10px!important}.header-cta svg{display:none}.site-header nav{border-bottom:1px solid var(--line);background:#fffdf8;padding:15px 6%;display:none;position:absolute;top:69px;left:0;right:0}.site-header nav.open{flex-direction:column;align-items:flex-start;gap:0;display:flex}.site-header nav>a{width:100%;padding:14px 0;display:block}.mobile-menu{width:30px;height:30px;display:flex}.hero{padding-top:43px;padding-bottom:62px}.hero h1{letter-spacing:-1px;margin:20px 0 16px;font-size:34px;line-height:1.5}.hero-copy>p{letter-spacing:.5px;font-size:11px}.hero-actions{gap:22px;margin-top:27px}.hero-actions .button{gap:10px;min-height:44px;padding:0 21px;font-size:12px}.hero-actions .text-button{font-size:11px}.hero-benefits{gap:15px;margin-top:17px;font-size:9px}.hero-visual{width:112%;height:355px;margin:-4px -6% -3px}.scene-hint{bottom:0}.hero-bottom{letter-spacing:1.3px;font-size:7px;bottom:20px}.hero-bottom>span:last-child{letter-spacing:.5px;font-size:8px}.orbit-one{width:75%;top:9%;left:12.5%}.orbit-two{width:95%;top:1%;left:2.5%}.flat-hero>div{width:40%;top:9%;left:14%}.flat-hero>div:last-child{width:35%;top:20%;left:52%}.eyebrow{letter-spacing:1.5px;font-size:8px}.section-heading h2{margin-top:11px;font-size:25px}.section-heading>.text-button{gap:5px;font-size:10px}.section-heading{gap:10px}.collection{padding-top:42px;padding-bottom:40px}.gallery-toolbar{margin-bottom:20px}.segmented>button{min-height:29px;padding:0 13px;font-size:10px}.gallery-note{display:none}.template-grid{gap:16px 14px}.template-stage{aspect-ratio:.87;border-radius:6px}.gallery-card.landscape{width:83%;transform:rotate(-9deg)}.gallery-card.portrait{width:55%;transform:rotate(6deg)}.template-stage .template-peek{display:none}.template-direction{font-size:7px;bottom:10px;left:9px}.template-caption{padding:13px 0}.template-caption .eyebrow{letter-spacing:.9px;font-size:6px}.template-caption h3{margin-top:5px;font-size:12px}.round-link{width:29px;height:29px}.round-link>svg{width:15px}.how-section{padding:43px 0 40px}.steps{grid-template-columns:1fr;gap:23px;padding-top:0}.step{grid-template-columns:32px 1fr 30px;align-items:center;column-gap:15px;padding-top:23px;display:grid}.step>.step-number{text-align:right;grid-area:1/3/3;align-self:start;font-size:19px}.step>svg{grid-area:1/1/3;width:22px;margin:0}.step h3{grid-column:2;margin:0;font-size:14px}.step p{grid-column:2;margin-top:8px;font-size:10px}.closing-cta{padding:45px 20px 50px}.closing-cta h2{margin:16px 0 23px;font-size:26px;line-height:1.6}.closing-cta .button{min-height:43px;font-size:11px}.site-footer{gap:13px;padding:25px 6%}.site-footer>.brand{font-size:20px}.site-footer>div{gap:16px;font-size:9px}.site-footer>small{margin-top:5px;font-size:8px}.page-heading{margin-bottom:30px}.page-heading h1{margin:13px 0 14px;font-size:27px;line-height:1.5}.page-heading p{font-size:10px}.templates-page{padding-top:35px}.dialog{max-height:88svh}.dialog-content{padding:21px}.dialog h2{font-size:17px}.modal-template{padding:35px 5%}.modal-template.portrait .namecard{width:57%;min-width:0}.preview-controls{font-size:9px}.preview-controls .text-button{font-size:10px}.dashboard-heading h1{font-size:26px}.heading-count{margin-left:9px;padding:2px 7px;font-size:9px}.heading-actions .button{gap:6px;min-height:36px;padding:0 11px;font-size:10px}.heading-actions .icon-button{width:28px;height:30px}.heading-actions .icon-button>svg{width:17px}.dashboard-grid{grid-template-columns:1fr;gap:22px}.dashboard-card-preview{aspect-ratio:1.4;padding:38px 35px}.dashboard-card-meta{padding:19px}.dashboard-card-meta h2{font-size:16px}.dashboard-card-meta p{font-size:10px}.dashboard-card-footer{margin:0 19px}.dashboard-toolbar{gap:18px;margin-bottom:24px}.dashboard-toolbar>.segmented{justify-content:space-between;width:100%}.dashboard-toolbar>.segmented>button{flex:1;padding:0 10px}.search-field{width:100%}.search-field>input{width:100%;font-size:12px}.empty-state{min-height:360px;padding:30px 10px}.empty-state h2{font-size:23px}.empty-state p{font-size:11px}.cards-loading{grid-template-columns:1fr}.cards-loading .skeleton:not(:first-child){display:none}.new-card-layout{grid-template-columns:1fr;gap:30px;margin:25px 0}.new-card-preview{min-height:300px;padding:45px 25px}.new-card-preview.portrait>.namecard{max-width:200px}.new-card-layout>div:last-child{padding:0 10px}.new-card-layout h1{margin:14px 0;font-size:28px}.new-card-layout .button{width:100%;margin-top:22px}.new-card-page>.text-button{font-size:11px}.login-header{padding:25px 6%}.login-header>.text-button{font-size:10px}.login-page{grid-template-columns:1fr;justify-items:center;gap:0;width:88%;min-height:60svh;margin:40px auto 70px}.login-art{display:none}.login-panel{width:100%;max-width:360px}.login-panel h1{font-size:34px}.login-panel>.eyebrow{font-size:9px}.login-box{margin-top:40px}.login-box h2{font-size:17px}.login-box>p{font-size:12px}:is(body:has(.editor-page) .site-header,body:has(.editor-page) .site-footer,body:has(.editor-page) .account-link-notice,body:has(.share-page) .site-header,body:has(.share-page) .site-footer,body:has(.share-page) .account-link-notice){display:none!important}.editor-topbar{height:52px;padding:env(safe-area-inset-top,0) 14px 0;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-topbar .topbar-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.editor-topbar .topbar-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:14px;font-weight:500;overflow:hidden}.editor-topbar .save-indicator{color:var(--quiet);background:#0000000a;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.editor-topbar .save-indicator.unsaved{color:#b2785e;background:#b2785e1a}.editor-topbar .desktop-save-btn,.editor-topbar .desktop-publish-btn{display:none!important}.editor-layout{min-height:auto;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));display:block}.editor-panel{border:0;display:block}.editor-panel-tabs{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex;position:sticky;top:0}.panel-tab-buttons{align-items:center;gap:20px;height:100%;display:flex}.panel-tab-buttons>button{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;height:100%;padding:0 4px;font-size:13px;font-weight:500;transition:color .15s;display:flex;position:relative}.panel-tab-buttons>button.active{color:var(--ink);font-weight:600}.panel-tab-buttons>button.active:after{content:"";background:var(--ink);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.mobile-quick-preview-btn{height:28px;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:5px;padding:0 12px;font-size:11px;font-weight:500;display:inline-flex;box-shadow:0 1px 3px #0000000a}.mobile-quick-preview-btn:active{transform:scale(.96)}.editor-fields{background:var(--bg);min-height:0;max-height:none;padding:16px 16px 40px;overflow:visible}.form-sections-wrapper{flex-direction:column;gap:16px;display:flex}.form-group-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 2px 8px #00000005}.form-group-title{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;margin-bottom:14px;padding-bottom:10px;display:flex}.form-group-title>span:first-child{color:var(--ink);font-size:14px;font-weight:600}.form-group-note{color:var(--muted);font-size:11px}.form-field{margin-bottom:14px;font-size:12px}.form-field:last-child{margin-bottom:0}.form-field input:not([type=checkbox]),.form-field textarea{border-radius:8px;min-height:42px;padding:9px 12px;font-size:16px}.visibility-toggle{padding:6px}.visibility-toggle>svg{width:16px;height:16px}.field-hint{font-size:10px}.editor-canvas.desktop-only{display:none}.mobile-bottom-action-bar{z-index:40;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #0000000d}.mobile-status-indicator{background:var(--surface);border:1px solid var(--line);height:42px;color:var(--muted);cursor:pointer;border-radius:21px;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:flex}.mobile-status-indicator:active{background:var(--line)}.mobile-status-indicator .clean-icon{color:#437a4a}.mobile-status-indicator .dirty-icon{color:#b2785e}.mobile-preview-trigger{background:var(--surface);border:1px solid var(--line);height:42px;color:var(--ink);cursor:pointer;border-radius:21px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:flex}.mobile-preview-trigger:active{transform:scale(.96)}.mobile-publish-cta{border:1px solid var(--ink);cursor:pointer;border-radius:22px;flex:1;justify-content:center;align-items:center;gap:6px;height:44px;font-size:14px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #282b2738;background:var(--ink)!important;color:#fffefa!important}.mobile-publish-cta>svg,.mobile-publish-cta>span{color:#fffefa!important}.mobile-publish-cta:active{opacity:.92;transform:scale(.97)}.mobile-fullscreen-modal{z-index:100;background:var(--bg);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-fullscreen-modal .modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 16px;display:flex}.modal-stage-body{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.modal-stage-body .editor-card-frame{-webkit-user-select:none;user-select:none;width:min(100%,300px);margin:0 auto;touch-action:none!important}.modal-footer-toolbar{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;align-items:center;gap:8px;padding:14px 16px 20px;display:flex}.modal-tools{align-items:center;gap:12px;display:flex}.modal-tip-caption{color:var(--quiet);font-size:11px}.dialog{overscroll-behavior:contain;width:100%;max-width:none;max-height:88svh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;margin:0;position:fixed;inset:auto 0 0}.dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.hero-copy{animation-duration:.36s}.canvas-controls>button{min-height:36px}.preview-space{min-height:460px;padding:20px 0 30px}.editor-card-frame.portrait{width:255px}.canvas-controls{gap:15px;padding:5px 12px}.canvas-controls>button{font-size:10px}.canvas-caption{font-size:9px}.mini-templates{grid-template-columns:1fr 1fr}.mini-templates>button{padding:13px;font-size:11px}.color-swatches{gap:17px}.color-swatches>button{width:28px;height:28px}.font-options>button{padding:15px;font-size:12px}.color-input{padding:10px}.recovery-banner{gap:14px;font-size:10px}.phone-preview{width:295px}.share-heading{align-items:flex-start;margin-top:28px}.share-heading h1{max-width:260px;font-size:24px;line-height:1.6}.share-heading>.status-badge{margin-top:25px;padding:5px 8px;font-size:9px}.share-layout{gap:22px}.share-preview{min-height:290px;padding:33px 25px 22px}.share-preview>.namecard.portrait{max-width:240px}.share-preview>.microcopy{text-align:center;font-size:9px;line-height:1.8}.share-panel{padding:0 21px}.share-panel>section{padding:22px 0}.copy-link>input{font-size:11px}.share-panel .field-hint{font-size:9px}.qr-share{gap:18px}.qr-holder{width:90px;height:90px}.public-page{background:#fffefa;justify-content:flex-start;padding:0}.public-card-shell{max-width:100%;box-shadow:none;border:0;border-radius:0}.profile-cover{height:160px}.profile-content{padding:0 28px 25px}.public-actions{padding:8px 28px 25px}.public-powered{margin:20px 0 30px}.profile-content h1{font-size:29px}.contact-link>strong{font-size:13px}.public-page .dialog .form-field input,.public-page .dialog .form-field textarea{font-size:16px}.state-page{min-height:65svh;padding:70px 20px}.state-page h1{font-size:27px}.state-page p{font-size:11px;line-height:1.9}.settings-page{padding-top:30px;padding-bottom:60px}.settings-page .page-heading{margin:30px 0}.settings-box{padding:0 19px}.settings-row{align-items:flex-start;padding:25px 0}.settings-row h3{font-size:12px}.settings-row p{max-width:200px;font-size:10px}.settings-row>.button{min-height:34px;padding:0 12px}.settings-row>div:last-child>.text-button{white-space:nowrap;margin-left:10px;font-size:10px}.settings-row:has(h3):nth-child(2){flex-direction:column;gap:15px}.legal-page{margin:40px auto 60px}.legal-page h1{font-size:29px}.legal-page h2{margin-top:29px;font-size:16px}.legal-page p{font-size:12px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:10px}.admin-stats>div{padding:16px 13px}.admin-stats span{font-size:9px}.admin-stats strong{margin-top:12px;font-size:26px}.admin-columns{grid-template-columns:1fr;gap:0}.admin-section{padding:20px}.report-row small{word-break:break-all;line-height:1.8}.audit-table>div{grid-template-columns:1fr 1.5fr;gap:10px;font-size:10px}.audit-table time{grid-column:2;font-size:9px}.toast-zone{bottom:18px}.toast{gap:8px;padding:13px;font-size:11px}.toast>span{max-width:250px;line-height:1.7}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-property:opacity,background-color,color!important;transition-duration:.12s!important;animation:none!important}.hero-copy{opacity:1;transform:none}.gallery-card,.button:active,button:active{transform:none!important}.scene-hint:active{transform:translate(-50%)!important}.spinner{opacity:.65}.loading-dot{background:#8f9e7e}.flat-hero>div{transform:rotate(-7deg)}.flat-hero>div:last-child{transform:rotate(7deg)}}.card-wordmark{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.namecard.dense.landscape .card-person h2{font-size:4.2cqw}.namecard.dense.landscape .card-person p{font-size:1.5cqw}.namecard.dense.landscape .card-bio{margin-top:1.3cqw;font-size:1.25cqw}.namecard.dense.landscape .card-contacts>div{font-size:1.15cqw}.namecard.dense.landscape .card-bottom{padding-top:1.5cqw}.namecard.dense.portrait .card-person h2{font-size:8cqw}.namecard.dense.portrait .card-person p{font-size:2.7cqw}.namecard.dense.portrait .card-bio{font-size:2.6cqw}.namecard.dense.portrait .card-contacts>div{font-size:1.9cqw}.flip-card{transform-style:preserve-3d;position:relative}.card-face{backface-visibility:hidden}.card-back-face{position:absolute;inset:0;transform:rotateY(180deg)}html[data-ningan-app=true] .site-header,html[data-ningan-app=true] .site-footer,html[data-ningan-app=true] .account-link-notice{display:none!important}html[data-ningan-app=true] .editor-page{min-height:100svh}html[data-ningan-app=true] .dashboard-page,html[data-ningan-app=true] .template-page,html[data-ningan-app=true] .share-page{padding-top:calc(16px + env(safe-area-inset-top,0px))}html[data-hide-nav=true] .editor-topbar{display:none!important}html[data-hide-nav=true] .editor-page{padding-top:0!important}html[data-hide-nav=true] .dashboard-page,html[data-hide-nav=true] .template-page,html[data-hide-nav=true] .share-page{padding-top:16px!important}html[data-ningan-app=true]{--bg:#f7f7f7;--surface:#fff;--ink:#1a1a1a;--fg:#1a1a1a;--muted:#766965;--quiet:#8c8c8c;--line:#efeae6;--accent:#ff7a00;--app-primary:#ff7a00;--app-primary-active:#e65320;--app-primary-light:#fff7ef;--app-fill:#f6f1ef;--app-danger:#ef4444;background:var(--bg)}html[data-ningan-app=true] body{background:var(--bg)}html[data-ningan-app=true] .section{width:auto;max-width:none;margin:0;padding:0 16px}html[data-ningan-app=true] .dashboard-page,html[data-ningan-app=true] .template-page,html[data-ningan-app=true] .share-page{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}html[data-ningan-app=true] .button{background:var(--app-primary);border:1px solid var(--app-primary);color:#fff;box-shadow:none;border-radius:24px;font-size:14px;font-weight:600}html[data-ningan-app=true] a.button:active,html[data-ningan-app=true] .button:active{background:var(--app-primary-active);border-color:var(--app-primary-active);opacity:1}html[data-ningan-app=true] .button.small{border-radius:17px;min-height:34px;padding:0 15px;font-size:12px}html[data-ningan-app=true] .button.secondary{background:var(--app-fill);border-color:var(--app-fill);color:var(--ink)}html[data-ningan-app=true] .button.danger{background:var(--app-danger);border-color:var(--app-danger)}html[data-ningan-app=true] .text-button{color:var(--app-primary)}html[data-ningan-app=true] .icon-button{background:var(--app-fill);color:var(--ink);border-radius:12px}html[data-ningan-app=true] .segmented{background:var(--app-fill);border:none;border-radius:10px;padding:3px}html[data-ningan-app=true] .segmented>button{color:var(--muted);background:0 0;border:none;border-radius:8px;font-size:12px}html[data-ningan-app=true] .segmented>button.selected{color:var(--ink);background:#fff;border:none;box-shadow:0 1px 4px #00000014}html[data-ningan-app=true] .search-field{background:var(--app-fill);color:var(--muted);border:none;border-radius:10px;padding:9px 12px}html[data-ningan-app=true] .search-field input{color:var(--ink);font-size:13px}html[data-ningan-app=true] .search-field input::placeholder{color:#b3a49c}html[data-ningan-app=true] .form-field input:not([type=checkbox]),html[data-ningan-app=true] .form-field textarea{background:var(--app-fill);color:var(--ink);border:none;border-radius:10px}html[data-ningan-app=true] .form-field input:not([type=checkbox]):focus,html[data-ningan-app=true] .form-field textarea:focus{outline:none;box-shadow:0 0 0 2px #ff7a0040}html[data-ningan-app=true] .form-field input::placeholder,html[data-ningan-app=true] .form-field textarea::placeholder{color:#b3a49c}html[data-ningan-app=true] .form-group-card{background:var(--surface);border:none;border-radius:16px;box-shadow:0 2px 20px #0000000d}html[data-ningan-app=true] .editor-topbar{background:var(--surface)}html[data-ningan-app=true] .panel-tab-buttons>button.active,html[data-ningan-app=true] .editor-panel-tabs>button.active{color:var(--ink)}html[data-ningan-app=true] .panel-tab-buttons>button.active:after,html[data-ningan-app=true] .editor-panel-tabs>button.active:after{background:var(--app-primary)}html[data-ningan-app=true] .mini-templates>button.active,html[data-ningan-app=true] .font-options>button.active{border-color:var(--app-primary);color:var(--ink)}html[data-ningan-app=true] .mini-templates>button.active>svg{color:var(--app-primary)}html[data-ningan-app=true] .color-swatches>button.active:after{border-color:var(--app-primary)}html[data-ningan-app=true] .dialog{background:var(--surface);border:none;border-radius:20px;box-shadow:0 20px 60px #0000002e}html[data-ningan-app=true] .dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0006}html[data-ningan-app=true] .toast{color:#fff;box-shadow:none;background:#000000b8;border:none;border-radius:12px}html[data-ningan-app=true] .toast>svg{color:#fff}html[data-ningan-app=true] .toast.error>svg{color:#ffb4a8}html[data-ningan-app=true] .toast>button{color:#ffffffb3}html[data-ningan-app=true] .dashboard-card{background:var(--surface);border:none;border-radius:16px;box-shadow:0 2px 20px #0000000d}html[data-ningan-app=true] .status-badge{color:var(--muted);background:#f6f1efeb;border:none;border-radius:6px;font-size:10px}html[data-ningan-app=true] .status-badge.published{color:#1f9254}html[data-ningan-app=true] .status-badge.paused{color:#b8863b}html[data-ningan-app=true] .dashboard-heading .eyebrow{display:none}html[data-ningan-app=true] .heading-count{color:var(--app-primary)}html[data-ningan-app=true] .mobile-publish-cta{box-shadow:0 4px 14px #ff7a0047;background:var(--app-primary)!important;border-color:var(--app-primary)!important}html[data-ningan-app=true] .mobile-status-indicator .clean-icon{color:#1f9254}html[data-ningan-app=true] .mobile-status-indicator .dirty-icon{color:var(--app-primary-active)}html[data-ningan-app=true] .login-header,html[data-ningan-app=true] .login-art,html[data-ningan-app=true] .login-panel>.eyebrow{display:none}html[data-ningan-app=true] .login-page{width:auto;max-width:none;padding:28px 24px calc(40px + env(safe-area-inset-bottom,0px));box-sizing:border-box;min-height:70svh;margin:0;display:block}html[data-ningan-app=true] .login-panel{max-width:none}html[data-ningan-app=true] .login-panel h1{letter-spacing:0;margin-top:0;font-size:22px;font-weight:600;line-height:1.45}html[data-ningan-app=true] .login-box{background:var(--surface);border-top:none;border-radius:16px;margin-top:24px;padding:24px 20px;box-shadow:0 2px 20px #0000000d}html[data-ningan-app=true] .login-box h2{font-size:15px;font-weight:600}html[data-ningan-app=true] .login-box .form-field>span{color:var(--muted);font-size:13px}html[data-ningan-app=true] .editor-topbar{display:none!important}html[data-ningan-app=true] .editor-fields{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}html[data-ningan-app=true] .share-page>.text-button,html[data-ningan-app=true] .settings-page>.text-button,html[data-ningan-app=true] .admin-page>.text-button,html[data-ningan-app=true] .share-heading .eyebrow,html[data-ningan-app=true] .page-heading .eyebrow{display:none}html[data-ningan-app=true] .dashboard-heading{margin-bottom:20px}html[data-ningan-app=true] .dashboard-heading h1{letter-spacing:0;font-size:20px;font-weight:600}html[data-ningan-app=true] .dashboard-card-meta h2{font-size:15px;font-weight:600}