.design-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:16px}.design-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.design-canvas-wrap{background:#090b0e;border:1px solid var(--line);border-radius:14px;padding:14px}.design-canvas{position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#11161c,#090b0e);border:1px solid #303945;border-radius:10px;overflow:hidden;user-select:none}.design-zone{position:absolute;border:1px solid rgba(102,227,164,.9);background:rgba(102,227,164,.09);min-width:5%;min-height:8%;cursor:move}.design-zone.selected{box-shadow:0 0 0 2px rgba(102,227,164,.24) inset}.design-zone-label{position:absolute;left:6px;top:6px;right:6px;font-size:11px;color:#dff9eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.design-zone-handle{position:absolute;width:14px;height:14px;right:-1px;bottom:-1px;background:var(--accent);border-radius:4px 0 0 0;cursor:nwse-resize}.design-properties{display:flex;flex-direction:column;gap:12px}.design-properties .grid-2{grid-template-columns:1fr 1fr}.design-template-list{display:grid;gap:10px;margin-top:14px}.design-template-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.design-template-row strong{display:block}.design-source-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.design-empty{display:grid;place-items:center;min-height:180px;color:var(--muted);text-align:center}.design-zone-preview{position:absolute;overflow:hidden;background:#000}.design-zone-preview iframe,.design-zone-preview img,.design-zone-preview video{width:100%;height:100%;border:0;object-fit:cover;display:block}.design-zone-preview .slide{position:absolute;inset:0}.design-zone-preview .media-progress{position:absolute}@media(max-width:900px){.design-layout{grid-template-columns:1fr}}