/* Estrutura compartilhada por todas as janelas, abas e tipos de camada. */
#ld-demo{max-width:1120px;--ld-window-radius:20px}
#ld-demo [hidden]{display:none!important}
#ld-demo .lm-appbar{border:1px solid #384330;border-radius:20px;margin-bottom:14px;padding:14px 22px;min-height:72px}
#ld-demo .lm-app-label{font-size:12px}
#ld-demo .ld-layout-action{color:var(--lm-primary);border:1px solid #657448;border-radius:22px;min-height:40px;padding:8px 16px;font-size:12px;white-space:nowrap}
#ld-demo .ld-layout-action:hover{background:#c2d96b12}
#ld-demo .ld-workspace{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:14px;align-items:start}

#ld-demo .ld-window{min-width:0;background:var(--lm-surface);border:1px solid #3a4432;border-radius:var(--ld-window-radius);overflow:hidden}
#ld-demo .ld-window-bar{display:flex;align-items:center;gap:10px;height:39px;padding:0 18px;background:#20271b;color:#bac5ac;font-size:11px;letter-spacing:.1px}
#ld-demo .ld-window-detail{margin-left:auto;color:#8f9e80;font-size:10px}
#ld-demo .ld-grip{width:10px;height:10px;flex:none;background:radial-gradient(circle,#8e9d7a 1px,transparent 1.3px) 0 0/4px 4px;opacity:.6}
#ld-demo .ld-tabs{display:flex;gap:0;min-height:51px;padding:0 12px;background:#1b2218;border-bottom:1px solid #39442f;flex-wrap:wrap}
#ld-demo .ld-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:50px;padding:0 16px;color:#aebaa0;font-size:12px;border-radius:12px 12px 0 0;white-space:nowrap}
#ld-demo .ld-tab:hover{background:#d0deac0a;color:var(--lm-text)}
#ld-demo .ld-tab[aria-selected=true]{background:#c2d96b0c;color:var(--lm-primary);font-weight:500}
#ld-demo .ld-tab:after{content:'';position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent}
#ld-demo .ld-tab[aria-selected=true]:after{background:var(--lm-primary)}
#ld-demo .ld-tab-badge{font-size:10px;min-width:19px;padding:1px 5px;border-radius:6px;background:#c2d96b16;color:var(--lm-muted)}
#ld-demo .ld-panels{min-width:0}
#ld-demo .lm-editor{padding:24px}
#ld-demo .ld-selection-context{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--lm-muted);padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #343f2c}
#ld-demo .ld-selected-position{font-variant-numeric:tabular-nums;color:#97a687}
#ld-demo .lm-editor-title{margin-bottom:24px;min-height:76px;align-items:center}
#ld-demo h1{font-size:29px;letter-spacing:-.7px}
#ld-demo .lm-section{padding:20px;border-radius:20px}
#ld-demo .lm-section-heading{margin-bottom:20px}
#ld-demo .lm-basic-grid{gap:26px}
#ld-demo .lm-settings{gap:12px}
#ld-demo .lm-sidebar{padding:24px 12px;background:transparent;border:0}
#ld-demo .lm-sidebar-title{padding:0 10px}
#ld-demo .lm-sidebar-title h2{font-size:15px}
#ld-demo .lm-sidebar-description{font-size:11px;padding:8px 10px 20px}
#ld-demo .lm-layer-list{gap:6px}
#ld-demo .lm-layer{padding:0 6px 0 0;gap:0;min-height:68px;border:1px solid transparent}
#ld-demo .lm-layer.lm-selected{border-color:#7f98403b;background:var(--lm-selected)}
#ld-demo .ld-select-layer{display:flex;align-items:center;gap:12px;min-width:0;flex:1;align-self:stretch;padding:12px 6px 12px 12px;text-align:left;border-radius:17px}
#ld-demo .lm-layer-name{font-size:12px}
#ld-demo .lm-layer-name small{font-size:11px}
#ld-demo .ld-selected-mark{display:inline-block;margin-left:5px;color:var(--lm-primary);font-size:11px}
#ld-demo .lm-eye-button{width:40px;height:40px}
#ld-demo .lm-eye-button[data-enabled=false] .lm-eye:after{opacity:1}
#ld-demo .lm-stack-note{margin:24px 10px 0;font-size:11px}
#ld-demo .lm-editor-footer{gap:14px;flex-wrap:wrap;margin-top:20px}
#ld-demo .ld-local-caption{font-size:10px;color:#a1ae93}
#ld-demo .ld-disabled-note{font-size:12px;color:#c7d0bc;background:#323c28;border-radius:12px;padding:12px 16px;margin:-4px 0 18px}
#ld-demo .ld-content{padding:28px 24px;min-height:610px}
#ld-demo .ld-page-heading{margin-bottom:28px}
#ld-demo .ld-page-heading h1{margin-top:8px}
#ld-demo .ld-shader-list{display:grid;gap:8px}
#ld-demo .ld-shader{display:flex;align-items:center;gap:16px;background:var(--lm-container);border-radius:16px;padding:16px 18px}
#ld-demo .ld-shader-info{flex:1;min-width:0}
#ld-demo .ld-shader-name{font-size:14px;font-weight:500}
#ld-demo .ld-shader-category{font-size:11px;color:var(--lm-muted);margin-top:3px}
#ld-demo .ld-shader button{color:var(--lm-primary);font-size:12px;background:#c2d96b0a;border-radius:22px;padding:10px 13px;min-height:40px}
#ld-demo .ld-shader button:hover{background:#c2d96b1a}
#ld-demo .ld-context-section{margin-bottom:16px;display:grid;gap:20px}
#ld-demo .ld-context-section .lm-performance{min-height:36px;font-size:13px}
#ld-demo .ld-text-label{display:grid;gap:8px;font-size:12px;color:var(--lm-muted)}
#ld-demo .ld-text-label input{font-size:14px;width:100%;padding:14px 16px;background:#2b3524;color:var(--lm-text);border:1px solid #586848;border-radius:12px}
#ld-demo .ld-empty{text-align:center;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:20px;background:var(--lm-container);padding:30px}
#ld-demo .ld-empty-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#c2d96b10;color:var(--lm-primary);font-size:30px;font-weight:300;margin-bottom:6px}
#ld-demo .ld-generic-controls{display:grid;gap:26px}
#ld-demo .ld-generic-controls .lm-control-header{font-size:13px}
#ld-demo .ld-control-description{display:block;font-size:11px;color:var(--lm-muted);margin-top:10px}
#ld-demo .ld-prototype-footer{display:flex;justify-content:space-between;gap:16px;padding:15px 6px 4px;font-size:11px;color:#b4c09f;flex-wrap:wrap}
#ld-demo .ld-prototype-footer>span:first-child{color:#8f9c80}


