@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#172239;background:#f5f7fc}body{margin:0}.application{min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#e9edfa,transparent 42%),#f7f9fc}.shell{max-width:1260px;margin:auto;padding:26px 24px 14px}.app-title{display:flex;align-items:center;gap:11px;margin:0 0 17px}.app-title strong{font-size:18px;letter-spacing:-.4px}.app-title p{margin:3px 0 0;color:#7c8a9f;font-size:11px}.brand-dot{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#141e32;color:#fff;font-size:14px;font-weight:900;letter-spacing:-1px}.progress{display:flex;gap:8px;margin-bottom:20px}.progress span{padding:9px 15px;background:#edf1f7;color:#8290a5;border-radius:30px;font-size:11px;font-weight:750}.progress .on{background:#e8eefb;color:#285eaf}.progress .done{background:#e4f5ec;color:#188a5e}.alert{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;background:#fff1f2;color:#b23b43;border:1px solid #f5cbd0;border-radius:12px;margin-bottom:14px;font-size:13px}.alert button{border:0;background:transparent;color:inherit}.details-panel,.control-panel,.preview-panel,.result-panel{background:#fff;border:1px solid #e2e8f2;border-radius:22px;box-shadow:0 12px 40px #3545690b}.details-panel{max-width:790px;margin:auto;padding:27px 32px}.panel-heading h1{font-size:26px;margin:0 0 6px;letter-spacing:-1px}.panel-heading p{font-size:12px;color:#77869b;margin:0 0 22px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field span{font-size:12px;font-weight:700;color:#314462}.field input{width:100%;min-height:43px;border:1px solid #dae2ee;border-radius:10px;padding:10px 12px;background:#fafcff;outline:none;font-size:13px;color:#1a2943}.field input:focus{border-color:#6e9fe5;box-shadow:0 0 0 3px #dcebff}.bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px}.bottom-actions>span{font-size:11px;color:#7b8ba1}.primary,.secondary,.whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;min-height:44px;padding:11px 17px;border:0;font-size:12px;font-weight:800}.primary{background:#192a4a;color:#fff;box-shadow:0 5px 14px #18284720}.primary:hover{background:#284674}.primary:disabled{opacity:.55}.secondary{background:#fff;color:#344c72;border:1px solid #d9e3f0}.whatsapp{background:#0b995f;color:#fff}.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr);align-items:start;gap:22px}.control-panel{overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e5ebf4;padding:8px;gap:3px}.tabs button{display:flex;justify-content:center;align-items:center;gap:7px;background:transparent;border:0;border-radius:9px;min-height:40px;color:#687b95;font-size:12px;font-weight:800}.tabs button.active{color:#214f96;background:#eaf1fc}.control-content{padding:19px 22px 15px;max-height:635px;overflow-y:auto;scrollbar-color:#cbd7ea transparent}.section-label{font-weight:800;color:#283c59;font-size:12px;margin:13px 0 10px}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.palette-item{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid #dae3ee;border-radius:11px;padding:9px 8px;background:#fff;color:#40536f;font-size:11px;font-weight:700}.palette-item.active,.draw-grid button.active,.animation-grid button.active{border-color:#427cd4;background:#ecf3ff;color:#1559ac}.palette-item>span{width:27px;height:27px;border:2px solid;display:block;border-radius:9px;flex-shrink:0}.color-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.color-controls label,.color-pick{display:flex;align-items:center;justify-content:space-between;border:1px solid #dae3ee;border-radius:9px;padding:8px;color:#566b85;font-size:11px;min-height:42px}.color-controls input,.color-pick input,.stacked input[type=color]{width:36px;height:32px;border-radius:6px;border:1px solid #a5b4c7;padding:2px;background:#fff;cursor:pointer}.stacked{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#677b94;margin-bottom:12px}.stacked select,.stacked input:not([type=color]){width:100%;min-height:37px;border:1px solid #dce5f0;background:#f9fbff;color:#283c59;padding:7px;border-radius:9px;outline:none}.animation-grid,.draw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.animation-grid button,.draw-grid button{border:1px solid #dce5ef;border-radius:9px;background:#fff;padding:10px 5px;font-size:11px;font-weight:700;color:#485c77}.range{display:flex;flex-direction:column;gap:7px;margin:10px 0;font-size:11px;color:#5a6f8b}.range span{display:flex;justify-content:space-between}.range b{color:#2968be}.range input{width:100%;accent-color:#376fc5}.upload-row{display:flex;align-items:center;gap:8px;margin:10px 0}.upload-row>label{display:flex;align-items:center;gap:10px;border:1px dashed #cfdbee;border-radius:12px;padding:9px 10px;flex:1;min-width:0;cursor:pointer;background:#fafcff}.upload-row>label>span:nth-child(2){flex:1;min-width:0}.upload-row b{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#273b59}.upload-row small{font-size:10px;color:#8898ab;display:block;margin-top:4px}.upload-row>button{width:36px;height:36px;border:1px solid #f2d4d9;background:#fff5f5;color:#b64d58;border-radius:9px}.upload-thumb{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:9px;overflow:hidden;background:#eef3fb;color:#7390b6}.upload-thumb img{width:100%;height:100%;object-fit:cover}.hint{font-size:11px;line-height:1.65;color:#7789a1;margin:4px 0 15px}.label-with-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.label-with-action>button{display:flex;align-items:center;gap:4px;color:#2466b5;background:#eef5ff;border:0;border-radius:8px;padding:7px 9px;font-size:11px}.layer-list{max-height:230px;overflow:auto;border:1px solid #e5ebf3;border-radius:11px}.layer-row{display:flex;justify-content:space-between;align-items:center;gap:5px;border-bottom:1px solid #edf1f6;padding:4px 8px}.layer-row:last-child{border-bottom:0}.layer-row.active{background:#eaf2ff}.layer-row button{border:0;background:transparent;color:#506683;font-size:11px;min-height:29px}.layer-row .layer-name{text-align:left;flex:1}.inspector{margin-top:15px;border-top:1px solid #e7ecf4;padding-top:7px}.two-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.inspector-actions,.draw-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.inspector-actions button,.draw-actions button{display:flex;align-items:center;gap:5px;border:1px solid #dfe7ef;border-radius:9px;padding:8px 10px;background:#fff;color:#496081;font-size:11px}.danger{display:flex;align-items:center;gap:5px;color:#ae4752!important;border:1px solid #f0d4d9!important;background:#fff6f6!important;padding:8px 10px;border-radius:8px;font-size:11px}.editor-footer{display:flex;justify-content:space-between;gap:8px;padding:13px 18px;border-top:1px solid #e5ebf4}.preview-panel{padding:18px 22px 23px;position:sticky;top:15px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,#fff,#f6f8fd)}.preview-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;margin-bottom:18px}.preview-top>span{display:flex;align-items:center;gap:8px;color:#56718f;font-size:10px;letter-spacing:1px;font-weight:800}.live-light{background:#24b686;border-radius:50%;height:7px;width:7px;box-shadow:0 0 0 4px #def8ed}.side-toggle{display:flex;background:#eaf0f9;border-radius:9px;padding:3px;gap:3px}.side-toggle button{padding:8px 13px;border:0;background:transparent;border-radius:7px;color:#61768e;font-size:11px;font-weight:800}.side-toggle .active{background:#fff;color:#1c4e9c;box-shadow:0 2px 7px #1d3f651a}.edit-card,.result-card{width:min(100%,360px)}.edit-card .card-surface{margin:auto}.preview-foot{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:18px}.preview-foot p{margin:0;color:#8a9bb0;font-size:11px;text-align:center}.mode-toggle{display:flex;background:#e8eef7;border-radius:10px;padding:4px;gap:4px}.mode-toggle button{display:flex;gap:7px;align-items:center;padding:8px 16px;border:0;border-radius:8px;background:transparent;font-size:11px;font-weight:800;color:#6a7c96}.mode-toggle button.active{background:#fff;color:#205ca8}.card-surface{position:relative;isolation:isolate;width:100%;aspect-ratio:360/580;container-type:inline-size;border-radius:23px;overflow:hidden;outline:1px solid #dec18c;box-shadow:0 22px 46px #13284b2b;background:#07111e;color:var(--ink);touch-action:none;user-select:none;-webkit-user-select:none}.card-base{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 10%,#ffffff27,transparent 55%),linear-gradient(158deg,var(--second),var(--base) 68%);z-index:0}.card-image-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;z-index:1}.card-image-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#040914;z-index:2}.card-gloss{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(125deg,transparent 31%,#ffffff0d 52%,transparent 73%)}.card-surface.shimmer-style .card-gloss{animation:cardShimmer 5s ease-in-out infinite}.draw-board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;touch-action:none}.draw-board.enabled{pointer-events:auto;cursor:crosshair}.card-item{position:absolute;z-index:4;min-width:0;display:flex;align-items:center;justify-content:stretch;touch-action:none;user-select:none;-webkit-user-select:none}.card-item.chosen{outline:1px dashed #f3d992;outline-offset:2px;background:#ffffff0b;z-index:6}.element-text{width:100%;max-height:100%;line-height:1.18;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.image-wrap{width:100%;height:100%;overflow:hidden;border:2px solid var(--accent);background:#ffffff16}.image-wrap img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.image-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:8cqw;color:#ffffffad;font-weight:800;letter-spacing:1px}.qr-holder{width:100%;height:100%;background:#fff;border-radius:11px;padding:5%;display:flex;justify-content:center;align-items:center}.qr-holder svg{width:100%;height:100%;display:block}.resize-handle{position:absolute;z-index:10;width:16px;height:16px;border:3px solid white;background:#2d74d4;border-radius:50%;right:-7px;bottom:-7px;touch-action:none;cursor:nwse-resize;box-shadow:0 2px 7px #0006}.tap-tip{position:absolute;z-index:7;left:0;right:0;bottom:1.3%;text-align:center;font-size:2.2cqw;color:#d9c293a8;letter-spacing:2px;pointer-events:none}.flip-3d{perspective:1350px;width:100%;aspect-ratio:360/580;cursor:pointer;border-radius:23px;outline-offset:6px}.flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.2,1)}.flip-inner.flipped{transform:rotateY(180deg)}.flip-vertical .flip-inner.flipped,.flip-vertical .back-side{transform:rotateX(180deg)}.flip-quick .flip-inner{transition-duration:.38s}.flip-soft .flip-inner{transition-duration:1.3s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.flip-side{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-side.back-side{transform:rotateY(180deg)}.flip-side .card-surface{height:100%;pointer-events:none}.flip-3d.anim-float{animation:cardFloat 4s ease-in-out infinite}.flip-3d.anim-glow{animation:cardGlow 3s ease-in-out infinite}.flip-3d.anim-pulse{animation:cardPulse 4s ease-in-out infinite}.flip-3d.anim-shimmer .card-gloss{animation:cardShimmer 5s infinite}.result-panel{max-width:600px;margin:0 auto;padding:23px 25px 25px;display:flex;flex-direction:column;align-items:center}.result-top{text-align:center;margin-bottom:16px}.result-top h1{font-size:24px;letter-spacing:-1px;margin:12px 0 4px}.result-top p{color:#8191a5;font-size:12px;margin:0}.success-pill{display:inline-flex;align-items:center;gap:7px;background:#e6f7ef;border-radius:20px;color:#16845e;padding:7px 13px;font-size:11px;font-weight:800}.flip-link{display:flex;gap:8px;align-items:center;border:0;background:transparent;color:#566e91;font-weight:750;font-size:12px;padding:14px 5px}.card-actions{width:min(100%,400px);display:grid;grid-template-columns:1fr 1fr;gap:10px}.smaller-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 16px;margin-top:15px}.smaller-actions button{display:flex;gap:6px;align-items:center;border:0;background:transparent;color:#536d90;font-size:11px;padding:8px 0}.storage-info{width:min(100%,400px);border-top:1px solid #e3e9f3;margin-top:19px;padding-top:12px;font-size:11px;color:#6b7d97}.storage-info p{line-height:1.6}.storage-info summary{cursor:pointer}.install-tip,.qr-note{font-size:10px;color:#8392a7;line-height:1.6;text-align:center;max-width:410px}.install-tip{padding:10px;border-radius:9px;background:#f0f5ff;color:#395c88}.footer{font-size:10px;color:#9aa6b6;text-align:center;padding:23px 0 6px}.footer strong{color:#6981a4}.splash{display:grid;place-items:center;min-height:100vh;color:#526b8e}@keyframes cardFloat{50%{transform:translateY(-7px)}}@keyframes cardGlow{50%{filter:drop-shadow(0 0 17px #e9c88888)}}@keyframes cardPulse{50%{transform:scale(1.015)}}@keyframes cardShimmer{0%,70%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:950px){.studio{grid-template-columns:1fr}.preview-panel{order:-1;position:static}.control-content{max-height:none}.preview-panel{padding:18px}.shell{padding:20px 16px}.details-panel{padding:22px}}@media(max-width:540px){.shell{padding:14px 10px}.app-title strong{font-size:16px}.progress span{flex:1;text-align:center;padding:9px 4px;font-size:10px}.details-panel{padding:18px}.details-grid{grid-template-columns:1fr;gap:12px}.bottom-actions{flex-direction:column;align-items:stretch}.bottom-actions span{text-align:center}.preview-panel,.control-panel,.result-panel{border-radius:16px}.tabs button{gap:3px;font-size:10px;flex-direction:column}.control-content{padding:14px}.palette-grid{grid-template-columns:repeat(2,1fr)}.palette-item{font-size:10px}.preview-top>span{letter-spacing:.3px;font-size:9px}.preview-top{gap:5px}.preview-panel{padding:14px 10px 19px}.editor-footer{padding:12px;gap:8px}.editor-footer button{padding:10px;font-size:11px}.result-panel{padding:19px 12px}.result-top h1{font-size:21px}.card-actions{grid-template-columns:1fr}.result-card,.edit-card{width:min(100%,360px)}.animation-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.flip-inner{transition:none}.flip-3d,.card-gloss{animation:none!important}}:root{color-scheme:light}.application{background:radial-gradient(ellipse at 85% 8%,#e5eaf5 0,transparent 42%),radial-gradient(ellipse at 12% 80%,#f1eae0 0,transparent 43%),#f7f8fb}.details-panel,.control-panel,.preview-panel,.result-panel{border-color:#e7e9ee;box-shadow:0 18px 56px #18233911}.preview-panel{background:linear-gradient(155deg,#fff,#f8f9fb 78%)}.card-surface{border:1px solid color-mix(in srgb,var(--accent) 62%,#c6ad82);outline:1px solid rgba(255,255,255,.24);outline-offset:-5px;border-radius:27px;background:var(--base);box-shadow:0 1px 1px #ffffff26 inset,0 15px 28px #060d1a26,0 36px 70px #060d1a36;user-select:none;-webkit-user-select:none}.card-base{background:radial-gradient(ellipse at 12% -4%,rgba(255,255,255,.28) 0,rgba(255,255,255,.06) 21%,transparent 49%),radial-gradient(ellipse at 103% 22%,color-mix(in srgb,var(--accent) 19%,transparent) 0,transparent 45%),radial-gradient(ellipse at -22% 93%,color-mix(in srgb,var(--second) 70%,transparent) 0,transparent 56%),linear-gradient(152deg,color-mix(in srgb,var(--second) 80%,#0c172b),var(--base) 67%,color-mix(in srgb,var(--base) 78%,#02060f));z-index:0;pointer-events:none}.card-base:before{content:"";position:absolute;width:115%;aspect-ratio:1;right:-68%;top:-30%;border:1.5px solid color-mix(in srgb,var(--accent) 50%,transparent);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 18px #ffffff04,0 0 0 42px #ffffff03,0 0 30px color-mix(in srgb,var(--accent) 10%,transparent);opacity:.74}.card-base:after{content:"";position:absolute;width:145%;height:44%;bottom:-25%;left:-24%;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;transform:rotate(-24deg);box-shadow:0 -15px 52px #ffffff06}.card-image-bg{z-index:1;background-repeat:no-repeat}.card-image-shade{z-index:2;background:linear-gradient(155deg,#020612,#050d1b 56%,#020611)}.card-gloss{z-index:3;background:linear-gradient(116deg,transparent 2%,rgba(255,255,255,.09) 21%,transparent 37%),linear-gradient(174deg,rgba(255,255,255,.06),transparent 28%,rgba(0,0,0,.15) 90%);pointer-events:none}.card-gloss:before{content:"";position:absolute;height:1px;width:73%;top:16%;right:-13%;transform:rotate(-29deg);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 53%,transparent),transparent);opacity:.65}.card-gloss:after{content:"";position:absolute;left:5%;right:5%;bottom:4%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 30%,transparent),transparent)}.card-surface .kind-logo .image-wrap{border:0!important;background:transparent!important;border-radius:0!important;overflow:visible;box-shadow:none!important}.card-surface .kind-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 9px rgba(0,0,0,.22))}.card-surface .kind-logo .image-placeholder{font-size:5.1cqw;color:var(--accent);text-shadow:0 4px 10px rgba(0,0,0,.2)}.card-surface .kind-photo .image-wrap{border:2.5px solid color-mix(in srgb,var(--accent) 88%,#fff);background:linear-gradient(140deg,var(--second),var(--base));box-shadow:0 0 0 5px #ffffff12,0 0 0 7px color-mix(in srgb,var(--accent) 18%,transparent),0 14px 32px #0000005c,0 0 40px color-mix(in srgb,var(--accent) 13%,transparent)}.card-surface .kind-photo img{object-fit:cover}.card-surface .kind-text .element-text{text-shadow:0 2px 11px rgba(0,0,0,.32);letter-spacing:-.015em;line-height:1.21}.card-surface .card-item{z-index:4}.card-surface .card-item.chosen{outline:1.5px dashed #f6db9d;background:#ffffff0a;z-index:6}.card-surface.viewing .card-item,.card-surface.viewing .element-text{user-select:none;-webkit-user-select:none}.card-surface .kind-qr .qr-holder{border:7px solid #fff;background:#fff;border-radius:19px;box-shadow:0 10px 38px #0000005c,0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent),0 0 38px color-mix(in srgb,var(--accent) 13%,transparent);padding:1.5%}.card-surface .kind-qr svg{display:block;width:100%;height:100%}.card-surface .tap-tip{bottom:1.5%;color:color-mix(in srgb,var(--accent) 65%,#fff);font-size:2.1cqw;font-weight:750;text-shadow:0 2px 10px #0008}.card-surface.editing .card-item{cursor:grab}.card-surface.editing .card-item:active{cursor:grabbing}.card-surface.editing .draw-board.enabled{cursor:crosshair}.card-surface.editing .card-base,.card-surface.editing .card-image-bg,.card-surface.editing .card-image-shade,.card-surface.editing .card-gloss{pointer-events:none}.flip-3d{perspective:1700px}.flip-inner{transition:transform .95s cubic-bezier(.18,.72,.22,1)}.flip-quick .flip-inner{transition-duration:.42s}.flip-soft .flip-inner{transition-duration:1.4s}.flip-3d:focus-visible{outline:2px solid #bb9654}.flip-3d.anim-float{animation:cardFloat 5s ease-in-out infinite}.flip-3d.anim-glow{animation:cardGlow 3.7s ease-in-out infinite}.flip-3d.anim-pulse{animation:cardPulse 4.4s ease-in-out infinite}.flip-3d.anim-shimmer .card-gloss,.card-surface.shimmer-style .card-gloss{animation:luxeShimmer 7s ease-in-out infinite}@keyframes luxeShimmer{0%,60%{opacity:.62;transform:translate(-15%)}85%{opacity:1;transform:translate(12%)}to{opacity:.62;transform:translate(-15%)}}.palette-item:hover,.animation-grid button:hover,.draw-grid button:hover,.tabs button:hover,.layer-row:hover,.side-toggle button:hover{filter:brightness(.98)}.primary{background:linear-gradient(125deg,#202e47,#0d192a);box-shadow:0 8px 23px #1220352b}.primary:hover{background:linear-gradient(125deg,#32496a,#142a47)}.result-panel .result-card{filter:drop-shadow(0 16px 22px rgba(12,22,40,.12))}@media(max-width:950px){.preview-panel{position:static}}@media(max-width:540px){.shell{padding:14px 10px}.card-surface{border-radius:23px}.card-surface .kind-qr .qr-holder{border-width:5px;border-radius:13px}.result-card,.edit-card{width:min(100%,360px)}}@media(prefers-reduced-motion:reduce){.flip-3d,.card-gloss{animation:none!important}.flip-inner{transition:none}}.card-surface .member-nameplate{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;min-width:0;gap:.8cqw;line-height:1}.card-surface .nameplate-eyebrow{display:inline-flex;align-items:center;gap:1.5cqw;color:var(--accent);font-size:2.2cqw;font-weight:750;letter-spacing:.21em;line-height:1;white-space:nowrap;text-shadow:0 1px 5px #0003}.card-surface .nameplate-eyebrow svg{width:2.7cqw;height:2.7cqw;flex-shrink:0}.card-surface .nameplate-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;font-weight:inherit;line-height:1.04;letter-spacing:-.045em;text-shadow:0 3px 16px #0003}.card-surface .nameplate-underline{display:block;width:24cqw;height:.5cqw;min-height:1px;max-width:65%;border-radius:100px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 45%,transparent)}.card-surface .role-nameplate{width:100%;display:flex;justify-content:center;align-items:center;min-width:0}.card-surface .role-nameplate>span{display:inline-block;max-width:100%;padding:.8cqw 4cqw;border-radius:100px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:inherit;font-weight:650;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-surface .icon-contact-row{display:flex;align-items:center;gap:2.8cqw;width:100%;height:100%;min-width:0}.card-surface .icon-contact-symbol{display:flex;justify-content:center;align-items:center;width:6.2cqw;height:6.2cqw;flex:0 0 6.2cqw;border-radius:1.8cqw;color:var(--accent);background:linear-gradient(135deg,#1e2e44,#060e1c);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);box-shadow:0 2px 7px #0002}.card-surface .icon-contact-symbol svg{width:3.8cqw;height:3.8cqw}.card-surface .icon-contact-value{display:block;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;line-height:1.2}.card-surface .field-phone:before{content:"";position:absolute;top:-2.6cqw;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.48;pointer-events:none}.card-surface .member-nameplate,.card-surface .icon-contact-row,.card-surface .role-nameplate{pointer-events:none;user-select:none;-webkit-user-select:none}@media(prefers-reduced-motion:reduce){.card-surface .icon-contact-symbol{transition:none}}.tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.tabs button{gap:5px;font-size:11px}.template-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-option{text-align:left;padding:9px;background:#fff;border:1px solid #dfe5f1;border-radius:15px;display:flex;flex-direction:column;min-width:0;gap:4px;color:#273956;transition:border-color .18s,transform .18s}.template-option:hover{border-color:#9cb8e5;transform:translateY(-2px)}.template-option.active{border:2px solid #3576c7;background:#f1f6ff;padding:8px}.template-option strong{font-size:12px;line-height:1.2;margin-top:4px}.template-option small{color:#70819b;font-size:10px;line-height:1.3}.template-selected{display:inline-flex;align-items:center;gap:4px;color:#147b5c;font-size:10px;font-weight:800}.template-mini{--mx:50%;--my:29%;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:360/370;border-radius:11px;border:1px solid color-mix(in srgb,var(--mini-accent) 65%,transparent);position:relative;background:radial-gradient(ellipse at 10% 5%,#ffffff23,transparent 40%),linear-gradient(145deg,var(--mini-second),var(--mini-base) 72%);color:var(--mini-text);box-shadow:inset 0 0 0 2px #ffffff09}.template-mini:before{content:"";position:absolute;border:1px solid var(--mini-accent);opacity:.28;border-radius:50%;width:84%;height:47%;right:-31%;top:-19%;transform:rotate(-25deg)}.template-mini:after{content:"";position:absolute;width:80%;height:1px;bottom:14%;left:10%;background:linear-gradient(90deg,transparent,var(--mini-accent),transparent);opacity:.5}.template-mini span{position:absolute;display:block}.mini-brand{top:8%;left:9%;font-size:10px;letter-spacing:1px;font-weight:900}.mini-photo{left:calc(var(--mx) - 13%);top:var(--my);width:26%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#e8e4e8 0,#6687a9 45%,#2e436d);border:2px solid var(--mini-accent);box-shadow:0 5px 18px #0005}.mini-photo:after{content:"";position:absolute;width:38%;height:38%;top:19%;left:31%;border-radius:50%;background:#f5f3e9;box-shadow:0 19px 0 6px #f5f3e9;opacity:.95}.mini-name{top:65%;width:90%;left:5%;text-align:center;font-size:13px;font-weight:900;letter-spacing:-.4px}.mini-role{top:75%;width:90%;left:5%;text-align:center;font-size:7px;letter-spacing:1px;opacity:.85}.mini-line{height:3px;background:var(--mini-text);opacity:.48;border-radius:4px;left:15%;width:70%}.mini-line-a{top:83%}.mini-line-b{top:87%;width:58%}.mini-line-c{top:91%;width:64%}.mini-outline{width:64%;height:57%;border:1px solid var(--mini-accent);border-radius:100%;left:70%;top:22%;opacity:.2;transform:rotate(25deg)}.template-mini.layout-modern .mini-photo{left:10%;top:30%;width:32%}.template-mini.layout-modern .mini-name{top:61%;left:9%;width:83%;text-align:left}.template-mini.layout-modern .mini-role{top:71%;left:9%;width:83%;text-align:left}.template-mini.layout-editorial .mini-name{top:22%;left:10%;text-align:left;width:82%;font-family:Georgia,serif}.template-mini.layout-editorial .mini-role{top:32%;left:10%;text-align:left;width:82%}.template-mini.layout-editorial .mini-photo{left:34%;top:40%;width:32%;border-radius:25%}.template-mini.layout-editorial .mini-line-a{top:80%}.template-mini.layout-business .mini-photo{left:59%;top:29%;width:32%}.template-mini.layout-business .mini-name{top:66%;text-align:left;left:10%;width:84%}.template-mini.layout-business .mini-role{top:75%;text-align:left;left:10%;width:84%}.template-mini.layout-hero .mini-photo{top:25%;width:37%;left:31.5%}.template-mini.layout-hero .mini-name{top:65%;font-family:Georgia,serif}.template-mini.layout-minimal .mini-photo{width:23%;left:38.5%;top:35%}.template-mini.layout-minimal .mini-name{top:64%}.template-mini.layout-minimal:before{opacity:.08}.template-mini.template-bni{background:linear-gradient(145deg,#ad2039,var(--mini-base) 68%)}.template-mini.template-royal:before,.template-mini.template-cyber:before{border-radius:0;width:100%;transform:skewY(-22deg)}.template-mini.template-copper:before{width:130%;height:60%;top:17%;right:-80%}.template-mini.template-pearl:before{opacity:.08}.template-customize{margin-top:17px;width:100%;justify-content:center}.template-disclaimer{font-size:10px;color:#8290a5;line-height:1.5;margin-bottom:5px}.card-surface.template-bni .card-base{background:radial-gradient(ellipse at 95% -5%,#ff54602d,transparent 54%),linear-gradient(142deg,#96253a,var(--base) 70%)}.card-surface.template-bni .card-base:before{width:115%;height:20%;top:8%;right:-43%;border-radius:2px;transform:rotate(-23deg)}.card-surface.template-ivory .card-base{background:radial-gradient(circle at 90% 5%,#ffffffa6,transparent 55%),linear-gradient(170deg,#f5f0e6,#dfd1bf)}.card-surface.template-emerald .card-base{background:radial-gradient(ellipse at 0% 0%,#90e3b429,transparent 50%),linear-gradient(145deg,#1d7468,var(--base) 73%)}.card-surface.template-royal .card-base{background:linear-gradient(149deg,transparent 35%,#9ec9ff12 35.2%,transparent 36%),linear-gradient(145deg,#2e67aa,#081831 75%)}.card-surface.template-blackgold .card-base{background:radial-gradient(ellipse at 78% 10%,#ddad563c,transparent 52%),linear-gradient(155deg,#34271c,#08090c 78%)}.card-surface.template-amethyst .card-base{background:radial-gradient(ellipse at 90% 10%,#d7a6ff32,transparent 57%),linear-gradient(150deg,#5c39a9,#120f28 72%)}.card-surface.template-copper .card-base{background:radial-gradient(ellipse at 90% 7%,#e6a87f36,transparent 57%),linear-gradient(150deg,#79543f,#261912 71%)}.card-surface.template-cyber .card-base{background:repeating-linear-gradient(155deg,transparent,transparent 45px,#36b6ce0e 46px,transparent 47px),linear-gradient(165deg,#145271,#080e1c)}.card-surface.template-pearl .card-base{background:linear-gradient(180deg,#f8fafb,#e0e7ed)}.card-surface.template-pearl .card-base:before,.card-surface.template-ivory .card-base:before{opacity:.14}.card-surface.template-royal .card-base:before,.card-surface.template-cyber .card-base:before{border-radius:0;transform:rotate(-35deg)}.card-surface.template-ivory .icon-contact-symbol,.card-surface.template-pearl .icon-contact-symbol{background:linear-gradient(135deg,#fff,#ece7df);border-color:#a7a8a879}.card-surface.template-ivory .role-nameplate>span,.card-surface.template-pearl .role-nameplate>span{background:#161b2310}.card-surface.template-ivory .element-text,.card-surface.template-pearl .element-text{text-shadow:none}.card-surface .kind-logo .image-wrap{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible}.card-surface .kind-logo img{object-fit:contain;filter:drop-shadow(0 3px 8px #0003)}.card-surface.editing .card-item.chosen{outline:1.5px dashed var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.card-surface .kind-text .element-text{letter-spacing:-.012em}.card-surface.viewing .card-item{pointer-events:none}@media(max-width:540px){.tabs button{flex-direction:column;font-size:10px;min-height:47px;gap:3px}.tabs button svg{width:15px}.template-gallery{gap:9px}.template-mini{border-radius:8px}.template-option{padding:7px}.template-option.active{padding:6px}}.wallet-screen{position:relative;isolation:isolate;min-height:100dvh;min-width:320px;display:flex;align-items:center;justify-content:center;overflow-x:hidden;background:#030508;color:#eff3fa;font-family:Inter,system-ui,sans-serif}.wallet-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 54% 37% at 50% 45%,#19294344,transparent 78%),radial-gradient(ellipse 35% 20% at 25% 4%,#856b3910,transparent 90%),#030508}.wallet-content{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:100dvh;padding:18px 12px;position:relative}.wallet-card{width:min(360px,86vw,calc((100dvh - 155px)*.62));min-width:240px;filter:drop-shadow(0 35px 58px #000a)}.wallet-card .flip-3d{width:100%}.wallet-card .card-surface{border-color:color-mix(in srgb,var(--accent) 58%,#a7a7a7)}.wallet-dock{display:flex;align-items:stretch;justify-content:center;gap:8px;padding:7px;border-radius:18px;border:1px solid #ffffff20;background:#101724c9;box-shadow:0 12px 35px #0007;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wallet-dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:70px;padding:9px 11px;color:#d2dae6;border:0;border-radius:12px;background:transparent;font-size:10px;cursor:pointer}.wallet-dock button:hover,.wallet-dock button:focus-visible{background:#ffffff15;color:#fff;outline:none}.wallet-dock svg{color:#eccf9d}.wallet-menu{position:fixed;right:max(16px,calc((100vw - 580px)/2));bottom:100px;z-index:20;display:flex;flex-direction:column;gap:4px;width:min(320px,calc(100vw - 24px));background:#161e2c;border:1px solid #ffffff27;border-radius:16px;box-shadow:0 25px 65px #000a;padding:10px;color:#eef1f6}.wallet-menu>span{font-size:10px;color:#a2b0c3;overflow-wrap:anywhere;padding:9px 10px;border-bottom:1px solid #ffffff15;margin-bottom:4px}.wallet-menu button{display:flex;gap:10px;align-items:center;text-align:left;background:transparent;color:#eff2f7;border:0;border-radius:9px;padding:12px;font-size:12px;cursor:pointer}.wallet-menu button:hover{background:#ffffff13}.wallet-help,.wallet-error{position:relative;max-width:370px;width:100%;border-radius:12px;padding:13px 34px 13px 13px;color:#d9e6f3;background:#1a283b;border:1px solid #ffffff29;font-size:11px;line-height:1.55}.wallet-help button,.wallet-error button{position:absolute;right:9px;top:9px;border:0;background:transparent;color:#d2d5dc}.wallet-error{background:#491d22;color:#ffcdcd}.wallet-screen .card-surface.viewing .card-item,.wallet-screen .card-surface.viewing .element-text{-webkit-user-select:none;user-select:none}.wallet-screen .flip-3d:focus-visible{outline:2px solid #d0b476}@media(max-width:400px){.wallet-content{gap:10px;padding:9px}.wallet-dock{gap:0}.wallet-dock button{min-width:65px;padding:8px 7px}.wallet-card{width:min(330px,88vw,calc((100dvh - 130px)*.62))}}.legacy-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:790px;margin:0 auto 18px;border:1px solid #d5bb8b;border-radius:14px;background:#fff8eb;padding:15px 18px;color:#3f3b32}.legacy-banner strong{font-size:13px}.legacy-banner p{font-size:11px;line-height:1.5;color:#76654c;margin:6px 0 0}.legacy-banner button{display:flex;align-items:center;gap:6px;flex-shrink:0;background:#1b2c48;color:#fff;padding:10px 14px;border-radius:10px;border:0;font-size:11px;font-weight:700}.legacy-banner button:disabled{opacity:.6}@media(max-width:600px){.legacy-banner{flex-direction:column;align-items:stretch}.legacy-banner button{justify-content:center}}.editor-signout{display:flex;align-items:center;gap:5px;margin-left:auto;background:#fff;color:#49607c;border:1px solid #d8e0ed;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:700}.editor-signout:hover{background:#f0f4fa}.auth-screen{min-height:100dvh;background:#05070d;color:#f8f9fc;display:flex;align-items:center;justify-content:center;padding:36px 18px;isolation:isolate;position:relative;font-family:Inter,system-ui,sans-serif}.auth-orb{position:fixed;pointer-events:none;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#24385a55,transparent 68%);top:-280px;left:calc(50% - 300px);z-index:-1}.auth-shell{width:min(100%,430px)}.auth-identity{display:flex;justify-content:center;align-items:center;gap:10px;color:#fff;font-weight:850;letter-spacing:1.3px;font-size:13px;margin-bottom:28px}.auth-identity small{display:block;color:#99a6ba;font-size:8px;letter-spacing:2px;text-align:center;margin-top:4px}.auth-identity-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #b8a07166;border-radius:10px;color:#d3b57b;background:#d3b57b0d}.auth-card{border:1px solid #ffffff22;border-radius:26px;background:linear-gradient(160deg,#182032,#0c111f 78%);box-shadow:0 30px 90px #0008;padding:31px}.auth-symbol{width:47px;height:47px;border:1px solid #c8ab7755;border-radius:15px;background:#d4b98014;display:grid;place-items:center;color:#e5ca91}.auth-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#e0c68f;margin:25px 0 10px}.auth-card h1{margin:0;font-size:29px;letter-spacing:-1.1px;line-height:1.2;color:#fff}.auth-subtitle{margin:10px 0 23px;color:#a5b1c4;font-size:13px;line-height:1.7}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:7px;color:#d5dce9;font-size:12px;font-weight:700}.auth-form input{height:45px;background:#0a1020;border:1px solid #364255;border-radius:11px;color:#fff;padding:0 13px;outline:none;font-size:13px;width:100%}.auth-form input:focus{border-color:#d5bc8e;box-shadow:0 0 0 3px #d5bc8e18}.auth-submit{display:flex;justify-content:center;align-items:center;gap:11px;border:0;border-radius:12px;padding:14px;background:linear-gradient(120deg,#ffedbe,#cca264);color:#261b0b;font-weight:850;cursor:pointer;min-height:48px;margin-top:5px}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-switch{margin-top:24px;display:flex;gap:11px 18px;flex-wrap:wrap;justify-content:center}.auth-switch button{background:none;border:0;color:#d6be90;padding:3px;font-size:11px;cursor:pointer}.auth-error,.auth-notice{font-size:12px;line-height:1.5;padding:11px;border-radius:10px;margin:0 0 15px}.auth-error{color:#ffc5c5;background:#ba3c3c2d;border:1px solid #c363634d}.auth-notice{color:#c9f4d5;background:#1c8b5433;border:1px solid #3c9d634a;display:flex;gap:7px;align-items:center}.auth-footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;text-align:center;color:#8893a5;font-size:11px}.auth-loading{display:flex;gap:12px;align-items:center;color:#a9bad0;font-size:13px}.auth-loading p{margin:0}@media(max-width:480px){.auth-card{padding:24px 19px}.auth-card h1{font-size:26px}.auth-screen{padding:20px 12px}}.auth-form label:focus-within{outline:none!important;box-shadow:none!important}.auth-form label span{display:block}.auth-form input:focus,.auth-form input:focus-visible{outline:none;border:1px solid #d5bc8e;box-shadow:0 0 0 3px #d5bc8e21}.password-control{display:block;position:relative}.password-control input{padding-right:52px}.password-visibility{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:0;border-radius:9px;color:#afbbcf;display:grid;place-items:center;width:39px;height:36px;cursor:pointer}.password-visibility:hover{color:#f5d396;background:#ffffff10}.password-visibility:focus-visible{outline:2px solid #d5bc8e;outline-offset:1px}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;width:100%;min-width:280px;overflow-x:clip}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #376fd1;outline-offset:3px}#root{min-height:100vh}label:focus-within{outline:none!important;box-shadow:none!important}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #c9a461;outline-offset:1px}
