.pd-dialog{--pd-ink:var(--brand-ink,#0a0a0a);--pd-ink-2:var(--brand-ink-2,#3d3d3d);--pd-ink-3:var(--brand-ink-3,#5c5c5c);--pd-sheet:var(--brand-sheet,#fff);--pd-paper:var(--brand-paper,#fafafa);--pd-wash:var(--brand-wash,#f4f4f4);--pd-rule:var(--brand-rule,#d4d4d4);--pd-hair:var(--brand-hairline,#ebebeb);--pd-field:var(--brand-field,#8a8a8a);--pd-warn:var(--brand-warn,#8a5300);--pd-warn-tint:var(--brand-warn-tint,#fbf2e2);--pd-danger:var(--brand-danger,#a33a2c);--pd-out:var(--m-out,cubic-bezier(.16, 1, .3, 1));--pd-standard:var(--m-standard,cubic-bezier(.2, 0, 0, 1));--pd-sheet-ease:var(--m-sheet,cubic-bezier(.32, .72, 0, 1));border:1px solid var(--pd-rule);background:var(--pd-sheet);width:min(1040px,100vw - 48px);max-width:none;height:min(720px,100dvh - 48px);max-height:none;color:var(--pd-ink);font-family:var(--brand-sans,ui-sans-serif, system-ui, sans-serif);border-radius:16px;margin:auto;padding:0;font-size:15px;line-height:1.45;overflow:hidden;box-shadow:0 24px 64px #0000002e,0 2px 8px #00000014}.pd-dialog[open]{animation:pd-in .25s var(--pd-out)}.pd-dialog.is-closing{animation:pd-out .18s var(--pd-standard) forwards}.pd-dialog::backdrop{animation:pd-fade .25s var(--pd-standard);background:#0000005c}.pd-dialog.is-closing::backdrop{animation:pd-fade .18s var(--pd-standard) reverse forwards}@keyframes pd-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}@keyframes pd-out{to{opacity:0;transform:translateY(6px)scale(.99)}}@keyframes pd-fade{0%{opacity:0}}.pd-frame{grid-template-rows:auto 1fr auto;height:100%;min-height:0;display:grid}.pd-head{border-bottom:1px solid var(--pd-hair);align-items:flex-start;gap:16px;padding:20px 20px 16px 28px;display:flex}.pd-head>div{flex:1;min-width:0}.pd-head h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:650;line-height:1.3}.pd-head p{color:var(--pd-ink-3);margin:2px 0 0;font-size:14px}.pd-grabber{display:none}.pd-icon{width:44px;height:44px;color:var(--pd-ink);cursor:pointer;transition:background-color .16s var(--pd-standard), transform .1s var(--pd-standard);background:0 0;border:0;border-radius:10px;place-items:center;margin:-6px -6px 0 0;display:grid}.pd-icon:hover{background:var(--pd-wash)}.pd-icon:active{transform:scale(.94)}.pd-body{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.pd-preview{background:var(--pd-wash);border-right:1px solid var(--pd-hair);place-items:center;min-height:0;padding:24px;display:grid;position:relative}.pd-preview-svg{width:100%;height:100%;max-height:100%;display:block}.pd-preview-grid{animation:pd-fade .2s var(--pd-standard)}.pd-sheet{fill:#fff;filter:drop-shadow(0 1px 2px #00000029)}.pd-margin{fill:none;stroke:var(--pd-rule);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.pd-tile{fill:none;stroke:var(--pd-ink);stroke-width:1.25px;vector-effect:non-scaling-stroke}.pd-tile-label rect{fill:var(--pd-ink)}.pd-tile-label text{fill:#fff;font-weight:700;font-family:var(--brand-sans,sans-serif)}.pd-count{background:var(--pd-sheet);border:1px solid var(--pd-rule);border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px;display:flex;position:absolute;bottom:16px;left:20px}.pd-count strong{font-variant-numeric:tabular-nums;font-size:18px}.pd-count span{color:var(--pd-ink-3);font-size:14px}.pd-controls{overscroll-behavior:contain;align-content:start;gap:18px;padding:20px 24px 24px;display:grid;overflow-y:auto}.pd-field{gap:8px;display:grid}.pd-field h3{color:var(--pd-ink-2);margin:0;font-size:14px;font-weight:650}.pd-seg{grid-template-columns:repeat(var(--count), 1fr);background:var(--pd-wash);border:1px solid var(--pd-hair);border-radius:10px;padding:3px;display:grid;position:relative}.pd-seg-thumb{width:calc((100% - 6px) / var(--count));background:var(--pd-sheet);transform:translateX(calc(100% * var(--index)));transition:transform .25s var(--pd-out);border-radius:8px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 3px #00000024}.pd-seg button{min-height:40px;color:var(--pd-ink-3);font:inherit;cursor:pointer;transition:color .16s var(--pd-standard);background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:14px;font-weight:600;position:relative}.pd-seg button.is-on{color:var(--pd-ink)}.pd-seg button:disabled{opacity:.4;cursor:default}.pd-papers{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pd-papers.is-few{grid-template-columns:repeat(3,1fr)}.pd-papers button{border:1px solid var(--pd-rule);background:var(--pd-sheet);min-height:44px;color:var(--pd-ink);font-weight:600;font:inherit;text-align:left;cursor:pointer;transition:border-color .16s var(--pd-standard), background-color .16s var(--pd-standard), transform .1s var(--pd-standard);border-radius:10px;place-items:center;padding:0 6px;display:grid}.pd-hint{color:var(--pd-ink-3);margin:0;font-size:14px}.pd-papers button:hover{border-color:var(--pd-field)}.pd-papers button:active,.pd-btn:active,.pd-fix:active{transform:scale(.97)}.pd-papers button.is-on{border-color:var(--pd-ink);background:var(--pd-ink);color:#fff}.pd-select{border:1px solid var(--pd-field);background:var(--pd-sheet);width:100%;min-height:44px;color:var(--pd-ink);font:inherit;border-radius:10px;padding:0 12px;font-size:15px}.pd-toggles{gap:2px;display:grid}.pd-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.pd-toggle>span{display:grid}.pd-toggle strong{font-size:15px;font-weight:500}.pd-toggle small{color:var(--pd-ink-3);font-size:14px;line-height:1.35}.pd-switch{background:var(--pd-rule);cursor:pointer;width:44px;height:26px;transition:background-color .2s var(--pd-standard);border:0;border-radius:999px;flex:none;padding:0;position:relative}.pd-switch span{width:20px;height:20px;transition:transform .25s var(--pd-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.pd-switch.is-on{background:var(--pd-ink)}.pd-switch.is-on span{transform:translate(18px)}.pd-foot{border-top:1px solid var(--pd-hair);background:var(--pd-sheet);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 24px;padding:14px 20px 18px 28px;display:grid}.pd-status{gap:8px;min-width:0;display:grid}.pd-status p{margin:0}.pd-summary{color:var(--pd-ink);font-size:15px}.pd-note{color:var(--pd-ink-3);font-size:14px}.pd-error{color:var(--pd-danger);font-size:14px}.pd-warning{background:var(--pd-warn-tint);color:var(--pd-warn);animation:pd-in .25s var(--pd-out);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;font-size:14px;display:grid}.pd-warning p{color:var(--pd-ink)}.pd-fix{border:1px solid var(--pd-warn);background:var(--pd-sheet);min-height:40px;color:var(--pd-ink);font:inherit;white-space:nowrap;cursor:pointer;transition:transform .1s var(--pd-standard);border-radius:8px;padding:0 12px;font-size:14px;font-weight:600}.pd-actions{gap:8px;display:flex}.pd-btn{border:1px solid var(--pd-rule);background:var(--pd-sheet);min-height:44px;color:var(--pd-ink);font:inherit;cursor:pointer;transition:background-color .16s var(--pd-standard), transform .1s var(--pd-standard), opacity .16s var(--pd-standard);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.pd-btn:hover{background:var(--pd-wash)}.pd-btn:disabled{opacity:.55;cursor:default}.pd-primary{border-color:var(--pd-ink);background:var(--pd-ink);color:#fff}.pd-primary:hover{background:var(--brand-accent-hover,#2b2b2b)}.pd-spin{animation:.9s linear infinite pd-spin}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-dialog :focus-visible{outline:2px solid var(--pd-ink);outline-offset:2px}@media (width<=720px){.pd-dialog{box-sizing:border-box;border-width:1px 0 0;border-radius:18px 18px 0 0;width:100vw;max-width:100vw;height:auto;max-height:92dvh;margin:0;inset:auto 0 0}.pd-dialog[open]{animation:pd-sheet-in .4s var(--pd-sheet-ease)}.pd-dialog.is-closing{animation:pd-sheet-out .2s var(--pd-standard) forwards}.pd-frame{height:auto;max-height:92dvh}.pd-head{padding:22px 12px 12px 20px;position:relative}.pd-head h2{font-size:18px}.pd-grabber{background:var(--pd-rule);border-radius:2px;width:36px;height:4px;margin-left:-18px;display:block;position:absolute;top:8px;left:50%}.pd-body{overscroll-behavior:contain;min-height:0;display:block;overflow-y:auto}.pd-preview{border-right:0;border-bottom:1px solid var(--pd-hair);height:220px;padding:14px}.pd-count{bottom:10px;left:12px}.pd-controls{padding:16px 20px 20px;overflow:visible}.pd-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));grid-template-columns:1fr;gap:10px}.pd-status{max-height:30dvh;overflow-y:auto}.pd-warning{grid-template-columns:auto 1fr}.pd-warning .pd-fix{grid-column:1/-1;justify-self:start}.pd-actions .pd-btn{flex:1}.pd-actions .pd-primary{flex:2}}@keyframes pd-sheet-in{0%{transform:translateY(100%)}}@keyframes pd-sheet-out{to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.pd-dialog[open],.pd-warning,.pd-preview-grid{animation:.12s linear pd-fade}.pd-dialog.is-closing{animation:.12s linear reverse forwards pd-fade}.pd-seg-thumb,.pd-switch span{transition-duration:1ms}.pd-spin{animation-duration:2s}}.pd-head h2:focus{outline:none}