: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}.message{background:#fff;border:1px solid #dbe2e5;border-radius:6px;max-width:1500px;margin:0 auto 12px;padding:10px 12px}.local-first-notice{color:#24433d;background:#eef6f4;border:1px solid #c7ddd8;border-radius:6px;max-width:1500px;margin:0 auto 12px;padding:10px 12px;font-size:.9rem;line-height:1.45}.local-first-notice strong{color:#173b35}.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,.validation-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{color:#3d464d;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;display:inline-flex}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}.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}.content-type-banner{background:#eef3f5;border:1px solid #dbe2e5;border-radius:8px;gap:4px;padding:12px;display:grid}.content-type-banner span,.helper-text{color:#59636b;margin-bottom:0;font-size:.88rem;font-weight:500}.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}.inline-code{background:#f6f8f9;border:1px solid #dbe2e5;border-radius:6px;width:fit-content;padding:8px 10px;display:inline-block}.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-layout{grid-template-columns:260px minmax(0,1fr) 280px;align-items:start;gap:16px;max-width:1500px;margin:0 auto;display:grid}.sidebar-placeholder{flex-direction:column;max-height:calc(100vh - 108px);display:flex;position:sticky;top:92px}.main-placeholder{min-height:60vh}.tree{gap:4px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.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:28px minmax(0,1fr);align-items:stretch;gap:4px;display:grid}.tree-toggle{color:#202428;background:#eef3f5;border-color:#cbd4d9;min-height:32px;padding:0;font-weight:800}.tree-toggle:hover:not(:disabled){background:#dcecef}.tree-children{border-left:1px solid #dbe2e5;gap:4px;margin-left:14px;padding-left:10px;display:grid}.tree-item{color:#202428;text-align:left;background:#fff;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 8px;display:flex}.tree-item>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-item:hover{background:#eef3f5}.tree-item.selected{color:#153f4d;outline-offset:0;background:#dcecef;border-color:#9cc6cf;outline:2px solid #9cc6cf;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-summary{align-items:center;gap:6px;margin-bottom:12px;display:flex}.manual-config-panel{background:#f6f8f9;border-bottom:1px solid #dbe2e5;gap:8px;margin:-4px -4px 16px;padding:4px 4px 14px;display:grid}.manual-config-panel h2{margin-bottom:0}.manual-config-panel p{color:#59636b;margin-bottom:0;font-size:.86rem;line-height:1.4}.manual-config-panel ul{color:#3d464d;gap:4px;margin:0;padding-left:18px;font-size:.86rem;display:grid}.xml-sanity-panel{border-bottom:1px solid #dbe2e5;gap:10px;margin:-4px -4px 16px;padding:4px 4px 14px;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-path{color:#59636b;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.selection-details{border:1px solid #dbe2e5;border-radius:8px;gap:10px;margin-top:18px;padding:12px;display:grid}.selection-details dd{overflow-wrap:anywhere}.placeholder-meta{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.placeholder-meta span{background:#eef3f5;border-radius:999px;padding:6px 9px}.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{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:stretch}.top-actions{justify-content:start}.sidebar-placeholder{max-height:none;position:static}.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}}
