/* Fixed-size editor overlays */
.canvas-area{position:relative}
.canvas-area>.region-snap-metric.screen-fixed-metric{position:absolute;z-index:1605;font:600 11px/1.2 Inter,"PingFang SC","Microsoft YaHei",sans-serif;padding:6px 9px;border-radius:6px;box-shadow:0 5px 16px rgba(20,18,45,.24);transform:none!important;transform-origin:center;pointer-events:none}

/* Organized property extensions */
.embedded-property-section{margin:12px 0 0!important;padding:12px 0 0!important;border:0!important;border-top:1px solid var(--line)!important;background:transparent!important}
.embedded-property-title{margin:0 0 10px;color:var(--text);font-size:10px;font-weight:750}
.editor-assist-group .reference-actions{margin-top:2px}
.organized-property-fallback{margin-top:0}

/* macOS-like unobtrusive scrollbars */
*{scrollbar-width:thin;scrollbar-color:transparent transparent}
*:hover,*:focus-within,*.is-scrolling{scrollbar-color:rgba(112,116,128,.48) transparent}
*::-webkit-scrollbar{width:6px;height:6px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{min-height:34px;border:1px solid transparent;border-radius:999px;background:transparent;background-clip:padding-box;transition:background-color .2s ease}
*:hover::-webkit-scrollbar-thumb,*:focus-within::-webkit-scrollbar-thumb,*.is-scrolling::-webkit-scrollbar-thumb{background-color:rgba(112,116,128,.45)}
*::-webkit-scrollbar-thumb:hover{background-color:rgba(92,96,108,.72)}
*::-webkit-scrollbar-corner{background:transparent}

/* Complete semantic dark palette for the application shell; the designed page stays untouched. */
body.dark{--bg:#111319;--surface:#1b1e26;--surface-2:#232731;--surface-3:#2a2f3b;--line:#343946;--line-strong:#464c5b;--text:#f3f5f8;--muted:#aeb4c0;--muted-2:#7e8594;--control-bg:#20242d;--control-hover:#2a2f3a;--danger:#ff707a;color:var(--text);background:var(--bg)}
body.dark .app-shell,body.dark .page-wrap,body.dark .editor{background:var(--bg);color:var(--text)}
body.dark .app-header,body.dark .editor-toolbar,body.dark .left-panel,body.dark .right-panel,body.dark .panel-tabs,body.dark .props-head,body.dark .modal-head,body.dark .modal-foot{background:var(--surface);border-color:var(--line);color:var(--text)}
body.dark .settings-card,body.dark .settings-row,body.dark .project-card,body.dark .new-project-card,body.dark .modal,body.dark .site-type-option,body.dark .template-option,body.dark .prop-group,body.dark .prop-group-body,body.dark .selection-summary,body.dark .no-selection,body.dark .export-language-options,body.dark .export-tabs,body.dark .block-export-options section,body.dark .local-option-section,body.dark .local-page-group,body.dark .component-export-summary>div,body.dark .website-import-choice,body.dark .website-import-drop,body.dark .draft-prompt-card,body.dark .reference-prop-group{background:var(--surface);border-color:var(--line);color:var(--text)}
body.dark .settings-card>h3,body.dark .local-page-group h3,body.dark .prop-group-title,body.dark .block-layer-head,body.dark .panel-heading{background:var(--surface-2);border-color:var(--line);color:var(--text)}
body.dark .settings-row+ .settings-row,body.dark .export-language-options,body.dark .modal-body,body.dark .website-import-actions{border-color:var(--line)}
body.dark input:not([type="color"]):not([type="range"]),body.dark select,body.dark textarea,body.dark .input,body.dark .select,body.dark .textarea,body.dark .prop-input,body.dark .compact-field,body.dark .zoom-control select,body.dark .block-search,body.dark .component-search-box,body.dark .icon-library-search{background:var(--control-bg);border-color:var(--line-strong);color:var(--text)}
body.dark input::placeholder,body.dark textarea::placeholder{color:var(--muted-2)}
body.dark button:not(.btn-primary):not(.switch):not(.site-type-option):not(.template-option),body.dark .btn-outline,body.dark .btn-ghost{border-color:var(--line);color:var(--text)}
body.dark button:not(.btn-primary):not(.switch):hover{background:var(--control-hover)}
body.dark .command-menu-portal,body.dark .project-menu-portal{background:var(--surface);border-color:var(--line);color:var(--text)}
body.dark .command-menu-item:hover,body.dark .page-row:hover,body.dark .block-layer-row:hover{background:var(--surface-2)}
body.dark .code-preview{background:#0d1016;color:#dce2ec;border-color:var(--line)}
body.dark .canvas-area{background-color:#171a21;background-image:radial-gradient(#343946 1px,transparent 1px)}
body.dark .canvas-frame,body.dark .canvas-page{color:initial}
body.dark .canvas-page input,body.dark .canvas-page select,body.dark .canvas-page textarea{color:inherit}
body.dark .new-project-modal .site-type-option.selected,body.dark .new-project-modal .template-option.selected{background:#292640;border-color:#7465df}
body.dark .responsive-layout-demo,body.dark .desktop-layout-demo,body.dark .preview-width-hint,body.dark .field-hint,body.dark .page-layer-hint{background:var(--surface-2);color:var(--muted)}
body.dark .scroll-surface::-webkit-scrollbar-thumb,body.dark *:hover::-webkit-scrollbar-thumb,body.dark *.is-scrolling::-webkit-scrollbar-thumb{background-color:rgba(185,191,204,.32)}