.gear-workbench{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:24px;align-items:start}.gear-preview-panel{position:sticky;top:22px}.gear-preview-panel h2{font-size:clamp(32px,4vw,54px);margin:10px 0}.gear-tag{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:2px}.gear-toolbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:15px 0}.gear-toolbar button,.gear-layer-button,.gear-add button{border:1px solid #ffffff35;border-radius:6px;min-height:44px;color:white;background:#142237;padding:10px 15px;font-weight:800;cursor:pointer}.gear-toolbar button[aria-pressed=true],.gear-layer-button[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow);background:#ffe02f12}.gear-preview{background:radial-gradient(ellipse at 50% 42%,#3e4859,#151d29 70%);border:1px solid #ffffff23;border-radius:13px;display:grid;place-items:center;min-height:430px;touch-action:none;user-select:none;overflow:hidden}.gear-preview svg{width:100%;height:440px;max-width:530px}.gear-canvas [data-layer-id]{cursor:grab;outline:none}.gear-canvas [data-layer-id]:focus>rect{stroke:#ffe02f}.gear-canvas [data-resize]{cursor:nwse-resize}.gear-hint{font-size:12px;color:#b5c8dd;line-height:1.6;margin:12px 0}.gear-logo-shelf{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gear-logo-shelf button{display:grid;gap:8px;align-items:center;background:#263247;border:1px solid #ffffff35;padding:14px 10px;color:#fff;border-radius:8px;min-height:88px;cursor:pointer;font-size:11px}.gear-logo-shelf button:nth-child(2){background:#ced7e2;color:#111827}.gear-logo-shelf img{width:100%;height:30px}.gear-add{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.gear-layer-list{display:grid;gap:7px;margin:12px 0}.gear-layer-button{display:flex;justify-content:space-between;gap:10px;text-align:left;width:100%;font-size:12px}.gear-layer-button small{color:#b5c8dd}.gear-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.gear-fields label{margin:12px 0}.gear-fields input[type=range]{padding:0!important;min-height:36px!important;accent-color:#36a7ff}.gear-fields output{float:right;color:var(--yellow)}.gear-layer-settings{border-top:1px solid #ffffff25;padding-top:10px}.gear-layer-settings h3{margin-top:10px;font-size:24px}.gear-wide-field{grid-column:1/-1}.gear-upload-label{background:#36a7ff12;border:1px dashed #36a7ff80;border-radius:8px;padding:14px;cursor:pointer}.gear-upload-label input{display:block;margin-top:10px;max-width:100%}.gear-assets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.gear-assets button{border:1px solid #ffffff30;background:#151f30;padding:7px;border-radius:6px;cursor:pointer;color:#fff;font-size:11px}.gear-assets img{width:100%;height:55px;object-fit:contain}.gear-drafts{margin-top:24px}.gear-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.gear-design-grid .design-thumbnail{height:180px}.gear-design-grid .design-thumbnail svg{height:170px}.gear-design-grid h3{font-size:22px}.gear-readonly-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gear-review-views{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gear-review-views svg{height:180px;width:100%}.gear-autosave{min-height:22px;font-size:12px;color:#b5c8dd}.gear-autosave.error{color:#ffbdc7}.gear-rights{font-size:12px!important;display:flex!important;gap:7px;line-height:1.6!important}.gear-rights input{flex-shrink:0}.gear-danger{color:#ffb7c3!important}.gear-access-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.gear-catalog-message{color:#c6d6e3;font-size:13px}.gear-catalog-message p{margin:0}.gear-conflict{border-left-color:#ff8094;background:#ff809414}.gear-conflict[hidden]{display:none}.gear-preview-panel .app-actions .btn{flex:1}.gear-preview-panel .app-status{margin-top:0}.gear-workbench details>summary{font-size:14px}.gear-workbench details p{font-size:12px}.gear-workbench button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:950px){.gear-workbench{grid-template-columns:minmax(0,1fr) minmax(280px,1fr)}.gear-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gear-preview svg{height:400px}.gear-preview{min-height:400px}}
@media(max-width:700px){.gear-workbench{grid-template-columns:1fr}.gear-preview-panel{position:static}.gear-preview{min-height:340px}.gear-preview svg{height:365px}.gear-design-grid{grid-template-columns:1fr}.gear-assets{grid-template-columns:repeat(3,minmax(0,1fr))}.gear-readonly-preview{gap:7px}.gear-review-views svg{height:145px}.gear-preview-panel h2{font-size:38px}.gear-logo-shelf{gap:7px}.gear-toolbar button{flex:1}.gear-workbench .app-panel{padding:18px}}