:root,[data-astryx-theme=neutral]{--font-family-body:"Avenir Next","PingFang SC","Hiragino Sans GB",sans-serif;--font-family-heading:"Avenir Next","PingFang SC",sans-serif;--ink:#202634;--subtle:#747c8e;--line:#e5e8ef;--paper:#fff;--studio:#f5f6fa;--accent:#355df5;--accent-soft:#edf1ff;--color-accent:#355df5;--color-on-accent:#fff;--color-accent-muted:#edf1ff;--color-text-primary:#202634;--color-text-secondary:#687386;--color-border:#e5e8ef;--color-neutral:#f0f2f7;--radius-element:8px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--studio);font-family:var(--font-family-body);font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a,button{touch-action:manipulation}.studio{height:100dvh;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto auto 0 minmax(0,1fr);overflow:hidden}.brand-rail{grid-column:1;grid-row:1/-1;background:#191e2b;color:#9ca7bd;flex-direction:column;gap:14px;padding:20px 10px 15px}.brand-rail,.brand-rail button{display:flex;align-items:center}.brand-rail button{border:0;background:transparent;color:#99a5bc;width:44px;min-height:44px;border-radius:10px;justify-content:center;gap:13px;transition:background .16s,color .16s}.brand-rail button:hover{background:#2a3144;color:#fff}.brand-rail button.rail-active{background:#355df5;color:#fff;box-shadow:0 4px 10px #10152c35}.brand-rail .brand-mark{font-family:Avenir Next,sans-serif;font-style:italic;font-weight:750;font-size:38px;color:#fff;line-height:1;letter-spacing:-5px;padding:0 7px 4px 0;margin-bottom:26px;position:relative}.brand-mark>span{position:absolute;width:6px;height:6px;background:#7e99ff;border-radius:2px;bottom:9px;right:6px}.rail-navigation{display:flex;flex-direction:column;gap:10px}.brand-rail button>span:not(.brand-mark span){display:none}.studio-header{grid-column:2;grid-row:1;min-height:82px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;gap:16px}.studio-title{min-width:0}.studio-breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--subtle)}.wordmark{font-weight:700;font-size:17px;letter-spacing:-.65px;color:var(--ink)}.wordmark span{margin-left:4px;color:var(--subtle);font-size:13px;font-weight:450;letter-spacing:-.3px}.studio-title>div+div{display:flex;align-items:center;gap:14px;margin-top:7px}.studio-title h1{font-size:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:370px;margin:0}.save-state{font-size:10px;color:#718075;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.save-state.error{color:#bd3e48}.header-actions{display:flex;gap:8px;flex-shrink:0}.eyebrow{display:block;letter-spacing:1.8px;font-size:9px;font-weight:600;color:#8992a5}.error-banner{grid-column:2;grid-row:2;background:#fff1f0;border-bottom:1px solid #f1d1d0;padding:9px 20px;display:flex;align-items:center;gap:10px;color:#a1343d;min-width:0}.error-banner>span{flex:1 1;overflow-wrap:anywhere}.studio-home{grid-column:2;grid-row:4;min-height:0;overflow-y:auto;padding:48px clamp(24px,4.2vw,76px) 30px;background:#f8f9fc;scrollbar-width:thin}.home-intro{display:flex;justify-content:space-between;align-items:center;gap:28px;max-width:1320px;margin:0 auto 40px}.home-intro h1{margin:0 0 12px;font-size:clamp(27px,2.5vw,38px);font-weight:650;letter-spacing:-1.5px;line-height:1.4}.home-intro h1 em{font-style:normal;color:var(--accent)}.home-intro p{font-size:12px;color:var(--subtle);line-height:1.8;margin:0}.component-shortcut{flex-shrink:0;background:transparent;border:1px solid #e0e5f2;border-radius:12px;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;color:var(--ink);transition:border-color .15s,background .15s}.component-shortcut:hover{background:#f0f3ff;border-color:#bbc9ff}.shortcut-icon{display:grid;place-items:center;width:42px;height:42px;background:#e9eeff;color:var(--accent);border-radius:11px}.component-shortcut strong{display:block;font-weight:600;font-size:12px}.component-shortcut small{display:block;color:var(--subtle);font-size:10px;margin-top:5px}.component-shortcut>svg{margin-left:8px;color:#8392b1}.home-library-heading{max-width:1320px;margin:0 auto 23px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.home-tabs{display:flex;gap:25px;align-self:stretch}.home-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:16px 0;display:flex;gap:8px;align-items:center;font-size:13px;font-weight:550;color:var(--subtle);white-space:nowrap}.home-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.home-tabs button span{font-size:10px;background:#eaeef5;color:#7b8497;min-width:21px;padding:2px 5px;border-radius:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.home-tabs button[aria-pressed=true] span{color:var(--accent);background:#e8edff}.home-search{display:flex;align-items:center;gap:9px;color:#9199aa;width:205px;padding-bottom:10px}.home-search>div{flex:1 1;min-width:0}.home-search input{font-size:11px}.home-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:24px;max-width:1320px;margin:0 auto}.home-template-card{min-width:0;border:1px solid #e0e5ed;border-radius:12px;background:#fff;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .2s;animation:enter .35s ease both;animation-delay:calc(var(--card-order, 0) * 45ms)}.home-template-card:hover{box-shadow:0 8px 24px #2336610b;border-color:#b7c6f8;transform:translateY(-2px)}.home-template-cover{height:242px;background:#e9edf5;padding:20px 28px 0;overflow:hidden;position:relative}.template-thumbnail{width:100%;height:100%;position:relative;background:#fff;overflow:hidden;box-shadow:0 2px 12px #243a5912}.template-thumbnail iframe{position:absolute;border:0;top:0;left:0;max-width:none;transform-origin:top left;pointer-events:none;opacity:0;transition:opacity .2s}.thumbnail-ready iframe{opacity:1}.thumbnail-loading{background:linear-gradient(110deg,#f7f8fb 25%,#fff 50%,#f7f8fb 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.thumbnail-placeholder{height:100%;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#929bb0;font-size:11px}.template-cover-action{position:absolute;z-index:1;inset:0;width:100%;border:0;background:transparent;display:flex;justify-content:center;align-items:flex-end;padding:18px}.template-cover-action span{display:flex;align-items:center;gap:9px;padding:9px 13px;font-size:11px;border-radius:7px;background:#fff;color:var(--accent);border:1px solid #dbe3ff;box-shadow:0 3px 12px #14245412;opacity:0;transform:translateY(5px);transition:opacity .15s,transform .15s}.template-cover-action:focus-visible span,.template-cover-action:hover span{opacity:1;transform:translateY(0)}.template-cover-action:focus-visible{outline-offset:-3px}.home-template-info{padding:16px;display:flex;gap:5px;align-items:flex-start}.home-template-info>div{flex:1 1;min-width:0}.home-template-info h2{font-size:12px;font-weight:600;line-height:1.65;margin:0 0 7px;overflow-wrap:anywhere}.home-template-info p{font-size:10px;color:#9098a7;margin:0}.home-template-info>button{opacity:.65;flex-shrink:0}.blank-template{background:transparent;border:1px dashed #cbd4e4;border-radius:12px;min-height:330px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;color:var(--ink);transition:background .15s,border-color .15s;padding:22px}.blank-template:hover{background:#eff3ff;border-color:#7895ff}.blank-art{width:107px;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e5ef;border-radius:7px;box-shadow:0 6px 15px #24395a06;margin-bottom:23px;gap:5px}.blank-art span{color:var(--accent);width:42px;height:42px;display:grid;place-items:center;background:#edf1ff;border-radius:50%;margin:0 0 10px}.blank-art i{display:block;width:44px;height:3px;background:#e7ebf3;border-radius:2px}.blank-art i:last-child{width:28px}.blank-template strong{font-size:13px;font-weight:600}.blank-template p{font-size:11px;color:#939bac;margin:8px 0 0}.blank-template>svg{position:absolute;right:18px;bottom:18px;color:#8e9cba}.home-drafts{max-width:1320px;margin:auto;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.home-draft-row{width:100%;padding:22px;display:flex;align-items:center;gap:16px;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--subtle)}.home-draft-row:last-child{border-bottom:0}.home-draft-row:hover{background:#f5f7ff}.draft-file-icon{width:42px;height:46px;background:#edf1ff;display:grid;place-items:center;color:var(--accent);border-radius:8px;flex-shrink:0}.draft-row-name{min-width:0;flex:1 1}.draft-row-name strong{font-size:13px;font-weight:550;color:var(--ink);display:block;overflow-wrap:anywhere}.draft-row-name small{font-size:10px;display:block;margin-top:7px}.draft-state{font-size:10px;padding:4px 7px;background:#f0f2f6;border-radius:4px;white-space:nowrap}.draft-state.ready{color:#25775b;background:#e9f5ee}.home-empty{padding:50px 22px;text-align:center;color:#98a4bc;grid-column:1/-1}.home-empty>svg{margin:0 auto 15px}.home-empty h2{font-size:14px;color:#56637a;font-weight:500}.home-empty p{font-size:12px;margin:10px 0 20px}.home-loading{padding:90px 0;text-align:center;color:var(--subtle)}.studio-workspace{grid-column:2;grid-row:4;display:grid;grid-template-columns:250px minmax(280px,1fr) 316px;min-height:0}.inspector-panel,.library-panel{background:var(--paper);display:flex;flex-direction:column;min-height:0}.library-panel{border-right:1px solid var(--line)}.inspector-panel{border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:14px 20px;color:#9ca6ba}.panel-heading h2{margin:0;font-size:14px;font-weight:600;color:var(--ink)}.quiet-count{font-family:Avenir Next,sans-serif;font-size:22px;color:#aab4c9}.library-body{overflow-y:auto;flex:1 1;padding:18px 18px 26px;scrollbar-width:thin}.catalog-filters{display:grid;gap:12px;margin-bottom:12px;min-width:0}.section-caption{font-size:11px;line-height:1.8;color:var(--subtle);margin:0 0 20px}.template-tile{margin-bottom:24px}.template-art{border:1px solid #e2e7f0;background:#edf0f6;width:100%;height:145px;overflow:hidden;position:relative;padding:12px 23px 0;border-radius:7px}.template-title{display:flex;flex-direction:column;gap:5px;padding-top:11px}.template-title strong{font-size:12px;font-weight:550;line-height:1.55}.template-title span{font-size:10px;color:#919aab}.template-actions{display:flex;justify-content:space-between;margin-top:7px}.library-foot{padding:14px 18px;font-size:10px;color:#7f8a9e;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#4d9e78}.status-dot.pending{background:#a4aaba}.catalog-entry{padding:14px 0;border-bottom:1px solid #edf0f5;display:flex;align-items:flex-start;gap:9px}.catalog-marker{font:10px SFMono-Regular,Consolas,monospace;color:#a9b3c8;min-width:21px;padding-top:4px}.catalog-copy{min-width:0}.catalog-copy strong{display:block;font-size:12px;font-weight:500;line-height:1.6}.catalog-copy span{font-size:10px;color:var(--subtle);display:block;margin-top:6px}.catalog-actions{display:flex;flex-direction:column}.list-label{gap:7px;color:var(--subtle);font-size:11px;margin:0 0 18px}.list-label,.recent-item{display:flex;align-items:center}.recent-item{width:100%;gap:10px;text-align:left;border:1px solid transparent;border-bottom:1px solid var(--line);background:transparent;padding:15px 7px;color:#7d8a9e}.recent-item.active,.recent-item:hover{background:#eef2ff;border-radius:6px}.recent-item span{min-width:0}.recent-item strong{display:block;font-weight:500;font-size:12px;color:var(--ink)}.recent-item small{display:block;margin-top:5px;font-size:10px;color:var(--subtle)}.canvas-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#f0f2f7}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;flex-shrink:0;padding:0 22px;border-bottom:1px solid #e0e5ee;background:#f8f9fc}.canvas-title{font-size:12px;font-weight:600;color:var(--ink)}.help-steps{padding-left:22px;line-height:2.4;font-size:13px}.preview-stage{flex:1 1;overflow:auto;padding:28px 0 42px;scrollbar-width:thin;position:relative;background-image:radial-gradient(#d5dce8 .65px,transparent 0);background-size:12px 12px}.email-paper{background:#fff;margin:0 auto;box-shadow:0 12px 32px #21334c0c,0 0 0 1px #dce2ec}.email-paper iframe{border:0;display:block;max-width:none}.welcome-state{min-height:100%;max-width:580px;margin:auto;padding:7vh 25px 30px;text-align:center;display:flex;align-items:center;flex-direction:column}.welcome-stamp{width:76px;height:76px;display:grid;place-items:center;border:1px solid #d5ddf7;border-radius:18px;color:var(--accent);margin-bottom:30px;background:#f7f9ff;transform:rotate(-7deg);box-shadow:0 8px 24px #3d599b08}.welcome-stamp svg{transform:rotate(7deg)}.welcome-state h1{font-size:clamp(24px,2.4vw,33px);font-weight:600;line-height:1.6;letter-spacing:-1px;margin:17px 0}.welcome-state h1 em{font-style:normal;color:#6077b3}.welcome-state>button+button{margin-top:8px}.structure-list{max-height:195px;overflow:auto;padding:0 12px 14px;scrollbar-width:thin;flex-shrink:0}.structure-row{display:flex;align-items:center;border:1px solid transparent;border-radius:6px;padding:5px 4px;gap:3px}.structure-row.selected{background:#edf2ff;border-color:#d9e3ff}.structure-select{border:0;background:transparent;color:var(--ink);padding:6px 1px;display:flex;align-items:center;gap:6px;flex:1 1;min-width:0;text-align:left}.structure-select span{font-size:11px;line-height:1.6}.structure-select>svg{color:#a3afc6;flex-shrink:0}.structure-tools{display:flex}.structure-tools button{min-width:22px;width:22px;padding:0}.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-top:1px solid var(--line);gap:10px}.inspector-heading strong{font-size:12px;font-weight:600}.confirmed-icon,.confirmed-label{color:#2d8d68}.muted{color:var(--subtle)}.inspector-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#a4b1cc;text-align:center}.inspector-empty h3{color:#67758f;font-size:13px;font-weight:500;margin:20px 0 10px}.inspector-empty p{font-size:11px;color:#929db2;line-height:1.9;max-width:210px}.inspector-fields{overflow:auto;min-height:0;padding:6px 18px 22px;flex:1 1;scrollbar-width:thin}.field-group{border-bottom:1px solid var(--line)}.field-group>summary{padding:15px 0;cursor:pointer;font-size:12px;font-weight:550}.editor-field{padding:3px 0 17px}.field-help{font-size:10px;color:#939db0;line-height:1.65;margin:6px 0 0}.text-style-details{margin-top:7px;padding:7px 0}.text-style-details summary{color:#7186b2;font-size:10px;cursor:pointer}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 9px;margin:14px 0}.color-field{display:flex;gap:9px;align-items:flex-end;margin:10px 0}.color-field>input{width:31px;height:31px;padding:3px;border:1px solid var(--line);border-radius:5px;background:transparent}.color-field>div{flex:1 1;min-width:0}.image-field-preview{height:110px;display:flex;align-items:center;justify-content:center;background:#f0f3f8;border:1px solid #e1e7f1;border-radius:6px;margin-bottom:10px;overflow:hidden}.image-field-preview img{width:100%;height:100%;object-fit:contain}.image-field-preview span{font-size:11px;color:var(--subtle)}.upload-control{display:flex;align-items:center;gap:6px;position:relative;margin-top:8px;border:1px dashed #c5d2ed;border-radius:5px;padding:10px;color:#5f7cc1;font-size:11px;cursor:pointer}.upload-control span{font-size:8px;color:#94a0b8;margin-left:auto}.upload-control input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload-control:focus-within{outline:2px solid var(--accent);outline-offset:2px}.shopify-import{background:#f0f4ff;padding:11px;margin-bottom:16px;border-radius:6px}.shopify-import summary{font-size:11px;color:#536fae;cursor:pointer}.shopify-import>button,.shopify-import>div{margin-top:10px}.inspector-confirm{border-top:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;gap:8px;justify-content:space-between}.inspector-confirm>span{font-size:10px;color:#8b98af}.dialog-body{display:flex;flex-direction:column;gap:18px;padding:8px 4px 4px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:8px}.dialog-note{font-size:11px;color:#8491a9;margin:0}.dialog-body p,.dialog-note{line-height:1.8}.dialog-body code{overflow-wrap:anywhere;font-size:11px}.inline-error{padding:10px 13px;color:#b0404b;background:#fff0f1;border-radius:6px;font-size:12px}.component-demo{border:1px solid var(--line);width:100%;height:480px}.output-result{display:flex;flex-direction:column;gap:15px}.output-result>svg{color:#489573}.output-result h3{font-size:15px}.links-list{max-height:340px;overflow:auto}.link-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.link-entry span{min-width:0}.link-entry b{font-size:11px;display:block}.link-entry small{color:var(--subtle);font-size:10px}.link-entry code{display:block;color:#5b79be;margin-top:4px}.utm-controls>button,.utm-controls>div{margin-top:14px}.utm-controls summary{cursor:pointer}.empty-copy{color:#8d9ab1;font-size:11px;line-height:1.9;margin:18px 0}.fatal-state{padding:20vh 10vw}.fatal-state h1{font-size:26px}.fatal-state p{margin:20px 0}.mobile-tools{display:none}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media (min-width:1450px){.view-home{grid-template-columns:176px minmax(0,1fr)}.view-home .brand-rail{align-items:stretch;padding:20px 18px 18px}.view-home .brand-rail button:not(.brand-mark){width:100%;justify-content:flex-start;padding:0 14px;font-size:12px}.view-home .brand-rail button>span:not(.brand-mark span){display:block}.view-home .brand-mark{margin-left:8px}}@media (max-width:1250px){.studio-workspace{grid-template-columns:225px minmax(235px,1fr) 290px}.studio-header{padding:14px 20px}.studio-title h1{max-width:270px}.canvas-toolbar{padding:0 16px}.structure-tools button{min-width:21px;width:21px}.header-actions{gap:5px}.home-intro{gap:20px}.component-shortcut{padding:14px}.save-state{font-size:9px}}@media (max-width:1050px){.studio{grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr)}.brand-rail{padding:17px 6px 14px}.brand-rail button{width:40px;min-height:40px}.brand-rail .brand-mark{font-size:33px;margin-bottom:20px}.brand-mark>span{width:5px;height:5px}.studio-workspace{display:block}.studio-workspace>*{height:100%;display:none}.mobile-canvas .canvas-panel,.mobile-inspector .inspector-panel,.mobile-library .library-panel{display:flex}.mobile-tools{grid-column:2;grid-row:3;display:flex;gap:5px;padding:8px 20px;border-bottom:1px solid var(--line);background:#fff}.mobile-tools button{border:0;background:transparent;color:#8791a5;display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 20px;border-radius:6px;font-size:11px;flex:1 1}.mobile-tools button[aria-pressed=true]{color:var(--accent);background:#edf1ff;font-weight:550}.library-body{display:block}.library-body:has(.template-tile){display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:20px}.library-body .section-caption{grid-column:1/-1;margin:0}.template-tile{margin-bottom:0}.welcome-state{padding-top:4vh}.inspector-fields{padding-left:26px;padding-right:26px}.structure-list{max-height:170px}.home-intro{align-items:flex-start}.component-shortcut{padding:12px;gap:9px}.component-shortcut>svg{display:none}.shortcut-icon{width:35px;height:35px}.studio-home{padding-top:34px}.home-template-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px}.home-template-cover{height:220px;padding:17px 22px 0}.blank-template{min-height:307px}}@media (max-width:720px){.studio-header{min-height:72px;padding:14px 18px;gap:13px}.view-editor .studio-header{flex-wrap:wrap}.view-editor .studio-title{width:100%}.view-editor .header-actions{width:100%;justify-content:flex-end}.studio-title h1{max-width:70%;font-size:14px}.studio-breadcrumb{font-size:10px;gap:9px}.wordmark{font-size:16px}.wordmark span{font-size:12px}.home-intro{flex-direction:column;gap:22px;margin-bottom:28px}.component-shortcut{padding:12px 15px;width:100%;gap:14px}.component-shortcut>svg{display:block;margin-left:auto}.component-shortcut small{margin-top:3px}.component-shortcut strong{font-size:11px}.component-shortcut small{font-size:9px}.shortcut-icon{width:32px;height:32px}.shortcut-icon svg{width:19px}.home-library-heading{flex-wrap:wrap;gap:5px;margin-bottom:20px}.home-tabs{gap:24px}.home-search{width:145px;padding-bottom:0}.home-search>svg{display:none}.home-tabs button{font-size:12px;padding:13px 0}.home-tabs button span{font-size:9px;min-width:19px}.studio-home{padding:30px 24px 24px}.home-intro h1{font-size:28px}.home-intro p{font-size:11px}.home-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.home-template-cover{height:184px;padding:16px 17px 0}.home-template-info{padding:12px}.home-template-info h2{font-size:11px}.home-template-info p{font-size:9px}.home-template-info>button{width:23px;min-width:23px;padding:0}.blank-template{min-height:275px}.blank-template strong{font-size:12px}.blank-template p{font-size:10px}.blank-art{width:88px;height:108px;margin-bottom:20px}.template-cover-action{padding:12px}.template-cover-action span{opacity:1;font-size:9px;padding:6px 9px;transform:none}.template-cover-action span svg{width:12px}.home-draft-row{padding:16px 12px;gap:10px}.draft-state{display:none}.draft-row-name strong{font-size:12px}}@media (max-width:450px){.studio{grid-template-columns:44px minmax(0,1fr)}.brand-rail{padding-left:3px;padding-right:3px}.brand-rail button{width:35px;min-height:37px;border-radius:7px}.brand-rail button svg{width:18px}.brand-rail .brand-mark{font-size:31px}.brand-mark>span{right:4px}.studio-header{padding:12px}.studio-breadcrumb>span:last-child:not(.wordmark),.studio-breadcrumb>svg{display:none}.wordmark{font-size:15px}.wordmark span{font-size:11px}.studio-home{padding:26px 18px}.home-intro h1{font-size:25px}.home-template-grid{grid-template-columns:minmax(0,1fr)}.home-template-cover{height:245px;padding:22px 38px 0}.blank-template{min-height:145px;flex-direction:row;gap:18px;padding:20px}.blank-art{width:58px;height:82px;margin:0;flex-shrink:0}.blank-art span{width:30px;height:30px;margin-bottom:2px}.blank-art span svg{width:20px}.blank-art i{width:32px;height:2px}.blank-art i:last-child{width:22px}.home-template-info h2{font-size:12px}.home-search{width:100%;padding-bottom:12px}.home-library-heading{gap:8px}.mobile-tools{padding:7px 10px;gap:3px}.mobile-tools button{font-size:10px;padding:8px 4px;gap:5px}.canvas-toolbar{padding:0 10px;gap:6px}.welcome-state{padding-inline:20px}.welcome-state h1{font-size:23px}.inspector-confirm{padding:12px}.inspector-confirm>span,.save-state{font-size:9px}}@media (hover:none){.template-cover-action span{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.loading-workspace{padding:3rem;color:var(--muted)}.brand-switch select{border:1px solid #dce1eb;border-radius:8px;color:#25335b;background:#f4f6fb;padding:6px 24px 6px 10px;font:inherit;font-weight:600}.brand-switch select:focus-visible{outline:2px solid #355df5;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.draft-title-input{border:1px solid transparent;border-radius:5px;padding:2px 4px;margin-left:-4px;color:#202838;background:transparent;font:inherit;font-weight:650;font-size:16px;width:min(260px,42vw)}.draft-title-input:focus,.draft-title-input:hover{border-color:#cbd3e6;background:white;outline:none}.catalog-entry{flex-wrap:wrap;padding:10px;gap:8px}.catalog-visual{position:relative;width:100%;height:100px;overflow:hidden;background:#f4f5f8;border:1px solid #e5e8f0;border-radius:6px;padding:0;cursor:pointer}.catalog-visual iframe{width:600px;height:350px;transform:scale(.36);transform-origin:top left;border:0;pointer-events:none}.catalog-copy{flex:1 1}.component-library-page{grid-column:2;grid-row:4;min-width:0;border-right:0;background:#f8f9fc}.component-library-page .panel-heading{padding:24px clamp(18px,4vw,60px) 16px;flex-shrink:0}.component-library-page .panel-heading h2{font-size:22px}.component-library-page .library-body{padding:0 clamp(18px,4vw,60px) 30px}.component-library-page .catalog-filters{grid-template-columns:minmax(0,320px) minmax(0,240px);gap:16px;margin-bottom:24px}.component-library-page .component-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:20px;align-items:start}.component-library-page .catalog-entry{min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.component-library-page .catalog-visual{height:180px}.component-library-page .catalog-copy strong{overflow-wrap:anywhere}@media (max-width:720px){.component-library-page .catalog-filters{grid-template-columns:minmax(0,1fr);gap:12px}}.field-help,.image-url-details{font-size:11px;color:#697692;margin:8px 0}.field-help summary,.image-url-details summary{cursor:pointer;padding:4px 0}.image-url-details>div{margin-top:8px}.review-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.review-preview{display:flex;justify-content:center;overflow:auto;padding:8px;background:#edf0f6;border-radius:8px}.review-preview iframe{height:380px;border:0;background:white}@media(max-width:760px){.studio-breadcrumb{flex-wrap:wrap;gap:7px}.wordmark>span{display:none}.review-preview iframe{height:300px}.studio-header{row-gap:8px}}.session-login,.session-name{font-size:12px;color:var(--text-secondary,#657080)}.session-login{white-space:nowrap}.login-page{min-height:100dvh;display:grid;place-items:center;background:#f5f6f8;padding:24px}.login-card{max-width:440px;padding:40px;border:1px solid #e1e4e9;border-radius:20px;background:white;color:#202634}.login-wordmark{font-size:26px;font-weight:750;letter-spacing:-1px}.login-card h1{margin:30px 0 12px;font-size:24px}.login-card p{font-size:14px;line-height:1.8;color:#657080}.login-action{display:block;margin-top:28px;padding:12px 20px;border-radius:8px;background:#2459df;color:white;text-align:center;text-decoration:none}@media(max-width:700px){.session-name{display:none}}