*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#0f172a;-webkit-font-smoothing:antialiased;background:#f4f7fd;font-family:Inter,system-ui,sans-serif}a{color:#2563eb;text-decoration:none}a:hover{color:#7c3aed}input::placeholder{color:#a3aec2}input:focus-visible{outline:none}@keyframes ez-dash{to{stroke-dashoffset:-400px}}@keyframes ez-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.95;transform:scale(1.7)}}@keyframes ez-drift{0%,to{transform:translate(0,0)}50%{transform:translateY(-26px)}}.anim-dash-a{animation:16s linear infinite ez-dash}.anim-dash-b{animation:20s linear infinite reverse ez-dash}.anim-dash-c{animation:24s linear infinite ez-dash}.anim-pulse-1{animation:5s ease-in-out infinite ez-pulse}.anim-pulse-2{animation:6.4s ease-in-out .7s infinite ez-pulse}.anim-pulse-3{animation:7.2s ease-in-out 1.3s infinite ez-pulse}.anim-pulse-4{animation:5.8s ease-in-out .4s infinite ez-pulse}.anim-pulse-5{animation:8s ease-in-out 1s infinite ez-pulse}.page{background:linear-gradient(#f7faff 0%,#f2f6fd 55%,#f6f2fd 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden auto}.bg-glow{pointer-events:none;background:radial-gradient(760px 420px at 16% 4%,#38bdf847,#38bdf800 70%),radial-gradient(720px 420px at 88% 10%,#c084fc3d,#c084fc00 70%);position:absolute;inset:0}.bg-grid{pointer-events:none;opacity:.55;background-image:linear-gradient(#6366f11a 1px,#0000 1px),linear-gradient(90deg,#6366f11a 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(1000px 660px at 50% 20%,#000 0%,#0000 80%);mask-image:radial-gradient(1000px 660px at 50% 20%,#000 0%,#0000 80%)}.bg-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.header{z-index:3;padding:26px clamp(20px,5vw,64px);position:relative}.brand-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff80;border:1px solid #ffffffb3;border-radius:16px;align-items:center;gap:13px;padding:9px 20px 9px 12px;display:inline-flex;box-shadow:0 10px 30px -22px #1e295a73}.brand-logo{object-fit:contain;width:clamp(30px,3.6vw,38px);height:clamp(30px,3.6vw,38px);display:block}.brand-name{letter-spacing:-.035em;color:#111a2e;font-family:Sora,Inter,sans-serif;font-size:clamp(22px,2.8vw,29px);font-weight:600;line-height:1}.main{z-index:2;flex-direction:column;flex:1;align-items:center;gap:clamp(28px,4vh,44px);padding:clamp(20px,4vh,44px) clamp(20px,5vw,64px) clamp(28px,5vh,52px);display:flex;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:820px;display:flex}.hero-badge{letter-spacing:.06em;text-transform:uppercase;color:#4f46e5;background:#ffffffb8;border:1px solid #94a3b83d;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 6px 18px -12px #1e295a80}.hero-badge-dot{background:linear-gradient(135deg,#38bdf8,#d946ef);border-radius:50%;width:7px;height:7px}.hero-title{letter-spacing:-.04em;text-wrap:balance;margin:0;font-family:Sora,Inter,sans-serif;font-size:clamp(32px,5.6vw,58px);font-weight:600;line-height:1.1}.hero-title-blue{background:linear-gradient(100deg,#0ea5e9,#2563eb 48%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-title-purple{background:linear-gradient(100deg,#7c3aed,#d946ef 55%,#ec4899);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#5b677f;text-wrap:pretty;max-width:620px;margin:0;font-size:clamp(15px,1.6vw,17.5px);line-height:1.6}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:clamp(20px,2.6vw,30px);width:100%;max-width:1040px;display:grid}.card{border-radius:26px;padding:1.5px;display:flex;position:relative}.card--blue{background:linear-gradient(160deg,#38bdf8bf,#fff3 45%,#6366f180);box-shadow:0 30px 60px -34px #1725548c}.card--purple{background:linear-gradient(160deg,#c084fcb3,#fff3 45%,#ec489980);box-shadow:0 30px 60px -34px #4c1d9580}.card-inner{border-radius:24.5px;flex-direction:column;flex:1;gap:20px;min-width:0;padding:clamp(24px,3vw,32px);display:flex;position:relative;overflow:hidden}.card--blue .card-inner{background:linear-gradient(#fff 0%,#fbfdff 100%)}.card--purple .card-inner{background:linear-gradient(#fff 0%,#fefbff 100%)}.card-glow{pointer-events:none;border-radius:50%;width:260px;height:200px;animation:12s ease-in-out infinite ez-drift;position:absolute;top:-90px}.card-glow--blue{background:radial-gradient(circle,#38bdf838,#38bdf800 70%);left:-40px}.card-glow--purple{background:radial-gradient(circle,#c084fc38,#c084fc00 70%);animation-duration:14s;animation-direction:reverse;right:-40px}.card-head{align-items:flex-start;gap:12px;display:flex;position:relative}.card-icon{color:#fff;border-radius:15px;flex:none;place-items:center;width:44px;height:44px;display:grid}.card-icon--blue{background:linear-gradient(150deg,#38bdf8,#2563eb);box-shadow:0 12px 24px -12px #2563ebd9,inset 0 1px #ffffff73}.card-icon--purple{background:linear-gradient(150deg,#c084fc,#db2777);box-shadow:0 12px 24px -12px #a855f7d9,inset 0 1px #ffffff73}.card-head-text{flex-direction:column;gap:3px;display:flex}.card-title{letter-spacing:-.03em;margin:0;font-family:Sora,Inter,sans-serif;font-size:18.5px;font-weight:600}.card-subtitle{color:#8b97ad;font-size:13.5px}.input-group{border:1.5px solid;border-radius:16px;align-items:center;gap:10px;height:56px;padding:0 16px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.input-group--blue{background:#f6f9fe;border-color:#e4ebf6}.input-group--blue:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f624}.input-group--purple{background:#fbf7ff;border-color:#efe4f8}.input-group--purple:focus-within{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc29}.input-icon{flex:none}.input-field{color:#0f172a;background:0 0;border:none;flex:1;min-width:0;font-family:inherit;font-size:15px}.field-error{color:#dc2626;margin:-8px 0 0;font-size:13px}.btn-primary{cursor:pointer;letter-spacing:-.01em;color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:54px;font-family:Sora,Inter,sans-serif;font-size:15.5px;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;position:relative}.btn-primary svg{flex:none}.btn-primary:disabled{cursor:not-allowed;opacity:.75}.btn-primary--blue{background:linear-gradient(100deg,#38bdf8,#2563eb 85%);box-shadow:0 16px 30px -14px #2563ebe6,inset 0 1px #ffffff59}.btn-primary--blue:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 22px 38px -16px #2563ebf2,inset 0 1px #ffffff59}.btn-primary--blue:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px -10px #2563ebe6}.btn-primary--purple{background:linear-gradient(100deg,#a855f7,#ec4899 85%);box-shadow:0 16px 30px -14px #a855f7e6,inset 0 1px #ffffff59}.btn-primary--purple:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 22px 38px -16px #a855f7f2,inset 0 1px #ffffff59}.btn-primary--purple:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px -10px #a855f7e6}.btn-secondary{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn-secondary--blue{color:#2563eb;border:1px solid #dbeafe;box-shadow:0 6px 14px -10px #2563ebb3}.btn-secondary--blue:hover{background:#f5f9ff;border-color:#bfdbfe;transform:translateY(-1px)}.btn-secondary--pink{color:#db2777;border:1px solid #fce7f3;box-shadow:0 6px 14px -10px #db2777b3}.btn-secondary--pink:hover{background:#fff7fb;border-color:#fbcfe8;transform:translateY(-1px)}.btn-secondary--purple{color:#9333ea;border:1px solid #f0e0fd;align-self:flex-start;box-shadow:0 6px 14px -10px #9333eab3}.btn-secondary--purple:hover{background:#fdf9ff;border-color:#e9d5ff;transform:translateY(-1px)}.empty-state{color:#98a4b8;background:#f8fafd;border:1px dashed #dde5f2;border-radius:18px;align-items:center;gap:11px;padding:18px;font-size:14px;display:flex}.empty-state--purple{color:#a898b8;background:#fdfaff;border-color:#eee0f8}.result-box{border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:inset 0 1px #fffc}.result-box--blue{background:linear-gradient(150deg,#f3f9ff,#eef4ff);border:1px solid #dce9fb}.result-field{flex-direction:column;gap:4px;min-width:0;display:flex}.result-label{letter-spacing:.12em;text-transform:uppercase;color:#9aa6bd;font-size:10.5px;font-weight:600}.result-label--purple{color:#a898b8}.result-value{color:#6b7890;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12.5px;overflow:hidden}.result-value--link{letter-spacing:-.01em;color:#1d4ed8;font-size:clamp(15px,1.7vw,17px);font-weight:600}.result-value--purple{color:#7c3aed;font-size:13px;font-weight:600}.result-divider{background:linear-gradient(90deg,#94a3b859,#94a3b800);height:1px}.result-row{align-items:center;gap:10px;min-width:0;display:flex}.badge-active{color:#059669;background:#ecfdf5;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.action-row{flex-wrap:wrap;gap:9px;display:flex}.qr-result-box{background:linear-gradient(150deg,#fdf7ff,#fff5fa);border:1px solid #f4e2fb;border-radius:18px;flex-wrap:wrap;align-items:center;gap:18px;padding:18px;display:flex;box-shadow:inset 0 1px #fffc}.qr-preview{background:#fff;border:1px solid #f5e8fd;border-radius:16px;flex:none;padding:10px;line-height:0;box-shadow:0 16px 30px -18px #a855f7cc}.qr-preview img{width:124px;height:124px;display:block}.qr-meta{flex-direction:column;flex:1;gap:11px;min-width:150px;display:flex}.qr-format-note{color:#b3a6c2;font-family:JetBrains Mono,monospace;font-size:11px}.checks-row{color:#5b677f;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:13.5px;display:flex}.check-item{align-items:center;gap:7px;display:inline-flex}.check-mark{font-weight:700}.check-mark--blue{color:#0ea5e9}.check-mark--indigo{color:#6366f1}.check-mark--purple{color:#a855f7}.check-mark--pink{color:#ec4899}.how-section{flex-direction:column;gap:22px;width:100%;max-width:1040px;padding-top:clamp(12px,3vh,28px);display:flex}.how-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.how-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#4f46e5;font-size:11.5px;font-weight:600}.how-title{letter-spacing:-.035em;margin:0;font-family:Sora,Inter,sans-serif;font-size:clamp(23px,3vw,30px);font-weight:600}.how-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2vw,22px);display:grid}.step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:20px;flex-direction:column;gap:12px;padding:26px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 20px 40px -30px #17255480}.step-card:hover{transform:translateY(-3px);box-shadow:0 28px 50px -30px #17255499}.step-icon-box{border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.step-icon-box--blue{color:#2563eb;background:linear-gradient(150deg,#e0f2fe,#dbeafe)}.step-icon-box--indigo{color:#4f46e5;background:linear-gradient(150deg,#e0e7ff,#ede9fe)}.step-icon-box--pink{color:#c026d3;background:linear-gradient(150deg,#f3e8ff,#fce7f3)}.step-title{letter-spacing:-.025em;margin:0;font-family:Sora,Inter,sans-serif;font-size:16.5px;font-weight:600}.step-text{color:#5b677f;margin:0;font-size:14.5px;line-height:1.6}.footer{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#6b7890;background:#ffffff8c;border-top:1px solid #94a3b847;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:24px clamp(20px,5vw,64px);font-size:13px;display:flex;position:relative}.footer-brand{letter-spacing:-.03em;color:#111a2e;align-items:center;gap:9px;font-family:Sora,Inter,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.footer-logo{object-fit:contain;width:20px;height:20px;display:block}.footer-copy{text-align:center;flex:1;min-width:220px}.footer-credit strong{color:#3f4a60;font-weight:600}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.user-icon-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#111a2e;background:#ffffff80;border:1px solid #ffffffb3;border-radius:16px;align-items:center;gap:10px;padding:9px 16px 9px 9px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 30px -22px #1e295a73}.user-icon-pill:hover{color:#2563eb;transform:translateY(-1px)}.user-icon-badge{color:#fff;background:#38bdf8;border-radius:12px;flex:none;place-items:center;width:clamp(30px,3.6vw,38px);height:clamp(30px,3.6vw,38px);display:grid}.user-icon-email{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13.5px;font-weight:600;overflow:hidden}.user-icon-pill--guest{background:#38bdf80f;border-color:#38bdf88c}.user-icon-pill--guest:hover{filter:brightness(1.05);background:#38bdf81f;transform:translateY(-1px)scale(1.02)}.user-icon-access{letter-spacing:.02em;color:#38bdf8;font-size:13.5px;font-weight:700}.header-actions{align-items:center;gap:10px;display:flex}.header-brand-group{align-items:center;gap:clamp(20px,3vw,32px);display:flex}.language-toggle-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:clamp(48px,5.4vw,58px);height:clamp(48px,5.4vw,58px);padding:0;transition:transform .15s;display:inline-flex;box-shadow:0 10px 30px -22px #1e295a73}.language-toggle-btn:hover{transform:translateY(-1px)scale(1.05)}.language-toggle-flag{object-fit:contain;width:70%;height:70%;display:block}.account-auth-card{width:100%;max-width:440px;margin:0 auto}.auth-header{text-align:center;margin-bottom:4px}.auth-title{letter-spacing:-.03em;color:#111a2e;margin:0 0 6px;font-family:Sora,Inter,sans-serif;font-size:24px;font-weight:700}.auth-subtitle{color:#8b97ad;margin:0;font-size:13.5px}.field-group{flex-direction:column;gap:7px;display:flex}.field-label{letter-spacing:.06em;text-transform:uppercase;color:#6b7890;font-size:11.5px;font-weight:700}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-inline-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:13px;font-weight:600}.auth-inline-link:hover{color:#7c3aed}.auth-divider{background:#e4ebf6;border:none;height:1px;margin:0}.auth-switch{text-align:center;color:#8b97ad;margin:4px 0 0;font-size:13.5px}.auth-switch-link{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:700}.auth-switch-link:hover{color:#7c3aed}.field-notice{color:#059669;margin:-8px 0 0;font-size:13px}.mac-window{background:#fff;border:1px solid #94a3b838;border-radius:22px;flex-direction:column;flex:none;width:100%;max-width:1280px;height:clamp(420px,78vh,600px);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 30px 60px -34px #1725548c}.mac-titlebar{background:linear-gradient(#f8fafd,#f2f5fb);border-bottom:1px solid #94a3b838;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;display:flex}.mac-titlebar-left{align-items:center;gap:8px;min-width:0;display:flex}.mac-dot{border-radius:50%;width:12px;height:12px}.mac-dot--red{background:#ff5f57}.mac-dot--yellow{background:#febc2e}.mac-dot--green{background:#28c840}.mac-titlebar-label{color:#8b97ad;text-overflow:ellipsis;white-space:nowrap;margin-left:8px;font-size:12.5px;font-weight:600;overflow:hidden}.back-home-link{color:#5b677f;flex:none;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.back-home-link:hover{color:#2563eb}.account-auth-card .back-home-link{margin-bottom:4px}.mac-body{flex:1;min-height:0;display:flex}.mac-sidebar{background:#f8fafd;border-right:1px solid #94a3b838;flex-direction:column;flex:none;gap:4px;width:220px;min-height:0;padding:20px 14px;display:flex}.mac-sidebar-email{color:#8b97ad;text-overflow:ellipsis;white-space:nowrap;padding:0 10px 14px;font-size:12px;font-weight:600;overflow:hidden}.mac-nav-item{text-align:left;color:#5b677f;cursor:pointer;background:0 0;border:none;border-radius:12px;width:100%;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:block}.mac-nav-item:hover{color:#2563eb;background:#eef2fb}.mac-nav-item--active{color:#1d4ed8;background:#e0e9fb}.mac-nav-item--logout{color:#db2777;margin-top:auto}.mac-nav-item--logout:hover{color:#db2777;background:#fdf1f6}.mac-content{flex-direction:column;flex:1;min-width:0;min-height:0;padding:28px 32px;display:flex;overflow:hidden}.account-panel{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;overflow-y:auto}.settings-form{max-width:380px}.settings-panel{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow-y:auto}.settings-card{background:#fff;border:1.5px solid #e4ebf6;border-radius:18px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.settings-card:has(.settings-card-body--open){border-color:#bfdbfe;box-shadow:0 0 0 4px #3b82f61a}.settings-card-header{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.settings-card-header-text{flex-direction:column;gap:3px;display:flex}.settings-card-chevron{color:#8b97ad;flex:none;transition:transform .25s}.settings-card-chevron--open{transform:rotate(180deg)}.settings-card-body{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.settings-card-body--open{grid-template-rows:1fr}.settings-card-body-inner{overflow:hidden}.settings-card-body-content{padding:0 22px 22px}.input-visibility-toggle{color:#8b97ad;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;margin:0;padding:4px;transition:color .15s;display:inline-flex}.input-visibility-toggle:hover{color:#2563eb}.user-links-search{color:#0f172a;background:#fff;border:1px solid #e4ebf6;border-radius:12px;width:100%;max-width:360px;height:40px;margin-bottom:16px;padding:0 14px;font-family:inherit;font-size:13.5px}.user-links-list{flex-direction:column;flex:1;gap:16px;min-height:0;margin:0;padding:0 4px 4px 0;list-style:none;display:flex;overflow:hidden auto}.user-link-header{flex:100%;align-items:center;gap:8px;display:flex}.user-link-name{color:#1d2b45;font-size:15px;font-weight:700}.user-link-name--placeholder{color:#98a4b8;font-style:italic;font-weight:500}.user-link-name-input{color:#0f172a;border:1px solid #bfdbfe;border-radius:10px;flex:100%;height:32px;padding:0 10px;font-family:inherit;font-size:14px}.user-link-row{background:#f8fafd;border:1px solid #e4ebf6;border-radius:18px;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:14px 22px;display:flex}.user-link-main{flex-wrap:wrap;flex:340px;gap:18px;min-width:0;display:flex}.user-link-row .result-field{flex:1;min-width:220px}.user-link-original{display:inline-block}.user-link-original--truncatable{cursor:pointer}.user-link-original--expanded{text-overflow:unset;white-space:normal;word-break:break-all;overflow:visible}.user-link-short-row{align-items:center;gap:8px;min-width:0;display:flex}.user-link-short-row .result-value--link{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copy-icon-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;transition:background .15s,transform .15s;display:grid}.copy-icon-btn:hover{background:#f5f9ff;transform:translateY(-1px)}.user-link-stats{color:#6b7890;flex-direction:column;flex:180px;gap:4px;font-size:12.5px;display:flex}.user-link-stat strong{color:#1d4ed8}.user-link-actions{flex:none;align-items:center;gap:8px;display:flex}.trash-icon-btn{color:#db2777;cursor:pointer;background:#fff;border:1px solid #fce7f3;border-radius:10px;place-items:center;width:36px;height:36px;transition:background .15s,transform .15s;display:grid}.trash-icon-btn:hover{background:#fff7fb;border-color:#fbcfe8;transform:translateY(-1px)}.pagination-row{justify-content:center;align-items:center;gap:14px;margin-top:auto;padding-top:4px;display:flex}.pagination-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .15s,transform .15s,opacity .15s;display:grid}.pagination-btn:hover:not(:disabled){background:#f5f9ff;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:default}.pagination-info{color:#6b7890;font-size:12.5px;font-weight:600}.qr-gallery-grid{flex:1;grid-template-columns:repeat(auto-fill,180px);place-content:start;gap:20px;min-height:0;padding:0 4px 4px 0;display:grid;overflow:hidden auto}.qr-gallery-card{background:#f8fafd;border:1px solid #e4ebf6;border-radius:18px;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.qr-gallery-image-wrap{aspect-ratio:1;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.qr-gallery-image{object-fit:contain;width:100%;height:100%;padding:14px}.qr-gallery-hover-overlay{opacity:0;visibility:hidden;background:#0f172a8c;justify-content:center;align-items:center;transition:opacity .15s,visibility .15s;display:flex;position:absolute;inset:0}.qr-gallery-image-wrap:hover .qr-gallery-hover-overlay,.qr-gallery-image-wrap:focus-within .qr-gallery-hover-overlay{opacity:1;visibility:visible}.qr-gallery-edit-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff26;border:1px solid #fff9;border-radius:12px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.qr-gallery-edit-btn:hover{background:#ffffff47}.qr-gallery-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.qr-gallery-name-row{align-items:center;gap:6px;min-width:0;display:flex}.qr-gallery-name{color:#1d2b45;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.qr-gallery-name--placeholder{color:#98a4b8;font-style:italic;font-weight:500}.qr-gallery-name-input{color:#0f172a;border:1px solid #bfdbfe;border-radius:8px;width:100%;height:30px;padding:0 8px;font-family:inherit;font-size:13.5px}.qr-gallery-sub{color:#8b97ad;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.qr-gallery-stats{color:#6b7890;flex-direction:column;gap:2px;font-size:12px;display:flex}.qr-gallery-stat strong{color:#1d4ed8}.qr-gallery-actions{flex-direction:column;gap:8px;display:flex}.qr-gallery-actions .btn-secondary{justify-content:center;width:100%}.qr-gallery-actions .trash-icon-btn{align-self:flex-end}@media (width<=720px){.mac-window{height:auto;min-height:420px}.mac-content{overflow-y:visible}.mac-body{flex-direction:column}.mac-sidebar{border-bottom:1px solid #94a3b838;border-right:none;flex-flow:wrap;width:100%}.mac-sidebar-email{width:100%}.mac-nav-item--logout{margin-top:0}.mac-content{padding:22px 18px}.mac-titlebar-label,.back-home-link--titlebar span{display:none}}@media (width<=560px){.user-link-row{padding:18px}.user-link-main{flex-direction:column;gap:14px}.user-link-actions{justify-content:flex-end;width:100%}}.qr-type-select{color:#0f172a;cursor:pointer;background:#fbf7ff;border:1.5px solid #efe4f8;border-radius:14px;height:48px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.qr-type-select:focus-visible{border-color:#c084fc;outline:none;box-shadow:0 0 0 4px #c084fc29}.qr-type-more-btn{letter-spacing:.04em;color:#7c3aed;cursor:pointer;background:#fbf7ff;border:1.5px solid #efe4f8;border-radius:14px;height:48px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:700;transition:border-color .18s,box-shadow .18s,background .18s}.qr-type-more-btn:hover{background:#f3e8ff;border-color:#dcc4f7}.qr-type-more-btn:focus-visible{border-color:#c084fc;outline:none;box-shadow:0 0 0 4px #c084fc29}.qr-type-more-btn--inline{background:#f3e8ff;border:none;border-radius:999px;flex:none;height:auto;padding:6px 14px}.qr-type-more-btn--inline:hover{background:#e9d5ff;border-color:#0000}.qr-type-selected-note{color:#7c6a91;margin-top:-6px;font-size:12.5px}.qr-type-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f081a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.qr-type-modal{background:#fff;border:1.5px solid #efe4f8;border-radius:18px;width:100%;max-width:380px;max-height:80vh;overflow-y:auto;box-shadow:0 24px 60px #4c1d9540}.qr-type-modal-header{color:#0f172a;background:#fff;border-bottom:1px solid #f1e7fb;justify-content:space-between;align-items:center;padding:16px 18px;font-weight:700;display:flex;position:sticky;top:0}.qr-type-modal-close{color:#7c6a91;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 6px;font-size:22px;line-height:1}.qr-type-modal-close:hover{color:#7c3aed;background:#f3e8ff}.qr-type-modal-table{border-collapse:collapse;width:100%}.qr-type-modal-row td{color:#0f172a;cursor:pointer;border-bottom:1px solid #f6f0fb;padding:13px 18px;font-size:14.5px}.qr-type-modal-row:last-child td{border-bottom:none}.qr-type-modal-row:hover td{background:#faf5ff}.qr-type-modal-row--active td{color:#7c3aed;background:#f3e8ff;font-weight:600}.qr-type-form-grid{flex-direction:column;gap:10px;display:flex}.qr-type-inline-select{cursor:pointer;appearance:none;background:0 0}.input-inline-action{color:#9333ea;cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:12.5px;font-weight:600}.qr-file-drop{color:#7c8aa5;background:#fbf7ff;border:1.5px dashed #efe4f8;border-radius:16px;align-items:center;gap:10px;height:56px;padding:0 16px;font-size:14px;transition:border-color .18s,background .18s;display:flex}.qr-file-drop:hover{background:#fdf9ff;border-color:#c084fc}.qr-file-drop-clickable{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.qr-file-drop-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.qr-file-drop svg{flex:none}.qr-editor-page{background:linear-gradient(160deg,#c084fcb3,#fff3 45%,#ec489980);border-radius:26px;width:100%;max-width:780px;margin:0 auto;padding:1.5px;box-shadow:0 30px 60px -34px #4c1d9580}.qr-editor-page-inner{background:linear-gradient(#fff 0%,#fefbff 100%);border-radius:24.5px;flex-direction:column;gap:20px;padding:clamp(22px,3vw,32px);display:flex;overflow-x:hidden}.qr-editor-header{align-items:center;gap:14px;display:flex}.qr-editor-back-link{color:#9333ea;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:600;display:inline-flex}.qr-editor-loading,.qr-editor-error{text-align:center;color:#8b97ad;padding:40px 0}.qr-editor-preview-row{background:#fbf7ff;border:1px dashed #efe4f8;border-radius:20px;justify-content:center;align-items:center;gap:18px;padding:20px;display:flex}.qr-editor-preview-pane{flex-direction:column;align-items:center;gap:8px;display:flex}.qr-editor-preview-pane img{object-fit:contain;background:#fff;border-radius:12px;width:140px;height:140px;box-shadow:0 6px 16px -10px #4c1d9559}.qr-editor-live-preview{background:#fff;border-radius:12px;place-items:center;width:140px;height:140px;display:grid;overflow:hidden;box-shadow:0 6px 16px -10px #4c1d9559}.qr-editor-live-preview canvas{max-width:100%;max-height:100%}.qr-editor-live-preview svg{width:100%;height:100%}.qr-editor-preview-label{letter-spacing:.02em;text-transform:uppercase;color:#9333ea;font-size:12px;font-weight:600}.qr-editor-arrow{color:#c084fc;flex:none}.qr-editor-tabs-wrap{flex-direction:column;gap:10px;display:flex}.qr-editor-tabs{gap:8px;display:flex;overflow-x:auto}.qr-editor-tab{color:#9aa6bd;letter-spacing:-.01em;cursor:pointer;background:#f8f5fc;border:1.5px solid #0000;border-radius:12px;flex:none;align-items:center;gap:8px;padding:10px 16px;font-family:Sora,Inter,sans-serif;font-size:13.5px;font-weight:600;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.qr-editor-tab svg{opacity:.8;flex:none}.qr-editor-tab:hover:not(.qr-editor-tab--active){color:#6b21a8;background:#f1e9fa}.qr-editor-tab--active{color:#6b21a8;background:#f3e8fd;border-color:#e9d5ff}.qr-editor-tab-panel{background:#fff;border:1.5px solid #efe4f8;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.qr-editor-tab-row{flex-wrap:wrap;align-items:flex-start;gap:28px;display:flex}.qr-editor-tab-row>.qr-shape-swatch-field,.qr-editor-tab-row>.qr-editor-logo-picker{flex:260px;min-width:0;max-width:max-content}.qr-editor-tab-row>.qr-editor-logo-picker{align-self:center}.qr-editor-tab-row>.qr-editor-field--color{flex:1 1 0;align-self:center;align-items:center}.qr-editor-tab-row>.qr-editor-field--color .qr-editor-field-label{text-align:center}@media (width<=560px){.qr-editor-tab span{display:none}.qr-editor-tab{padding:10px}}.qr-editor-section{border-top:1px solid #f1e9fa;flex-direction:column;gap:12px;padding-top:16px;display:flex}.qr-editor-section-title{color:#6b21a8;margin:0;font-family:Sora,Inter,sans-serif;font-size:15px;font-weight:600}.qr-editor-section-body{flex-direction:column;gap:14px;display:flex}.qr-editor-controls{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.qr-editor-field{flex-direction:column;gap:6px;min-width:0;display:flex}.qr-editor-field-label{color:#64748b;font-size:12.5px;font-weight:600}.qr-editor-field--color{min-width:0}.qr-editor-slider{accent-color:#a855f7;width:100%}.qr-editor-color-row{flex-direction:column;align-items:center;gap:8px;display:flex}.qr-editor-color-row input[type=color]{cursor:pointer;background:0 0;border:1.5px solid #efe4f8;border-radius:14px;width:56px;height:56px;padding:0}.qr-editor-color-hex{text-align:center;background:#fbf7ff;border:1.5px solid #efe4f8;border-radius:8px;flex:none;width:76px;height:30px;padding:0 8px;font-size:12.5px}.qr-editor-logo-picker{flex-direction:column;gap:10px;display:flex}.qr-editor-logo-grid{flex-wrap:wrap;gap:10px;display:flex}.qr-editor-logo-preset{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #efe4f8;border-radius:12px;place-items:center;width:48px;height:48px;font-size:11px;transition:border-color .15s,transform .15s;display:grid}.qr-editor-logo-preset:hover{border-color:#c084fc;transform:translateY(-1px)}.qr-editor-logo-preset--active{border-color:#a855f7;box-shadow:0 0 0 3px #a855f72e}.qr-editor-logo-upload{font-size:11px;font-weight:600}.qr-editor-actions{justify-content:flex-end;gap:12px;display:flex}.qr-shape-swatch-field{grid-column:span 1}.qr-shape-swatch-grid{flex-wrap:wrap;gap:8px;display:flex}.qr-shape-swatch{box-sizing:content-box;cursor:pointer;background:#fff;border:1.5px solid #efe4f8;border-radius:12px;place-items:center;padding:4px;transition:border-color .15s,transform .15s;display:grid}.qr-shape-swatch:hover{border-color:#c084fc;transform:translateY(-1px)}.qr-shape-swatch--active{border-color:#a855f7;box-shadow:0 0 0 3px #a855f72e}.qr-shape-swatch-viewport{border-radius:8px;position:relative;overflow:hidden}@media (width<=560px){.qr-editor-preview-row{flex-direction:column}.qr-editor-arrow{transform:rotate(90deg)}}