:root{color:#202428;background:#f4f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#1f5f74;border:1px solid #17495a;border-radius:6px;min-height:36px;padding:7px 11px}button:hover:not(:disabled){background:#174f61}button:disabled{cursor:not-allowed;opacity:.5}button.danger{background:#8f352f;border-color:#762a25}.app-shell{min-height:100vh;padding:20px}.top-bar{z-index:10;background:#fff;border:1px solid #dbe2e5;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;max-width:1500px;margin:0 auto 12px;padding:14px;display:flex;position:sticky;top:8px}.project-summary{min-width:0}.eyebrow{color:#59636b;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:700}h1,h2,h3,p,dl,dd{margin-top:0}h1{margin-bottom:8px;font-size:1.4rem;line-height:1.1}h2{border-bottom:1px solid #dbe2e5;margin-bottom:12px;padding-bottom:10px;font-size:1rem}h3{margin-bottom:4px;font-size:.98rem}dl{flex-wrap:wrap;gap:12px;margin-bottom:0;display:flex}dt{color:#59636b;text-transform:uppercase;font-size:.72rem;font-weight:700}dd{margin-left:0}.top-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.preview-toolbar-button{color:#fff;background:#216869;border-color:#216869;font-weight:800}.preview-toolbar-button:hover:not(:disabled){background:#185254;border-color:#185254}.message{background:#fff;border:1px solid #dbe2e5;border-radius:6px;max-width:1500px;margin:0 auto 12px;padding:10px 12px}.dashboard-grid{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:16px;max-width:1500px;margin:0 auto;display:grid}.panel,.sidebar-placeholder,.main-placeholder{background:#fff;border:1px solid #dbe2e5;border-radius:8px;min-width:0;padding:16px}.form-grid{gap:12px;display:grid}label{color:#3d464d;gap:6px;font-size:.9rem;font-weight:700;display:grid}.field-label{align-items:center;gap:6px;display:inline-flex}.field-help{position:relative}.field-help summary{color:#3d464d;cursor:pointer;background:#eef3f5;border:1px solid #cbd4d9;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.72rem;font-style:normal;font-weight:800;line-height:1;list-style:none;display:inline-flex}.field-help summary::-webkit-details-marker{display:none}.field-help summary:focus-visible{outline:none;box-shadow:0 0 0 3px #2f6f8f2e}.field-help-text{color:#fff;z-index:20;background:#202428;border-radius:6px;width:max-content;max-width:min(280px,70vw);margin-top:6px;padding:8px 10px;font-size:.78rem;font-weight:600;line-height:1.35;display:block;position:absolute;top:100%;left:0}input,select,textarea{color:#202428;background:#fff;border:1px solid #cbd4d9;border-radius:6px;min-height:38px;padding:8px 10px}textarea{resize:vertical;min-height:150px;line-height:1.45}.rich-text-editor{gap:8px;display:grid}.rich-text-editor-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.rich-text-editor-heading label{margin:0}.rich-text-toolbar{background:#eef3f5;border:1px solid #d3dde1;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.rich-text-toolbar button,.rich-text-editor-heading button{padding:6px 9px}.rich-text-toolbar button.active{color:#fff;background:#2f6f8f;border-color:#2f6f8f}.rich-text-editor-surface{background:#fff;border:1px solid #cbd4d9;border-radius:6px;min-height:150px;padding:12px}.rich-text-editor-surface:focus{border-color:#2f6f8f;outline:none;box-shadow:0 0 0 3px #2f6f8f24}.rich-text-editor-surface p,.rich-text-editor-surface h2,.rich-text-editor-surface h3,.rich-text-editor-surface ul,.rich-text-editor-surface ol{margin-bottom:.75rem}.rich-text-editor-surface ul,.rich-text-editor-surface ol{padding-left:1.25rem}.rich-text-editor-surface p.is-editor-empty:first-child:before{color:#7a858c;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.rich-text-html-textarea{min-height:180px}.checkbox-row{flex-direction:row;align-items:center;gap:8px;display:flex}.checkbox-row input{min-height:auto}.editor-form{gap:16px;display:grid}.editor-heading{gap:12px;display:grid}.editor-title-field{gap:6px;max-width:520px;display:grid}.editor-title-field span{color:#59636b;text-transform:uppercase;font-size:.78rem;font-weight:700}.editor-title-field input{font-size:1rem;font-weight:700}.context-label{color:#59636b;overflow-wrap:anywhere;margin:6px 0 0;font-size:.88rem}.editor-actions{flex-wrap:wrap;gap:8px;display:flex}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.inline-form-row{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;display:grid}.page-editor-grid{gap:12px;display:grid}.editor-card{background:#f8fafb;border:1px solid #dbe2e5;border-radius:8px;gap:12px;padding:14px;display:grid}.editor-card h3{margin-bottom:0}.helper-text{color:#59636b;margin-bottom:0;font-size:.88rem;font-weight:500}.image-preview{background:#f8fafb;border:1px solid #dbe2e5;border-radius:8px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:10px;display:grid}.image-preview img,.image-preview-fallback{aspect-ratio:4/3;color:#59636b;object-fit:cover;text-align:center;background:#eef3f5;border:1px solid #dbe2e5;border-radius:6px;justify-content:center;align-items:center;width:100%;max-width:112px;font-size:.82rem;display:flex;overflow:hidden}.image-preview figcaption,.image-preview-empty{color:#59636b;margin:0;font-size:.84rem;font-weight:600}.image-preview-empty{background:#f8fafb;border:1px dashed #cbd4d9;border-radius:8px;padding:10px}.preview-page-shell{min-height:100vh;padding:20px}.preview-page-header,.preview-workspace{max-width:1180px;margin:0 auto 12px}.preview-page-header{background:#fff;border:1px solid #dbe2e5;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.preview-page-header p{color:#59636b;margin-bottom:0}.preview-workspace{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.preview-selector-panel,.preview-empty-state{background:#fff;border:1px solid #dbe2e5;border-radius:8px;gap:12px;min-width:0;padding:14px;display:grid}.preview-selector-panel label,.preview-selector-panel select{width:100%;min-width:0}.preview-empty-state{max-width:520px;margin:0 auto}.mobile-preview-frame{background:#fff;border:1px solid #cbd4d9;border-radius:10px;width:390px;max-width:100%;height:min(700px,100vh - 190px);margin:0 auto;padding:14px;overflow-y:auto}.page-preview-content{background:#fff;border-radius:14px;gap:14px;min-height:100%;padding:18px;display:grid}.page-preview-content h3{border-bottom:1px solid #dbe2e5;margin-bottom:0;padding-bottom:10px;font-size:1.05rem}.preview-rich-html{gap:10px;display:grid}.preview-title-text{font-weight:800}.preview-rich-html p,.preview-rich-html h2,.preview-rich-html h3,.preview-rich-html ul,.preview-rich-html ol{margin-bottom:0}.preview-rich-html ul,.preview-rich-html ol{padding-left:1.25rem}.preview-rich-html img,.preview-image{object-fit:contain;border-radius:8px;width:100%;max-width:100%;height:auto;display:block}.preview-divider{border:0;border-top:1px solid #cbd4d9;width:100%}.preview-video-card,.preview-question-card,.preview-upload-card,.preview-image-placeholder,.preview-placeholder{color:#3d464d;background:#f8fafb;border:1px solid #dbe2e5;border-radius:8px;gap:8px;padding:12px;display:grid}.preview-video-card span,.preview-upload-card span,.preview-placeholder,.preview-image-placeholder{color:#59636b;font-size:.88rem}.preview-question-card h4{margin:0;font-size:.98rem}.preview-option-list{gap:8px;display:grid}.preview-likert-scale{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:8px;display:grid}.preview-option,.preview-likert-option{background:#fff;border:1px solid #dbe2e5;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:9px;display:flex}.preview-likert-option{text-align:center;flex-direction:column;justify-content:center;align-items:stretch;min-height:72px}.preview-option input,.preview-likert-option input{min-height:auto}.preview-input,.preview-textarea,.preview-upload-button{background:#fff;width:100%}.preview-upload-button{color:#3d464d;cursor:not-allowed;opacity:1;border-style:dashed;font-weight:800}.preview-textarea{min-height:96px}.selected-issues{gap:8px;display:grid}.issue{border-radius:6px;margin-bottom:0;padding:8px 10px}.issue.error{color:#762a25;background:#fae8e6}.issue.warning{color:#6f4307;background:#fff2d8}.helper-panel{background:#f6f8f9;border:1px solid #dbe2e5;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.developer-tools{gap:10px;display:grid}.developer-tools summary{color:#3d464d;cursor:pointer;font-weight:800}.developer-tool-section{border-top:1px solid #dbe2e5;gap:10px;padding-top:12px;display:grid}.developer-tool-section h3{color:#263139;margin:0;font-size:.95rem}.developer-test-block,.developer-result-panel{gap:10px;display:grid}.developer-note-list{color:#59636b;gap:6px;margin:8px 0 0;padding-left:18px;font-size:.86rem;display:grid}.subsection{border-top:1px solid #dbe2e5;gap:12px;padding-top:14px;display:grid}.subsection-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.subsection-heading h3{margin-bottom:0}.option-list{gap:10px;display:grid}.option-row{border:1px solid #dbe2e5;border-radius:8px;gap:10px;padding:12px;display:grid}.project-list{gap:10px;display:grid}.project-row{border:1px solid #dbe2e5;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.project-row p{color:#59636b;margin-bottom:0}.row-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.editor-shell{gap:10px;max-width:1500px;margin:0 auto;display:grid}.editor-layout{grid-template-columns:var(--structure-sidebar-width,300px) 10px minmax(0, 1fr);align-items:stretch;gap:12px;min-height:calc(100vh - 188px);display:grid}.sidebar-placeholder{flex-direction:column;min-height:calc(100vh - 188px);max-height:calc(100vh - 188px);display:flex;position:sticky;top:108px;overflow:visible}.main-placeholder{min-height:calc(100vh - 188px)}.sidebar-resize-handle{cursor:col-resize;background:0 0;border:0;border-radius:4px;align-self:stretch;min-height:calc(100vh - 188px);padding:0;position:relative}.sidebar-resize-handle:before{content:"";background:#cbd4d9;border-radius:999px;width:3px;height:100%;margin:0 auto;display:block}.sidebar-resize-handle:hover:before,.sidebar-resize-handle:focus-visible:before{background:#2f6f8f}.sidebar-resize-handle:focus-visible{outline:none;box-shadow:0 0 0 3px #2f6f8f29}.tree{flex:auto;min-height:0;padding:0 2px 90px 0;display:block;overflow-y:auto}.tree>*+*{margin-top:4px}.tree-controls{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px;display:grid}.tree-controls button{min-height:30px;padding:5px 7px}.tree-group{gap:4px;display:grid}.tree-row{grid-template-columns:24px minmax(0,1fr);align-items:stretch;gap:3px;display:grid}.tree-toggle{color:#202428;background:#eef3f5;border-color:#cbd4d9;min-height:28px;padding:0;font-weight:800}.tree-toggle:hover:not(:disabled){background:#dcecef}.tree-children{border-left:1px solid #dbe2e5;gap:4px;margin-left:10px;padding-left:7px;display:grid}.tree-group-alert{margin-top:6px}.tree-group-alert>.tree-row .tree-item{background:#f8fafb}.tree-item{color:#202428;text-align:left;background:#fff;border:1px solid #0000;border-left:4px solid #dbe2e5;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:28px;padding:4px 7px;display:flex}.tree-item-shell{align-items:stretch;gap:4px;display:block;position:relative}.tree-item-shell:hover .tree-item,.tree-item-shell:focus-within .tree-item,.tree-item-shell.selected .tree-item{padding-right:112px}.tree-item-project{border-left-color:#48606a}.tree-item-quest{border-left-color:#2f6f8f}.tree-item-subquest{border-left-color:#5e7f46}.tree-item-challenge{border-left-color:#8a6534}.tree-item-page{border-left-color:#7c5d9f}.tree-item-content{border-left-color:#4f8b7d}.tree-item-question{border-left-color:#b15c42}.tree-item-alert{color:#4b555c;border-left-color:#9aa6ad}.tree-item-main{align-items:center;gap:7px;min-width:0;display:flex}.tree-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-type-badge{color:#fff;text-align:center;border-radius:999px;flex:none;min-width:28px;padding:4px 5px;font-size:.62rem;font-weight:800;line-height:1}.tree-type-project{background:#48606a}.tree-type-quest{background:#2f6f8f}.tree-type-subquest{background:#5e7f46}.tree-type-challenge{background:#8a6534}.tree-type-page{background:#7c5d9f}.tree-type-content{background:#4f8b7d}.tree-type-question{background:#b15c42}.tree-type-alert{background:#9aa6ad}.tree-row-actions{opacity:0;pointer-events:none;z-index:4;flex-wrap:nowrap;align-items:center;gap:1px;transition:opacity .12s;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.tree-item-shell:hover .tree-row-actions,.tree-item-shell:focus-within .tree-row-actions,.tree-item-shell.selected .tree-row-actions,.tree-row-actions:focus-within{opacity:1;pointer-events:auto}.tree-actions{position:relative}.tree-inline-actions{gap:1px;min-width:0;display:flex}.tree-inline-actions button,.tree-actions summary{color:#202428;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;height:21px;min-height:21px;padding:0;font-weight:800;list-style:none;display:flex}.tree-inline-actions button{color:#3d464d;white-space:nowrap;min-width:21px;font-size:.76rem;line-height:1}.tree-actions summary{min-width:21px}.tree-inline-actions button.danger{color:#762a25}.tree-actions summary::-webkit-details-marker{display:none}.tree-inline-actions button:hover:not(:disabled),.tree-actions summary:hover{background:#edf4f5;border-color:#cddde2}.tree-inline-actions button.danger:hover:not(:disabled){background:#fae8e6;border-color:#efc8c4}@media (hover:none){.tree-item-shell.selected .tree-row-actions,.tree-item-shell:focus-within .tree-row-actions{opacity:1;pointer-events:auto}}.tree-action-menu{z-index:20;background:#fff;border:1px solid #cbd4d9;border-radius:8px;gap:4px;min-width:170px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 20px #20242829}.tree-action-menu button{color:#202428;text-align:left;background:#fff;border-color:#0000;justify-content:start;min-height:30px}.tree-action-menu button:hover:not(:disabled){background:#eef3f5}.tree-action-menu button.danger{color:#762a25;background:#fff5f4}.tree-action-menu button.danger:hover:not(:disabled){background:#fae8e6}.tree-item:hover{background:#f6fafb}.tree-item.selected{color:#153f4d;outline-offset:-1px;background:#f1f8fa;border-color:#b8d4dc;outline:1px solid #c7dce2;font-weight:700}.validation-badges{gap:4px;display:inline-flex}.badge{color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:1px 5px;font-size:.7rem}.badge.error{background:#b53a31}.badge.warning{background:#b27313}.validation-bar{background:#fff;border:1px solid #dbe2e5;border-radius:8px;overflow:hidden}.validation-bar summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:8px 12px;list-style:none;display:flex}.validation-bar summary::-webkit-details-marker{display:none}.validation-bar summary:focus-visible{outline:none;box-shadow:0 0 0 3px #2f6f8f29}.validation-bar.has-errors{border-color:#e4aaa4}.validation-bar.has-errors summary{color:#762a25;background:#fff5f4}.validation-bar.has-warnings summary{background:#fff8ea}.validation-bar.is-clear summary{background:#f7faf8}.validation-bar-title{font-weight:800}.validation-bar-summary{color:#3d464d;flex-wrap:wrap;justify-content:end;align-items:center;gap:6px;display:inline-flex}.validation-bar-content{border-top:1px solid #dbe2e5;gap:12px;padding:12px;display:grid}.validation-summary{align-items:center;gap:6px;margin-bottom:12px;display:flex}.xml-sanity-panel{border-bottom:1px solid #dbe2e5;gap:10px;margin:0;padding:0 0 12px;display:grid}.xml-sanity-panel summary{color:#3d464d;cursor:pointer;font-weight:800}.xml-sanity-content{gap:10px;padding-top:10px;display:grid}.xml-sanity-content p{color:#59636b;margin-bottom:0;font-size:.86rem;line-height:1.4}.sanity-status{border-radius:6px;gap:2px;padding:9px 10px;display:grid}.sanity-status.passed{color:#1e5f3b;background:#e8f4ed}.sanity-status.failed{color:#762a25;background:#fae8e6}.sanity-check-list{gap:6px;display:grid}.sanity-check-list h3{margin-bottom:0;font-size:.86rem}.sanity-check-list ul{gap:6px;margin:0;padding-left:0;list-style:none;display:grid}.sanity-check-list li{border:1px solid #dbe2e5;border-radius:6px;gap:2px;padding:8px;display:grid}.sanity-check-list li.failed{border-left:4px solid #b53a31}.sanity-check-list li.passed{border-left:4px solid #4b8a61}.sanity-check-list span,.sanity-check-list small{color:#59636b;font-size:.76rem}.validation-list{gap:8px;display:grid}.validation-item{color:#202428;text-align:left;background:#fff;border:1px solid #dbe2e5;justify-items:start;gap:5px;width:100%;height:auto;padding:9px;display:grid}.validation-item:hover:not(:disabled),.validation-item.selected{background:#eef3f5;border-color:#9cc6cf}.validation-item:disabled{opacity:1}.validation-item.error{border-left:4px solid #b53a31}.validation-item.warning{border-left:4px solid #b27313}.validation-severity{text-transform:uppercase;font-size:.72rem;font-weight:800}.validation-location{color:#59636b;overflow-wrap:anywhere;font-size:.82rem}.empty-state{color:#56616a;margin-bottom:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1100px){.top-bar,.dashboard-grid,.editor-layout,.preview-workspace{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:stretch}.top-actions{justify-content:start}.sidebar-placeholder{min-height:0;max-height:none;position:static}.main-placeholder,.editor-layout,.sidebar-resize-handle{min-height:0}.sidebar-resize-handle{display:none}.tree{max-height:55vh}}@media (width<=700px){.app-shell{padding:12px}.project-row{grid-template-columns:1fr}.row-actions,.top-actions{justify-content:stretch}.inline-form-row{grid-template-columns:1fr}.row-actions button,.top-actions button{flex:130px}}