.design-workspace-toolbar{max-width:1500px;margin:0 auto 14px}
.design-workspace-layout{max-width:1580px;margin:0 auto;display:grid;grid-template-columns:190px minmax(420px,1fr) 390px;gap:14px;align-items:start}
.design-left-dock,.design-right-dock{position:sticky;top:82px;max-height:calc(100vh - 100px);overflow:auto}
.design-left-dock{display:grid;gap:8px}
.design-left-dock h2,.design-right-dock h2{margin:0 0 10px}
.dw-tool-card{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;cursor:pointer}
.dw-tool-card:hover,.dw-tool-card:focus{background:#faf9f6;outline:none}
.dw-tool-card strong,.dw-tool-card span{display:block}.dw-tool-card span{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.35}
.design-source-quick{border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.design-source-quick h3{font-size:12px;margin:0 0 5px}
.design-canvas-column{min-width:0}
.design-canvas-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.design-canvas-head>div:first-child{display:grid;gap:2px}
.design-canvas-viewport{min-height:560px;max-height:78vh;overflow:auto;padding:24px;background:#e7e4de;border:1px solid var(--line);border-radius:12px;display:grid;place-items:start center}
.design-canvas-viewport .card-canvas{transform-origin:top center}
.card-canvas.size-square{width:min(700px,100%);aspect-ratio:1}
.card-canvas.size-wallpaper{width:min(700px,100%);aspect-ratio:2/3}
.design-quick-actions{margin-top:8px;padding:8px;display:flex;gap:6px;flex-wrap:wrap}
.design-dock-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:12px}
.dw-dock-tab{border:1px solid var(--line);background:#faf9f6;border-radius:8px;padding:7px 5px;font-size:11px;cursor:pointer}
.dw-dock-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.dw-dock-pane{display:none}.dw-dock-pane.active{display:block}
.dw-layer-list{display:grid;gap:6px;margin-bottom:10px}
.dw-layer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:7px;background:#fff;cursor:pointer}
.dw-layer-row.active{outline:2px solid var(--ink);outline-offset:-2px}
.dw-layer-row.is-hidden{opacity:.5}.dw-layer-row.is-locked .dw-layer-name:after{content:' · locked';color:var(--muted);font-size:10px}
.dw-layer-thumb{width:28px;height:28px;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;background:#f7f5f1;overflow:hidden}
.dw-layer-thumb img{width:100%;height:100%;object-fit:cover}
.dw-layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.dw-layer-meta{font-size:10px;color:var(--muted)}
.design-element{transform-origin:center center}
.design-element.dw-locked{cursor:not-allowed}
.design-element.dw-hidden{display:none!important}
.design-element[data-type="shape"]{background:var(--shape-color,#d7c47d)}
.design-element.design-watermark{inset:0!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;display:grid!important;grid-template-columns:repeat(3,1fr);grid-auto-rows:70px;align-content:space-around;pointer-events:none;overflow:hidden;z-index:9999}
.design-element.design-watermark span{display:grid;place-items:center;transform:rotate(-28deg);font-weight:800;font-size:18px;color:rgba(25,25,25,.28);white-space:nowrap}
#dwPatternPreview{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#f4f2ee;margin:10px 0}
.dw-export-rules{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#faf9f6;font-size:11px;line-height:1.45;margin-bottom:10px}
.dw-resources details{border-top:1px solid var(--line);padding:9px 0}
.dw-resources details:first-of-type{border-top:0}
.dw-resources summary{cursor:pointer;font-weight:800;font-size:12px}
.dw-resources ol,.dw-resources p{font-size:11px;line-height:1.5;padding-left:18px}
.dw-resource-grid{display:grid;grid-template-columns:minmax(95px,.7fr) minmax(0,1.3fr);gap:6px 9px;margin-top:9px;font-size:11px;line-height:1.35}
.dw-resource-grid b{font-weight:800}
.dw-resource-grid span{color:var(--muted)}
.design-upload-btn{display:inline-flex!important;align-items:center!important;margin:0!important}
@media(max-width:1250px){.design-workspace-layout{grid-template-columns:160px minmax(360px,1fr) 340px}}
@media(max-width:1000px){.design-workspace-layout{grid-template-columns:1fr}.design-left-dock,.design-right-dock{position:static;max-height:none}.design-left-dock{grid-template-columns:repeat(3,minmax(0,1fr))}.design-left-dock h2,.design-source-quick{grid-column:1/-1}.design-canvas-viewport{min-height:420px}.designer-inspector{position:static}}
@media(max-width:650px){.design-left-dock{grid-template-columns:1fr 1fr}.design-dock-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.design-canvas-viewport{min-height:320px;padding:10px}.design-quick-actions .btn{flex:1 1 44%}}