:root{--bg:#fbf7fc;--surface:#fff;--surface-2:#f7eef9;--text:#2e2634;--muted:#817487;--line:#eaddea;--primary:#9b6fce;--primary-2:#8256b9;--rose:#e99abf;--lilac:#cbb8ff;--good:#2b8a68;--warn:#b87821;--bad:#c84b62;--shadow:0 18px 55px rgba(96,62,111,.10);--radius:20px;--sidebar:250px;color-scheme:light}
html[data-color="dark"]{--bg:#17121c;--surface:#241b2a;--surface-2:#30243a;--text:#fff8ff;--muted:#c8b7cb;--line:#44334b;--primary:#c5a1ef;--primary-2:#d6b9fa;--rose:#e99abf;--lilac:#aa91e5;--shadow:0 18px 55px rgba(0,0,0,.30);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--primary),#9d65ff);color:#fff;box-shadow:0 8px 22px rgba(99,91,255,.25)}.brand-mark.large{width:56px;height:56px;border-radius:16px;font-size:24px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.public-topbar{max-width:1400px;margin:auto}.public-topbar nav{display:flex;align-items:center;gap:18px}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-2)}.btn-secondary{background:var(--surface);border:1px solid var(--line)}.btn-danger{background:#fff0f0;color:var(--bad);border:1px solid #ffd4d4}.btn-sm{padding:8px 12px;font-size:14px}.btn-icon{width:38px;height:38px;padding:0}.landing-body{background:radial-gradient(circle at 10% 0%,rgba(99,91,255,.14),transparent 28%),var(--bg)}.landing{max-width:1240px;margin:auto;padding:72px 28px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;min-height:600px}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eceaff;color:#5149d8;font-size:12px;font-weight:900;letter-spacing:.08em}.hero h1{font-size:clamp(42px,6vw,74px);line-height:1.02;letter-spacing:-.045em;margin:22px 0}.hero-copy>p{font-size:19px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0 14px}.microcopy{font-size:13px!important}.demo-card{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:28px;box-shadow:var(--shadow);transform:rotate(1deg)}.demo-store{display:flex;gap:12px;align-items:center;margin-bottom:20px}.avatar{width:48px;height:48px;border-radius:15px;background:#171a24;color:#fff;display:grid;place-items:center;font-weight:900}.demo-store small{display:block;color:var(--muted)}.demo-chips{display:flex;gap:8px;overflow:hidden;margin-bottom:16px}.demo-chips span{white-space:nowrap;background:var(--surface-2);padding:7px 11px;border-radius:999px;font-size:12px}.demo-card article{padding:17px;border:1px solid var(--line);border-radius:17px;margin-top:10px}.demo-card article b{font-size:12px;color:var(--primary)}.demo-card h3{margin:6px 0}.demo-card p{margin:0 0 12px;color:var(--muted);font-size:14px}.demo-card button{width:100%;border:0;padding:10px;border-radius:10px;background:#171a24;color:#fff;font-weight:800}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:80px 0}.feature-grid article{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.feature-grid span{font-weight:900;color:var(--primary)}.feature-grid h2{font-size:18px}.feature-grid p{color:var(--muted);font-size:14px}.landing-footer{text-align:center;color:var(--muted);padding:24px}.boot-screen{height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{padding:56px;background:linear-gradient(145deg,#171a24,#2a2758);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-side h1{font-size:46px;line-height:1.05;max-width:520px}.auth-side p{color:#c9ccda;max-width:540px}.auth-card-wrap{display:grid;place-items:center;padding:32px}.auth-card{width:min(460px,100%);background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card h2{margin:0 0 6px;font-size:28px}.auth-card>p{color:var(--muted);margin-top:0}.field{display:grid;gap:7px;margin:15px 0}.field label{font-size:13px;font-weight:800}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:11px 13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.textarea{min-height:90px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px;color:var(--primary)}.notice{padding:12px 14px;border-radius:12px;background:#fff8e8;border:1px solid #f1dbab;color:#775010;font-size:13px}.notice.good{background:#ecfbf5;border-color:#bee9d8;color:#126346}.notice.error{background:#fff0f0;border-color:#efc0c0;color:#8c2525}.recovery-code{font-family:ui-monospace,monospace;background:var(--surface-2);padding:12px;border-radius:12px;font-weight:900;letter-spacing:.08em;text-align:center}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:var(--surface);padding:22px 16px;display:flex;flex-direction:column;z-index:25}.sidebar .brand{padding:4px 8px 24px}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;color:var(--muted);font-weight:700;font-size:14px}.nav a:hover,.nav a.active{background:var(--surface-2);color:var(--text)}.nav .ico{width:22px;text-align:center}.sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}.mini-user{padding:10px}.mini-user strong,.mini-user small{display:block}.mini-user small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.main{min-width:0}.app-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:15}.mobile-toggle{display:none}.top-actions{display:flex;align-items:center;gap:8px}.content{padding:28px;max-width:1440px;margin:auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0;font-size:30px;letter-spacing:-.03em}.page-head p{margin:4px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}.stat-card span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.stat-card strong{display:block;font-size:28px;margin-top:8px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-title h2{font-size:18px;margin:0}.toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.toolbar .input{max-width:280px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:11px 10px;border-bottom:1px solid var(--line)}.table td{padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase}.badge.active{background:#e8f8f1;color:var(--good)}.badge.inactive,.badge.expired{background:#fff4df;color:var(--warn)}.badge.suspended{background:#ffebeb;color:var(--bad)}.badge.pending{background:#eef1f7;color:#586174}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:flex-end;gap:8px;align-items:center;padding-top:16px}.modal-backdrop{position:fixed;inset:0;background:rgba(12,14,22,.55);display:grid;place-items:center;padding:20px;z-index:50}.modal{background:var(--surface);border-radius:22px;width:min(620px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px}.modal-body{padding:20px}.modal-foot{padding:16px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.icon-button{border:0;background:var(--surface-2);color:var(--text);width:36px;height:36px;border-radius:10px}.category-list{display:grid;gap:9px}.category-row{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px}.category-row .grow{flex:1}.category-row small{color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface);font-weight:800}.quick-card small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.toast{position:fixed;right:22px;bottom:22px;z-index:100;background:#171a24;color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;max-width:380px}.toast.show{opacity:1;transform:none}.toast.error{background:#a82f2f}.account-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;border-radius:14px;background:#fff5e5;border:1px solid #f2d9ad;margin-bottom:18px;color:#70480b}.mobile-overlay{display:none}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-side{display:none}.stats{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;transform:translateX(-105%);transition:.2s;width:280px;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-toggle{display:inline-grid}.mobile-overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:20}.content{padding:20px}.app-topbar{padding:0 18px}.quick-grid{grid-template-columns:1fr}}
@media(max-width:650px){.landing{padding:42px 18px}.hero{min-height:auto}.hero h1{font-size:43px}.hero-actions{flex-direction:column}.feature-grid{grid-template-columns:1fr;padding:45px 0}.public-topbar{padding:0 16px}.public-topbar nav>a:first-child{display:none}.auth-card-wrap{padding:18px}.auth-card{padding:22px}.form-row{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:23px}.page-head{display:block}.page-head .btn{margin-top:12px}.toolbar>*{width:100%!important;max-width:none!important}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:10px}.table td{border:0;padding:5px 4px}.table td[data-label]::before{content:attr(data-label) ': ';font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.panel{padding:14px}.content{padding:14px}.top-actions .user-label{display:none}.account-banner{align-items:flex-start;flex-direction:column}}

.btn:disabled{opacity:.58;cursor:not-allowed;filter:saturate(.65)}

/* LynkGo v1.2 — feminine dashboard polish */
body{background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--lilac) 20%,transparent),transparent 28%),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--rose) 17%,transparent),transparent 26%),var(--bg)}
.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 96%,var(--lilac)),var(--surface));box-shadow:8px 0 35px rgba(96,62,111,.035)}
html[data-panel="admin"] .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,#f4d8e8),color-mix(in srgb,var(--surface) 96%,#e5d8ff))}
html[data-panel="user"] .sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,#eadfff),color-mix(in srgb,var(--surface) 96%,#ffe6f1))}
.nav a{transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.nav a:hover{transform:translateX(2px)}.nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 14%,var(--surface)),color-mix(in srgb,var(--rose) 12%,var(--surface)));color:var(--primary);box-shadow:0 8px 22px rgba(122,83,148,.08)}
.app-topbar{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.stat-card,.panel,.quick-card{box-shadow:0 12px 34px rgba(93,61,108,.055)}.stat-card{position:relative;overflow:hidden}.stat-card::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-25px;top:-28px;background:linear-gradient(145deg,color-mix(in srgb,var(--rose) 18%,transparent),color-mix(in srgb,var(--lilac) 18%,transparent))}
.panel{border-radius:22px}.btn-primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 58%,var(--rose)));box-shadow:0 9px 22px color-mix(in srgb,var(--primary) 20%,transparent)}
.input,.select,.textarea{background:color-mix(in srgb,var(--surface) 96%,#fff);border-radius:14px}.modal{border-radius:26px}.soft-tag{font-size:11px;font-weight:800;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:6px 10px;border-radius:999px}.profile-preview-wrap{display:flex;justify-content:center;margin:8px 0 22px}.profile-preview{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f6cde2,#d8ceff);border:5px solid rgba(255,255,255,.9);box-shadow:0 14px 38px rgba(80,54,105,.18);font-weight:900;font-size:29px;color:#4d365c}.font-preview{margin:8px 0 18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--lilac) 16%,var(--surface)),color-mix(in srgb,var(--rose) 12%,var(--surface)));border:1px dashed color-mix(in srgb,var(--primary) 30%,var(--line));display:grid;gap:2px}.font-preview span{font:700 10px/1.2 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.font-preview strong{font-size:25px}.font-preview small{color:var(--muted)}.font-preview.elegant strong{font-family:Georgia,"Times New Roman",serif;font-weight:700}.font-preview.soft strong{font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}.font-preview.chic strong{font-family:"Segoe Script","Brush Script MT",cursive;font-weight:600}.password-admin-box{margin-top:14px;padding:2px 14px 8px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--rose) 11%,var(--surface)),color-mix(in srgb,var(--lilac) 10%,var(--surface)));border:1px solid var(--line)}.optional{font-weight:600;color:var(--muted)}
.auth-side{background:radial-gradient(circle at 20% 15%,rgba(236,159,197,.22),transparent 30%),linear-gradient(145deg,#251c31,#514064 58%,#715587)}
.auth-card{border-radius:28px}.brand-mark{background:linear-gradient(135deg,var(--primary),var(--rose))}

/* LynkGo v1.3 — template picker, support popup, publish link */
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.template-option{display:block;cursor:pointer}.template-option input{position:absolute;opacity:0;pointer-events:none}.template-card{display:grid;gap:7px;padding:11px;border:1px solid var(--line);border-radius:17px;background:var(--surface);transition:.18s ease;min-height:104px}.template-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(89,58,105,.08)}.template-option.selected .template-card{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 12%,transparent),0 12px 28px rgba(89,58,105,.1)}.template-card strong{font-size:12px}.template-card small{font-size:10px;color:var(--muted)}.tpl-swatch{height:38px;border-radius:12px;background:linear-gradient(135deg,#e6d8fb,#f5cfe0);position:relative;overflow:hidden}.tpl-rose-blush .tpl-swatch{background:linear-gradient(135deg,#f7cfdd,#fff3f7)}.tpl-peach-bloom .tpl-swatch{background:linear-gradient(135deg,#ffd4c1,#fff7ef)}.tpl-mint-dream .tpl-swatch{background:linear-gradient(135deg,#cdeee5,#f4fffb)}.tpl-sky-pastel .tpl-swatch{background:linear-gradient(135deg,#cfe5f8,#f5fbff)}.tpl-butter-cream .tpl-swatch{background:linear-gradient(135deg,#f8e6a7,#fffdf1)}.tpl-lilac-doodle .tpl-swatch,.tpl-pink-doodle .tpl-swatch,.tpl-floral-doodle .tpl-swatch,.tpl-stars-doodle .tpl-swatch{background:linear-gradient(135deg,#eadcff,#ffe0ee)}.tpl-lilac-doodle .tpl-swatch::after,.tpl-pink-doodle .tpl-swatch::after,.tpl-floral-doodle .tpl-swatch::after,.tpl-stars-doodle .tpl-swatch::after{content:"♡ ✦ ✿";position:absolute;inset:7px;color:#9b71bd;font:700 15px/1.4 "Segoe Print",cursive;letter-spacing:8px}.tpl-pink-doodle .tpl-swatch{background:linear-gradient(135deg,#ffdce9,#fff5fa)}.tpl-floral-doodle .tpl-swatch{background:linear-gradient(135deg,#f4e6dc,#fff8f1)}.tpl-stars-doodle .tpl-swatch{background:linear-gradient(135deg,#dcdafb,#f8f7ff)}.tpl-midnight-plum .tpl-swatch{background:linear-gradient(135deg,#1d1525,#7e6095)}.tpl-clean-white .tpl-swatch{background:linear-gradient(135deg,#fff,#eee)}.tpl-mocha-soft .tpl-swatch{background:linear-gradient(135deg,#d9bbaa,#f7eee8)}.tpl-monochrome-chic .tpl-swatch{background:linear-gradient(135deg,#111 0 35%,#fff 35% 70%,#aaa 70%)}
.font-preview.clean strong{font-family:"Avenir Next","Segoe UI",Arial,sans-serif}.font-preview.editorial strong{font-family:Didot,"Bodoni MT",Georgia,serif}.font-preview.classic strong{font-family:Garamond,"Times New Roman",serif}.font-preview.friendly strong{font-family:"Trebuchet MS","Segoe UI",sans-serif}.font-preview.handwritten strong{font-family:"Segoe Print","Bradley Hand",cursive}.font-preview.romantic strong{font-family:"Brush Script MT","Segoe Script",cursive;font-weight:500}.font-preview.luxe strong{font-family:"Bodoni 72",Didot,Georgia,serif}.font-preview.playful strong{font-family:"Comic Sans MS","Segoe Print",cursive}.font-preview.bold strong{font-family:"Arial Black",Impact,sans-serif}.font-preview.mono strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.publish-link-row{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}.publish-link-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;color:var(--text);font-weight:700}.publish-help{margin-top:10px;padding:10px 12px;border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,#25d366 8%,var(--surface)),color-mix(in srgb,var(--lilac) 9%,var(--surface)));font-size:12px;color:var(--muted)}.publish-help a{font-weight:900;color:#138d43;text-decoration:none}
.panel-support{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.panel-support-fab{width:52px;height:52px;border:0;border-radius:50%;background:linear-gradient(135deg,#25d366,#13a84a);color:#fff;font-weight:950;box-shadow:0 14px 32px rgba(20,150,70,.28);cursor:pointer}.panel-support-pop{display:none;width:260px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px rgba(60,38,70,.18)}.panel-support.open .panel-support-pop{display:grid;gap:7px}.panel-support-pop small{color:var(--muted);line-height:1.45}
@media(max-width:800px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publish-link-row{flex-wrap:wrap}.publish-link-row code{width:100%;flex-basis:100%}.panel-support{right:14px;bottom:14px}}

/* LynkGo v1.5 — brand assets, profile cropper, live theme preview & custom colors */
.brand-logo-mark{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 7px 13px rgba(111,72,156,.16));flex:0 0 auto}.sidebar .brand-logo-mark{width:44px;height:44px}.brand-logo-boot{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(111,72,156,.18));animation:brandFloat 3.2s ease-in-out infinite}.landing-brand-logo{width:44px;height:44px;object-fit:contain}.hero-brand-lockup{display:flex;align-items:center;gap:12px;margin-bottom:18px}.hero-brand-lockup img{width:70px;height:70px;object-fit:contain}.hero-brand-lockup strong{font-size:28px;letter-spacing:-.04em}.hero-brand-lockup small{display:block;color:var(--muted);font-weight:700}@keyframes brandFloat{50%{transform:translateY(-5px) rotate(1deg)}}
.creator-settings-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:24px;align-items:start}.settings-column{min-width:0}.live-preview-column{position:sticky;top:92px}.profile-crop-editor{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin:8px 0 22px;padding:16px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--lilac) 12%,var(--surface)),color-mix(in srgb,var(--rose) 9%,var(--surface)));border:1px solid var(--line)}.profile-cropper{width:150px;height:150px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#f6cde2,#d8ceff);border:6px solid rgba(255,255,255,.9);box-shadow:0 15px 35px rgba(80,54,105,.17);touch-action:none;user-select:none}.profile-cropper img{width:100%;height:100%;object-fit:cover;cursor:grab;touch-action:none;user-select:none;-webkit-user-drag:none;will-change:transform,object-position}.profile-cropper.dragging img{cursor:grabbing}.crop-fallback{font-size:34px;font-weight:950;color:#583d67}.crop-help{display:grid;gap:8px}.crop-help>small{color:var(--muted);font-size:12px}.crop-help label{font-size:12px;font-weight:850;display:grid;gap:7px}.crop-help label span{color:var(--primary)}.range-input{width:100%;accent-color:var(--primary)}
.live-preview-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.live-preview-title strong,.live-preview-title small{display:block}.live-preview-title small{color:var(--muted);font-size:11px}.live-dot{font-size:9px;font-weight:950;letter-spacing:.12em;padding:5px 8px;border-radius:999px;background:#e9fbf2;color:#1c855c;box-shadow:0 0 0 1px #c9ebda inset}.live-store-preview{--lp-bg:#fbf6ff;--lp-bg2:#f0e8fb;--lp-card:#fff;--lp-text:#2f2638;--lp-muted:#796d84;--lp-accent:#8d67c6;--lp-accent2:#e8b4d5;background:linear-gradient(180deg,var(--lp-bg),var(--lp-bg2));color:var(--lp-text);border-radius:30px;padding:20px;border:1px solid color-mix(in srgb,var(--lp-accent) 13%,transparent);box-shadow:0 18px 52px color-mix(in srgb,var(--lp-accent) 13%,transparent);min-height:470px;overflow:hidden;position:relative}.live-store-preview::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-80px;top:-70px;background:var(--lp-accent2);filter:blur(26px);opacity:.24}.live-profile{position:relative;text-align:center;background:color-mix(in srgb,var(--lp-card) 91%,transparent);border:1px solid color-mix(in srgb,var(--lp-accent) 12%,transparent);border-radius:25px;padding:19px 16px 17px;box-shadow:0 12px 30px rgba(70,45,90,.08)}.live-avatar{width:82px;height:82px;border-radius:50%;overflow:hidden;display:grid;place-items:center;margin:0 auto 8px;border:4px solid var(--lp-card);box-shadow:0 0 0 3px color-mix(in srgb,var(--lp-accent) 22%,transparent),0 9px 24px rgba(80,50,100,.13);background:linear-gradient(135deg,var(--lp-accent2),color-mix(in srgb,var(--lp-accent) 50%,#fff));font-weight:950;font-size:21px}.live-avatar img{width:100%;height:100%;object-fit:cover;will-change:transform,object-position}.live-profile>span{display:inline-block;font-size:9px;font-weight:900;color:var(--lp-accent);background:color-mix(in srgb,var(--lp-accent) 9%,transparent);padding:4px 8px;border-radius:999px}.live-profile h3{font-family:var(--live-heading,inherit);font-size:23px;margin:6px 0 0;letter-spacing:-.035em}.live-profile>small{color:var(--lp-muted);font-size:10px}.live-profile p{color:var(--lp-muted);font-size:11px;line-height:1.5;margin:8px auto 0;max-width:260px}.live-chips{display:flex;gap:6px;margin:11px 2px}.live-chips i{font-style:normal;font-size:9px;font-weight:850;padding:6px 9px;border-radius:999px;background:var(--lp-card);color:var(--lp-muted);border:1px solid color-mix(in srgb,var(--lp-accent) 11%,transparent)}.live-chips i:first-child{background:var(--lp-accent);color:#fff}.live-product{display:grid;gap:7px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--lp-card) 94%,transparent);border:1px solid color-mix(in srgb,var(--lp-accent) 12%,transparent);box-shadow:0 10px 24px rgba(70,45,90,.06)}.live-product b{justify-self:start;font-size:10px;padding:6px 8px;border-radius:9px;color:var(--lp-accent);background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent) 15%,var(--lp-card)),color-mix(in srgb,var(--lp-accent2) 14%,var(--lp-card)))}.live-product strong{display:flex;justify-content:space-between;font-family:var(--live-heading,inherit);font-size:var(--live-product-size,14px);line-height:1.25;overflow-wrap:anywhere}.live-product strong span{color:var(--lp-accent)}.live-product small{font-size:10px;color:var(--lp-muted)}
.live-store-preview[data-template="rose-blush"]{--lp-bg:#fff7fa;--lp-bg2:#fbe8f0;--lp-card:#fff;--lp-text:#39282f;--lp-muted:#866b76;--lp-accent:#b75c82;--lp-accent2:#f2aec8}.live-store-preview[data-template="peach-bloom"]{--lp-bg:#fff8f3;--lp-bg2:#fbe9df;--lp-card:#fff;--lp-text:#3b2c28;--lp-muted:#866f68;--lp-accent:#c87362;--lp-accent2:#f5b7a5}.live-store-preview[data-template="mint-dream"]{--lp-bg:#f5fcfa;--lp-bg2:#e3f4ef;--lp-card:#fff;--lp-text:#233632;--lp-muted:#6c827c;--lp-accent:#4d9d8a;--lp-accent2:#a8dfd0}.live-store-preview[data-template="sky-pastel"]{--lp-bg:#f5faff;--lp-bg2:#e5f0fb;--lp-card:#fff;--lp-text:#263343;--lp-muted:#6e7d8f;--lp-accent:#588bc2;--lp-accent2:#aecfec}.live-store-preview[data-template="butter-cream"]{--lp-bg:#fffdf4;--lp-bg2:#f9f0d7;--lp-card:#fff;--lp-text:#393327;--lp-muted:#827967;--lp-accent:#a67b2e;--lp-accent2:#f1d58b}.live-store-preview[data-template="lilac-doodle"]{--lp-bg:#fbf7ff;--lp-bg2:#efe5fb;--lp-card:#fff;--lp-text:#32273b;--lp-muted:#7c6e87;--lp-accent:#8c62bd;--lp-accent2:#e8aed3;background-image:radial-gradient(circle at 15% 18%,color-mix(in srgb,var(--lp-accent) 16%,transparent) 0 2px,transparent 3px),linear-gradient(180deg,var(--lp-bg),var(--lp-bg2))}.live-store-preview[data-template="pink-doodle"]{--lp-bg:#fff7fb;--lp-bg2:#fde6ef;--lp-card:#fff;--lp-text:#392830;--lp-muted:#866b77;--lp-accent:#c45686;--lp-accent2:#f3a9c7;background-image:radial-gradient(circle at 15% 18%,color-mix(in srgb,var(--lp-accent) 16%,transparent) 0 2px,transparent 3px),linear-gradient(180deg,var(--lp-bg),var(--lp-bg2))}.live-store-preview[data-template="floral-doodle"]{--lp-bg:#fffaf7;--lp-bg2:#f4ebdf;--lp-card:#fff;--lp-text:#39302b;--lp-muted:#81736b;--lp-accent:#9b6d78;--lp-accent2:#e9b8bd}.live-store-preview[data-template="stars-doodle"]{--lp-bg:#f8f7ff;--lp-bg2:#e9e8fb;--lp-card:#fff;--lp-text:#2d2d41;--lp-muted:#73738b;--lp-accent:#6e6ab9;--lp-accent2:#f1c5dd}.live-store-preview[data-template="midnight-plum"]{--lp-bg:#17121d;--lp-bg2:#281d30;--lp-card:#2a1f32;--lp-text:#fff9ff;--lp-muted:#cfbfd3;--lp-accent:#c9a7ff;--lp-accent2:#f0a5c8}.live-store-preview[data-template="clean-white"]{--lp-bg:#fbfbfc;--lp-bg2:#f3f3f5;--lp-card:#fff;--lp-text:#17171a;--lp-muted:#73737a;--lp-accent:#28282d;--lp-accent2:#d8d8dc}.live-store-preview[data-template="mocha-soft"]{--lp-bg:#fbf7f3;--lp-bg2:#eee3db;--lp-card:#fff;--lp-text:#352c28;--lp-muted:#7d7069;--lp-accent:#8b6756;--lp-accent2:#d9b9aa}.live-store-preview[data-template="monochrome-chic"]{--lp-bg:#f7f7f7;--lp-bg2:#e9e9e9;--lp-card:#fff;--lp-text:#111;--lp-muted:#666;--lp-accent:#111;--lp-accent2:#aaa}
.live-store-preview[data-font="elegant"]{--live-heading:Georgia,"Times New Roman",serif}.live-store-preview[data-font="soft"]{--live-heading:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}.live-store-preview[data-font="chic"]{--live-heading:"Segoe Script","Brush Script MT",cursive}.live-store-preview[data-font="editorial"]{--live-heading:Didot,"Bodoni MT",Georgia,serif}.live-store-preview[data-font="classic"]{--live-heading:Garamond,"Times New Roman",serif}.live-store-preview[data-font="handwritten"]{--live-heading:"Segoe Print","Bradley Hand",cursive}.live-store-preview[data-font="romantic"]{--live-heading:"Brush Script MT","Segoe Script",cursive}.live-store-preview[data-font="luxe"]{--live-heading:"Bodoni 72",Didot,Georgia,serif}.live-store-preview[data-font="playful"]{--live-heading:"Comic Sans MS","Segoe Print",cursive}.live-store-preview[data-font="bold"]{--live-heading:"Arial Black",Impact,sans-serif}.live-store-preview[data-font="mono"]{--live-heading:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.settings-divider{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:25px 0}.appearance-row{align-items:end}.switch-row{display:flex!important;align-items:center;gap:9px!important;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.switch-row input{position:absolute;opacity:0}.switch-ui{width:39px;height:23px;border-radius:999px;background:#d8cedc;position:relative;transition:.18s;flex:0 0 auto}.switch-ui::after{content:"";width:17px;height:17px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:.18s}.switch-row input:checked+.switch-ui{background:linear-gradient(135deg,var(--primary),var(--rose))}.switch-row input:checked+.switch-ui::after{transform:translateX(16px)}.custom-color-panel{opacity:.55;filter:saturate(.55);pointer-events:none;padding:14px;border:1px dashed var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 65%,transparent);transition:.2s}.custom-color-panel.enabled{opacity:1;filter:none;pointer-events:auto}.color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.color-grid label{display:grid;gap:7px;font-size:11px;font-weight:850;color:var(--muted)}.color-grid input[type="color"]{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:4px;cursor:pointer}.custom-color-panel>small{display:block;color:var(--muted);margin-top:10px}.sticky-save{position:sticky;bottom:14px;z-index:4;padding-top:14px;background:linear-gradient(180deg,transparent,var(--surface) 35%)}
@media(max-width:1000px){.creator-settings-grid{grid-template-columns:1fr}.live-preview-column{position:static}.live-store-preview{max-width:500px;margin:auto}}@media(max-width:680px){.profile-crop-editor{grid-template-columns:1fr;justify-items:center;text-align:center}.crop-help{width:100%;text-align:left}.color-grid{grid-template-columns:repeat(2,1fr)}.live-store-preview{min-height:430px}.brand-logo-mark{width:38px;height:38px}}

/* LynkGo v1.5 — social profile editor */
.social-settings-block{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.field-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px}.field-heading strong{display:block;font-size:13px}.field-heading small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.45}.social-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-setting{position:relative;display:grid;grid-template-columns:36px 1fr;gap:8px 10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%)}.social-setting .input{grid-column:1/-1;margin-top:2px}.social-setting-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:950;background:var(--panel);border:1px solid var(--line);box-shadow:0 5px 14px rgba(55,38,70,.06)}.social-setting b{display:block;font-size:12px}.social-setting small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.social-facebook .social-setting-icon{color:#1877f2}.social-instagram .social-setting-icon{color:#d62976}.social-tiktok .social-setting-icon{color:#111}.social-threads .social-setting-icon{color:var(--text)}.live-socials{display:flex;justify-content:center;gap:6px;min-height:29px;margin-top:10px}.live-socials span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--lp-card,#fff) 85%,var(--lp-accent,#8d67c6) 15%);border:1px solid color-mix(in srgb,var(--lp-accent,#8d67c6) 20%,transparent);font-size:11px;font-weight:950;color:var(--lp-text,#2f2638)}@media(max-width:720px){.social-settings-grid{grid-template-columns:1fr}}


/* LynkGo v1.6 — immutable built-ins + user template studio */
.template-card-top{display:grid;gap:6px}.template-card-top em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.immutable-badge,.personal-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.035em;background:color-mix(in srgb,var(--lilac) 18%,var(--surface));color:var(--primary);white-space:nowrap}.personal-badge{background:color-mix(in srgb,var(--rose) 18%,var(--surface));color:#9b4f73}
.custom-color-panel{opacity:1!important;filter:none!important;pointer-events:auto!important}.custom-color-panel:not(.custom-active){border-style:dashed;background:color-mix(in srgb,var(--surface-2) 72%,transparent)}.custom-color-panel.custom-active{box-shadow:0 12px 32px color-mix(in srgb,var(--primary) 9%,transparent)}
.color-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.color-panel-head strong{display:block;font-size:13px}.color-panel-head small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:3px}.color-grid-six{grid-template-columns:repeat(6,minmax(0,1fr))}
.my-template-studio{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--lilac) 8%,var(--surface)),color-mix(in srgb,var(--rose) 7%,var(--surface)))}.my-template-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px}.my-template-head strong{display:block;font-size:15px}.my-template-head small{display:block;color:var(--muted);font-size:11px;margin-top:3px;line-height:1.5}.my-template-toolbar{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:8px;margin-bottom:14px}.my-template-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.my-template-card{border:1px solid var(--line);border-radius:17px;padding:11px;background:var(--surface);box-shadow:0 8px 20px rgba(61,42,75,.05)}.my-template-preview{height:54px;border-radius:12px;background:linear-gradient(135deg,var(--c1),var(--c2));position:relative;overflow:hidden;margin-bottom:9px}.my-template-preview::after{content:"";position:absolute;inset:auto 9px 9px 9px;height:15px;border-radius:7px;background:var(--c3);opacity:.95}.my-template-preview i{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--c4);opacity:.72}.my-template-preview i:nth-child(1){left:9px;top:8px}.my-template-preview i:nth-child(2){right:9px;top:8px;width:28px;border-radius:8px;background:#fff;opacity:.72}.my-template-preview i:nth-child(3){left:39px;top:8px;width:12px;height:12px}.my-template-info{display:flex;justify-content:space-between;align-items:flex-start;gap:7px}.my-template-info strong{display:block;font-size:12px}.my-template-info small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.my-template-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.my-template-actions .btn{padding:7px 9px}.my-template-empty{grid-column:1/-1;padding:18px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);font-size:11px;background:color-mix(in srgb,var(--surface) 80%,transparent)}
@media(max-width:1050px){.color-grid-six{grid-template-columns:repeat(3,1fr)}.my-template-list{grid-template-columns:repeat(2,minmax(0,1fr))}.my-template-toolbar{grid-template-columns:1fr 1fr}.my-template-toolbar .input{grid-column:1/-1}}
@media(max-width:620px){.color-panel-head,.my-template-head{flex-direction:column}.color-grid-six{grid-template-columns:repeat(2,1fr)}.my-template-list{grid-template-columns:1fr}.my-template-toolbar{grid-template-columns:1fr}.my-template-toolbar .input{grid-column:auto}.my-template-toolbar .btn{width:100%}}

/* LynkGo v1.7 — Creator Studio preview mirrors the public sparkle orbit */
.live-avatar{position:relative;overflow:visible;isolation:isolate;animation:liveAvatarFloat 4.6s ease-in-out infinite}
.live-avatar::before{content:"";position:absolute;inset:-6px;border-radius:50%;z-index:0;background:conic-gradient(from 0deg,transparent 0 12%,var(--lp-accent2) 18%,transparent 25% 44%,var(--lp-accent) 50%,transparent 58% 76%,#fff 81%,transparent 88%);opacity:.88;animation:liveAvatarOrbit 5.8s linear infinite}
.live-avatar::after{content:"✦";position:absolute;right:-10px;top:4px;z-index:3;color:var(--lp-accent2);font-size:12px;text-shadow:-72px 42px 0 color-mix(in srgb,var(--lp-accent) 65%,#fff),-38px -13px 0 #fff,5px 69px 0 color-mix(in srgb,var(--lp-accent2) 65%,#fff);animation:liveAvatarSparkle 2s ease-in-out infinite alternate}
.live-avatar img{position:relative;z-index:2;border-radius:50%;clip-path:circle(50%)}
@keyframes liveAvatarOrbit{to{transform:rotate(360deg)}}
@keyframes liveAvatarFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes liveAvatarSparkle{from{opacity:.42;transform:scale(.78)}to{opacity:1;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){.live-avatar,.live-avatar::before,.live-avatar::after{animation:none!important}}

/* v1.9.0 Typography Pairing Studio */
.typography-studio{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--lilac) 10%,var(--surface)),color-mix(in srgb,var(--rose) 8%,var(--surface)))}
.font-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.font-mode-option{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);cursor:pointer;transition:.18s ease}.font-mode-option:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));transform:translateY(-1px)}.font-mode-option:has(input:checked){border-color:color-mix(in srgb,var(--primary) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,transparent);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.font-mode-option input{margin-top:4px;accent-color:var(--primary)}.font-mode-option span,.font-mode-option b,.font-mode-option small{display:block}.font-mode-option b{font-size:13px}.font-mode-option small{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.4}.font-pair-grid{align-items:start}.font-sample-title,.font-sample-product{margin-top:8px;padding:12px 13px;border-radius:13px;border:1px dashed color-mix(in srgb,var(--primary) 25%,var(--line));background:color-mix(in srgb,var(--surface) 92%,var(--lilac));overflow-wrap:anywhere}.font-sample-title{font-size:22px;font-weight:800}.font-sample-product{font-size:17px;font-weight:800}.product-font-field{transition:.2s ease}.product-font-field.linked{opacity:.62}.product-font-field.linked::after{content:"Mengikuti font judul";display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);font-size:10px;font-weight:800}.live-profile h3{font-family:var(--live-title-font,var(--live-heading,inherit))}.live-product strong{font-family:var(--live-product-font,var(--live-heading,inherit))}
@media(max-width:680px){.font-mode-row{grid-template-columns:1fr}.font-pair-grid{grid-template-columns:1fr}}

