.site-editor-open { overflow:hidden; }
.site-editor { position:fixed; inset:0; z-index:10000; display:flex; flex-direction:column; background:#20221f; color:#eee9d5; font:14px/1.5 "Trebuchet MS",Arial,sans-serif; isolation:isolate; }
.site-editor * { box-sizing:border-box; }
.site-editor button,.site-editor select,.site-editor input,.site-editor textarea { font:inherit; border:1px solid #55594c; color:#f7f2dc; background:#292d27; border-radius:3px; padding:9px 10px; min-width:0; }
.site-editor button { cursor:pointer; font-size:12px; font-weight:700; }
.site-editor button:hover { background:#3d4337; }
.site-editor button:disabled { opacity:.4; cursor:default; }
.site-editor button[aria-pressed=true] { background:#e2ce68; color:#20201b; border-color:#e2ce68; }
.site-editor button:focus-visible,.site-editor input:focus-visible,.site-editor textarea:focus-visible,.site-editor select:focus-visible,.site-editor summary:focus-visible { outline:2px solid #e2ce68; outline-offset:2px; }
.site-editor-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 22px; border-bottom:1px solid #515449; background:#191c18; }
.site-editor-top strong { font-size:20px; display:block; }
.site-editor-top small { display:block; font-size:10px;line-height:1.7; letter-spacing:.1em; color:#b6b9a7; }
.site-editor-actions { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.site-editor .site-editor-publish { background:#e2ce68; color:#20201b; border-color:#e2ce68; }
.site-editor-workspace { flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 330px; }
.site-editor-stage { display:flex; flex-direction:column; min-height:0; min-width:0; }
.site-editor-canvas-tools { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; background:#252923; border-bottom:1px solid #515449; }
.site-editor-canvas-tools label { display:flex; align-items:center; gap:10px; font-size:12px; }
.site-editor-canvas-tools select { max-width:220px; font-size:12px; }
.site-editor-viewport { flex:1; min-height:0; overflow:auto; padding:24px; display:flex; align-items:stretch; background:repeating-linear-gradient(45deg,#30352d 0 10px,#32372f 10px 20px); }
.site-editor iframe { width:1100px; flex-shrink:0; min-height:100%; margin:auto; border:1px solid #777c6a; background:#20201b; box-shadow:0 8px 40px #0005; transition:width .25s ease; }
.site-editor-status { flex-shrink:0; padding:10px 18px; background:#191c18; color:#e2ce68; font-size:12px; min-height:39px; }
.site-editor-sidebar { min-height:0; overflow:auto; padding:18px; background:#20241f; border-left:1px solid #515449; }
.site-editor-sidebar>nav { display:flex; gap:5px; padding-bottom:16px; margin-bottom:14px; border-bottom:1px solid #515449; }
.site-editor-sidebar>nav button { flex:1; }
.site-editor-sidebar label { display:grid; gap:5px; font-size:12px; color:#d9ddce; margin-bottom:14px; }
.site-editor-sidebar textarea,.site-editor-sidebar input,.site-editor-sidebar select { width:100%; }
.site-editor-sidebar input[type=color] { min-height:40px; padding:4px; }
.site-editor-sidebar textarea { resize:vertical; }
.site-editor-sidebar details { border-block:1px solid #464d40; margin:16px 0; padding:10px 0; }
.site-editor-sidebar summary { cursor:pointer; font-weight:700; padding:5px 0; }
.site-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding-top:14px; }
.site-control-grid label { margin-bottom:4px; }
.site-editor-caption,.site-editor-sidebar small,.site-editor-sidebar p { color:#b7bead; font-size:12px; }
.site-selected-head { display:grid; gap:12px; }
.site-selected-head b { word-break:break-word; font-size:15px; }
.site-editor-hint { padding:18px; border:1px dashed #707960; background:#292f23; }
.site-editor-hint b { font-size:18px; }
.site-editor-check { display:flex!important; align-items:center; gap:10px!important; }
.site-editor-check input { width:auto!important; }
.site-editor-recovery button { display:block; width:100%; margin:10px 0; text-align:left; }
.site-import { border:1px solid #55594c; padding:10px; margin-top:12px; }
.site-import input { font-size:11px; }
.site-preset-grid { display:grid; gap:8px; margin:20px 0; }
.site-block-editor { border:1px solid #55594c; padding:14px; margin-top:16px; }
.site-block-editor>b { display:block; margin-bottom:12px; }
.site-canvas-picking .site-canvas-hover { outline:2px dashed #03c9c2!important; outline-offset:3px; cursor:crosshair!important; }
.site-canvas-picking .site-canvas-selected { outline:3px solid #03c9c2!important; outline-offset:4px; }
.site-extra-block { margin-top:26px; padding:24px; border:1px solid var(--poster-ink); background:var(--poster-paper-pale); }
.site-extra-block img { width:100%; max-height:420px; object-fit:cover; }
#app .site-extra-block p { white-space:pre-wrap; }
@media(max-width:1000px) { .site-editor-workspace { grid-template-columns:minmax(0,1fr) 290px; }.site-editor-canvas-tools { align-items:flex-start; flex-direction:column; }.site-editor-top { padding:10px 14px; }.site-editor-top .site-editor-actions { justify-content:flex-end; } }
@media(max-width:600px) { .site-editor-workspace { display:flex; flex-direction:column; }.site-editor-stage { height:48%; flex-shrink:0; }.site-editor-sidebar { flex:1; border:0; border-top:1px solid #515449; }.site-editor-top strong { font-size:16px; }.site-editor-top small { display:none; }.site-editor-top { gap:8px; }.site-editor-top button { padding:7px; font-size:11px; }.site-editor-canvas-tools { padding:8px; flex-direction:row; flex-wrap:wrap; gap:6px; }.site-editor-canvas-tools button { padding:5px; font-size:10px; }.site-editor-viewport { padding:10px; }.site-editor-status { font-size:10px; padding:6px 10px; }.site-editor-top [data-editor-action=undo],.site-editor-top [data-editor-action=redo] { display:none; } }
@media(prefers-reduced-motion:reduce) { .site-editor iframe { transition:none; } }
.site-design-canvas .site-edit-launch { display:none; }
@media(max-width:600px) { #app .hud .identity .brand-stack>span:not(.chip) { display:none; } #app .hud .identity { min-width:0; } }

.site-editor input,.site-editor textarea { user-select:text; cursor:text; }
.site-canvas-picking [data-site-node] { cursor:pointer; }

.site-rich-field { margin-bottom:18px; }
.site-rich-field>label { margin-bottom:6px; }
.site-rich-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-bottom:8px; }
.site-rich-toolbar button { min-width:34px; min-height:34px; padding:6px 9px; font-size:14px; }
.site-rich-toolbar button:last-child { margin-left:auto; font-size:11px; }
.site-rich-preview { border:1px solid #51594a; padding:12px; min-height:48px; background:#181d17; color:#f7f2dc; overflow-wrap:anywhere; white-space:pre-wrap; line-height:1.6; }
.site-rich-field small { display:block; margin-top:7px; font-size:11px; line-height:1.5; }
.site-palette-swatches { display:flex; min-height:28px; border:1px solid #5b6551; margin:10px 0; }
.site-palette-swatches span { flex:1; }

.site-rich-toolbar [data-format=bold] { font-weight:900; }
.site-rich-toolbar [data-format=italic] { font-style:italic; }
.site-rich-toolbar [data-format=underline] { text-decoration:underline; }
.site-rich-toolbar [data-format=strike] { text-decoration:line-through; }