.mockup-studio{padding:32px 0 80px}.mockup-studio [hidden]{display:none!important}.mockup-studio .breadcrumb{margin-bottom:24px}.ms-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}.ms-hero h1{font-size:clamp(40px,5vw,62px);letter-spacing:-.05em;line-height:1.05;margin:0 0 18px}.ms-hero h1 em,.ms-quote h2 em{font-style:normal;color:var(--teal)}.ms-hero p:not(.overline){font-size:14px;line-height:1.8;max-width:620px;color:var(--muted)}.ms-hero-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:290px;padding-bottom:12px}.ms-hero-tags span{border:1px solid var(--line);border-radius:30px;padding:9px 12px;font-size:11px;font-weight:700;background:var(--surface)}.ms-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.4fr);gap:24px;align-items:start}.ms-editor,.ms-preview{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:22px}.ms-editor h2{font-size:22px;margin:0 0 22px}.ms-fields{display:grid;gap:14px;min-width:0}.ms-fields label,.ms-quantity,.ms-file{display:grid;gap:8px;font-size:12px;font-weight:750;min-width:0;color:var(--ink)}.mockup-studio input:not([type=range]):not([type=checkbox]),.mockup-studio select{width:100%;min-width:0;min-height:44px;padding:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;font:inherit}.mockup-studio input[type=color]{padding:4px!important;height:44px}.mockup-studio input[type=range]{width:100%;min-height:28px;accent-color:var(--teal)}.mockup-studio input:disabled{opacity:.65}.ms-fields output{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--teal);min-height:15px}.ms-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.ms-section{margin-top:20px;border-top:1px solid var(--line);padding-top:4px}.ms-section summary{cursor:pointer;font-size:12px;line-height:1.4;font-weight:800;min-height:48px;padding:15px 0}.ms-section .ms-fields{padding-bottom:4px}.ms-section summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.ms-section h3{font-size:14px;margin:16px 0}.ms-quantity{margin-top:22px}.ms-import{margin-top:18px}.ms-file input{font-size:11px!important;max-width:100%}.ms-segment,.ms-views{display:flex;gap:5px;flex-wrap:wrap}.ms-segment button,.ms-views button{flex:1;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:10px 8px;min-height:44px;cursor:pointer;font-size:11px;font-weight:750;white-space:nowrap}.ms-segment button[aria-pressed=true],.ms-views button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.ms-check{display:flex!important;align-items:center;gap:9px!important;min-height:44px}.ms-check input{width:18px;height:18px;accent-color:var(--teal)}.ms-preview{position:sticky;top:104px;box-shadow:var(--shadow)}.ms-preview-head{display:flex;gap:14px;justify-content:space-between;align-items:center}.ms-preview-head .overline{font-size:10px;margin-bottom:7px}.ms-preview h2{font-size:24px;letter-spacing:-.04em;margin:0}#ms-badge{border:1px solid var(--line);border-radius:22px;padding:9px 12px;font-size:10px;line-height:1.4;max-width:160px;font-weight:750;background:var(--soft)}.ms-views{margin:18px 0 12px}.ms-views button{flex:0 1 auto;min-width:70px}#ms-canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;touch-action:none;cursor:grab}#ms-canvas:active{cursor:grabbing}#ms-canvas:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.ms-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid var(--line);padding:16px 0}.ms-facts span{display:grid;gap:7px}.ms-facts small{font-size:10px;color:var(--muted)}.ms-facts strong{font-size:11px;line-height:1.5}.ms-export{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ms-export button{flex:1;font-size:11px;min-height:44px;padding:12px 8px;white-space:normal}.ms-next{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.ms-next button{font-size:11px;white-space:normal;padding:13px 9px;min-height:48px}.ms-notice{font-size:10px;line-height:1.7;color:var(--muted);margin:10px 0 0}.mockup-studio .form-help{font-size:11px;line-height:1.7;color:var(--muted);font-weight:400;margin:5px 0}.mockup-studio [data-error=true]{color:#b23b30}.ms-quote{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:38px;margin-top:45px;padding:32px;scroll-margin-top:108px}.ms-quote h2{font-size:34px;letter-spacing:-.04em;line-height:1.2}.ms-quote p:not(.overline){color:var(--muted);font-size:13px;line-height:1.8}html.night .ms-segment button[aria-pressed=true],html.night .ms-views button[aria-pressed=true]{color:#153746}html.night .mockup-studio [data-error=true]{color:#ffb3a2}@media(max-width:1100px){.ms-layout{grid-template-columns:minmax(285px,.8fr) minmax(0,1.2fr);gap:16px}.ms-editor,.ms-preview{padding:17px}.ms-preview h2{font-size:20px}.ms-next{grid-template-columns:1fr}}@media(max-width:850px){.ms-layout{grid-template-columns:minmax(0,1fr)}.ms-preview{position:static;grid-row:1}.ms-hero-tags{display:none}.ms-preview-head h2{font-size:23px}.ms-next{grid-template-columns:1fr 1fr}.ms-quote{grid-template-columns:1fr;gap:16px;padding:22px}.ms-hero h1{font-size:44px}.ms-preview{scroll-margin-top:90px}.ms-editor{scroll-margin-top:90px}}@media(max-width:500px){.mockup-studio{padding-top:22px}.ms-hero{margin-bottom:22px}.ms-hero h1{font-size:38px}.ms-hero p:not(.overline){font-size:12px}.ms-editor,.ms-preview{padding:13px;border-radius:16px}.ms-preview-head h2{font-size:20px}#ms-badge{font-size:9px;padding:7px 9px;max-width:125px}.ms-views button{min-width:58px;padding:9px 7px}.ms-next{grid-template-columns:1fr}.ms-quote{padding:16px}.ms-quote h2{font-size:28px}.ms-pair{gap:8px}}@media(prefers-reduced-motion:reduce){#ms-canvas{scroll-behavior:auto}}

.ms-mobile-jump{display:none}@media(max-width:850px){.ms-mobile-jump{display:block;font-size:12px;font-weight:750;min-height:44px;padding:13px 0;color:var(--teal)}}