.execute-button{border-color:#77aead;background:#203c3e;color:#b8f1eb;font-weight:600}.execute-button:hover{background:#305255}.preview-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:#1c2d2b;border-bottom:1px solid #36534c}.preview-controls[hidden]{display:none}.preview-controls button{font-size:calc(11px * var(--ui-density, 1));padding:calc(6px * var(--ui-density, 1)) calc(9px * var(--ui-density, 1))}.preview-modes,.preview-views{display:flex;gap:3px}.preview-controls .active{border-color:#76d6c1;color:#a5f1df;background:#2c4d43}.preview-controls p{flex-basis:100%;font-size:calc(11px * var(--ui-density, 1));line-height:1.6;color:#a0c1b7;margin:0}.preview-controls p.stale{color:#f3bf7d}.stage.cutout-stage{background:repeating-conic-gradient(#39444b 0% 25%,#283137 0% 50%) 50%/24px 24px}.stage #cutoutCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:default}.stage #cutoutCanvas:active{cursor:grabbing}.stage #cutoutCanvas[hidden]{display:none}.stage.cutout-stage>img{visibility:hidden}.stage.cutout-stage>svg{display:none}.coords input[readonly]{color:#809690;cursor:default}.header .steps{gap:8px;font-size:calc(11px * var(--ui-density, 1))}.header-actions{gap:8px}.header-actions b{padding-left:5px}.header{padding-left:18px;padding-right:18px}.layer .preview-layer-state{font-size:calc(9px * var(--ui-density, 1));color:#8ec6b5}.preview-controls #exitPreview{margin-left:auto}@media(max-width:1400px){.header .steps{display:none}}@media(max-width:1000px){.preview-controls{padding:8px;gap:5px}.header-actions button{padding:calc(7px * var(--ui-density, 1))}.header-actions #saveState{display:none}}
body.large-preview .header,body.large-preview .left-panel,body.large-preview .right-panel,body.large-preview .toolbar,body.large-preview #projectBar,body.large-preview #qualityBar,body.large-preview .canvas-info,body.large-preview #previewStatus{display:none}body.large-preview .workspace{height:100dvh;grid-template-columns:minmax(0,1fr)}body.large-preview .preview-controls{padding:7px 12px}body.large-preview .compare-tools{width:auto;margin-left:auto}body.large-preview #exitPreview{margin-left:0}body.large-preview .viewport{padding:16px}body.large-preview .canvas-footer{height:24px}

.viewport.is-panning,.viewport.is-panning *{cursor:grabbing!important}