:root{--font-family:system-ui, sans-serif;--font-weight-normal:400;--size-app-bar:56px;--size-side-panel:300px;--size-control:34px;--size-document:760px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:8px;--radius-pill:999px;--color-bg:#fafafa;--color-surface:#fff;--color-surface-muted:#f5f5f5;--color-surface-hover:#eee;--color-text:#111;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-accent:#111;--color-accent-soft:#11111114;--color-danger:#b42318;--color-on-accent:#fff;--shadow-menu:0 18px 48px #1111111f;--focus-ring:0 0 0 2px #11111129}:root[data-theme=dark]{--color-bg:#151515;--color-surface:#1f1f1f;--color-surface-muted:#272727;--color-surface-hover:#303030;--color-text:#f5f5f5;--color-text-muted:#a3a3a3;--color-border:#333;--color-border-strong:#4b4b4b;--color-accent:#f5f5f5;--color-accent-soft:#f5f5f51a;--color-danger:#f87171;--color-on-accent:#111;--shadow-menu:0 18px 48px #00000057;--focus-ring:0 0 0 2px #f5f5f52e}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);color:var(--color-text);background:var(--color-bg);overflow:hidden}button,input,select,textarea{font:inherit;color:var(--color-text);font-size:14px}button{cursor:pointer}button:disabled{cursor:default;opacity:.36}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:var(--focus-ring);outline:none}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;flex:none;width:16px;height:16px}.app-shell{grid-template-rows:var(--size-app-bar) minmax(0, 1fr);height:100vh;display:grid}.app-bar{align-items:center;gap:var(--space-4);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.brand-block{gap:1px;min-width:132px;display:grid}.brand-block h1{letter-spacing:0;margin:0;font-size:15px;font-weight:650}.brand-block span,.command-item small,.panel-field span,.preview-question small,.response-meter span{color:var(--color-text-muted);font-size:12px}.form-list{gap:var(--space-1);padding:var(--space-2) 0;display:flex;overflow-x:auto}.form-tab{border-radius:var(--radius-sm);max-width:180px;height:30px;padding:0 var(--space-3);color:var(--color-text-muted);background:0 0;border:0}.form-tab span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.form-tab.is-active{background:var(--color-surface-muted);color:var(--color-text)}.app-actions{align-items:center;gap:var(--space-2);display:flex}.toolbar-btn,.icon-btn,.status-btn,.wide-btn,.primary-btn{min-height:var(--size-control);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.toolbar-btn,.wide-btn,.primary-btn{padding:0 var(--space-3);justify-content:center;align-items:center;gap:7px;display:inline-flex}.icon-btn{width:var(--size-control);place-items:center;padding:0;display:inline-grid}.toolbar-btn:hover,.icon-btn:hover,.status-btn:hover,.wide-btn:hover,.form-tab:hover{background:var(--color-surface-hover)}.toolbar-btn.is-active{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.studio{grid-template-columns:minmax(0, 1fr) var(--size-side-panel);min-height:0;display:grid}.document-scroll{min-width:0;padding:clamp(24px, 5vw, 72px) var(--space-6) 96px;overflow:auto}.document-editor{--form-accent:var(--color-accent);width:min(100%, var(--size-document));color:var(--color-text);margin:0 auto}.respondent-view,.responses-view{--form-accent:var(--color-accent);width:min(100%, var(--size-document));margin:0 auto}.respondent-view[data-align=center],.document-editor[data-align=center]{text-align:center}.doc-title,.doc-description,.block-title-input,.block-description-input{width:100%;color:var(--color-text);letter-spacing:0;background:0 0;border:0}.doc-title{min-height:58px;padding:0;font-size:44px;font-weight:700}.doc-description{min-height:58px;padding:var(--space-2) 0 0;resize:none;color:var(--color-text-muted);font-size:17px;line-height:1.55}.block-list{margin-top:var(--space-8);gap:0;display:grid}.block-wrap{display:grid}.form-block{gap:var(--space-2);padding:var(--space-2) 0;grid-template-columns:36px minmax(0,1fr);display:grid;position:relative}.block-handle{opacity:0;align-content:start;gap:2px;transition:opacity .12s;display:grid}.form-block:hover .block-handle,.form-block.is-selected .block-handle,.block-handle:focus-within{opacity:1}.handle-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);background:0 0;border:0;place-items:center;display:inline-grid}.handle-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.danger{color:var(--color-danger)}.block-body{min-width:0;padding:var(--space-1) 0 var(--space-2);border-radius:var(--radius-md)}.form-block.is-selected .block-body{background:var(--color-surface-muted);box-shadow:none;padding-left:var(--space-3)}.block-main{gap:var(--space-2);display:grid}.block-title-input{min-height:36px;padding:2px 0;font-size:19px;font-weight:560}.block-title-input.heading{min-height:44px;font-size:30px;font-weight:700}.block-title-input.paragraph{resize:vertical;min-height:52px;color:var(--color-text-muted);font-size:16px;line-height:1.55}.block-description-input{min-height:24px;color:var(--color-text-muted);font-size:13px}.input-ghost{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-height:38px;display:flex}.ghost-line{border-bottom:1px solid var(--color-border-strong);width:min(100%,360px);color:var(--color-text-muted);padding:9px 0;display:block}.option-pill,.rating-tick{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:32px;padding:0 var(--space-3);color:var(--color-text-muted);align-items:center;display:inline-flex}.option-pill:before{content:"";border:1px solid var(--color-border-strong);border-radius:999px;width:12px;height:12px;margin-right:8px}.option-pill.square:before{border-radius:3px}.rating-tick{border-radius:var(--radius-sm);justify-content:center;min-width:32px;padding:0}.hidden-line{align-items:center;gap:var(--space-3);color:var(--color-text-muted);grid-template-columns:auto minmax(0,1fr);display:grid}.hidden-line input,.block-config input,.block-config select,.block-config textarea,.panel-field input,.panel-field select,.panel-field textarea,.slash-composer input,.responder-form input,.responder-form select,.responder-form textarea{width:100%;min-height:var(--size-control);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:7px 9px}.block-divider{width:100%;margin:var(--space-5) 0;border:0;border-top:1px solid var(--color-border)}.insert-target{opacity:0;grid-template-columns:36px minmax(0,1fr);align-items:center;height:18px;transition:opacity .12s;display:grid}.block-wrap:hover .insert-target,.insert-target:focus-within,.insert-target.is-active{opacity:1}.insert-target:before{content:""}.insert-target-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);width:100%;height:18px;color:var(--color-text-muted);background:0 0;border:0;font-size:12px;display:inline-flex}.insert-target-btn:after{content:"";background:var(--color-border);flex:1;height:1px}.insert-target-btn:hover,.insert-target.is-active .insert-target-btn{color:var(--color-text)}.block-config{margin-top:var(--space-2)}.block-config summary{color:var(--color-text-muted);cursor:pointer;font-size:12px;display:inline-flex}.block-config-grid{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.control-field,.switch-field,.panel-field{color:var(--color-text-muted);gap:6px;font-size:12px;display:grid}.control-field.wide,.condition-grid{grid-column:1/-1}.switch-field{grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center}.switch-field input{width:auto;min-height:auto}.condition-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.slash-composer{margin-top:var(--space-6);padding-left:44px;position:relative}.slash-composer input{color:var(--color-text-muted);background:0 0;border-color:#0000}.slash-composer input:focus{border-color:var(--color-border);background:var(--color-surface)}.command-menu{z-index:6;width:min(420px,100vw - 48px);max-height:360px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-menu);position:absolute;bottom:calc(100% + 8px);left:44px;overflow:auto}.command-group-label{margin:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.command-group-label:first-child{margin-top:var(--space-1)}.command-item{border-radius:var(--radius-sm);width:100%;padding:var(--space-2) var(--space-3);text-align:left;background:0 0;border:0;gap:2px;display:grid}.command-item.is-active,.command-item:hover{background:var(--color-surface-muted)}.command-item span{font-weight:600}.side-panel{min-height:0;padding:var(--space-5);border-left:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 82%, transparent);overflow:auto}.panel-section{gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);display:grid}.panel-section:first-child{padding-top:0}.panel-section h2,.panel-heading h2{letter-spacing:0;margin:0;font-size:13px;font-weight:700}.panel-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.status-btn.is-active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.response-meter{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:center;margin:0;display:grid}.response-meter strong{border-radius:var(--radius-pill);background:var(--color-accent-soft);place-items:center;width:38px;height:38px;display:inline-grid}.wide-btn{width:100%}.primary-btn{border-color:var(--form-accent,var(--color-accent));background:var(--form-accent,var(--color-accent));color:var(--color-on-accent)}.preview-overlay{z-index:10;background:color-mix(in srgb, var(--color-bg) 88%, transparent);backdrop-filter:blur(8px);grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0}.app-shell[data-view=respond]{grid-template-rows:minmax(0,1fr)}.app-shell[data-view=respond] .app-bar,.app-shell[data-view=respond] .side-panel{display:none}.app-shell[data-view=respond] .studio{grid-template-columns:minmax(0,1fr)}.app-shell[data-view=respond] .document-scroll{min-height:100vh}.preview-overlay[hidden]{display:none}.preview-frame{grid-template-rows:var(--size-app-bar) minmax(0, 1fr);min-height:0;display:grid}.preview-topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex}.preview-document{--form-accent:var(--color-accent);padding:clamp(28px, 7vw, 88px) var(--space-5);overflow:auto}.preview-document[data-align=center]{text-align:center}.responder-form,.preview-success{width:min(100%,620px);margin:0 auto}.responder-form h2,.preview-success h2{margin:0 0 var(--space-3);letter-spacing:0;font-size:42px}.responder-form>p{margin:0 0 var(--space-8);color:var(--color-text-muted);font-size:17px;line-height:1.55}.preview-block{margin:var(--space-6) 0}.preview-block h3{margin:var(--space-10) 0 var(--space-2);font-size:28px}.preview-block p{color:var(--color-text-muted);line-height:1.6}.preview-field{gap:var(--space-3);display:grid}.preview-question{gap:var(--space-1);font-size:18px;font-weight:620;display:grid}.preview-question-label{align-items:baseline;gap:.18em;display:inline-flex}.preview-question em{color:var(--color-danger);font-style:normal}.choice-group{gap:var(--space-2);display:grid}.choice-line{align-items:center;gap:var(--space-3);min-height:40px;display:flex}.choice-line input{width:auto;min-height:auto}.preview-success{gap:var(--space-4);display:grid}.preview-success a{color:var(--form-accent,var(--color-accent))}.field-error{color:var(--color-danger);font-size:12px}.preview-block.is-invalid input,.preview-block.is-invalid select,.preview-block.is-invalid textarea{border-color:var(--color-danger);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-danger) 24%, transparent)}.responses-surface{gap:var(--space-5);display:grid}.responses-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.responses-header h2{letter-spacing:0;margin:0;font-size:34px}.responses-header p,.empty-state{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.route-empty{gap:var(--space-4);width:min(100%,620px);margin:0 auto;display:grid}.route-empty h2{letter-spacing:0;margin:0;font-size:42px}.route-empty p{color:var(--color-text-muted);margin:0;line-height:1.6}.responses-table-scroll{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-width:100%;overflow:auto}.responses-table{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.responses-table th,.responses-table td{max-width:260px;padding:var(--space-3);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.responses-table th{background:var(--color-surface-muted);font-weight:650}.responses-table td{color:var(--color-text-muted)}.inline-danger-btn{color:var(--color-danger);background:0 0;border:0;padding:0}.notice{right:var(--space-4);bottom:var(--space-4);z-index:12;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-menu);margin:0;position:fixed}@media (width<=980px){body{overflow:auto}.app-shell{grid-template-rows:auto minmax(0,1fr);height:auto;min-height:100vh}.app-bar{z-index:5;gap:var(--space-2);padding:var(--space-3);grid-template-columns:1fr;position:sticky;top:0}.brand-block{min-width:0}.app-actions{overflow-x:auto}.studio{grid-template-columns:1fr}.document-scroll{padding:var(--space-6) var(--space-4);overflow:visible}.side-panel{border-left:0;border-top:1px solid var(--color-border)}}@media (width<=640px){.doc-title,.responder-form h2,.preview-success h2{font-size:34px}.form-block{grid-template-columns:1fr}.block-handle{opacity:1;grid-template-columns:repeat(5,auto);justify-content:start}.block-config-grid,.condition-grid{grid-template-columns:1fr}.slash-composer{padding-left:0}.command-menu{left:0}}