.dp-host{min-width:0;container-type:inline-size}.dp-host:empty{display:none}.dp-editor{gap:16px;min-width:0;display:grid}.dp-main,.dp-side{align-content:start;gap:12px;min-width:0;display:grid}@container (width>=860px){.dp-editor{grid-template-columns:minmax(0,1fr) minmax(300px,360px);column-gap:24px}.dp-main{align-self:start;position:sticky;top:12px}}.dp-stage{background:#3a3f47;border-radius:10px;min-width:0;overflow:hidden}.dp-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;display:block}.dp-canvas:active{cursor:grabbing}.dp-canvas:focus-visible{outline:2px solid var(--t-accent,#2563eb);outline-offset:-2px}.dp-toolbar{flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;display:flex}.dp-zoom,.dp-tilt{flex:200px}.dp-zoom .img-range__val{display:none}.dp-auto{white-space:nowrap}.dp-note{margin:-4px 0 0}.dp-row{flex-wrap:wrap;gap:8px 20px;display:flex}.dp-actions{flex-wrap:wrap;gap:8px;display:flex}.dp-actions .tool-btn{flex:auto}.dp-dl{padding:12px 18px;font-size:17px}.dp-custom .img-num{width:7ch}.dp-sheet{border:1px solid var(--t-border,#dde3ea);border-radius:4px;max-width:100%;height:auto;display:block;box-shadow:0 1px 4px #00000014}.dp-sheet-info{margin:0}.dp-cam{margin-top:4px}@media (max-width:480px){.dp-auto{flex:100%}}.dp-measure{color:var(--t-muted,#5d6b7c);margin:0;font-size:14px}.dp-measure[data-kind=warn]{color:var(--t-warn,#b45309)}