/* Appearance tokens: change these values to restyle future releases. */
:root{
  --ui-scale:1;
  --applied-scale:var(--ui-scale);
  --app-canvas:#edf2ec;
  --app-surface:#fafcf8;
  --app-surface-raised:#fff;
  --app-surface-alt:#e5ece2;
  --app-sidebar:#e7eee3;
  --app-text:#283b31;
  --app-secondary:#50654f;
  --app-muted:#64785e;
  --app-border:#d4dfcd;
  --app-soft-border:#e0e8d9;
  --app-hover:#e3ecdc;
  --app-shadow:0 12px 36px #294b3310;
  color-scheme:light;
}
.cloud-sync-tools{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:9px 24px;background:var(--app-surface-alt);border-bottom:1px solid var(--app-border);font-size:calc(13px * var(--applied-scale));color:var(--app-secondary)}
.cloud-sync-tools>div{display:flex;gap:16px;flex-shrink:0}
@media(max-width:760px){.cloud-sync-tools{align-items:flex-start;flex-direction:column;padding:10px 16px}}
html[data-appearance="dark"]{
  --app-canvas:#111b16;
  --app-surface:#1b2921;
  --app-surface-raised:#22332a;
  --app-surface-alt:#293b30;
  --app-sidebar:#17251d;
  --app-text:#e4ede1;
  --app-secondary:#c4d3bc;
  --app-muted:#a9bda0;
  --app-border:#3b5141;
  --app-soft-border:#304537;
  --app-hover:#2a4231;
  --app-shadow:0 14px 40px #0003;
  color-scheme:dark;
}
body{background:var(--app-canvas);color:var(--app-text)}
.modal>header h2{color:var(--app-text)}
.text-link,.sidebar-note strong,.sidebar-note p,.workspace-picker span{color:var(--app-secondary)}
.sidebar{width:calc(228px * var(--applied-scale));overflow-x:hidden}
.workspace-main{margin-left:calc(228px * var(--applied-scale))}
.nav-item{white-space:normal;line-height:1.6}
@media(max-width:760px){.workspace-main{margin-left:0}.sidebar{width:270px}}
.sidebar{overflow-y:auto;background:var(--app-sidebar);border-color:var(--app-border)}
.workspace-main,.workspace-content,.editor,.builder-main,.design-preview,.responses-layout,.settings-layout{background:var(--app-canvas)}
.workspace-top,.editor-header,.editor-tabbar,.outline-panel,.inspector,.design-panel{background:var(--app-surface);border-color:var(--app-border)}
.workspace-picker,.sidebar-note,.form-intro,.question-card,.template-card,.forms-table,.form-card,.settings-card,.stat-card,.summary-card,.response-table-wrap,.respond-question,.thank-you,.closed-form,.access-form,.modal{background:var(--app-surface-raised);border-color:var(--app-border)}
.workspace-hero,.sidebar-note,.inspector-tip,.new-blank,.blank-template,.drive-file-preview,.connection-heading>span:first-child,.backup-summary,.notice,.settings-local-note{background:var(--app-surface-alt);border-color:var(--app-border)}
.workspace-hero{box-shadow:var(--app-shadow)}
.form-intro-content{border-top-color:var(--accent)}
.form-intro-content h1,.form-title-input,.form-name-cell strong,.template-copy h3,.form-card h3,.page-heading h1,.welcome-panel h2,.welcome-content h1,.responses-heading h1,.settings-intro h1,.settings-card h2,.summary-card h3,.respond-question h3,.modal h2,.modal h3,.thank-you h1,.closed-form h1,.access-form h1,.not-found h1{color:var(--app-text)}
.brand-word{color:var(--app-text)}
.welcome-panel>p,.welcome-content>p,.page-heading p,.template-copy p,.section-caption,.form-name-cell small,.form-updated,.field-hint,.field-label,.form-description-input,.form-intro-content>p,.form-intro-meta,.question-type-tag,.question-description,.builder-option>input,.matrix-row input,.inspector-help,.toggle-row>span,.toggle-row small,.settings-description,.collaborator strong,.collaborator small,.drive-file-preview strong,.drive-file-preview small,.stat-card>span,.stat-card>p,.summary-type,.choice-summary>div:first-child,.summary-bar,.response-table td,.response-table th,.respond-q-description,.respond-option,.answer-rating-labels,.respond-progress,.respond-privacy,.respond-footer,.modal-lead,.notice p,.drive-steps strong,.drive-steps small,.oauth-explainer p,.help-steps strong,.help-steps p,.response-detail dt,.response-detail dd,.response-detail-meta,.welcome-local,.welcome-right>footer,.welcome-foot,.workspace-footer,.workspace-footer>button{color:var(--app-secondary)}
.question-title,.outline-question,.outline-intro,.outline-page-title,.nav-item,.nav-label,.breadcrumbs,.breadcrumbs strong,.eyebrow,.hero-kicker,.workspace-hero p,.inspector-heading,.inspector-tip,.inspector-tip>p,.question-id,.canvas-toolbar,.page-divider>span,.page-divider>input,.required-label,.form-description-input,.editor-name input,.save-state,.editor-tab,.editor-storage{color:var(--app-secondary)}
.input,.select,.select.small,.search-field,.copy-field,.copy-field>input,.answer-placeholder,.respond-question .input,.respond-question .select,.inspector-body .select,.upload-backup,.upload-cover{background:var(--app-surface);border-color:var(--app-border);color:var(--app-text)}
input::placeholder,textarea::placeholder,.search-field input::placeholder,.respond-question .input::placeholder{color:var(--app-muted)!important;opacity:.9}
.form-title-input,.form-description-input,.question-title,.question-description,.builder-option>input,.matrix-row input,.editor-name input,.page-divider>input{background:transparent}
.btn:not(.primary):not(.danger),.oauth-btn,.view-switch,.view-switch button.active,.category-tab.active,.status-draft,.role-badge,.local-pill,.pending-badge,.count-badge,.option-marker,.question-number{background:var(--app-surface);border-color:var(--app-border);color:var(--app-secondary)}
.btn.subtle{background:transparent;border-color:transparent}
.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}
.btn:hover:not(.primary):not(.danger),.icon-btn:hover,.nav-item:hover,.category-tab:hover,.action-list>button:hover,.respond-option:hover,.form-row:hover,.form-title-input:hover,.form-description-input:hover,.question-title:hover,.builder-option>input:hover,.new-blank:hover{background:var(--app-hover)}
.nav-item.active,.outline-question.active{background:var(--app-hover);color:var(--app-text)}
.editor-tab.active{color:var(--app-text)}
.form-row,.forms-table-head,.question-card-footer,.inspector-rule,.inspector-heading,.outline-footer,.profile-card,.settings-rule,.collaborator,.response-detail>div,.share-toggle,.modal>header,.modal>footer,.response-table td,.response-table th{border-color:var(--app-soft-border)}
.forms-table-head,.response-table th,.modal>footer,.answer-matrix thead th{background:var(--app-surface)}
.form-row .status-open,.stat-status .status-open,.status-open{background:#e1eddc;color:#366245}
.status-closed{background:var(--app-surface-alt);color:var(--app-secondary)}
.bar-track,.summary-bar>div,.respond-progress>div{background:var(--app-surface-alt)}
.answer-matrix th,.answer-matrix tbody th,.answer-matrix td{color:var(--app-secondary);border-color:var(--app-border)}
.respond-mode-banner,.required-note,.not-found>p,.thank-you>p,.closed-form>div:last-child>p,.access-form>div:last-child>p{color:var(--app-secondary)}
.welcome,.welcome-right{background:var(--app-surface-raised)}
.welcome-left{background:var(--app-sidebar)}
.divider:before{background:var(--app-border)}
.divider span{background:var(--app-surface-raised);color:var(--app-muted)}
.add-question-inline{background:var(--app-surface);border-color:var(--app-border);color:var(--app-secondary)}
.respond-option:has(input:checked),.answer-rating label:has(input:checked)>span{background:var(--app-hover);border-color:var(--accent);color:var(--app-text)}
.preview-options>div,.static-rating>span,.answer-rating label>span{color:var(--app-secondary);border-color:var(--app-border)}
.floating-card,.hero-float{background:var(--app-surface-raised);border-color:var(--app-border);color:var(--app-secondary)}
.sidebar-spacer{min-height:20px}
.editor-name input{max-width:38vw}
.appearance-trigger{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--app-border);background:var(--app-surface-raised);color:var(--app-text);border-radius:30px;padding:12px 16px;box-shadow:var(--app-shadow);font-size:14px;min-height:44px}
.appearance-trigger:hover{background:var(--app-hover)}
.appearance-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:26px}
.appearance-mode{display:flex;align-items:center;gap:12px;text-align:left;padding:17px 15px;border:1px solid var(--app-border);border-radius:10px;min-height:88px;background:var(--app-surface);color:var(--app-secondary)}
.appearance-mode.active{border:2px solid #6e9869;background:var(--app-hover);padding:16px 14px}
.appearance-mode>span:first-child{width:32px;flex-shrink:0;display:grid;place-items:center}
.appearance-mode strong{display:block;font-size:16px;line-height:1.7;color:var(--app-text);font-weight:550}
.appearance-mode small{display:block;font-size:12px;line-height:1.8;color:var(--app-secondary);margin-top:4px}
.appearance-font-select{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}
.appearance-font-select label{font-size:15px;font-weight:500;line-height:1.8}
.appearance-font-select .select{width:200px;font-size:14px}
.appearance-schedule{padding:18px;border:1px solid var(--app-border);border-radius:9px;background:var(--app-surface);margin-bottom:20px}
.appearance-sample{border:1px solid var(--app-border);border-radius:9px;padding:21px;background:var(--app-surface)}
.appearance-sample h3{font-size:calc(22px * var(--ui-scale));margin-bottom:11px;line-height:1.7}
.appearance-sample p{font-size:calc(16px * var(--ui-scale));line-height:1.9;color:var(--app-secondary)}
.appearance-effective{display:flex;gap:7px;align-items:center;font-size:13px;line-height:1.8;color:var(--app-secondary);margin-top:18px}
.appearance-token-note{font-size:12px;line-height:1.9;color:var(--app-muted);margin-top:20px}
html[data-appearance="dark"] .workspace-hero h2,html[data-appearance="dark"] .workspace-hero h2 em,html[data-appearance="dark"] .welcome-content h1 em{color:#bfd0a8}
html[data-appearance="dark"] .respondent-shell{background:var(--app-canvas)}
html[data-appearance="dark"] .art-cover,html[data-appearance="dark"] .template-art,html[data-appearance="dark"] .template-detail-art{filter:saturate(.75) brightness(.8)}
html[data-appearance="dark"] .btn.primary{background:#486f52;border-color:#486f52}
html[data-appearance="dark"] :is(.field-label,.settings-intro>p,.settings-local-note p,.radio-setting>span,.radio-setting small,.toggle-row>span,.toggle-row small,.inspector .field-label,.inspector .toggle-row>span,.inspector .toggle-row small,.outline-heading,.outline-add,.outline-footer,.outline-footer small,.settings-card .input,.settings-card .select,.design-panel>p,.design-panel .field-label,.template-detail p,.template-detail ol,.template-detail small,.mini-template>strong,.mini-template>small,.profile-card strong,.profile-card small,.workspace-picker strong,.workspace-picker small,.workspace-picker>div>span,.sidebar-note strong,.sidebar-note p,.text-link,.hero-kicker,.canvas-tip,.question-id span,.stat-card small,.response-detail-meta small,.modal>header h2,.oauth-explainer h3,.respond-top .btn){color:var(--app-secondary)}
html[data-appearance="dark"] :is(.avatar,.outline-q-number){background:var(--app-surface-alt);color:var(--app-text)}
html[data-appearance="dark"] .sidebar .nav-item{color:var(--app-secondary)}
html[data-appearance="dark"] .status-open{background:#2b4d35;color:#b9d5af}
html[data-appearance="dark"] .status-draft,html[data-appearance="dark"] .pending-badge{background:#393a29;color:#d2c799}
html[data-appearance="dark"] .welcome-scene,html[data-appearance="dark"] .hero-illustration{filter:brightness(.75)}
html[data-appearance="dark"] .brand-mark{background:#55795a}
html[data-appearance="dark"] .matrix-circle,html[data-appearance="dark"] .option-marker{border-color:#68805b}
@media(max-width:760px){:root{--applied-scale:1}.appearance-trigger{padding:11px;right:13px;bottom:13px;gap:0}.appearance-trigger>span{display:none}.editor-name input{max-width:33vw}}
@media(max-width:560px){.appearance-mode strong{font-size:15px}.appearance-mode small{font-size:11px}.appearance-modes{gap:9px}.appearance-mode{padding:14px 11px;gap:8px}.appearance-mode.active{padding:13px 10px}.appearance-mode>span:first-child{width:25px}.appearance-font-select{display:block}.appearance-font-select .select{width:100%;margin-top:10px}.appearance-sample h3{font-size:22px}.appearance-sample p{font-size:16px}.editor-tabs{justify-content:space-between;flex:1;gap:10px}.editor-tab{font-size:13px}.editor-tabbar{padding:0 11px}.toast{bottom:70px}}