/* LynkGo v1.9 — automatic product numbering + reorder controls */
.auto-number-input{font-weight:900;letter-spacing:.08em;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,var(--card))!important;cursor:default}
.product-order-info{padding-top:14px;padding-bottom:14px}.product-order-info .notice{margin:0}
.reorder-box{display:flex;align-items:center;gap:7px}.reorder-buttons{display:flex;gap:4px;flex-direction:column}.reorder-handle{width:40px;height:46px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--card));color:var(--accent);font-size:21px;font-weight:900;cursor:ns-resize;touch-action:pan-x;user-select:none;-webkit-user-select:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.reorder-handle:hover{transform:scale(1.04);background:color-mix(in srgb,var(--accent) 15%,var(--card));border-color:var(--accent)}
.btn-xs{min-height:21px;padding:2px 8px;border-radius:8px;font-size:12px;line-height:1}.auto-product-no{display:inline-flex;padding:3px 8px;border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:900;letter-spacing:.035em}
.product-order-row{transition:background .18s ease}.product-order-row:hover{background:color-mix(in srgb,var(--accent) 3%,transparent)}
@media(max-width:760px){.product-table .reorder-box{justify-content:flex-end}.reorder-handle{width:46px;height:44px}.reorder-buttons{flex-direction:row}.product-order-info{padding:12px}.product-order-info small{line-height:1.55}}


