@font-face{font-family:"Instrument Sans";src:url('/studio-assets/fonts/instrument-sans-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";src:url('/studio-assets/fonts/instrument-sans-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";src:url('/studio-assets/fonts/instrument-sans-400-latin.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";src:url('/studio-assets/fonts/instrument-sans-400-latin-ext.woff2') format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";src:url('/studio-assets/fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";src:url('/studio-assets/fonts/ibm-plex-mono-400-latin.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#101010;--paper:#f9f8f5;--white:#fff;--muted:#696964;--line:#dfded9;--accent:#b8323e;--error:#a3261c;--radius:12px;--ease:cubic-bezier(.22,.68,0,1.05);font-family:"Instrument Sans",sans-serif;color:var(--ink);background:var(--ink);font-synthesis:none;--studio-action:#b8323e;--studio-action-hover:#932832}
*{box-sizing:border-box}body{margin:0}h1,h2,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:2px}button,input,textarea,select{min-width:0}fieldset{margin:0;padding:0;border:0;min-width:0}legend{padding:0}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.builder-skip{position:fixed;top:10px;left:16px;z-index:50;padding:12px 18px;background:white;transform:translateY(-180%)}.builder-skip:focus{transform:none}
.builder-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;border-bottom:1px solid #30302e;color:white}.builder-brand{font-size:29px;font-weight:600;letter-spacing:-1.7px;display:flex;align-items:center;gap:17px}.brand-slash{font-size:25px;font-weight:400;color:#73736e}.brand-label{font-size:12px;font-weight:400;letter-spacing:.08em}.header-actions{display:flex;align-items:center;gap:30px}.back-link{font-size:12px;color:#bcbcb7;display:flex;gap:18px}.back-link:hover{color:white}.export-button{display:flex;align-items:center;gap:26px;background:var(--accent);color:#fff;border-radius:100px;font-size:12px;font-weight:600;min-height:43px;padding:12px 20px;transition:background .2s}.export-button:disabled{background:#2b2b28;color:#a5a5a0;opacity:1}.export-button:hover:not(:disabled){background:#ff6b56}.export-button>span:last-child{font-size:18px;line-height:1}.builder-layout{display:grid;grid-template-columns:370px minmax(0,1fr);height:calc(100dvh - 76px);min-height:640px}.editor-sidebar{background:var(--paper);border-right:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column;min-width:0}.editor-intro{padding:30px 28px 25px}.mono-kicker,.step-index,.preview-caption,.dialog-kicker{font:400 9px/1.5 "IBM Plex Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.mono-kicker{color:var(--muted);margin-bottom:14px}.editor-intro h1{font-size:32px;font-weight:600;letter-spacing:-1.4px;line-height:1.1}.editor-intro>p:last-child{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px}.editor-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px;position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}.editor-steps button{min-height:66px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:border-color .2s,color .2s}.editor-steps button>span{font-family:"IBM Plex Mono",monospace;font-size:9px;color:var(--muted)}.editor-steps button[aria-selected=true]{border-color:var(--accent);color:var(--ink);font-weight:600}.editor-steps button[aria-selected=true]>span{color:#b8323e}.editor-steps button:focus-visible{outline-offset:-5px}.editor-panels{padding:26px 28px 0;flex:1}.panel-heading{margin-bottom:23px}.step-index{color:var(--muted);display:block;margin-bottom:10px}.panel-heading h2{font-size:23px;letter-spacing:-.8px;line-height:1.15;font-weight:600}.panel-heading p{font-size:12px;color:var(--muted);line-height:1.5;margin-top:9px}.skeleton-options{display:grid;gap:8px}.skeleton-option{position:relative;display:flex;gap:12px;align-items:center;cursor:pointer;min-height:74px;border:1px solid var(--line);border-radius:var(--radius);padding:13px;background:white;transition:border-color .2s,background .2s}.skeleton-option:has(input:checked){border-color:var(--ink);background:#eeede8;box-shadow:inset 0 0 0 .5px var(--ink)}.skeleton-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.skeleton-option input{position:absolute;opacity:0;width:1px;height:1px}.skeleton-number{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;font:11px "IBM Plex Mono",monospace;color:var(--muted);border-radius:50%;border:1px solid var(--line)}.skeleton-option:has(input:checked) .skeleton-number{background:var(--ink);color:white;border-color:var(--ink)}.skeleton-copy{flex:1;min-width:0}.skeleton-copy strong{display:block;font-size:13px;font-weight:600;line-height:1.35}.skeleton-copy small{display:block;font-size:10px;line-height:1.45;color:var(--muted);margin-top:4px}.skeleton-check{width:15px;font-size:13px;opacity:0}.skeleton-option:has(input:checked) .skeleton-check{opacity:1}.session-form{padding-top:26px;margin-top:24px;border-top:1px solid var(--line)}label:not(.skeleton-option,.palette-option,.hero-option,.toggle-row),.design-group legend,.section-toggles legend,.hours-fields legend{font-size:12px;font-weight:600;display:block;margin-bottom:9px}input:not([type=radio],[type=checkbox]),textarea,select{width:100%;border:1px solid #d0cfc8;border-radius:8px;background:white;color:var(--ink);min-height:44px;padding:12px;font-size:13px;line-height:1.45;transition:border-color .2s}textarea{resize:vertical;max-height:380px}select{padding-right:28px;cursor:pointer}input::placeholder,textarea::placeholder{color:#8b8b83}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error);background:#fff8f6}.field-note{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 0}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:14px 18px;border-radius:8px;font-size:12px;font-weight:600}.primary-button{background:var(--studio-action);color:#fff}.primary-button:hover:not(:disabled){background:var(--studio-action-hover)}.secondary-button{background:#eeede8;color:var(--ink)}.session-form .primary-button{width:100%;margin-top:18px}.session-ready{font-size:12px;line-height:1.5;padding:14px;background:#eeede8;border-radius:8px;margin-top:20px}.field{margin-bottom:20px}.design-group{margin-bottom:27px}.palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.palette-option{position:relative;cursor:pointer;min-width:0}.palette-option input{position:absolute;opacity:0;width:1px;height:1px}.palette-chip{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;height:53px;background:white}.palette-color{width:28px;height:28px;border-radius:50%;border:1px solid #0002}.palette-option small{display:block;font-size:10px;line-height:1.4;text-align:center;margin-top:7px;color:var(--muted)}.palette-option:has(input:checked) .palette-chip{border-color:var(--ink);box-shadow:inset 0 0 0 .5px var(--ink);background:#eeede8}.palette-option:has(input:checked) small{color:var(--ink);font-weight:600}.palette-option:has(input:focus-visible) .palette-chip{outline:2px solid var(--accent);outline-offset:3px}.hero-options{display:grid;gap:8px}.hero-option{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:white;cursor:pointer}.hero-option input{accent-color:var(--ink);width:16px;height:16px;margin:0}.hero-option:has(input:checked){border-color:var(--ink);background:#eeede8}.panel-tip{display:flex;gap:15px;padding:18px 0;border-top:1px solid var(--line);margin-top:28px}.panel-tip>span{font-size:25px;line-height:1;color:var(--accent)}.panel-tip p{font-size:11px;color:var(--muted);line-height:1.7}.section-toggles{padding-top:8px;margin-top:25px;border-top:1px solid var(--line)}.section-toggles legend{padding-top:23px;margin-bottom:4px}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer;font-size:12px}.toggle-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.toggle-row input{position:absolute;right:0;opacity:0;width:36px;height:25px}.switch-track{width:34px;height:20px;border-radius:100px;background:#cccac2;padding:3px;flex-shrink:0;transition:background .2s}.switch-track::after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:white;transition:transform .2s}.toggle-row input:checked+.switch-track{background:var(--ink)}.toggle-row input:checked+.switch-track::after{transform:translateX(14px)}.toggle-row input:focus-visible+.switch-track{outline:3px solid var(--accent);outline-offset:4px}.service-list{display:grid;gap:12px}.service-card{border:1px solid var(--line);border-radius:10px;padding:15px;background:#fff}.service-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.service-card-head p{font:9px "IBM Plex Mono",monospace;letter-spacing:.04em;color:var(--muted)}.remove-service{width:28px;height:28px;border-radius:50%;background:#f0efea;color:var(--ink);font-size:17px;line-height:1;display:grid;place-items:center}.service-card .field{margin-bottom:12px}.service-card .field:last-child{margin:0}.service-card label{font-size:10px!important;margin-bottom:7px!important}.service-card input{min-height:40px;font-size:12px;padding:10px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-pair>.field{margin-bottom:0}.add-service{display:flex;align-items:center;width:100%;gap:8px;min-height:48px;background:transparent;border:1px dashed #bdbbb3;border-radius:8px;margin-top:12px;padding:12px;font-size:12px}.add-service small{margin-left:auto;color:var(--muted);font:10px "IBM Plex Mono",monospace}.hours-fields{margin-top:28px}.hours-fields legend{margin-bottom:15px}.hours-fields .toggle-row{margin-top:9px}.step-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px}.previous-step,.next-step{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;min-height:42px;padding:11px 14px;border-radius:7px}.previous-step{background:none;color:var(--muted);padding-left:0}.next-step{background:var(--ink);color:white}.next-step:hover{background:#383834}.sidebar-foot{padding:20px 28px;display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);border-top:1px solid var(--line);margin-top:26px}.sidebar-foot>span:last-child{margin-left:auto}.local-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.catalog-loading,.catalog-error{padding:28px;color:var(--muted);font-size:12px;line-height:1.6}.catalog-error h2{font-size:22px;line-height:1.2;letter-spacing:-.5px;color:var(--ink);margin-bottom:12px}.catalog-error p{margin-bottom:20px}.catalog-error button{width:100%}
.preview-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden;color:var(--paper);background:#1c1c1a}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px 17px}.preview-toolbar>div:first-child{display:flex;flex-direction:column;min-width:0;gap:6px}.preview-caption{color:#9e9e96;font-size:8px;letter-spacing:.13em}.preview-business{font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:35vw}.viewport-switch{display:flex;border:1px solid #41413b;padding:3px;border-radius:9px;gap:2px;flex-shrink:0}.viewport-switch button{display:flex;align-items:center;gap:8px;min-height:35px;background:transparent;color:#a6a69e;border-radius:6px;padding:8px 12px;font-size:10px}.viewport-switch button[aria-pressed=true]{background:#f4f3ed;color:var(--ink)}.viewport-switch svg{width:15px;height:15px}.preview-notice{display:flex;align-items:center;gap:8px;min-height:25px;padding:0 29px 10px;color:#adada4;font-size:10px;line-height:1.5;flex-wrap:wrap}.status-indicator{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.preview-notice[data-state=busy] .status-indicator{background:var(--accent);animation:status-pulse 1s ease-in-out infinite alternate}.preview-notice[data-state=stale]{color:#ffbb7c}.preview-notice[data-state=error]{color:#ffac9e}.preview-notice button{margin-left:auto;color:inherit;font-size:10px;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:3px}.preview-canvas{display:flex;justify-content:center;flex:1;min-height:0;padding:0 28px 12px;background-image:radial-gradient(#ffffff09 .6px,transparent .6px);background-size:12px 12px}.preview-browser{display:flex;flex-direction:column;min-width:0;width:100%;border:1px solid #3e3e37;box-shadow:0 24px 45px -22px #000a;border-radius:11px;overflow:hidden;background:white;transition:width .35s var(--ease)}.preview-browser[data-viewport=mobile]{width:392px;border:6px solid #090909;border-radius:28px}.browser-chrome{height:33px;min-height:33px;padding:0 13px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#77776f;font:8px "IBM Plex Mono",monospace;background:#eeede7;border-bottom:1px solid #dad9d2}.browser-chrome>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;border:1px solid #b3b2a9;border-radius:50%;display:block}.browser-chrome>span:last-child{font-size:12px}.frame-stage{flex:1;min-height:300px;position:relative;overflow:hidden;background:#f9f8f5}.frame-stage iframe{position:absolute;top:0;left:0;display:block;border:0;background:white;transform-origin:top left}.preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#eeede7;color:var(--ink);padding:25px}.empty-mark{font-size:100px;font-weight:600;letter-spacing:-9px;line-height:1;color:var(--accent);margin-bottom:23px}.preview-empty p{font-size:clamp(24px,2.5vw,45px);line-height:1.12;letter-spacing:-1.3px}.preview-empty strong{font-weight:600}.empty-note{font:9px "IBM Plex Mono",monospace;color:var(--muted);margin-top:25px;line-height:1.7}.preview-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 28px 16px;color:#8f8f86;font-size:9px;line-height:1.5}.preview-foot>span{display:flex;align-items:center;gap:6px;flex-shrink:0}.preview-foot p{text-align:right;max-width:42ch}.mobile-workspace-switch{display:none}dialog{max-width:440px;width:calc(100% - 40px);border:1px solid #d3d1c9;border-radius:20px;padding:32px;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px #0005}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.dialog-kicker{color:var(--accent);display:block;margin-bottom:16px}dialog h2{font-size:30px;letter-spacing:-1.3px;line-height:1.08;margin-bottom:15px}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.dialog-actions button{padding:12px 14px;font-size:11px}.noscript-message{position:fixed;bottom:0;left:0;right:0;background:white;border-top:2px solid var(--accent);color:var(--ink);padding:20px;text-align:center;font-size:14px;z-index:20}.noscript-message a{text-decoration:underline}@keyframes status-pulse{from{opacity:.35}to{opacity:1}}
@media(min-width:1600px){.builder-layout{grid-template-columns:400px minmax(0,1fr)}.editor-intro{padding:36px 34px 28px}.editor-panels{padding:28px 34px 0}.editor-intro h1{font-size:37px}.preview-toolbar{padding:28px 40px 20px}.preview-canvas{padding:0 40px 16px}.preview-notice{padding-left:41px;padding-right:41px}.preview-foot{padding-left:40px;padding-right:40px}}
@media(max-width:1050px) and (min-width:768px){.builder-layout{grid-template-columns:325px minmax(0,1fr)}.editor-intro,.editor-panels{padding-left:22px;padding-right:22px}.editor-intro h1{font-size:30px}.preview-toolbar{padding-left:18px;padding-right:18px}.preview-canvas{padding-left:18px;padding-right:18px}.preview-notice,.preview-foot{padding-left:18px;padding-right:18px}.viewport-switch button{padding:8px 10px}.viewport-switch button span{display:none}.viewport-switch button::after{content:attr(aria-label)}.preview-foot{display:block}.preview-foot p{text-align:left;margin-top:5px;max-width:none}.builder-header{padding:0 24px}.header-actions{gap:20px}}
@media(max-width:767px){.builder-header{height:64px;padding:0 18px;gap:10px}.builder-brand{font-size:25px;letter-spacing:-1.5px;gap:11px}.brand-slash{font-size:20px}.brand-label{font-size:9px}.back-link{display:none}.header-actions{gap:0}.export-button{font-size:10px;min-height:38px;padding:10px 13px;gap:11px}.export-button>span:last-child{font-size:15px}.builder-layout{height:auto;min-height:calc(100dvh - 64px);display:flex;flex-direction:column;background:var(--paper)}.mobile-workspace-switch{display:flex;position:sticky;top:0;background:var(--ink);padding:8px 16px 12px;gap:5px;z-index:10}.mobile-workspace-switch button{width:50%;font-size:12px;min-height:40px;background:#282825;color:#b9b9b1;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:25px}.mobile-workspace-switch button[aria-selected=true]{background:var(--paper);color:var(--ink)}.editor-sidebar{overflow:visible;border:0}.editor-intro{padding:28px 24px 24px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:end}.mono-kicker{grid-column:1/-1;margin-bottom:14px;font-size:8px}.editor-intro h1{font-size:28px;letter-spacing:-1.2px}.editor-intro>p:last-child{font-size:10px;line-height:1.55;margin:0 0 2px}.editor-steps{top:60px;padding:0 16px}.editor-steps button{min-height:59px;font-size:11px;gap:4px}.editor-panels{padding:25px 24px 0}.panel-heading h2{font-size:25px}.panel-heading p{font-size:12px}.skeleton-options{grid-template-columns:1fr 1fr;gap:9px}.skeleton-option{display:block;min-height:145px;padding:13px 12px}.skeleton-number{width:26px;height:26px;font-size:9px;margin-bottom:13px}.skeleton-copy strong{font-size:12px}.skeleton-copy small{font-size:9px}.skeleton-check{position:absolute;right:13px;top:18px}.session-form{padding-top:23px}.session-form .primary-button{min-height:50px}.sidebar-foot{margin-top:24px;padding:20px 24px}.step-footer{padding:24px}.step-panel{padding-bottom:0}.preview-panel{display:none;min-height:calc(100dvh - 124px)}body[data-workspace=preview] .editor-sidebar{display:none}body[data-workspace=preview] .preview-panel{display:flex}.preview-toolbar{padding:20px 18px 13px;gap:10px}.preview-business{font-size:12px;max-width:42vw}.preview-caption{font-size:7px}.viewport-switch button{padding:7px 10px;gap:7px;font-size:9px;min-height:33px}.viewport-switch svg{width:14px;height:14px}.preview-notice{padding:0 19px 12px;font-size:9px;min-height:37px}.preview-canvas{padding:0 10px 12px;flex:none;height:calc(100dvh - 300px);min-height:430px}.frame-stage{min-height:0}.preview-browser[data-viewport=mobile]{border-width:4px;border-radius:22px}.browser-chrome{height:29px;min-height:29px;font-size:7px;padding:0 11px}.preview-foot{display:block;padding:4px 18px 18px;font-size:9px}.preview-foot p{margin-top:7px;text-align:left;max-width:none}.empty-mark{font-size:90px}.preview-empty p{font-size:29px}.empty-note{font-size:8px}input:not([type=radio],[type=checkbox]),textarea,select{font-size:16px}.service-card input{font-size:16px}.palette-options{grid-template-columns:repeat(3,1fr)}.palette-chip{height:60px}.palette-color{width:31px;height:31px}.field-note{font-size:11px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%;justify-content:center}dialog{padding:26px}dialog h2{font-size:28px}.catalog-error,.catalog-loading{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Complete studio: content collections, imagery, section order and explicit save. */
.header-actions{gap:18px}.export-button{background:#262623;color:#deded6;border:1px solid #44443d}.export-button:hover:not(:disabled){background:#37372f}.export-button:disabled{background:#1c1c19;color:#85857e}.save-button{display:flex;align-items:center;gap:25px;min-height:43px;padding:12px 20px;border-radius:100px;background:var(--studio-action);color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.save-button:hover:not(:disabled){background:var(--studio-action-hover)}.save-button:disabled{opacity:.5}.save-feedback{position:fixed;right:26px;top:88px;z-index:30;max-width:min(530px,calc(100vw - 40px));display:flex;align-items:center;gap:16px;border:1px solid #cecbbf;border-radius:12px;padding:17px 18px;background:var(--paper);color:var(--ink);box-shadow:0 14px 50px #0003;font-size:12px;line-height:1.55}.save-feedback[data-state=error]{border-left:3px solid var(--error)}.save-feedback[data-state=saved]{border-left:3px solid #1e7652}.save-feedback>a{font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.save-feedback>button{align-self:start;background:transparent;color:var(--muted);font-size:20px;line-height:1;padding:2px}.editor-steps{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:13px;padding-right:13px}.editor-steps button{font-size:10px}.content-groups{margin-top:24px}.content-group{border-top:1px solid var(--line)}.content-group:last-child{border-bottom:1px solid var(--line)}.content-group>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:19px 0;cursor:pointer;font-size:13px;font-weight:600;min-height:60px}.content-group>summary::-webkit-details-marker{display:none}.content-group>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.group-count{font:9px "IBM Plex Mono",monospace;color:var(--muted);margin-left:auto}.group-arrow{font-size:20px;line-height:1;font-weight:400;color:var(--muted);transition:transform .2s}.content-group[open]>summary .group-arrow{transform:rotate(45deg)}.content-group-body{padding:5px 0 21px}.content-group-body>.field:last-child{margin-bottom:0}.extended-fields{margin-top:26px}.content-group-body .field-note{font-size:10px}.collection-empty{font-size:11px;line-height:1.6;color:var(--muted);padding:4px 0 14px}.collection-item{padding:15px;border:1px solid var(--line);border-radius:10px;background:white;margin-bottom:12px}.collection-item-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.collection-item-header>span{font:10px "IBM Plex Mono",monospace;color:var(--muted)}.item-actions{display:flex;align-items:center;gap:5px}.item-move{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);background:white;border-radius:6px;font-size:14px}.item-move:hover:not(:disabled){background:#eeede8}.collection-item .field{margin-bottom:15px}.collection-item .field:last-child{margin-bottom:0}.collection-item label:not(.photo-picker){font-size:11px}.photo-privacy{display:flex;gap:13px;padding:0 0 22px;border-bottom:1px solid var(--line);margin-bottom:24px}.photo-privacy>span{font-size:24px;color:var(--accent);line-height:1}.photo-privacy p{font-size:11px;line-height:1.7;color:var(--muted)}.photo-fields{display:grid;gap:25px}.photo-card{min-width:0}.photo-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.photo-card-heading h3{margin:0;font-size:12px;font-weight:600}.photo-remove{background:transparent;color:var(--muted);font-size:9px;text-decoration:underline;text-underline-offset:3px;padding:5px 0}.photo-remove:hover{color:var(--error)}.photo-picker{position:relative;display:grid!important;place-items:center;border:1px dashed #b8b5aa;border-radius:11px;aspect-ratio:1.55;overflow:hidden;margin-bottom:12px!important;cursor:pointer;background:#eeede6}.photo-picker>input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;padding:0!important;border:0!important;cursor:pointer;z-index:2}.photo-picker:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.photo-picker>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:15px}.photo-plus{font-size:27px;font-weight:400;line-height:1;margin-bottom:5px;color:var(--muted)}.photo-placeholder strong{font-size:12px;font-weight:600}.photo-placeholder small{font-size:9px;color:var(--muted);font-weight:400;line-height:1.5}.photo-change{position:absolute;bottom:11px;left:11px;border:1px solid #fff6;background:#101010dc;color:white;border-radius:100px;padding:8px 12px;font-size:10px;box-shadow:0 3px 10px #0002}.photo-picker:hover{border-color:var(--ink)}.photo-card[data-loading=true] .photo-picker::after{content:'Pripravujeme…';position:absolute;inset:0;display:grid;place-items:center;background:#eeede6e8;font-size:12px;z-index:3}.photo-alt{margin-bottom:0}.photo-alt input{font-size:11px;min-height:41px;padding:10px}.photo-alt label{font-size:10px!important}.photo-alt .field-note{font-size:9px}.photo-status{font-size:10px;line-height:1.6;color:var(--muted);margin-top:8px}.photo-status:empty{display:none}.photo-total{padding:17px 0;border-top:1px solid var(--line);margin-top:24px;font:9px/1.65 "IBM Plex Mono",monospace;color:var(--muted)}.collection-item .photo-card{margin-bottom:18px}.collection-item .photo-picker{aspect-ratio:1.35}.section-help{margin:0 0 20px}.section-list{display:grid;gap:10px}.section-card{border:1px solid var(--line);border-radius:10px;background:white;transition:background .2s}.section-card-heading{padding:17px 13px 14px}.section-toggle{position:relative;display:flex!important;align-items:center;gap:10px;margin:0!important;cursor:pointer}.section-number{font:9px "IBM Plex Mono",monospace;color:var(--muted);width:20px;flex-shrink:0}.section-toggle strong{font-size:12px;font-weight:600;flex:1}.section-toggle input{position:absolute;right:0;width:34px;height:24px;opacity:0}.section-toggle input:checked+.switch-track{background:var(--ink)}.section-toggle input:checked+.switch-track::after{transform:translateX(14px)}.section-toggle input:focus-visible+.switch-track{outline:3px solid var(--accent);outline-offset:3px}.fixed-section{font-size:8px;letter-spacing:.02em;font-weight:400;color:var(--muted)}.section-is-hidden{background:#efeee9}.section-is-hidden .section-toggle strong{color:var(--muted)}.section-actions{display:flex;justify-content:flex-end;border-top:1px solid #e6e4de;padding:5px 9px;gap:5px}.section-move{background:transparent;color:var(--muted);font-size:10px;min-height:32px;padding:8px 9px;border-radius:5px}.section-move:hover:not(:disabled){background:#f1f0ea;color:var(--ink)}.section-move:disabled{opacity:.3}.builder-embedded .builder-header{height:56px;padding:0 20px}.builder-embedded .builder-brand{font-size:20px;letter-spacing:-1px}.builder-embedded .brand-slash,.builder-embedded .brand-label,.builder-embedded .back-link{display:none}.builder-embedded .builder-layout{height:calc(100dvh - 56px);min-height:600px}.builder-embedded .editor-intro{padding-top:24px;padding-bottom:20px}.builder-embedded .editor-intro h1{font-size:28px}.builder-embedded .editor-intro>p:last-child{display:none}.builder-embedded .save-feedback{top:66px}
@media(max-width:1050px) and (min-width:768px){.editor-steps{padding-left:8px;padding-right:8px}.editor-steps button{font-size:9px}.save-button{font-size:11px;padding:11px 16px;gap:15px}.header-actions{gap:12px}.photo-picker{aspect-ratio:1.3}}
@media(max-width:767px){.header-actions{gap:7px}.builder-brand{font-size:22px}.builder-header .brand-slash,.builder-header .brand-label{display:none}.export-button{width:36px;height:36px;min-height:36px;padding:9px;justify-content:center}.export-label{display:none}.save-button{font-size:10px;min-height:37px;padding:10px 12px;gap:10px}.builder-header{padding-left:15px;padding-right:15px;gap:8px}.save-feedback{left:12px;right:12px;max-width:none;top:76px;gap:10px;padding:13px;font-size:11px;flex-wrap:wrap}.save-feedback>span{flex:1;min-width:200px}.save-feedback>button{position:absolute;right:9px;top:8px}.save-feedback>a{flex-basis:100%}.editor-steps{padding:0 12px}.editor-steps button{font-size:10px}.content-group>summary{font-size:14px}.content-group-body input:not([type=checkbox],[type=radio],[type=file]),.content-group-body textarea,.content-group-body select{font-size:16px}.photo-card-heading h3{font-size:13px}.photo-picker{aspect-ratio:1.55}.photo-alt input{font-size:16px}.photo-alt label{font-size:11px!important}.photo-alt .field-note{font-size:10px}.photo-status{font-size:11px}.photo-privacy p{font-size:12px}.photo-change{font-size:11px}.photo-remove{font-size:10px}.section-toggle strong{font-size:13px}.section-move{font-size:11px;min-height:36px}.builder-embedded .builder-header{padding:0 14px;height:56px}.builder-embedded .builder-brand{font-size:19px}.builder-embedded .builder-layout{height:calc(100dvh - 56px);min-height:0;overflow:hidden}.builder-embedded .mobile-workspace-switch{position:relative;top:0;flex:none}.builder-embedded .editor-sidebar{overflow-y:auto;min-height:0;flex:1}.builder-embedded .editor-intro{display:block;padding:20px 24px}.builder-embedded .editor-intro .mono-kicker{display:none}.builder-embedded .editor-intro h1{font-size:26px}.builder-embedded .editor-intro h1 br{display:none}.builder-embedded .editor-steps{top:0}.builder-embedded .preview-panel{min-height:0;flex:1}.builder-embedded .preview-canvas{height:auto;min-height:330px;flex:1}.builder-embedded .save-feedback{top:66px}}

.account-managed-note{padding:15px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:7px;font-size:12px;line-height:1.65;margin-bottom:20px;color:var(--muted)}.account-managed-note a,.account-login-link{display:block;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;margin-top:8px}.account-login-link{margin-bottom:20px}.builder-account .skeleton-option{cursor:default}.builder-account #panel-services input:disabled{opacity:1;color:#77776d;background:#efeee7}.builder-account .skeleton-option:has(input:not(:checked)){opacity:.5}

.builder-embedded .builder-brand{display:none}.builder-embedded .header-actions{margin-left:auto}

/* Rebooko custom wordmark, shared by standalone and embedded Studio. */
.builder-brand>img{display:block;width:158px;height:auto;flex-shrink:0}
.setup-brand>img,.ob-brand>img{display:block;width:160px;max-width:100%;height:auto;margin-bottom:10px}
@media(max-width:767px){.builder-brand>img{width:128px}.setup-brand>img,.ob-brand>img{width:128px}}

.rail-home>img{display:block;width:32px;height:auto}.empty-mark>img{display:block;width:110px;height:auto}