/* VIZONDO Studio. Scoped enhancement layer; existing semantic panels remain intact. */
:root{color-scheme:light dark;--st-bg:#f4f3f7;--st-panel:#fff;--st-panel2:#efedf4;--st-ink:#24222d;--st-muted:#676372;--st-line:#e3e0ea;--st-accent:#5c42c6;--st-onaccent:#fff;--st-halo:rgba(107,75,203,.08);--st-shadow:0 12px 38px rgba(27,17,51,.06)}
@media(prefers-color-scheme:dark){:root:not([data-studio-mode=light]){--st-bg:#131218;--st-panel:#1d1b25;--st-panel2:#292632;--st-ink:#f2effb;--st-muted:#b7b0c5;--st-line:#383340;--st-accent:#c3afff;--st-onaccent:#231249;--st-halo:rgba(177,139,255,.06);--st-shadow:0 12px 38px #0002}}
:root[data-studio-mode=dark]{--st-bg:#131218;--st-panel:#1d1b25;--st-panel2:#292632;--st-ink:#f2effb;--st-muted:#b7b0c5;--st-line:#383340;--st-accent:#c3afff;--st-onaccent:#231249;--st-halo:rgba(177,139,255,.06);--st-shadow:0 12px 38px #0002}
html{scroll-behavior:smooth;scroll-padding-top:94px}body.studio{background:var(--st-bg)!important;color:var(--st-ink)!important;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;margin:0!important;padding:0!important;min-width:320px;--text:var(--st-ink);--muted:var(--st-muted);--line:var(--st-line);--panel:var(--st-panel);--surface:var(--st-panel);--accent:var(--st-accent)}
.studio *, .studio *:before,.studio *:after{box-sizing:border-box}.studio [hidden]{display:none!important}.studio button,.studio input,.studio select,.studio textarea,.studio a{font-family:inherit}.studio button,.studio .button{min-height:44px;touch-action:manipulation}.studio button:focus-visible,.studio a:focus-visible,.studio input:focus-visible,.studio select:focus-visible,.studio textarea:focus-visible,.studio summary:focus-visible{outline:3px solid var(--st-accent)!important;outline-offset:4px!important}.studio button{box-shadow:none;letter-spacing:0}.studio button:disabled{opacity:.55;cursor:not-allowed}
.st-top{position:fixed;z-index:80;inset:0 0 auto;height:78px;padding:0 34px 0 26px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--st-line);background:var(--st-bg)}.st-brand{font-size:21px;font-weight:820;letter-spacing:3px;display:flex;gap:12px;align-items:center;color:var(--st-ink)}.st-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:31px;height:36px;background:var(--st-accent);color:var(--st-onaccent);clip-path:polygon(0 0,35% 0,55% 64%,79% 0,100% 0,67% 100%,39% 100%);font-size:0}.st-top .st-edition{border-left:1px solid var(--st-line);padding-left:24px;font-size:11px;font-weight:650;letter-spacing:2px;color:var(--st-muted)}.st-top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.st-top button{border:1px solid var(--st-line);background:var(--st-panel);border-radius:12px;color:var(--st-ink);padding:10px 15px;font-size:13px}.st-connection{font-size:12px;color:var(--st-muted);display:flex;gap:8px;align-items:center}.st-dot{width:7px;height:7px;border-radius:50%;background:#71827d}.st-connection[data-online=true] .st-dot{background:#408367}
.st-side{position:fixed;z-index:60;top:78px;bottom:0;left:0;width:232px;padding:33px 18px 20px;border-right:1px solid var(--st-line);display:flex;flex-direction:column;background:var(--st-bg)}.st-side-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--st-muted);padding:0 15px;margin:7px 0 18px}.st-nav{display:grid;gap:7px}.st-nav button{display:flex;align-items:center;gap:13px;border:0;border-radius:13px;text-align:left;padding:13px 16px;color:var(--st-muted);background:transparent;font-size:14px;font-weight:550}.st-nav button:hover{background:var(--st-panel2);color:var(--st-ink)}.st-nav button[aria-current=page]{background:var(--st-panel);color:var(--st-accent);box-shadow:var(--st-shadow)}.st-ico{font-size:22px;line-height:1;width:25px;text-align:center;font-weight:400}.st-side-note{margin-top:auto;padding:17px 14px;border-top:1px solid var(--st-line);font-size:12px;line-height:1.7;color:var(--st-muted)}.st-side-note strong{display:block;color:var(--st-ink);font-size:12px;font-weight:600;margin-bottom:5px}.st-side-foot{padding:0 14px;font-size:10px;color:var(--st-muted);letter-spacing:1px}
.studio #main.layout{display:block!important;margin:78px 0 0 232px!important;padding:42px 46px 64px!important;width:calc(100% - 232px)!important;max-width:1500px!important;min-height:calc(100svh - 78px);background:none!important}.studio #main>.panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.studio #panel-mycards>.brand-head{display:none!important}.studio #bottomTabbar{display:none!important}.studio #homeGear,.studio #moreProCard{display:none!important}
.st-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--st-muted);margin:0 0 13px}.st-heading{font-size:clamp(28px,3vw,42px);font-weight:650;letter-spacing:-1.5px;line-height:1.12;margin:0 0 12px}.st-lead{font-size:14px;line-height:1.75;color:var(--st-muted);max-width:470px;margin:0}.st-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.st-small-button{border:1px solid var(--st-line)!important;background:var(--st-panel)!important;border-radius:12px!important;color:var(--st-ink)!important;padding:10px 16px!important;font-size:13px!important}.st-primary{border:0!important;border-radius:13px!important;background:var(--st-accent)!important;color:var(--st-onaccent)!important;padding:14px 21px!important;font-weight:650!important;min-height:48px!important;font-size:14px!important}.st-arrow{padding-left:14px;font-size:18px;font-weight:400}.st-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:24px;position:relative;overflow:hidden;min-height:300px;background:var(--st-panel);border:1px solid var(--st-line);border-radius:25px;margin-bottom:33px;box-shadow:var(--st-shadow)}.st-hero-copy{padding:39px 0 33px 34px;position:relative;z-index:2}.st-hero h2{font-size:clamp(26px,2.8vw,38px);font-weight:570;letter-spacing:-1.3px;line-height:1.14;margin:0 0 14px;max-width:330px}.st-hero p{color:var(--st-muted);font-size:13px;line-height:1.8;max-width:325px;margin:0 0 24px}.st-hero-badges{display:flex;gap:13px;flex-wrap:wrap;font-size:10px;color:var(--st-muted);margin-top:17px}.st-hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 65% 55%,#8e6eda2e,transparent 70%);min-height:292px;perspective:800px}.st-orbit{position:absolute;width:340px;height:340px;border:1px solid var(--st-line);border-radius:50%;transform:rotateX(20deg);opacity:.8}.st-orbit:after{content:"";position:absolute;inset:34px;border:1px solid var(--st-line);border-radius:50%}.st-demo-card{width:280px;min-height:181px;border-radius:19px;padding:22px 24px;background:linear-gradient(120deg,#353041,#1c1926 70%);color:#f6f2ff;box-shadow:9px 23px 35px #19112c3b;position:relative;transform:rotate(-8deg) rotateY(-9deg);border:1px solid #a899c440;isolation:isolate}.st-demo-card:after{content:"";position:absolute;width:120px;height:120px;right:-32px;bottom:-65px;border:20px solid #a587e821;border-radius:50%;z-index:-1}.st-demo-card .st-demo-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.st-demo-avatar{width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#c1b3ef,#8b75bc);color:#211932;display:grid;place-items:center;font-size:18px;font-weight:600}.st-demo-label{font-size:8px;letter-spacing:1.5px;color:#c9bedc}.st-demo-name{font-size:23px;letter-spacing:-.5px;line-height:1.2;max-width:210px}.st-demo-role{font-size:10px;color:#c4b9d5;margin-top:5px}.st-demo-line{margin-top:23px;border-top:1px solid #ffffff24;padding-top:12px;color:#d5caea;font-size:9px;display:flex;justify-content:space-between}.st-demo-chip{position:absolute;right:25px;bottom:28px;background:var(--st-panel);border:1px solid var(--st-line);border-radius:13px;padding:12px 15px;font-size:11px;box-shadow:var(--st-shadow);color:var(--st-ink);transform:rotate(3deg);display:flex;gap:8px;align-items:center}
.st-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px}.st-section-head h2{font-size:17px;letter-spacing:-.3px;margin:0;font-weight:650}.st-section-head span{font-size:11px;color:var(--st-muted)}.st-templates{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;margin-bottom:32px}.st-template{border:1px solid var(--st-line)!important;background:var(--st-panel)!important;padding:8px!important;border-radius:14px!important;text-align:left!important;min-width:0;transition:transform .18s,border .18s}.st-template:hover{transform:translateY(-4px);border-color:var(--st-accent)!important}.st-template[aria-pressed=true]{outline:2px solid var(--st-accent);outline-offset:2px}.st-template-art{height:77px;border-radius:8px;padding:12px;overflow:hidden;display:flex;flex-direction:column;gap:7px;position:relative}.st-template-art:before{content:"";display:block;width:18px;height:18px;border-radius:6px;background:currentColor;opacity:.38}.st-template-art:after{content:"";display:block;width:65%;height:3px;background:currentColor;opacity:.55;box-shadow:0 6px 0 currentColor}.st-template b{display:block;font-size:10px;font-weight:550;margin:9px 3px 3px;color:var(--st-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-design-business{background:#eceefa;color:#425daa}.st-design-executive{background:linear-gradient(140deg,#3e394e,#181622);color:#d2c1f3}.st-design-soft{background:#f3e7ef;color:#985785}.st-design-creative{background:linear-gradient(130deg,#6d438e,#261e44);color:#c4adef}.st-design-tech{background:#143839;color:#76d4c5}.st-design-classic{background:#f1eadc;color:#7e674b}.st-design-festive{background:#f7e3e7;color:#a73d62}
.studio .home-search{border:1px solid var(--st-line)!important;background:var(--st-panel)!important;border-radius:14px!important;max-width:none;margin:0 0 25px;box-shadow:none!important}.studio .home-search input{background:transparent!important;border:0!important;color:var(--st-ink)!important;min-height:48px}.studio .home-sec{margin:23px 0 14px!important}.studio .home-sec h2{font-size:17px!important;font-weight:650!important;color:var(--st-ink)!important}.studio .cnt{background:var(--st-panel2)!important;color:var(--st-muted)!important;border-radius:7px;padding:3px 7px;font-size:11px}.studio .contacts-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px}.studio .contact-item,.studio .contact-tile,.studio .contact-card,.studio .home-card,.studio .empty-state{background:var(--st-panel)!important;border:1px solid var(--st-line)!important;border-radius:17px!important;color:var(--st-ink)!important;box-shadow:none!important}.studio .empty-state{padding:23px;grid-column:1/-1;text-align:center;color:var(--st-muted)!important;font-size:13px}.studio .create-card-btn{margin:15px 0 0!important;border:1px dashed var(--st-line)!important;background:transparent!important;border-radius:13px!important;color:var(--st-accent)!important;font-size:13px;min-height:48px}.studio .contacts-filters{background:transparent!important}.studio .contacts-filters button{background:var(--st-panel)!important;border:1px solid var(--st-line)!important;color:var(--st-muted)!important;border-radius:11px!important}.studio .contacts-filters button.active{background:var(--st-panel2)!important;color:var(--st-accent)!important}.studio .backup-banner{background:var(--st-panel2)!important;border:1px solid var(--st-line)!important;color:var(--st-ink)!important;box-shadow:none;font-size:12px;line-height:1.6;border-radius:15px}.studio .backup-banner button{color:var(--st-ink)!important;background:var(--st-panel)!important;border:1px solid var(--st-line)!important}
.studio .card,.studio .form-card,.studio .preview-card,.studio .transfer-wizard,.studio .receive-step{background:var(--st-panel)!important;color:var(--st-ink)!important;border:1px solid var(--st-line)!important;border-radius:20px!important;box-shadow:none!important}.studio .card{padding:24px}.studio h1,.studio h2,.studio h3,.studio label,.studio .home-title{color:var(--st-ink)!important}.studio .hint,.studio .subtle,.studio .status{color:var(--st-muted)}.studio input,.studio textarea,.studio select{background:var(--st-bg)!important;color:var(--st-ink)!important;border:1px solid var(--st-line)!important;border-radius:11px!important;min-height:45px;box-shadow:none!important;padding:11px 13px!important;width:100%;font-size:14px!important}.studio input[type=checkbox],.studio input[type=radio]{width:20px;height:20px;min-height:20px;padding:0!important}.studio input[type=color]{height:46px;min-height:46px;padding:5px!important;max-width:100%}.studio .form-grid{gap:18px}.studio .form-grid label{font-size:12px;line-height:1.5}.studio .hint{font-size:12px;line-height:1.65}.studio .create-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;gap:25px!important;align-items:start}.studio .create-grid>.card:last-child{position:sticky;top:101px}.studio .create-category-chooser{gap:8px}.studio .create-category-card{background:var(--st-bg)!important;border:1px solid var(--st-line)!important;border-radius:12px!important;padding:12px!important;color:var(--st-ink)!important}.studio .create-category-card small{display:none}.studio .create-category-card.active,.studio .create-category-card[aria-pressed=true]{border-color:var(--st-accent)!important;background:var(--st-halo)!important}.studio .create-category-card strong{font-size:12px}.studio .create-category-card .category-icon{font-size:19px}.studio .primary,.studio #saveOwnCard,.studio #incomingSave{background:var(--st-accent)!important;color:var(--st-onaccent)!important;border:0!important;border-radius:12px!important}.studio .ghost{background:var(--st-panel2)!important;color:var(--st-ink)!important;border:1px solid var(--st-line)!important;border-radius:12px!important}.studio .visual-frame{border-radius:19px!important;border:1px solid var(--st-line)!important;background:var(--st-panel)!important;max-width:100%;min-height:490px}.st-design-panel{border:1px solid var(--st-line);border-radius:15px;margin:0 0 22px;padding:17px;background:var(--st-bg)}.st-design-panel .st-templates{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0}.st-design-panel .st-template-art{height:57px}.st-design-panel .st-template{background:var(--st-panel)!important}.st-design-details summary{font-size:12px;color:var(--st-muted);padding:11px 0;cursor:pointer;min-height:44px}.st-custom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}.st-design-panel label{font-size:11px;color:var(--st-muted)!important}.st-progress{font-size:11px;color:var(--st-muted);display:flex;gap:10px;align-items:center;margin:8px 0 18px}.st-progress progress{width:80px;height:5px;accent-color:var(--st-accent)}.st-floating-update{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);z-index:180;background:var(--st-panel);border:1px solid var(--st-line);border-radius:15px;box-shadow:var(--st-shadow);padding:15px 18px;display:flex;align-items:center;gap:20px;font-size:12px}.st-floating-update button{color:var(--st-onaccent);background:var(--st-accent);border:0;border-radius:9px;padding:8px 12px}.st-status-note{font-size:12px;line-height:1.65;color:var(--st-muted);border:1px solid var(--st-line);padding:14px 17px;background:var(--st-panel);border-radius:13px}.st-status-note a{color:var(--st-accent)}
.studio .modal{background:#0f0c21a8;backdrop-filter:blur(12px);padding:24px;z-index:160}.studio .modal-card{background:var(--st-panel)!important;color:var(--st-ink)!important;border:1px solid var(--st-line)!important;border-radius:22px!important;box-shadow:0 25px 100px #0005;padding:27px!important;max-height:calc(100dvh - 48px)!important;overflow:auto}.st-share-modal{width:720px!important;max-width:100%!important}.st-share-modal .st-section-head h2{font-size:23px;letter-spacing:-.5px}.st-share-close{background:var(--st-panel2)!important;color:var(--st-ink)!important;border:0!important;min-width:44px;border-radius:12px!important;font-size:20px!important}.st-share-layout{display:grid;grid-template-columns:1fr 240px;gap:24px}.st-share-who{font-size:16px;font-weight:650;margin:4px 0 7px}.st-share-help{font-size:12px;line-height:1.65;color:var(--st-muted);margin:0 0 18px}.st-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.st-share-actions button,.st-channels a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:45px;background:var(--st-bg);border:1px solid var(--st-line);color:var(--st-ink);border-radius:11px;padding:10px 8px;font-size:12px;text-decoration:none}.st-share-actions .st-primary{grid-column:1/-1}.st-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0 0}.st-channels a{font-size:10px;min-height:42px}.st-channels a:hover,.st-share-actions button:hover{border-color:var(--st-accent)}.st-share-qr{display:flex;flex-direction:column;align-items:center;gap:13px;background:var(--st-bg);border-radius:16px;border:1px solid var(--st-line);padding:17px 12px;align-self:start}.st-share-qr #stQr{background:white;border:12px solid #fff;border-radius:12px;max-width:100%;overflow:hidden}.st-share-qr #stQr img,.st-share-qr #stQr canvas,.st-share-qr #stQr svg{display:block;max-width:100%;height:auto!important;aspect-ratio:1}.st-share-qr select{font-size:11px!important;width:100%;max-width:214px}.st-qr-note{font-size:10px;line-height:1.6;color:var(--st-muted);text-align:center;margin:0}.st-privacy{font-size:11px;line-height:1.7;color:var(--st-muted);margin:22px 0 0;border-top:1px solid var(--st-line);padding-top:17px}.st-share-status{font-size:12px;line-height:1.6;margin:17px 0 0;color:var(--st-accent);min-height:20px}.st-file-option{width:100%;margin:0 0 10px;font-size:11px!important}.st-share-input{font-size:11px!important;margin-top:12px;word-break:break-all}.studio .transfer-step-btn,.studio .transfer-method-tile,.studio .receive-method-tile,.studio .more-item{color:var(--st-ink)!important;background:var(--st-panel)!important;border:1px solid var(--st-line)!important;border-radius:13px!important}.studio .status.error{color:#c34263!important}.studio .status.ok{color:#397963!important}
@media(min-width:1700px){.studio #main.layout{margin-left:max(232px,calc((100vw - 1450px)/2 + 232px))!important;width:min(1250px,calc(100% - 232px))!important}.st-side{width:max(232px,calc((100vw - 1450px)/2 + 232px));padding-left:max(18px,calc((100vw - 1450px)/2 + 18px))}}
@media(max-width:1150px){.st-side{width:192px;padding:26px 12px}.studio #main.layout{margin-left:192px!important;width:calc(100% - 192px)!important;padding:30px 27px 60px!important}.st-nav button{padding:13px 12px;font-size:13px}.st-hero-copy{padding-left:26px}.st-demo-card{width:232px;min-height:166px;padding:20px}.st-demo-chip{right:12px;bottom:24px;font-size:9px}.st-templates{gap:8px}.st-template-art{padding:9px;height:65px}.st-top .st-edition{display:none}.studio .create-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important}.studio .card{padding:18px}.st-design-panel{padding:12px}}
@media(max-width:820px){.st-top{height:66px;padding:0 20px}.st-brand{font-size:18px;letter-spacing:2px}.st-brand-mark{width:24px;height:28px}.st-connection{font-size:0;gap:0}.st-top-actions{gap:8px}.st-top button{padding:9px 12px;font-size:12px}.st-side{top:auto;bottom:0;right:0;width:100%;height:76px;height:calc(70px + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--st-line);background:var(--st-panel)}.st-side-label,.st-side-note,.st-side-foot{display:none}.st-nav{display:flex;justify-content:space-around;gap:3px}.st-nav button{flex:1;display:flex;flex-direction:column;gap:4px;padding:6px 3px!important;font-size:10px;min-height:55px;border-radius:10px}.st-nav button[aria-current=page]{box-shadow:none;background:var(--st-halo)}.st-nav .st-ico{font-size:22px}.studio #main.layout{margin:66px 0 0!important;width:100%!important;padding:27px 22px 112px!important}.st-page-heading{margin-bottom:22px}.st-heading{font-size:29px}.st-lead{font-size:12px}.st-page-heading>.st-small-button{display:none}.st-hero{grid-template-columns:1.05fr 1fr;min-height:270px}.st-hero-copy{padding:28px 0 27px 25px}.st-hero h2{font-size:30px}.st-hero-art{min-height:258px}.st-templates{gap:9px}.st-template-art{height:75px}.st-template b{font-size:10px}.studio .create-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important}.studio .create-grid>.card:last-child{top:85px}.st-floating-update{bottom:88px}.studio .modal{padding:16px}.studio .modal-card{max-height:calc(100dvh - 32px)!important;padding:22px!important}}
@media(max-width:620px){.st-top{padding:0 17px}.st-connection{display:none}.st-top button[data-st-action=install]{display:none}.studio #main.layout{padding:23px 17px 105px!important}.st-heading{font-size:29px}.st-eyebrow{font-size:9px;letter-spacing:1.7px}.st-hero{grid-template-columns:1fr;gap:0;border-radius:22px}.st-hero-copy{padding:27px 26px 10px}.st-hero h2{font-size:32px;max-width:310px}.st-hero p{font-size:12px;margin-bottom:18px;max-width:320px}.st-hero-art{min-height:217px;margin-top:3px;overflow:hidden}.st-demo-card{width:248px;min-height:168px;padding:20px 23px;transform:rotate(-7deg) rotateY(-7deg)}.st-demo-card .st-demo-top{margin-bottom:16px}.st-demo-line{margin-top:17px}.st-demo-chip{right:20px;bottom:19px;font-size:10px}.st-orbit{width:310px;height:310px}.st-hero-badges{font-size:9px}.st-templates{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:26px}.st-template:nth-child(n+5){display:none}.st-template-art{height:65px}.st-design-panel .st-template:nth-child(n+5){display:block}.st-section-head h2{font-size:16px}.st-section-head span{font-size:10px}.studio .contacts-filters{display:block}.studio .create-grid{display:flex!important;flex-direction:column-reverse!important;gap:18px!important}.studio .create-grid>.card{width:100%}.studio .create-grid>.card:last-child{position:static!important}.studio #editorPreviewFrame{min-height:300px;height:350px!important}.studio .form-grid{grid-template-columns:1fr 1fr;gap:15px 12px}.studio .form-grid label{font-size:11px}.studio .form-grid .wide{grid-column:1/-1}.studio input,.studio select,.studio textarea{font-size:16px!important}.studio .form-grid input{padding:11px 9px!important}.studio .modal{padding:10px}.studio .modal-card{padding:19px!important;border-radius:19px!important;max-height:calc(100dvh - 20px)!important}.st-share-layout{grid-template-columns:1fr;gap:19px}.st-share-qr{width:100%;order:-1;padding:13px}.st-share-qr #stQr{max-width:206px;border:10px solid #fff}.st-share-qr select{max-width:270px}.st-share-qr .st-qr-note{max-width:290px}.st-share-modal .st-section-head h2{font-size:21px}.st-privacy{font-size:10px}.st-share-help{font-size:11px}.st-share-who{font-size:15px}.st-nav button{font-size:9px}.st-top-actions>button{min-width:44px}.st-design-panel .st-custom-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.st-template:hover{transform:none}}@media(prefers-contrast:more){:root{--st-line:#777;--st-muted:#494452}:root[data-studio-mode=dark]{--st-line:#b2a9bd;--st-muted:#e7e0ee}.st-hero{box-shadow:none}}
/* Explicitly replace the legacy fixed-height scroll shell, not its state engine. */
html:has(body.studio){height:auto!important;min-height:100%;overflow-y:auto!important;overflow-x:clip!important;overscroll-behavior:auto!important}
body.studio{height:auto!important;min-height:100svh!important;display:block!important;overflow:visible!important;overscroll-behavior:auto!important}
.studio #main.layout{position:relative!important;inset:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;flex:none!important}
.studio #groupSubnav{display:none!important}
.studio .sticky-actions{position:static!important;background:transparent!important;border-top:1px solid var(--st-line);padding-top:18px!important;z-index:auto!important;gap:9px}
.studio .sticky-actions button{min-height:46px;font-size:13px!important;padding:12px 15px!important}
.studio .preview-card{align-self:start!important}
.studio .st-quick-save{margin-top:15px;width:100%}
.studio .contacts-filters button{min-height:44px!important}
.studio .card-compact{background:var(--st-panel)!important;border:1px solid var(--st-line)!important;box-shadow:none!important;border-radius:16px!important}
.studio .card-compact .cc-name{color:var(--st-ink)!important}.studio .card-compact .cc-meta{color:var(--st-muted)!important}
.studio .card-sheet{background:var(--st-panel)!important;color:var(--st-ink)!important;border:1px solid var(--st-line)!important;z-index:150!important;box-shadow:var(--st-shadow)!important}
.studio .card-sheet-back{z-index:149!important}.studio .card-sheet button{color:var(--st-ink)!important;background:var(--st-panel2)!important}
.st-top{height:calc(78px + env(safe-area-inset-top,0px))}.studio #main.layout{margin-top:calc(78px + env(safe-area-inset-top,0px))!important}.st-side{top:calc(78px + env(safe-area-inset-top,0px))}
@media(max-width:820px){.st-top{height:calc(66px + env(safe-area-inset-top,0px))}.studio #main.layout{margin-top:calc(66px + env(safe-area-inset-top,0px))!important}.st-side{top:auto}}

/* Explicit viewport bounds prevent a long snapshot URL from inflating the modal grid track. */
.studio .modal{grid-template-columns:minmax(0,1fr);min-width:0;max-width:100vw;overflow:hidden}
.studio .st-share-modal{width:min(720px,calc(100vw - 48px))!important;min-width:0!important;max-width:100%!important;overflow-x:hidden;overscroll-behavior:contain}
.st-share-layout{grid-template-columns:minmax(0,1fr) minmax(0,240px)}
.st-share-layout>*,.st-share-actions,.st-channels{min-width:0;max-width:100%}
.st-share-modal .st-section-head{align-items:flex-start}.st-share-close{flex:0 0 44px}
@media(max-width:620px){.studio .st-share-modal{width:calc(100vw - 20px)!important}.st-share-layout{grid-template-columns:minmax(0,1fr)}.st-share-qr{justify-self:stretch}}