/* LynkGo v1.9.3 — user-controlled product list font size */
.product-size-studio{margin-top:16px;padding:15px;border-radius:17px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,var(--lilac));display:grid;gap:11px}.product-size-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.product-size-head strong,.product-size-head small{display:block}.product-size-head small{color:var(--muted);font-size:11px;line-height:1.45;margin-top:2px}.size-value{flex:0 0 auto;min-width:58px;text-align:center;padding:7px 10px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 13%,var(--surface)),color-mix(in srgb,var(--rose) 12%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));color:var(--primary);font-size:14px;font-weight:950}.product-size-range{accent-color:var(--primary)}.product-size-presets{display:flex;flex-wrap:wrap;gap:7px}.size-preset{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:7px 10px;border-radius:11px;font-size:11px;font-weight:850;cursor:pointer;transition:.16s ease}.size-preset:hover,.size-preset.active{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary);transform:translateY(-1px)}.product-size-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-size-actions small{margin-left:auto;color:var(--muted);font-size:11px;font-weight:800}.font-sample-product{transition:font-size .16s ease,font-family .16s ease}.live-product strong{transition:font-size .16s ease,font-family .16s ease}
@media(max-width:680px){.product-size-head{align-items:center}.product-size-actions small{width:100%;margin-left:0}.product-size-actions .btn{flex:1 1 150px}}


