.dp{gap:var(--s5);display:grid}.dp-bench{gap:var(--s3);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.dp-pages{display:contents}.dp-panel{margin-block:var(--s2) 0;order:1}.dp-actions,.dp-bench>.dp-view{order:1}.dp-grid{order:2}.dp-pages>.dp-help{order:3}.dp-head{justify-content:space-between;align-items:baseline;gap:var(--s3);font-size:var(--step--1);color:var(--ink-2);min-width:0;display:flex}.dp-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dp-plain{font-size:var(--step--1);color:var(--ink-1);border-bottom:1px solid var(--brass);white-space:nowrap;min-height:44px}.dp-plain:hover{color:var(--ink-0)}.dp-facts{font-size:var(--step--1);color:var(--ink-1)}.dp-note,.dp-warn,.dp-problem,.dp-err{font-size:var(--step--1);color:var(--ink-2);border-left:2px solid var(--line-firm);padding-left:var(--s3);line-height:1.5}.dp-warn,.dp-problem{border-left-color:var(--warn-surface);color:var(--ink-1)}.dp-stop{border-left-color:var(--error)}.dp-err{border-left-color:var(--error);color:var(--ink-1)}.dp-setting{gap:var(--s2);min-width:0;display:grid}.dp-lbl{font-size:var(--step--1);color:var(--ink-1)}.dp-text{width:100%;min-width:0;font-size:max(16px, var(--step-0));min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--line-firm);border-radius:var(--r-sm);background:var(--surface-1);color:var(--ink-0)}.dp-text:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.dp-help{font-size:var(--step--1);color:var(--ink-2);line-height:1.5}.dp-count{color:var(--ink-1)}.dp-lock{gap:var(--s2);display:grid}.dp-lockwhy{font-size:var(--step--1);color:var(--ink-1)}.dp-lock input{width:100%;min-width:0;font-size:max(16px, var(--step-0));min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--line-firm);border-radius:var(--r-sm);background:var(--surface-1);color:var(--ink-0)}.dp-grid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));margin:0;padding:0;list-style:none;display:grid}.dp-tile{min-width:0;padding:var(--s2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);transition:border-color var(--dur) var(--ease);gap:2px;display:grid;position:relative}.dp-tile.is-cut{border-color:var(--error)}.dp-pick{cursor:pointer;gap:2px;min-width:0;min-height:44px;display:grid}.dp-pick input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.dp-pick input:focus-visible~.dp-sheet{outline:2px solid var(--focus);outline-offset:2px}.dp-zoom{z-index:1;top:var(--s2);right:var(--s2);border:1px solid var(--line-firm);border-radius:var(--r-sm);background:color-mix(in srgb, var(--surface-0) 88%, transparent);width:30px;height:30px;color:var(--ink-1);cursor:pointer;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);place-items:center;padding:0;display:grid;position:absolute}.dp-zoom svg{width:15px;height:15px}.dp-zoom:hover{color:var(--ink-0);border-color:var(--brass)}.dp-zoom:after{content:"";position:absolute;inset:-7px}.dp-sheet{aspect-ratio:17/22;border:1px solid var(--line-firm);background:var(--surface-0);width:100%;box-shadow:var(--shadow-1);display:block;position:relative;overflow:hidden}.dp-sheet img{object-fit:contain;width:100%;height:100%}.dp-wait{background:var(--surface-2);animation:dp-breathe 1.4s var(--ease) infinite alternate;position:absolute;inset:0}@keyframes dp-breathe{to{opacity:.45}}.dp-mark{opacity:0;background:linear-gradient(to bottom right, transparent calc(50% - 1px), var(--error) 50%, transparent calc(50% + 1px)), linear-gradient(to top right, transparent calc(50% - 1px), var(--error) 50%, transparent calc(50% + 1px));transition:opacity var(--dur) var(--ease);position:absolute;inset:0}.is-cut .dp-mark{opacity:.55}.is-cut .dp-sheet img{opacity:.3}.dp-no,.dp-state{font-size:var(--step--1);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.is-cut .dp-state{color:var(--error)}.dp-panel{gap:var(--s3);min-width:0;padding:var(--s4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-1);box-shadow:var(--shadow-1);align-content:start;display:grid}.dp-stub{justify-content:space-between;gap:var(--s3);font-size:var(--step--1);color:var(--ink-2);min-width:0;display:flex}.dp-perf{background:repeating-linear-gradient(to right, var(--line-firm) 0 4px, transparent 4px 8px);height:1px}.dp-out{gap:var(--s2);min-width:0;margin:0;display:grid}.dp-out>div{gap:var(--s3);grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline;display:grid}.dp-out dt{font-size:var(--step--1);color:var(--ink-2)}.dp-out dd{text-align:right;color:var(--ink-0);overflow-wrap:anywhere;min-width:0;margin:0}.dp-view{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);width:100%;height:320px}.dp-actions{gap:var(--s3);flex-wrap:wrap;align-items:center;min-width:0;display:flex}.dp-open{font-size:var(--step--1);color:var(--ink-1);border-bottom:1px solid var(--brass);justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.dp-primary{justify-content:center;align-items:center;gap:var(--s2);min-height:48px;padding:0 var(--s4);border-radius:var(--r-sm);background:var(--brass);color:var(--on-brass);font-size:var(--step-0);text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;transition:background var(--dur) var(--ease);display:inline-flex;overflow:hidden}.dp-primary:hover:not(:disabled){background:var(--brass-hi)}.dp-primary:disabled{background:var(--surface-2);color:var(--ink-2);cursor:not-allowed}.dp-working{gap:var(--s2);justify-items:center;display:grid}.dp-stack{width:72px;height:56px;position:relative}.dp-leaf{left:calc(var(--i) * 4px);top:calc(var(--i) * 3px);border:1px solid var(--line-firm);background:var(--surface-0);width:40px;height:52px;box-shadow:var(--shadow-1);animation:dp-land .24s var(--ease) both;border-radius:2px;position:absolute}@keyframes dp-land{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.dp-wait{opacity:.6;animation:none}.dp-leaf{animation:none}.dp-mark,.dp-tile,.dp-primary{transition:none}}@media (width<=820px){.dp-actions{order:4}.dp-actions>.dp-primary{flex:12em}.dp-bench>.dp-view{display:none}}@media (width>=821px){.dp-panel{align-items:center;gap:var(--s3) var(--s5);flex-wrap:wrap;display:flex}.dp-panel>.dp-stub,.dp-panel>.dp-perf,.dp-panel>.dp-out:not(.dp-forecast),.dp-panel>.dp-working,.dp-panel>.dp-err,.dp-panel>.dp-help{flex:100%}.dp-forecast{gap:var(--s2) var(--s5);flex-wrap:wrap;flex:0 auto;display:flex}.dp-forecast>div{align-items:baseline;gap:var(--s2);display:flex}.dp-forecast dd{text-align:left}.dp-panel>.dp-see{margin-left:auto}}.dp-see{justify-self:start}.dp-modal{border:1px solid var(--line-firm);border-radius:var(--r-md);background:var(--surface-1);width:fit-content;min-width:min(92vw,420px);max-width:min(96vw,1400px);max-height:94dvh;color:var(--ink-0);box-shadow:0 18px 48px color-mix(in srgb, var(--ink-0) 32%, transparent);padding:0;overflow:hidden}.dp-modal::backdrop{background:var(--scrim)}.dp-modal-in{gap:var(--s3);max-height:94dvh;padding:var(--s4);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.dp-modal-top,.dp-modal-feet{align-items:center;gap:var(--s3);min-width:0;display:flex}.dp-modal-top{justify-content:space-between}.dp-modal-feet{flex-wrap:wrap;justify-content:center}.dp-modal-feet button:disabled{opacity:.4;cursor:default}.dp-modal-no{align-items:baseline;gap:var(--s3);font-size:var(--step--1);color:var(--ink-1);min-width:0;display:flex}.dp-modal-state{color:var(--ink-2)}.dp-modal-sheet{background:var(--surface-2);border-radius:var(--r-sm);place-items:center;min-width:0;min-height:0;display:grid}.dp-modal-sheet img{object-fit:contain;background:var(--surface-0);width:auto;max-width:100%;height:auto;max-height:calc(94dvh - 10rem);box-shadow:0 1px 6px color-mix(in srgb, var(--ink-0) 18%, transparent);display:block}.dp-modal-sheet img.is-cut{outline:3px solid var(--error);outline-offset:-3px}.dp-modal-wait{aspect-ratio:210/297;border-radius:var(--r-sm);background:var(--surface-2);width:min(60vw,420px);max-height:100%}@media (width<=640px){.dp-modal{border:0;border-radius:0;width:100vw;max-height:100dvh}.dp-modal-in{max-height:100dvh;padding:var(--s3)}.dp-modal-sheet img{max-height:calc(100dvh - 12rem)}.dp-modal-feet{justify-content:space-between}.dp-modal-cut{order:3;width:100%}}
