html:has(.design-studio){color-scheme:light;background:#eee}.design-studio{--studio-paper:#eee;--studio-ink:#111;--studio-muted:#60615e;--studio-rule:#c9cac5;--studio-accent:#2259bb;--studio-selected:#e1e7ed;background:var(--studio-paper);height:100dvh;color:var(--studio-ink);flex-direction:column;margin:0;font:14px/1.5 Ubuntu,sans-serif;display:flex;overflow:hidden}.design-studio *,.design-studio :before,.design-studio :after{box-sizing:border-box}.design-studio button,.design-studio select,.design-studio input,.design-studio textarea{font:inherit;accent-color:var(--studio-accent)}.design-studio button,.design-studio select,.design-studio summary,.design-studio label{-webkit-tap-highlight-color:transparent}.design-studio button,.design-studio select,.design-studio summary,.design-studio input{touch-action:manipulation}.design-studio button,.design-studio select,.design-studio summary{cursor:pointer}.design-studio :focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.design-studio [hidden]{display:none!important}.design-studio a{color:inherit;text-underline-offset:3px}.design-header{border-bottom:1px solid var(--studio-rule);flex:none;align-items:center;gap:28px;padding:19px 26px;display:flex}.design-brand,.design-header .studio-brand{letter-spacing:-.065em;white-space:nowrap;flex:none;align-self:flex-start;padding-top:2px;font-size:24px;font-weight:500;text-decoration:none}.design-brand span{color:var(--studio-accent)}.design-header .studio-brand span{color:var(--studio-muted);letter-spacing:0;margin-top:1px;font:10px/1.5 Ubuntu Mono,monospace;display:block}.design-intro,.studio-intro{min-width:0}.design-header h1{letter-spacing:-.015em;max-width:none;margin:0 0 3px;font:500 17px/1.35 Ubuntu,sans-serif}.design-header p{max-width:70ch;color:var(--studio-muted);margin:0;font-size:12px;line-height:1.5}.header-actions{flex-wrap:wrap;flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.header-actions button,.header-actions a,.decision-actions button,.decision-actions a{border:1px solid var(--studio-rule);min-height:36px;color:var(--studio-ink);background:0 0;border-radius:3px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-flex}.header-actions button:hover,.header-actions a:hover,.decision-actions button:hover,.decision-actions a:hover{border-color:var(--studio-ink);background:#e5e5e2}.header-actions .primary-action,.decision-actions .primary-action{border-color:var(--studio-ink);background:var(--studio-ink);color:var(--studio-paper)}.header-actions .primary-action:hover,.decision-actions .primary-action:hover{background:#333}.design-workspace{flex:auto;grid-template-columns:316px minmax(0,1fr);min-width:0;min-height:0;display:grid}.decision-panel{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#a9aaa5 transparent;border-right:1px solid var(--studio-rule);min-width:0;min-height:0;padding:18px 20px 24px;overflow-y:auto}.decision-panel>h2,.decision-panel>.panel-heading{letter-spacing:0;margin:0 0 7px;font:500 14px/1.4 Ubuntu,sans-serif}.panel-help{color:var(--studio-muted);margin:0 0 16px;font-size:12px;line-height:1.6}#decision-form{margin:0}.decision-panel details{border-top:1px solid var(--studio-rule);margin:0;padding:0}.decision-panel summary{justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:13px 0;font-size:13px;font-weight:500;list-style:none;display:flex}.decision-panel summary::-webkit-details-marker{display:none}.decision-panel summary:after{content:"+";color:var(--studio-muted);font:18px/1 Ubuntu Mono,monospace}.decision-panel details[open]>summary:after{content:"−"}.decision-panel summary:hover{color:var(--studio-accent)}.decision-panel fieldset{border:0;min-width:0;margin:0;padding:0 0 17px}.decision-panel legend{width:100%;color:var(--studio-muted);margin:0 0 9px;padding:0;font-size:11px;line-height:1.5}.choice-list{gap:5px;display:grid}.radio-card,.check-row{cursor:pointer;align-items:flex-start;gap:10px;min-height:42px;padding:9px;display:flex;position:relative}.radio-card{border:1px solid #0000;border-radius:3px}.radio-card:has(input:checked){background:var(--studio-selected);border-color:#adbccc}.radio-card:hover{border-color:var(--studio-rule)}.radio-card:has(input:checked):hover{border-color:var(--studio-accent)}.radio-card input,.check-row input,.surface-options input{cursor:pointer;flex:none;width:16px;height:16px;margin:2px 0 0}.choice-copy{min-width:0;display:block}.choice-copy>strong{font-size:13px;font-weight:400;line-height:1.4;display:block}.choice-copy>small{color:var(--studio-muted);margin-top:3px;font-size:11px;line-height:1.5;display:block}.choice-tag{color:var(--studio-accent);margin-left:5px;font:10px/1.4 Ubuntu Mono,monospace;display:inline-block}.check-row{padding:9px 0}.check-row:hover .choice-copy>strong{color:var(--studio-accent)}.check-row:has(input:disabled){cursor:default;opacity:.5}.surface-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.surface-options label{border:1px solid var(--studio-rule);cursor:pointer;border-radius:3px;flex-wrap:wrap;align-items:center;gap:7px;min-height:44px;padding:10px 8px;font-size:12px;display:flex}.surface-options label:has(input:checked){background:var(--studio-selected);border-color:#adbccc}.surface-options label small{color:var(--studio-muted);font:10px/1.5 Ubuntu Mono,monospace}.surface-swatch{border:1px solid #858580;border-radius:50%;flex:none;width:13px;height:13px;display:inline-block}.surface-swatch.is-black{background:#111}.surface-swatch.is-white{background:#eee}.font-proof{color:#333;letter-spacing:.025em;border-left:2px solid #aeb9c3;margin:10px 0 0;padding:11px 12px;font:15px/1.55 Ubuntu Mono,monospace}.font-proof p{letter-spacing:-.01em;margin:0 0 5px;font:16px/1.5 Ubuntu,sans-serif}.font-proof code{overflow-wrap:anywhere;font:12px/1.6 Ubuntu Mono,monospace;display:block}.design-studio[data-font=plex] .font-proof p{font-family:IBM Plex Sans,sans-serif}.design-studio[data-font=plex] .font-proof code{font-family:IBM Plex Mono,monospace}.font-proof small,.font-proof .proof-label{color:var(--studio-muted);letter-spacing:0;margin-bottom:5px;font:10px/1.5 Ubuntu,sans-serif;display:block}.font-proof>small{margin-top:8px}.decision-panel .font-proof{margin-bottom:19px}.decision-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.decision-actions button,.decision-actions a{flex:auto}.save-status,.export-status{min-height:18px;color:var(--studio-muted);margin:10px 0 0;font-size:11px;line-height:1.6}.save-status:empty,.export-status:empty{display:none}.share-fallback{color:var(--studio-muted);margin-top:12px;font-size:11px;line-height:1.6}.share-fallback textarea{border:1px solid var(--studio-rule);width:100%;min-height:76px;color:var(--studio-ink);resize:vertical;background:#f6f6f3;border-radius:3px;margin-top:6px;padding:8px;font:11px/1.5 Ubuntu Mono,monospace;display:block}.live-preview{background:#d9d9d6;flex-direction:column;min-width:0;min-height:0;display:flex}.preview-toolbar{border-bottom:1px solid var(--studio-rule);background:var(--studio-paper);min-height:44px;color:var(--studio-muted);flex-wrap:wrap;flex:none;align-items:center;gap:10px;padding:8px 19px;font:11px/1.4 Ubuntu Mono,monospace;display:flex}.preview-label{color:var(--studio-ink);margin-right:auto}.preview-label:before{content:"";vertical-align:1px;background:#317258;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.preview-toolbar select{border:1px solid var(--studio-rule);max-width:180px;min-height:30px;color:var(--studio-ink);background:0 0;border-radius:3px;padding:3px 22px 3px 7px;font-size:11px}.preview-stage{flex:auto;justify-content:center;min-width:0;min-height:0;display:flex;overflow:hidden}#design-preview{background:#eee;border:0;width:100%;max-width:100%;height:100%;display:block}.preview-stage[data-size=mobile]{padding:18px 0}.preview-stage[data-size=mobile] #design-preview{border:1px solid #b8b9b3;width:390px}.design-studio.preview-only .decision-panel{display:none}.design-studio.preview-only .design-workspace{grid-template-columns:minmax(0,1fr)}@media (width<=1100px){.design-header{gap:20px;padding:16px 20px}.design-brand,.design-header .studio-brand{font-size:22px}.design-header p{max-width:49ch}.header-actions{justify-content:flex-end;max-width:190px}.design-workspace{grid-template-columns:296px minmax(0,1fr)}.decision-panel{padding-left:17px;padding-right:17px}}@media (width<=800px){.design-studio{height:auto;min-height:100dvh;overflow:visible}.design-header{flex-wrap:wrap;align-items:flex-start;gap:10px 16px;padding:16px 18px}.design-brand,.design-header .studio-brand{order:0;align-self:center;padding-top:0}.design-intro,.studio-intro{flex-basis:100%;order:2}.design-header h1{font-size:17px}.design-header p{max-width:70ch}.header-actions{order:1;gap:6px;max-width:none}.header-actions button,.header-actions a{min-height:34px;padding:7px 9px;font-size:11px}.design-workspace{flex-direction:column;display:flex}.decision-panel{border-right:0;border-bottom:1px solid var(--studio-rule);max-height:52dvh;padding:16px 18px 20px}.decision-panel summary{min-height:46px}.surface-options{max-width:380px}.live-preview{flex:none;height:76dvh;min-height:540px}.preview-toolbar{padding:8px 14px}.preview-stage[data-size=mobile]{padding:12px 0}.design-studio.preview-only .live-preview{height:calc(100dvh - 152px);min-height:540px}}@media (width<=430px){.design-header{gap:12px;padding-left:14px;padding-right:14px}.design-brand,.design-header .studio-brand{font-size:21px}.header-actions{gap:5px}.header-actions button,.header-actions a{padding-left:7px;padding-right:7px;font-size:10px}.decision-panel{padding-left:14px;padding-right:14px}.preview-toolbar{gap:7px;font-size:10px}.preview-toolbar select{max-width:136px;font-size:10px}.preview-stage[data-size=mobile]{padding:0}.preview-stage[data-size=mobile] #design-preview{border:0}}@media (prefers-reduced-motion:reduce){.design-studio *,.design-studio :before,.design-studio :after{scroll-behavior:auto}}