/* LynkGo v2.0 — landing, tabs, subscription & Google auth */
.google-auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-weight:850;box-shadow:0 6px 18px rgba(68,42,82,.05);transition:.18s ease}.google-auth-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:0 10px 26px rgba(68,42,82,.09)}.google-g{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-weight:950;font-family:Arial,sans-serif}.auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:11px}.auth-divider::before,.auth-divider::after{content:"";height:1px;background:var(--line);flex:1}.google-connected{display:flex;align-items:center;gap:11px;padding:13px 14px;border-radius:15px;background:color-mix(in srgb,var(--primary) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));margin-bottom:16px}.google-connected strong,.google-connected small{display:block}.google-connected small{color:var(--muted);font-size:11px}.settings-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible;padding:8px;margin-bottom:16px;background:color-mix(in srgb,var(--surface) 90%,var(--lilac));border:1px solid var(--line);border-radius:18px;position:sticky;top:78px;z-index:11;box-shadow:0 9px 25px rgba(76,49,91,.06)}.settings-tab{border:0;background:transparent;color:var(--muted);padding:11px 10px;border-radius:12px;font-weight:850;font-size:12px;white-space:normal;text-align:center;line-height:1.25;min-height:46px;display:grid;place-items:center}.settings-tab.active{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--rose) 70%,var(--primary)));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 22%,transparent)}.subscription-current{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--lilac) 15%,var(--surface)),color-mix(in srgb,var(--rose) 12%,var(--surface)));margin-bottom:18px}.subscription-current>div:first-child span,.subscription-current>div:first-child strong,.subscription-current>div:first-child small{display:block}.subscription-current strong{font-size:26px}.subscription-current small{color:var(--muted)}.plan-meter{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.plan-meter span,.plan-mini{padding:7px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:11px;font-weight:850}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{padding:22px;border-radius:22px;border:1px solid var(--line);background:var(--surface);box-shadow:0 12px 35px rgba(75,50,90,.06);position:relative;overflow:hidden}.plan-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--primary),var(--rose))}.plan-card.current{outline:2px solid color-mix(in srgb,var(--primary) 55%,transparent)}.plan-card-head{display:flex;justify-content:space-between;gap:10px}.plan-kicker{font-size:12px;font-weight:900;color:var(--primary)}.plan-card h3{font-size:27px;margin:8px 0}.plan-card h3 small{font-size:10px;color:var(--muted);font-weight:700}.plan-card p{color:var(--muted);font-size:13px;min-height:42px}.plan-card ul{list-style:none;padding:0;display:grid;gap:7px;font-size:12px;margin:18px 0}.current-plan-badge{padding:6px 9px;background:#eaf9f1;color:#257352;border-radius:999px;font-size:10px;font-weight:900}.subscription-note{margin-top:14px;padding:14px;border-radius:16px;background:var(--surface-2);color:var(--muted);font-size:12px}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.admin-plan-box{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2)}.plan-edit-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.plan-edit-head span{font-size:10px;color:var(--muted)}.admin-subscription-box{padding:14px;border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--primary) 6%,var(--surface));margin:14px 0}.plan-mini.plan-pro{background:#efe7ff;color:#6a3da7}.plan-mini.plan-standard{background:#fff0f7;color:#a54373}.plan-mini.plan-basic{background:#eef6ff;color:#4775a5}.lynkgo-landing{background:radial-gradient(circle at 8% 10%,rgba(220,178,255,.28),transparent 25%),radial-gradient(circle at 92% 18%,rgba(255,184,217,.27),transparent 27%),linear-gradient(180deg,#fffafd,#fbf6ff 55%,#fff)}.hero-v2{min-height:690px}.hero-eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f3e9ff;color:#7f57ac;font-weight:900;font-size:12px}.hero-v2 h1 span{background:linear-gradient(90deg,#8c61c6,#e178ae);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-cta{padding:14px 20px}.landing-google{width:auto;padding:12px 18px}.hero-proof{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hero-proof span{font-size:11px;padding:7px 9px;border-radius:999px;background:#fff;border:1px solid #efe1f2;color:#6f5c75}.phone-showcase{position:relative;display:grid;place-items:center;min-height:550px}.showcase-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,#e9c9ff 0,rgba(246,192,221,.52) 42%,transparent 70%);filter:blur(22px)}.showcase-card{position:relative;width:min(390px,90%);padding:28px 23px;border-radius:38px;background:rgba(255,255,255,.9);border:1px solid #ead7ef;box-shadow:0 35px 90px rgba(106,67,124,.18);transform:rotate(2deg);backdrop-filter:blur(15px)}.showcase-profile{text-align:center}.showcase-profile img{width:80px;height:80px}.showcase-profile strong,.showcase-profile h3,.showcase-profile p{display:block;margin:5px}.showcase-profile strong{font-size:11px;color:#a266b5}.showcase-profile h3{font-size:21px}.showcase-profile p{font-size:11px;color:#8d7c93}.showcase-search{margin:18px 0;padding:12px 15px;border-radius:15px;background:#f7f0fa;color:#9e8ba5;font-size:12px}.showcase-product{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;margin:9px 0;border-radius:17px;background:#fff;border:1px solid #eee1f0;box-shadow:0 7px 20px rgba(90,54,104,.05)}.showcase-product b{color:#ad71ca}.showcase-product span{font-weight:850;font-size:13px}.landing-feature-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:55px 0}.landing-feature-v2 article{padding:23px;border-radius:22px;background:rgba(255,255,255,.76);border:1px solid #eee0f1}.landing-feature-v2 article>span{font-size:24px}.landing-feature-v2 h2{font-size:17px}.landing-feature-v2 p{font-size:12px;color:#806f87}.landing-plans{padding:70px 0}.landing-section-head{text-align:center;max-width:680px;margin:0 auto 28px}.landing-section-head>span{color:#a264be;font-size:12px;font-weight:900}.landing-section-head h2{font-size:38px;margin:8px 0}.landing-section-head p{color:#867489}.landing-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-plan-grid article{padding:26px;border-radius:25px;background:#fff;border:1px solid #ecdff0;position:relative}.landing-plan-grid .popular{transform:translateY(-8px);box-shadow:0 25px 60px rgba(127,83,148,.12);border-color:#dcbbe9}.landing-plan-grid b{position:absolute;right:18px;top:18px;font-size:9px;padding:6px 8px;border-radius:999px;background:#f3e5ff;color:#7d4daa}.landing-final{margin:45px 0 80px;padding:30px;border-radius:28px;background:linear-gradient(135deg,#2e1e3a,#7c4d91);color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.landing-final img{width:75px}.landing-final span{font-size:11px;color:#e9ddec}.landing-final h2{margin:3px 0}.landing-final .btn{background:#fff;color:#6d4380}.verified-badge{display:inline-grid;place-items:center;margin-left:7px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8b6cd7,#e97fb0);color:white;font-size:13px;vertical-align:middle;box-shadow:0 5px 16px rgba(142,91,177,.25)}
@media(max-width:900px){.plan-grid,.admin-plan-grid,.landing-plan-grid,.landing-feature-v2{grid-template-columns:1fr 1fr}.subscription-current{align-items:flex-start;flex-direction:column}.plan-meter{justify-content:flex-start}.hero-v2{grid-template-columns:1fr}.phone-showcase{min-height:460px}.landing-final{grid-template-columns:auto 1fr}.landing-final .btn{grid-column:1/-1}}
@media(max-width:760px){.settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));top:68px}.settings-tab:last-child{grid-column:1/-1}}@media(max-width:620px){.plan-grid,.admin-plan-grid,.landing-plan-grid,.landing-feature-v2{grid-template-columns:1fr}.landing-google{width:100%}.hero-actions{flex-direction:column}.landing-plan-grid .popular{transform:none}.showcase-card{width:95%}.landing-final{grid-template-columns:1fr;text-align:center;justify-items:center}}

