/* ByShare iOS-inspired web experience. No font CDN, UI kit, or build step. */
:root {
 --bg:#f8f6ff; --sidebar:#fff; --panel:#fff; --panel2:#f5f1ff;
 --line:#ece6f7; --ink:#17173f; --muted:#6f7292;
 --purple:#8b52ed; --purple2:#ba8aff; --green:#22a978;
 --red:#d6557b; --shadow:0 16px 45px #654fa31c;
}
html {background:#f8f6ff}
body {color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif}
p,.muted {color:var(--muted)}
body.workspace-body,body.public-body {
 background:radial-gradient(ellipse 640px 500px at 3% 0%,#f0e5ff 0%,transparent 95%),
 radial-gradient(ellipse 520px 420px at 92% 5%,#ffe8f5 0%,transparent 95%),
 #f8f6ff;
}
h1,h2,h3,h4 {color:#1c1949;font-weight:800}
h1{letter-spacing:-1.45px}
.eyebrow{color:#8757d7;letter-spacing:1.7px;font-size:10px}
.inline-link,.back-link{color:#8150d8}
.inline-link:hover,.back-link:hover{color:#5b279f}
.pill,.capsule{background:#f0e8ff;border:1px solid #e1d0ff;color:#7850b3;border-radius:99px}
.btn {background:linear-gradient(103deg,#8449f3,#bd6af2 56%,#ff9f87);border-radius:13px;box-shadow:0 8px 22px #8c51e52c;color:white}
.btn.secondary,.btn.subtle,.btn.ghost {background:white;color:#6946ab;border:1px solid #e4d9f4;box-shadow:0 4px 13px #8063ae12}
.btn.ghost{background:#f4efff}
.btn.secondary:hover,.btn.subtle:hover,.btn.ghost:hover{background:#f5efff}
.icon-button{color:#7759aa}
.icon-button:hover{background:#f0e9ff;color:#6740a5}
.panel {background:#fff;border:1px solid #ece4f8;box-shadow:0 12px 34px #6243990f;border-radius:23px}
.panel-title h2,.panel h2{color:#221c4e}
.feature-symbol {background:linear-gradient(135deg,#ede4ff,#fff0fa);color:#8957d9;border-radius:14px}
.number-token{background:linear-gradient(120deg,#8f53f0,#bb73ed);color:white}
.field,.field-title{color:#57536f;font-weight:700}
.field small{color:#8b87a2}
.field>input,.field>textarea,.field>select,.copy-field input,.search-form input,.data-table select,.data-table input[type=date],.help-search input {background:#faf9ff;color:#262347;border:1px solid #e1d9ee;box-shadow:none;border-radius:12px}
.field input::placeholder,.field textarea::placeholder,.search-form input::placeholder {color:#9b94af}
.field input:focus,.field textarea:focus,.copy-field input:focus {outline:2px solid #dfccff;outline-offset:1px}
.field input[readonly]{opacity:1;color:#645d81;background:#f7f4ff}
.alert {background:#f3eeff;border-color:#e0d2ff;color:#6d4d9f}
.alert.info,.alert.subtle{background:#f5efff;border-color:#e6d7ff;color:#675783}
.alert.success{background:#e8fff5;border-color:#bfe9d8;color:#176648}
.alert.error{background:#fff0f3;border-color:#ffccda;color:#a33258}
.divider{background:#eae4f3}
.workspace{min-height:100vh}
.sidebar {background:rgba(255,255,255,.97);border-right:1px solid #ede6f7;box-shadow:3px 0 30px #7054ae0b}
.brand-name {color:#222044}
.brand-name small{color:#9e80c6}
.sidebar-label{color:#afa3c1}
.nav-link{color:#7b7596;border-radius:14px}
.nav-link:hover{background:#f4edff;color:#7b40da}
.nav-link.active{background:linear-gradient(110deg,#9b60f3,#c16be9);color:#fff;box-shadow:0 9px 20px #8e55d52b}
.nav-link.active svg{color:#fff}
.user-mini{border-top:1px solid #ece4f8}
.user-mini-body small{color:#9e91b2}
.user-pic{background:linear-gradient(125deg,#8f5eea,#ef91d6)}
.upgrade-mini{background:linear-gradient(130deg,#9859f4,#e28cce 70%,#ffb08c);border:1px solid #ead4fc;color:white}
.upgrade-mini strong,.upgrade-mini p,.upgrade-mini a{color:#fff}
.top-bar{background:#ffffffb8;backdrop-filter:blur(22px);border-bottom:1px solid #eee6f7}
.breadcrumb{color:#8981a4}.breadcrumb span{color:#c1b9ce}
.workspace-footer{color:#aca2bb;border-color:#e9e1f3}
.page-heading h1 em,.heading-spark{color:#8d4ce5}
.page-heading p,.section-title p{color:#77728f}
.metric-card{background:linear-gradient(145deg,#fff,#faf7ff);border:1px solid #ebe2f8;box-shadow:0 10px 28px #6343990f;border-radius:20px}
.metric-card strong{color:#272051}
.metric-top{color:#925deb}
.metric-top span,.metric-top small{color:#8b80a2}
.metric-premium{background:linear-gradient(125deg,#8c52ee,#c872d8 65%,#f4a2aa);border-color:#bc8afb}
.metric-premium strong,.metric-premium .metric-top,.metric-premium p{color:white}
.cards-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:22px}
.card-item{background:#fff;border:1px solid #ebe4f5;border-radius:22px;box-shadow:0 16px 34px #6650a31c}
.card-item-art{height:422px;overflow:hidden;padding:16px 0 0;background:radial-gradient(ellipse at 57% 8%,#ffeaf6,#f0e5ff 67%,#e4ddff);display:flex;justify-content:center;align-items:start}
.card-item-art .card-art{transform:scale(.615);transform-origin:top center;margin:0 0 -246px;box-shadow:0 23px 55px #7755c62e}
.card-item-info h3{color:#28204d}
.card-item-stats{color:#8a7baa}
.card-actions{border-top:1px solid #f0e8fa}
.empty-card-slot,.empty-state{background:#ffffffa8;border-color:#d9c8f2}
.empty-card-slot:hover{background:#fff}
.empty-card-slot>span,.empty-illustration{background:#efe6ff;color:#8e5de4}
.promo-banner{background:linear-gradient(115deg,#8c4de1,#ba6cde 58%,#ff9d91);border-color:#debbff;color:white}
.promo-banner h3,.promo-banner p,.promo-banner a,.promo-banner .eyebrow{color:white}
.help-banner{background:#fff;border-color:#e9ddf7}
.help-banner h3{color:#20183e}
.help-banner a{color:#8350d3}
/* All designs use the same genuine 9:16 portrait artboard as the Swift app. */
.card-art{
 --accent:#7458e9;position:relative;isolation:isolate;overflow:hidden;
 display:flex;flex-direction:column;flex:0 0 auto;
 width:360px;height:640px;padding:25px 25px 18px;
 border-radius:27px;text-align:left;line-height:1.25;
 box-shadow:0 24px 60px #4f59a030;color:#182d5c;
 background:radial-gradient(circle at 88% 7%,#b8ceff 0%,transparent 31%),linear-gradient(152deg,#f9fbff 0%,#e6efff 45%,#e2eefe 100%);
}
.card-art:before {content:"";position:absolute;width:450px;height:450px;border:1px solid #8d9ff122;box-shadow:0 0 0 35px #9cbaff16,0 0 0 75px #93b3ec0c;border-radius:48%;top:-265px;right:-255px;z-index:-1;opacity:.85}
.card-art-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.3px;min-height:20px}
.art-brand{font-size:16px;font-weight:850;letter-spacing:-.45px;color:inherit}
.art-brand-symbol{color:var(--accent)}
.art-chip{font-size:8px;letter-spacing:1.3px;font-weight:850;max-width:147px;text-align:right;opacity:.7}
.art-hero{display:flex;align-items:flex-start;flex-direction:column;gap:5px;margin-top:30px}
.art-avatar{height:92px;width:92px;flex:0 0 auto;border:4px solid #fff;border-radius:25px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(150deg,#6b91ed,#52cce2);box-shadow:0 12px 27px #24498827;color:white;font-size:40px;font-weight:800}
.art-avatar img{width:100%;height:100%;object-fit:cover}
.art-roleline{color:#54739f;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.45px;margin-top:15px;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.art-name{font-size:35px;font-weight:850;line-height:1.05;letter-spacing:-1.6px;max-height:77px;overflow:hidden;overflow-wrap:anywhere}
.art-role{color:#486a9f;font-weight:700;font-size:13px}
.art-divider{background:linear-gradient(90deg,var(--accent),transparent);height:2px;margin:15px 0 12px;flex-shrink:0}
.art-tagline{color:#627ba2;min-height:27px;max-height:35px;font-style:italic;font-size:11px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.art-contacts{display:flex;flex-direction:column;gap:4px;margin-top:14px;overflow:hidden;flex-shrink:0}
.art-contact{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:600;min-height:25px}
.art-contact:has(span:last-child:empty){display:none}
.art-contact-ico{width:25px;height:25px;border-radius:8px;background:#d4e4fc;color:#315da9;flex:0 0 auto;display:grid;place-items:center;font-size:14px}
.art-contact span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.art-qr-strip{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:9px;border-radius:16px;padding:11px 10px 11px 15px;background:#fffdfdea;border:1px solid #ffffffcf;box-shadow:0 10px 26px #517db01a;min-height:122px;flex-shrink:0}
.art-qr-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;gap:7px}
.art-qr-copy strong{font-size:12px;font-weight:900;letter-spacing:.7px;color:#263f75}
.art-qr-copy span{font-size:10px;color:#657c9d;line-height:1.35}
.art-qr-copy small{font-size:8px;line-height:1.35;color:#6b83aa;letter-spacing:.3px;overflow-wrap:anywhere;max-height:24px;overflow:hidden}
.art-qr{display:grid;place-items:center;flex:0 0 103px;width:103px;height:103px;padding:5px;border-radius:9px;background:#fff;overflow:hidden}
.art-qr canvas{width:100%;height:100%;image-rendering:auto;display:block}
.art-qr:empty:before{content:"▦";font-size:56px;color:#28377a}
.art-bottom{border:0;margin-top:12px;padding:0;display:flex;align-items:center;justify-content:space-between;color:#6681ae;font-size:9px;letter-spacing:1.3px;font-weight:800;flex-shrink:0}
.art-monogram{font-size:23px;color:var(--accent)}
/* Blue/cyan, navy, warm paper: the three source-app default designs. */
.card-midnight{background:radial-gradient(circle at 105% -8%,#205a87 0%,transparent 50%),linear-gradient(145deg,#07152e,#142b48 68%,#142c4a);color:#ebfaff;border:1px solid #246d8e}
.card-midnight:before{border-color:#68ddff16;box-shadow:0 0 0 40px #54c4e20b,0 0 0 90px #5bcaff0a}
.card-midnight .art-brand-symbol,.card-midnight .art-monogram{color:#78e8f0}
.card-midnight .art-avatar{background:linear-gradient(155deg,#1596bc,#0a365d);border-color:#2fb3d4}
.card-midnight .art-roleline,.card-midnight .art-role,.card-midnight .art-tagline,.card-midnight .art-bottom{color:#b1ccdf}
.card-midnight .art-divider{background:linear-gradient(90deg,#72e5f4,transparent)}
.card-midnight .art-contact-ico{background:#1b4566;color:#a4e9f6}
.card-midnight .art-qr-strip{background:#133958;border-color:#30718e;box-shadow:0 10px 35px #0007}
.card-midnight .art-qr-copy strong{color:#dffaff}
.card-midnight .art-qr-copy span,.card-midnight .art-qr-copy small{color:#a6cde4}
.card-ivory{background:radial-gradient(circle at 98% -4%,#e9d1ac 0%,transparent 43%),linear-gradient(160deg,#fffaf1,#f4ead8 75%,#e9dac0);color:#263045;border:1px solid #dcc9a7}
.card-ivory:before{border-color:#bfa37318;box-shadow:0 0 0 37px #b89a5310,0 0 0 80px #c3ab7a10}
.card-ivory .art-brand-symbol,.card-ivory .art-monogram{color:#b0915e}
.card-ivory .art-avatar{background:linear-gradient(135deg,#d2b985,#7c6342);border-color:#fffcf6}
.card-ivory .art-roleline,.card-ivory .art-role,.card-ivory .art-tagline,.card-ivory .art-bottom{color:#746b5c}
.card-ivory .art-divider{background:linear-gradient(90deg,#bda26f,transparent)}
.card-ivory .art-contact-ico{background:#e7d9bc;color:#62533a}
.card-ivory .art-contacts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 7px}
.card-ivory .art-contact{align-items:flex-start;flex-direction:column;gap:3px;min-width:0}
.card-ivory .art-contact-ico{width:24px;height:23px}
.card-ivory .art-qr-strip{background:#243550;border:1px solid #293b53}
.card-ivory .art-qr-copy strong{color:#f7ebd0}
.card-ivory .art-qr-copy span,.card-ivory .art-qr-copy small{color:#d4c7ae}
/* Six Aura-inspired moods (do not replace each template's core layout). */
.card-sapphire.art-sunset{background:radial-gradient(circle at 90% 0%,#ffbfab,transparent 43%),linear-gradient(155deg,#fff2f7,#f5e7ff 66%,#fbe1ed)}
.card-sapphire.art-alpine{background:radial-gradient(circle at 90% 0%,#b8e8cf,transparent 43%),linear-gradient(150deg,#e9fff6,#dff2f6)}
.card-sapphire.art-lavender{background:radial-gradient(circle at 90% 0%,#cab6f4,transparent 43%),linear-gradient(150deg,#f6efff,#e4dcff)}
.card-sapphire.art-midnight{background:linear-gradient(150deg,#192b5e,#3c5791);color:#fff}
.card-sapphire.art-midnight .art-roleline,.card-sapphire.art-midnight .art-role,.card-sapphire.art-midnight .art-tagline,.card-sapphire.art-midnight .art-bottom{color:#d9e6f6}
.card-art.art-ripple:before{border-radius:50%;border:21px solid #9d92dc12;box-shadow:0 0 0 30px #b7a9e911,0 0 0 85px #b8b0df12}
/* Main card editor and detail preview: full portrait, never a cropped landscape rectangle. */
.editor-layout{grid-template-columns:minmax(0,1.3fr) minmax(385px,.9fr);gap:26px}
.preview-sticky{background:linear-gradient(175deg,#fff,#faf7ff);border:1px solid #e9def9;border-radius:24px}
.preview-heading{color:#62567f}
.preview-dot{color:#31a789}
.preview-sticky .card-art{transform:scale(.91);transform-origin:top center;margin-bottom:-55px}
.preview-sticky>p{color:#79708d}
.detail-layout{grid-template-columns:minmax(380px,.83fr) minmax(370px,1.17fr)}
.detail-card-column{background:linear-gradient(130deg,#fff,#f1eaff);border:1px solid #e4d8f5;border-radius:23px;padding:27px 20px}
.detail-card-column .card-art{max-width:100%;width:360px;height:640px}
.detail-template small{color:#817691}
.mini-circle{background:#f0e4ff;color:#9257d6}
.action-tile{background:#f9f6ff;color:#8758c7;border:1px solid #e6ddf5}
.action-tile:hover{background:#efe6ff}
.action-tile strong{color:#292148}
.action-tile small{color:#89809f}
.qr-box{background:#f9f7fe}
.qr-render{background:#fff;border:1px solid #eee8f4}
.share-locked{background:#f6edff;border-color:#d6c2f4;color:#794cba}
.share-locked strong{color:#38245c}
.profile-qr-box{display:flex;align-items:center;gap:16px;margin:19px 0 17px;background:#f9f7ff;border:1px solid #eae2f8;border-radius:18px;padding:15px}
.profile-qr-box .qr-render{width:125px;height:125px;padding:8px;flex-shrink:0}
.profile-qr-box .qr-render canvas{width:100%;height:100%}
.profile-qr-box p{font-size:12px;margin:7px 0 13px}
.profile-qr-box strong{display:block;font-size:13px}
.profile-qr-box .btn{white-space:normal}
/* SEO studio */
.seo-spotlight{padding:17px 18px;margin-bottom:18px;background:linear-gradient(100deg,#f2eaff,#fff4fa);border:1px solid #e4d3fb;border-radius:16px}
.seo-spotlight .copy-field{align-items:center;gap:0;flex-wrap:wrap;margin-top:9px;border:1px solid #e4d9f4;background:#fff;border-radius:12px;overflow:hidden}
.seo-link-prefix{color:#a184c1;font-size:12px;padding:12px 0 12px 12px;white-space:nowrap}
.seo-spotlight .copy-field input{border:0;background:#fff;box-shadow:none;flex:1;width:120px;color:#7749c5;font-size:13px;font-weight:700;padding:11px 6px}
.seo-spotlight p{font-size:11px;margin:10px 0 0}
.search-preview,.seo-preview-panel{background:#fff;border:1px solid #ece7f0;border-radius:15px;padding:17px 19px;display:flex;flex-direction:column;gap:5px;margin:14px 0}
.search-preview>small,.seo-preview-panel>.eyebrow{color:#77738b;font-size:10px;font-weight:750;letter-spacing:.6px}
.search-preview strong,.seo-preview-panel strong{color:#2158a0;font-size:17px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.search-preview span,.seo-preview-panel small{color:#16784f;font-size:11px;overflow-wrap:anywhere}
.search-preview p,.seo-preview-panel p{color:#666274;font-size:12px;line-height:1.6;margin:4px 0 0}
.small-note{font-size:11px}
.seo-status-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:#7f72a0;margin:14px 0 18px}
.seo-status-row svg{color:#4aaf84}
.seo-intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:27px}
.seo-intro-card{padding:22px;background:#ffffffbb;border:1px solid #ebe2f8;border-radius:20px}
.seo-intro-card h3{font-size:15px;margin:15px 0 7px}
.seo-intro-card p{font-size:12px;margin:0}
.seo-card-row{margin-bottom:17px}
.seo-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.seo-row-top h2{margin:7px 0 3px}
.seo-row-top p{font-size:12px;margin:0}
.seo-card-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.seo-card-row-grid .field{margin-bottom:9px}
.campaign-summary{padding:15px;background:#f1eaff;border-radius:13px;margin:12px 0;display:flex;gap:9px;align-items:center;color:#7c50bc}
.campaign-summary strong{font-size:25px}
.campaign-summary span{font-size:11px}
.seo-inline-actions{margin-top:16px}
.seo-faq{margin-top:21px}
.seo-faq p{font-size:12px}
.seo-faq a{color:#7f4fce}
/* Stripe setup (keys always entered by administrator after installation) */
.stripe-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.stripe-status-grid>div{background:#f4edff;border:1px solid #e3d3fd;padding:16px;border-radius:14px}
.stripe-status-grid strong{display:block;font-size:14px;margin-top:7px}
.stripe-steps{display:grid;gap:8px;margin:14px 0 23px}
.stripe-steps>div{display:flex;gap:10px;align-items:flex-start}
.stripe-steps span{flex:0 0 auto;width:29px;height:29px;border-radius:10px;background:#e9defe;color:#8050bc;display:grid;place-items:center;font-weight:800;font-size:10px}
.stripe-steps p{font-size:11px;line-height:1.6;margin:3px 0}
.stripe-steps a{color:#7c49c8;font-weight:700}
.stripe-enable{background:#f9f5ff;border:1px solid #e5d9f5;padding:13px;border-radius:13px}
.stripe-enable span{display:flex;flex-direction:column;gap:3px}
.stripe-enable small{font-size:11px;color:#8b7fa1}
.status-banner{background:#fff0f4;border-color:#f4c9dd;color:#a64469}
.status-banner.ready{background:#ebfff5;border-color:#c8ead9;color:#157852}
.webhook-link{background:#f7f3ff;border-color:#e4d9f5;color:#7a6a98}
.webhook-link code{color:#6948ae}
/* Friendly public site, with the same airy background as iOS. */
.public-body{color:#27234f}
.public-header{min-height:84px;background:#ffffffc0;backdrop-filter:blur(18px);border-bottom:1px solid #f0e8f7;max-width:none;padding:15px max(24px,calc((100vw - 1240px)/2))}
.public-header nav{color:#70618c}
.public-header nav a:hover{color:#8458d8}
.public-footer{border-color:#e8e0f5;color:#9a89af}
.hero-copy h1{color:#1a194a}
.hero-copy h1 em{background:linear-gradient(90deg,#884de9,#e86dc0,#ff9b78);background-clip:text;color:transparent}
.hero-copy>p{color:#746989}
.hero-cards .card-art{box-shadow:0 27px 75px #7254b544}
.glow-orb{background:#e9b6f5;opacity:.5}
.feature-strip>div{background:#fff;border:1px solid #eee1fb;box-shadow:0 12px 38px #6343990c}
.feature-strip strong{color:#25204c}
.public-profile-header h1{color:#231847}
.public-profile-layout{grid-template-columns:minmax(375px,.82fr) minmax(360px,1.18fr)}
.public-art-wrap{background:linear-gradient(138deg,#fff,#efe7ff);border:1px solid #e7dff5;border-radius:24px}
.public-profile-side{color:#302849}
.public-profile-side h2{color:#261a4f}
.profile-links small{color:#9578b5}
.profile-links a:hover{color:#8055d0}
.social-chips a{background:#f3eaff;border-color:#e2d0fc;color:#7046ae}
.profile-website-button{margin-top:16px!important;margin-bottom:17px;white-space:normal}
.profile-share-row{display:flex;gap:19px;align-items:center;margin-top:13px}
.profile-share-row .qr-render{height:145px;width:145px;flex-shrink:0}
.profile-share-row>div:last-child{flex:1;min-width:0}
.profile-share-row .copy-field{margin-bottom:13px}
.auth-section{background:#fff;border-color:#e8def5;box-shadow:0 12px 45px #7160a31c}
.auth-panel h1{color:#28204f}
.auth-emblem{background:#f0e4ff;color:#9d61df}
.auth-aside{background:radial-gradient(circle at 50% 70%,#ffc4e2a0,transparent 55%),linear-gradient(145deg,#8a59ed,#bc79e4 60%,#f9ae95)}
.auth-aside h2,.auth-aside p{color:white}
.plan-card,.help-item{background:#fff;border-color:#e9e0f5}
.plan-card.featured{background:linear-gradient(145deg,#a06aea,#e8a1d8);border-color:#c18ef5}
.plan-card.featured h2,.plan-card.featured h3,.plan-card.featured p,.plan-card.featured .plan-benefits>div,.plan-card.featured small{color:white}
.plan-benefits>div{color:#776c8a}
.plan-card small{color:#998ba9}
.help-search,.range-switch{background:#fff;border-color:#e2d8f0;color:#8459cc}
.help-item[open]{background:#faf6ff;border-color:#d6bdf4}
.help-item summary small{color:#9a6ccb}
.help-item p{border-color:#eee5f9}
.contact-list-item,.performance-list>div{border-color:#eee8f6}
.contact-body small,.data-table td small{color:#898098}
.range-switch a{color:#887c9b}.range-switch a.active{background:#925ae8;color:white}
.data-table th,.data-table td{border-color:#eee8f6}
.data-table td small{color:#827793}
.data-table th{color:#a38fb7}
.toggle-line{color:#736987}
.admin-shortcuts a{background:#fff;border-color:#e6daf7;color:#8a60cc}
.admin-shortcuts a:hover{background:#f4edff}
.admin-shortcuts strong{color:#241b4b}
.activity-item small{color:#8e839f}
@media(max-width:1250px){
 .card-item-art{height:390px}
 .card-item-art .card-art{transform:scale(.565);margin-bottom:-278px}
 .editor-layout{grid-template-columns:minmax(0,1fr) 385px}
}
@media(max-width:1050px){
 .editor-layout,.detail-layout{grid-template-columns:1fr}
 .preview-sticky{position:relative;top:auto}
 .editor-preview-col{grid-row:1}
 .editor-form{grid-row:2}
 .detail-card-column{max-width:none}
 .card-item-art{height:400px}
 .card-item-art .card-art{transform:scale(.585)}
 .public-profile-layout{grid-template-columns:1fr;max-width:640px;margin:auto}
}
@media(max-width:850px){
 .mobile-shade{background:#180c386e}
 .sidebar{box-shadow:5px 0 35px #4f318b2b}
 .main-content{padding-bottom:64px}
 .top-bar{padding:17px 20px}
 .mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:21;padding:9px 10px calc(9px + env(safe-area-inset-bottom));display:flex;gap:4px;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(15px);box-shadow:0 -9px 28px #624fa41c;border-top:1px solid #e6d9f9}
 .mobile-tabbar>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;font-size:9px;color:#80749a;font-weight:750}
 .mobile-tabbar>a.active{color:#824ae3}
 .mobile-tabbar>a.create-tab{flex:0 0 auto;width:56px;height:48px;align-self:center;border-radius:20px;background:linear-gradient(130deg,#8453f0,#cf75eb);color:white;box-shadow:0 7px 22px #7a4ce355}
 .mobile-tabbar>a.create-tab span{display:none}
 .editor-preview-col{display:block}
 .preview-sticky .card-art{transform:scale(.82);margin-bottom:-115px}
}
@media(min-width:851px){.mobile-tabbar{display:none}}
@media(max-width:560px){
 .public-header{padding:15px 17px}
 .content-container{padding:23px 16px 45px}
 .cards-grid{grid-template-columns:1fr}
 .card-item-art{height:418px}
 .card-item-art .card-art{transform:scale(.615);margin-bottom:-245px}
 .editor-layout{display:flex;flex-direction:column-reverse;gap:19px}
 .editor-preview-col{order:1;width:100%}
 .editor-form{order:2;width:100%}
 .preview-sticky{display:flex;margin-bottom:0;padding:14px 8px}
 .preview-sticky .card-art{transform:scale(.75);margin-bottom:-161px}
 .preview-heading{padding:0 12px 13px}
 .preview-sticky>p{margin-bottom:15px}
 .detail-card-column .card-art{height:auto;aspect-ratio:9 / 16;width:min(360px,100%)}
 .card-art{max-width:100%}
 .art-hero{margin-top:17px}
 .art-avatar{width:74px;height:74px;border-radius:21px}
 .art-roleline{margin-top:9px}
 .art-name{font-size:29px}
 .art-divider{margin:10px 0 9px}
 .art-contacts{margin-top:8px;gap:3px}
 .art-contact{min-height:22px}
 .art-qr-strip{min-height:106px;padding:8px;gap:5px}
 .art-qr{flex-basis:90px;width:90px;height:90px}
 .art-bottom{margin-top:7px}
 .hero-cards .card-art{width:295px;height:525px;padding:21px 20px 16px}
 .hero-cards .art-qr{flex-basis:90px;width:90px;height:90px}
 .hero-cards .art-hero{margin-top:16px}
 .hero-cards .art-name{font-size:30px}
 .hero-cards .art-avatar{height:76px;width:76px}
 .hero-cards .art-contacts{margin-top:8px}
 .hero-cards .art-bottom{font-size:8px}
 .public-art-wrap{padding:16px 8px}
 .public-art-wrap .card-art{width:min(360px,100%);height:auto;aspect-ratio:9/16}
 .seo-intro-grid,.seo-card-row-grid,.stripe-status-grid{grid-template-columns:1fr}
 .seo-intro-grid{gap:11px}
 .seo-row-top{flex-direction:column}
 .profile-qr-box{flex-direction:column;text-align:center}
 .profile-share-row{align-items:flex-start;flex-direction:column}
 .profile-share-row .qr-render{align-self:center}
 .profile-share-row>div:last-child{width:100%}
 .seo-link-prefix{max-width:190px;overflow:hidden;text-overflow:ellipsis}
 .plan-card.featured{background:linear-gradient(140deg,#a06aea,#e9a1d8)}
 .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.seo-quick-banner{display:flex;gap:16px;align-items:center;padding:18px 22px;background:linear-gradient(110deg,#f0e5ff,#fff2f9);border:1px solid #e4d4f7;border-radius:19px;margin:10px 0 25px;transition:transform .15s}
.seo-quick-banner:hover{transform:translateY(-2px)}
.seo-quick-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.seo-quick-copy strong{color:#392358;font-size:15px}
.seo-quick-copy small{color:#80708f;font-size:12px}
.seo-quick-cta{display:inline-flex;align-items:center;gap:6px;color:#8355cc;font-size:12px;font-weight:800}
@media(max-width:560px){.seo-quick-banner{flex-wrap:wrap}.seo-quick-cta{margin-left:55px}}