/* Accessible mobile-first layered design editor. */
.ds-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}.ds-top h3{margin:0;font-size:21px;color:#162537}.ds-top p{margin:3px 0;font-size:12px;color:#607186}.ds-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(180px,220px);gap:12px;align-items:start}.ds-panel{background:#f8fbff;border:1px solid #dbe6f4;border-radius:14px;padding:12px;max-height:60dvh;overflow-y:auto}.ds-panel h4{font-size:12px;margin:8px 0;color:#405d80}.ds-toolbar{display:flex;flex-wrap:wrap;gap:6px}.ds-toolbar button,.ds-export button,.ds-layer button{font:inherit;padding:7px 9px;color:#3d618d;background:white;border:1px solid #d5e2f1;border-radius:9px;cursor:pointer;font-size:11px}.ds-toolbar button:hover,.ds-layer button:hover{background:#e9f3ff}.ds-field{display:grid;gap:3px;margin:8px 0;font-size:11px;font-weight:700;color:#556b87}.ds-field input,.ds-field select{width:100%;box-sizing:border-box;border:1px solid #d4dfec;border-radius:8px;padding:8px;min-width:0;background:white;color:#172537;font:12px system-ui}.ds-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ds-stage{background:#e6ebf1;border:1px solid #cfdced;border-radius:14px;padding:12px;overflow:auto;max-height:60dvh;text-align:center;min-height:340px}.ds-stage canvas{display:block;touch-action:none;margin:0 auto;max-width:none;border:1px solid #d4dfed;box-shadow:0 8px 28px #122a4720;cursor:move}.ds-layer{display:flex;gap:3px;align-items:center;margin:4px 0}.ds-layer>button:first-child{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-layer.picked>button:first-child{background:#ddecfe;border-color:#75a9e8}.ds-export{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 6px}.ds-export button{font-size:12px;padding:10px 13px;font-weight:750}.ds-export .primary{color:white;background:linear-gradient(110deg,#3d8beb,#5d93bf);border:none}.ds-status{font-size:12px;color:#556b87}.ds-note{font-size:11px;color:#677688;line-height:1.5}@media(max-width:1000px){.ds-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.ds-layout>.ds-panel:last-child{grid-column:1/-1;max-height:170px}}@media(max-width:700px){.ds-layout{display:flex;flex-direction:column}.ds-layout>*{width:100%;box-sizing:border-box}.ds-layout>.ds-stage{order:-1;min-height:220px;max-height:40dvh}.ds-panel{max-height:none}.ds-layout>.ds-panel:last-child{max-height:none}.ds-export button{flex:1}.ds-toolbar button{min-height:36px}}body.dark .ds-panel{background:#283444;border-color:#505f72}body.dark .ds-panel h4,body.dark .ds-top h3{color:#eff6ff}body.dark .ds-panel .ds-field{color:#d2e2f6}

.ds-project-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:12px 0;padding:11px;border:1px solid #dbe6f4;background:#f7fbff;border-radius:14px}.ds-project-tools button,.ds-project-import{font:700 12px system-ui;display:inline-flex;align-items:center;min-height:38px;padding:9px 12px;border:1px solid #c9dbf1;background:#fff;color:#3869a5;border-radius:10px;cursor:pointer}.ds-project-tools>span{font-size:11px;color:#6c7c90;flex:1 1 220px}.ds-toolbar button[aria-pressed="true"]{background:#458adf;color:#fff}