.color-panel-top{display:grid;gap:10px;margin-bottom:14px}.color-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.quick-palette-row{display:flex;flex-wrap:wrap;gap:8px}.quick-color-btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 12px;border-radius:999px;font-size:11px;font-weight:850;cursor:pointer;box-shadow:0 7px 18px rgba(68,42,82,.05);transition:.18s ease}.quick-color-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 30%,var(--line));box-shadow:0 10px 24px rgba(68,42,82,.09)}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-grid label{position:relative;padding:11px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);gap:8px;box-shadow:0 8px 20px rgba(70,45,90,.05)}.color-grid label::after{content:attr(data-hex);font-size:10px;font-weight:900;color:var(--muted);letter-spacing:.04em}.color-grid input[type="color"]{height:54px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.live-plan-strip{display:flex;justify-content:center;margin-top:8px}.plan-logo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.03em;border:1px solid color-mix(in srgb,var(--lp-accent,#8d67c6) 18%,transparent);background:color-mix(in srgb,var(--lp-card,#fff) 85%,var(--lp-accent,#8d67c6) 15%);color:var(--lp-text,#2f2638);box-shadow:0 8px 18px color-mix(in srgb,var(--lp-accent,#8d67c6) 10%,transparent)}.plan-logo-badge.plan-basic{background:color-mix(in srgb,#f6fbff 82%,#dff1ff);color:#476b92;border-color:#cbe2fb}.plan-logo-badge.plan-standard{background:color-mix(in srgb,#fff5fa 86%,#ffd8ea);color:#9b5075;border-color:#f2c7dd}.plan-logo-badge.plan-pro,.plan-logo-badge.plan-trial{background:linear-gradient(135deg,color-mix(in srgb,var(--lp-accent,#8d67c6) 16%,#fff),color-mix(in srgb,var(--lp-accent2,#e8b4d5) 22%,#fff));color:var(--lp-text,#2f2638)}#liveStoreNameRow{display:flex;justify-content:center;align-items:center;gap:7px;margin:6px 0 0}.verified-badge{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;margin-left:2px;color:#fff;font-size:12px;font-weight:1000;vertical-align:middle;isolation:isolate;text-shadow:0 1px 1px rgba(0,0,0,.12);background:none;border-radius:0;box-shadow:none}.verified-badge::before,.verified-badge::after{content:"";position:absolute;inset:0;clip-path:polygon(50% 0%,63% 8%,79% 5%,86% 18%,98% 25%,95% 40%,100% 50%,95% 60%,98% 75%,86% 82%,79% 95%,63% 92%,50% 100%,37% 92%,21% 95%,14% 82%,2% 75%,5% 60%,0% 50%,5% 40%,2% 25%,14% 18%,21% 5%,37% 8%)}.verified-badge::before{background:linear-gradient(135deg,var(--lp-accent,var(--primary)),color-mix(in srgb,var(--lp-accent2,var(--rose)) 68%,var(--lp-accent,var(--primary))));filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--lp-accent,var(--primary)) 24%,transparent))}.verified-badge::after{inset:2px;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.36),transparent 44%),linear-gradient(135deg,color-mix(in srgb,var(--lp-accent,var(--primary)) 88%,#fff),color-mix(in srgb,var(--lp-accent2,var(--rose)) 82%,#fff));opacity:.38}.verified-badge{z-index:0}.verified-badge>*{position:relative;z-index:2}.live-verified-badge{margin-left:0}

.verified-badge .badge-check{position:relative;z-index:2;line-height:1}