.theme-editor{letter-spacing:0;color:#26334b;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.theme-editor button,.theme-editor select,.theme-editor textarea,.theme-editor input{font:inherit;border-radius:0}.theme-launcher{z-index:80;color:#2144bb;opacity:.25;background:#fff;border:1px solid #89adff;width:44px;height:44px;position:fixed;bottom:12px;left:12px;font-size:24px!important}.theme-launcher:hover,.theme-launcher:focus-visible,.theme-launcher[aria-expanded=true]{opacity:1}.theme-panel{z-index:80;background:#fff;border:1px solid #89adff;flex-direction:column;width:min(360px,100vw - 16px);max-height:calc(100svh - 96px);animation:.15s ease-out theme-reveal;display:flex;position:fixed;overflow:hidden}.theme-panel-header{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:#f5f7fb;border-bottom:1px solid #d1d9e6;flex:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.theme-panel-header strong{font-size:16px;display:block}.theme-panel-header button{background:#fff;border:1px solid #89adff;min-width:32px;height:32px;font-size:22px}.theme-panel-body{overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px;overflow-y:auto}.theme-editor fieldset{border:0;margin:16px 0;padding:0}.theme-editor legend{padding:0;font-weight:600}.theme-editor p{font-size:12px}.theme-small-button,.theme-font-input button,.theme-link,.theme-reset{color:#2144bb;white-space:nowrap;background:#fff;border:1px solid #bcc8dd;padding:6px 8px;font-size:12px}.theme-toolbar{border-bottom:1px solid #d1d9e6;flex:none;justify-content:flex-end;align-items:center;gap:12px;padding:8px 16px;display:flex}.theme-panel-footer{background:#f5f7fb;border-top:1px solid #d1d9e6;flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:12px 16px;display:grid}.theme-panel-footer .theme-link{text-align:center;margin:0;display:block}.theme-help{color:#526078;margin:8px 0}.theme-editor button:hover,.theme-link:hover{color:#2144bb;background:#e8f0ff}.theme-editor button:active{opacity:.8}.theme-field{flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;display:flex}.theme-field select,.theme-field textarea,.theme-font-input input{background:#fff;border:1px solid #89adff;width:100%;min-width:0;padding:6px}.theme-field textarea{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:11px}.theme-slider{flex-direction:column;gap:6px;margin:12px 0;font-size:12px;display:flex}.theme-slider span{justify-content:space-between;display:flex}.theme-slider output{font-variant-numeric:tabular-nums}.theme-slider input{accent-color:#2b51d1;width:100%}.theme-panel-footer>:not(button,a),.theme-editor--docked .theme-share{grid-column:1/-1}.theme-share{white-space:nowrap;color:#fff;background:#2b51d1;border:1px solid #2144bb;width:100%;padding:7px 12px}.theme-status{color:#526078;margin:0}.theme-notice{color:#92400e;background:#fffbeb;border:1px solid #d97706;padding:8px}.theme-editor :is(button,a,select,textarea,input):focus-visible,.theme-panel-header:focus-visible{outline-offset:2px;outline:2px solid #2b51d1}@keyframes theme-reveal{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.theme-panel{animation:none}}.theme-panel-handle{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;flex:1}.theme-panel-handle:focus-visible{outline-offset:2px;outline:2px solid #2b51d1}.theme-details{border-top:1px solid #d1d9e6;margin:16px 0 0;padding:14px 0 0}.theme-details summary{cursor:pointer;font-size:13px;font-weight:600}.theme-oklch code{overflow-wrap:anywhere;margin:6px 0;font-size:10px;display:block}.theme-color-preview{border:1px solid #89adff;height:36px}.theme-channel{grid-template-columns:54px 1fr 68px;align-items:center;gap:6px;margin:8px 0;font-size:11px;display:grid}.theme-channel input{width:100%;min-width:0}.theme-channel input[type=range]{appearance:none;cursor:pointer;border:1px solid #89adff;height:12px}.theme-channel input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #2144bb;width:12px;height:18px}.theme-channel input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #2144bb;border-radius:0;width:10px;height:16px}.theme-channel input[type=number]{background:#fff;border:1px solid #89adff;padding:3px}.theme-ramp{grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0;display:grid}.theme-ramp button{background:#fff;border:1px solid #89adff;padding:3px;font-size:11px}.theme-ramp button[aria-pressed=true]{outline-offset:1px;outline:2px solid #2144bb}.theme-ramp span{height:24px;display:block}.theme-role{margin:12px 0;font-size:12px}.theme-role>label{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.theme-role small{color:#526078}.theme-font{margin:12px 0}.theme-font .theme-field{margin-bottom:4px}.theme-font-input{gap:6px;display:flex}.theme-font-input input{flex:1}.design-shell{flex-direction:column;height:100svh;display:flex}.design-shell>header{flex:none}.design-workspace{flex:1;grid-template-columns:380px minmax(0,1fr);min-height:0;display:grid}.design-preview{min-width:0;min-height:0;overflow:auto}.theme-editor--docked{min-width:0;min-height:0}.theme-editor--docked .theme-panel{z-index:auto;border-width:0 1px 0 0;width:100%;height:100%;max-height:none;animation:none;position:static}.theme-editor--docked .theme-panel-header{cursor:default;touch-action:auto;-webkit-user-select:auto;user-select:auto}.theme-editor--docked .theme-panel-body{flex:1;min-height:0}@media (width<=959px){.design-shell{height:auto;min-height:100svh}.design-workspace{grid-template-columns:minmax(0,1fr)}.design-preview{overflow:visible}.theme-editor--docked{grid-row:1}.theme-editor--docked .theme-panel{border-width:0 0 1px;height:65svh}}.theme-value-reference{color:#526078;font-size:11px;line-height:1.5}.theme-slider>span{gap:8px}.theme-slider output{text-align:right}.theme-spacing-table{margin-top:8px;overflow-x:auto}.theme-spacing-table table{border-collapse:collapse;width:100%;font-size:11px}.theme-spacing-table :is(th,td){text-align:left;border-bottom:1px solid #d1d9e6;padding:6px 4px}.theme-logo-preview{object-fit:contain;border:1px solid #bcc8dd;width:120px;max-width:100%;height:80px;margin:8px 0}.theme-field input[type=file]{min-width:0;max-width:100%;font-size:12px}.theme-field>input:not([type=file]){background:#fff;border:1px solid #89adff;width:100%;padding:6px}.theme-draft-actions{flex-wrap:wrap;gap:6px;display:flex}.theme-palette{text-align:center;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;margin:12px 0 20px;display:grid}.theme-palette span{height:28px;display:block}.theme-palette small{color:#526078;font-size:10px}.theme-details[open]>summary{margin-bottom:12px}.theme-drafts .theme-field:first-of-type{margin-top:12px}.theme-editor button:disabled{opacity:.6;cursor:not-allowed}.theme-section-reset{float:right;color:#52525b;background:#fff;border:1px solid #d4d4d8;justify-content:center;align-items:center;width:24px;height:24px;margin-top:-2px;line-height:1;display:inline-flex;font-size:15px!important}.theme-advanced{margin:12px 0;font-size:12px}.theme-advanced>summary{color:#526078;cursor:pointer;font-size:12px;font-weight:400}.theme-advanced .theme-details summary{font-size:12px}.theme-controls>.theme-details:first-child{border-top:0;margin-top:0;padding-top:0}.theme-editor .theme-section-reset:hover{color:#27272a;background:#f4f4f5;border-color:#a1a1aa}
