.visual-toolbar{position:sticky;z-index:8;top:0;margin:-34px -38px 0;padding:14px 18px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:#fff}.visual-toolbar-left{display:flex;align-items:center;gap:15px}.visual-toolbar-left strong,.visual-toolbar-left span{display:block}.visual-toolbar-left strong{font-size:16px}.visual-toolbar-left span{color:var(--muted);font-size:12px}.visual-devices{display:flex;padding:4px;border-radius:10px;background:var(--soft)}.visual-devices button{width:42px;height:36px;border:0;border-radius:7px;color:#6d6678;background:transparent;font-size:18px}.visual-devices button.active{color:#fff;background:var(--purple)}.visual-change-state{color:var(--muted);font-size:12px}.visual-editor-layout{height:calc(100vh - 190px);min-height:630px;margin:0 -38px -70px;display:grid;grid-template-columns:260px minmax(420px,1fr) 330px;background:#ddd8e5}.visual-elements-panel,.visual-inspector{min-width:0;overflow:auto;background:#fff}.visual-elements-panel{border-right:1px solid var(--line)}.visual-inspector{border-left:1px solid var(--line)}.visual-panel-heading{padding:20px;border-bottom:1px solid var(--line)}.visual-panel-heading strong,.visual-panel-heading span,.visual-panel-heading small{display:block}.visual-panel-heading strong{font-size:16px;line-height:1.35}.visual-panel-heading span,.visual-panel-heading small{margin-top:3px;color:var(--muted);font-size:11px;text-transform:uppercase}.visual-search{width:calc(100% - 28px);margin:14px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;font-size:14px}.visual-elements section{border-top:1px solid var(--line)}.visual-elements h3{position:sticky;top:0;z-index:1;margin:0;padding:10px 14px;color:#665e71;background:#f7f5fa;font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.visual-elements button{width:100%;padding:11px 13px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:9px;border:0;border-bottom:1px solid #eeeaf3;background:#fff;text-align:left}.visual-elements button:hover,.visual-elements button.active{background:#eee8ff}.visual-elements button.active{box-shadow:inset 3px 0 var(--purple)}.visual-elements i{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;color:var(--purple2);background:#eee8ff;font-style:normal;font-weight:800}.visual-elements button span{overflow:hidden;color:#332c3e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.visual-elements button b{color:#a04459;font-size:9px;text-transform:uppercase}.visual-no-results{padding:25px;color:var(--muted);font-size:13px}.visual-canvas-shell{padding:24px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.visual-canvas{width:100%;height:100%;min-height:580px;overflow:hidden;border-radius:7px;background:#fff;box-shadow:0 18px 55px rgba(31,20,51,.18);transition:width .2s ease}.visual-canvas-shell[data-device="tablet"] .visual-canvas{width:768px;max-width:100%}.visual-canvas-shell[data-device="mobile"] .visual-canvas{width:390px;max-width:100%}.visual-canvas iframe{width:100%;height:100%;min-height:580px;border:0;background:#fff}.visual-empty-inspector{padding:55px 28px;text-align:center}.visual-empty-inspector strong{font-size:19px}.visual-empty-inspector p{color:var(--muted);font-size:14px}.visual-inspector-fields,.visual-layout-controls{padding:20px}.visual-field{margin-bottom:20px}.visual-field label,.visual-layout-controls>strong{display:block;margin-bottom:8px;color:#5d5669;font:700 11px/1.4 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.visual-field input,.visual-field textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;font:500 14px/1.55 inherit}.visual-field textarea{min-height:105px;resize:vertical}.visual-field-row{display:flex;gap:7px;align-items:center}.visual-field-row input{min-width:0;flex:1}.visual-field-row button{flex:none;padding-inline:10px;font-size:11px}.visual-rich{min-height:100px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:15px;line-height:1.55;outline:0}.visual-rich:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.visual-field small,.visual-layout-controls p{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.55}.visual-layout-controls{border-top:1px solid var(--line)}.visual-toggle{margin:14px 0;display:flex;align-items:center;gap:9px;font-size:14px}.visual-toggle input{width:18px;height:18px}.visual-move-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.visual-move-buttons button{padding-inline:8px;font-size:11px}@media(max-width:1180px){.visual-editor-layout{grid-template-columns:220px minmax(360px,1fr) 290px}.visual-toolbar-left span,.visual-change-state{display:none}}@media(max-width:850px){.visual-editor-layout{grid-template-columns:1fr}.visual-elements-panel{display:none}.visual-inspector{position:fixed;z-index:30;right:0;bottom:0;width:min(360px,92vw);height:55vh;border-top-left-radius:18px;box-shadow:0 -10px 45px rgba(20,12,35,.25)}.visual-toolbar{flex-wrap:wrap}.visual-canvas-shell{padding:14px}}