.idea-controls{display:flex;gap:4px;padding:4px;border-radius:6px;background:rgba(249,250,242,.96);box-shadow:0 3px 14px #102b3626;pointer-events:auto}
.idea-controls button{font:800 12px Manrope,Arial,sans-serif;letter-spacing:.02em;min-width:87px;min-height:38px;padding:10px 17px;border:1px solid transparent;border-radius:4px;color:#234b41;background:transparent;cursor:pointer;white-space:nowrap;touch-action:manipulation}
.idea-controls button:hover{background:#e1eadb}
.idea-controls button[aria-pressed="true"]{background:#214a3d;color:#f2f5e9;border-color:#85ab8e}
.idea-controls button:focus-visible{outline:2px solid #c6964d;outline-offset:1px}
.idea-controls button:disabled{opacity:.55;cursor:wait}
.viewer-wrap>.idea-controls{position:absolute;top:24px;left:50%;transform:translateX(-50%);z-index:3}
.editor-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}
.header-start{display:flex;align-items:center;gap:18px;min-width:0}
.header-actions{justify-self:end}
.editor-header .idea-controls{background:#172e37;box-shadow:none;border:1px solid #ffffff18}
.editor-header .idea-controls button{color:#b9cbd0;min-height:34px;padding:8px 15px}
.editor-header .idea-controls button:hover{background:#2c4751}
.editor-header .idea-controls button[aria-pressed="true"]{background:#c9dfbd;border-color:#c9dfbd;color:#183528}
.idea-checks{display:flex;gap:24px}.idea-checks .check{margin-top:2px}
#idea-visibility-note{color:var(--gold);border-left:2px solid var(--gold);padding-left:9px}
.item-list button.idea-hidden{opacity:.65}.item-list button.idea-hidden small{color:#d0b47e}
@media(max-width:1600px){.editor-header .editor-brand span{display:none}.editor-header .header-history span{max-width:140px}}
@media(max-width:1100px){
  .editor-header{height:110px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:52px 50px;gap:0 10px}
  .editor-header>.idea-controls{grid-row:2;grid-column:1/-1;justify-self:center;align-self:start}
  .editor-header>.header-actions{grid-row:1;grid-column:2}.editor-header .header-history span{display:none}
  .editor-layout{height:calc(100dvh - 110px)}
}
@media(max-width:800px){.catalog-panel,.properties-panel{top:110px}}
@media(max-width:900px){.viewer-wrap>.idea-controls{top:12px}.scene-page .viewer-top{top:72px}}