.designer-page{width:min(1500px,calc(100% - 20px));margin:0 auto;padding:18px 0 80px}.designer-workbench{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:16px}.designer-canvas-panel,.designer-sidebar{background:var(--panel);border:1px solid var(--edge-soft);border-radius:var(--radius);box-shadow:var(--shadow)}.designer-canvas-panel{padding:16px}.designer-sidebar{padding:14px;display:grid;gap:14px;align-content:start}.designer-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:12px}.designer-toolbar label,.designer-section label{display:grid;gap:6px;font-weight:800}.designer-toolbar select,.designer-toolbar input,.designer-section input,.designer-section select{border:1px solid rgba(89,212,226,.16);background:rgba(5,20,29,.9);color:#fff;border-radius:12px;padding:10px}.designer-viewport{min-height:720px;overflow:auto;border-radius:22px;border:1px solid rgba(89,212,226,.14);background:#06151f;display:grid;place-items:center}.designer-canvas{position:relative;width:900px;height:620px;transform-origin:center center;background:radial-gradient(circle at 50% 35%,rgba(41,110,137,.22),transparent 38%),linear-gradient(180deg,#0b2e40,#061923 72%);box-shadow:inset 0 0 70px rgba(32,164,191,.08)}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.layer-root{position:absolute;inset:0}.design-layer{position:absolute;transform-origin:var(--pivot-x,50%) var(--pivot-y,50%);user-select:none;cursor:move}.design-layer img{width:100%;height:100%;object-fit:contain;pointer-events:none}.design-layer.selected{filter:drop-shadow(0 0 10px rgba(255,184,61,.8))}.selection-box{position:absolute;border:2px solid #ffb83d;pointer-events:none;z-index:999}.selection-box.hidden,.layer-controls.hidden{display:none}.handle{position:absolute;width:13px;height:13px;background:#ffb83d;border:2px solid #2a1600;border-radius:50%;pointer-events:auto}.handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.rotate-handle{position:absolute;left:50%;top:-42px;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:#f36af4;border:2px solid #2d062f;pointer-events:auto;cursor:grab}.rotate-handle:after{content:'';position:absolute;width:2px;height:26px;background:#f36af4;left:5px;top:13px}.designer-help{margin-top:12px;color:#adc1ca;line-height:1.5}.designer-section{padding:14px;border-radius:20px;background:rgba(4,18,27,.65);border:1px solid rgba(89,212,226,.1)}.layer-list{display:grid;gap:8px;margin-top:10px;max-height:310px;overflow:auto}.layer-list-item{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:center;padding:8px;border-radius:14px;background:rgba(8,34,46,.75);border:1px solid transparent;cursor:pointer}.layer-list-item.selected{border-color:#ffb83d}.layer-thumb{width:34px;height:34px;object-fit:contain}.layer-z{font-size:.8rem;color:#ffcf7c;font-weight:900}.layer-eye{border:0;background:transparent;color:#fff;cursor:pointer}.layer-controls{display:grid;gap:10px;margin-top:10px}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.check-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.asset-dialog{border:0;background:transparent}.asset-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.asset-dialog-card{width:min(480px,calc(100vw - 24px));padding:22px;border-radius:24px;background:linear-gradient(180deg,#0b3041,#051923);color:#fff;border:1px solid rgba(89,212,226,.2);display:grid;gap:14px}.asset-dialog-card select{padding:11px;border-radius:12px;background:#061923;color:#fff;border:1px solid rgba(89,212,226,.16)}@media(max-width:1050px){.designer-workbench{grid-template-columns:1fr}.designer-sidebar{grid-template-columns:repeat(2,1fr)}.designer-section:last-child{grid-column:1/-1}}@media(max-width:680px){.designer-page{width:calc(100% - 12px)}.designer-sidebar{grid-template-columns:1fr}.designer-section:last-child{grid-column:auto}.designer-viewport{min-height:500px}.control-grid{grid-template-columns:1fr}.button-grid{grid-template-columns:1fr 1fr}}