#ld-demo .lm-hsl-controls .lm-control{grid-template-columns:150px minmax(0,1fr);gap:16px}
@media(max-width:980px){#ld-demo .ld-workspace{grid-template-columns:minmax(0,1fr) 258px;gap:10px}#ld-demo .lm-editor{padding:20px 16px}#ld-demo .ld-tab{padding:0 12px}#ld-demo .ld-tabs{padding:0 6px}#ld-demo .lm-hsl-controls .lm-control{grid-template-columns:1fr;gap:4px}#ld-demo .lm-section-caption{display:none}#ld-demo .lm-section{padding:20px 16px}#ld-demo .lm-channel-name{display:none}#ld-demo .ld-window-detail{display:none}#ld-demo .lm-app-label{display:none}}
@media(max-width:760px){#ld-demo .ld-workspace{grid-template-columns:minmax(0,1fr)}#ld-demo .ld-layers-window{order:0}#ld-demo .ld-tools-window{order:1}#ld-demo .lm-layer-list{grid-template-columns:repeat(2,minmax(0,1fr))}#ld-demo .lm-sidebar{padding:18px 12px}#ld-demo .lm-sidebar-description{padding-bottom:12px}#ld-demo .lm-stack-note{margin-top:14px;padding-top:12px}#ld-demo .lm-appbar{padding:12px 16px;flex-wrap:wrap;gap:12px}#ld-demo .lm-preset{margin-left:auto}#ld-demo .ld-layout-action{font-size:11px}#ld-demo .lm-editor{padding:22px}#ld-demo .ld-content{min-height:500px}#ld-demo .lm-hsl-controls .lm-control{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:460px){#ld-demo .lm-editor{padding:20px 12px}#ld-demo .lm-section{padding:18px 14px}#ld-demo .ld-tabs{padding:0 4px}#ld-demo .ld-tab{padding:0 10px;font-size:11px}#ld-demo .ld-tab:after{left:10px;right:10px}#ld-demo .lm-layer-list,#ld-demo .lm-appbar{gap:10px}#ld-demo .lm-logo{width:110px}#ld-demo .lm-preset{padding:8px 10px;font-size:11px}#ld-demo .ld-layout-action{margin-left:auto;min-height:34px;padding:6px 12px}#ld-demo .lm-hsl-controls .lm-control{grid-template-columns:1fr;gap:4px}#ld-demo .lm-effect-label{display:none}#ld-demo .ld-content{padding:24px 16px}#ld-demo h1{font-size:26px}#ld-demo .ld-shader{padding:14px;gap:8px}#ld-demo .ld-shader button{padding:9px;font-size:11px}#ld-demo .ld-local-caption{font-size:11px}#ld-demo .ld-prototype-footer{font-size:11px}}
@media(pointer:coarse){#ld-demo .lm-eye-button{width:44px;height:44px}#ld-demo .lm-swatch{width:44px;height:44px}#ld-demo .lm-swatch:before{inset:11px}#ld-demo .lm-swatch[aria-pressed=true]:after{left:18px;top:19px}#ld-demo input[type=range]{height:44px}#ld-demo .lm-effect-toggle input,#ld-demo .lm-performance input{height:44px;top:-8px}}
/* Ações locais da pilha: seleção e criação permanecem no contexto de Camadas. */
#ld-demo .ld-layer-footer{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--lm-line)}
#ld-demo .ld-layer-toolbar{display:flex;align-items:center;gap:4px}
#ld-demo .ld-layer-footer button{min-height:40px;border-radius:20px;padding:8px 12px;font-size:12px;color:var(--lm-text);white-space:nowrap;cursor:pointer}
#ld-demo .ld-layer-toolbar [data-layer-action=add]{margin-right:auto;background:var(--lm-selected);color:var(--lm-primary);padding-inline:14px}
#ld-demo .ld-layer-toolbar [data-layer-action=add] span{font-size:18px;vertical-align:-1px;line-height:1}
#ld-demo .ld-layer-footer button:hover:not(:disabled){background:#c2d96b1a}
#ld-demo .ld-layer-footer button:disabled{opacity:.38;cursor:default}
#ld-demo .ld-layer-footer button:focus-visible,#ld-demo .ld-layer-footer select:focus-visible{outline:2px solid var(--lm-primary);outline-offset:2px}
#ld-demo .ld-layer-compose,#ld-demo .ld-layer-confirm{padding:14px;margin-bottom:12px;border-radius:14px;background:var(--lm-container)}
#ld-demo .ld-layer-compose label{display:block;color:var(--lm-text);font-size:12px;margin-bottom:10px}
#ld-demo .ld-layer-compose select{display:block;width:100%;min-height:40px;padding:8px;border:1px solid var(--lm-line);border-radius:8px;color:var(--lm-text);background:var(--lm-surface);font:inherit;font-size:13px}
#ld-demo .ld-layer-compose>div,#ld-demo .ld-layer-confirm>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-top:10px}
#ld-demo .ld-layer-footer [data-layer-action=confirm-add]{color:var(--lm-primary)}
#ld-demo .ld-layer-confirm p{margin:0;color:var(--lm-text);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#ld-demo .ld-layer-footer [data-layer-action=confirm-delete]{color:#ffb4ab}

@media(pointer:coarse){#ld-demo .ld-layer-footer button{min-height:44px}}
/* A mesma superfície vazia de Complementos, com variante clicável para Camadas. */
#ld-demo .ld-empty{font:inherit;color:var(--lm-text);width:100%}
#ld-demo .ld-empty-title{font-size:var(--ld-text-body,17px);font-weight:500;line-height:1.4;letter-spacing:-.15px}
#ld-demo .ld-empty-interactive .lm-muted{font-size:var(--ld-text-support,14px);line-height:1.5}
#ld-demo .ld-empty-interactive:hover{background:var(--lm-high)}
#ld-demo .ld-empty-interactive:focus-visible{outline:2px solid var(--lm-primary);outline-offset:3px}
#ld-demo .ld-layer-footer{position:relative}
#ld-demo .ld-layer-compose{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:4;margin:0;border:1px solid var(--lm-line);box-shadow:0 10px 24px #0005}