.pde-shell,.pde-sign-modal{--pde-ink:#172033;--pde-muted:#64748b;--pde-line:#d8dee8;--pde-accent:#5b5bf7;color:var(--pde-ink)}
.pde-drop{display:grid;place-items:center;min-height:160px;margin:18px 0;padding:24px;border:2px dashed #aeb9ca;border-radius:14px;background:#f8faff;text-align:center;cursor:pointer}
.pde-drop strong{display:block;font-size:1.15rem}.pde-drop span{display:block;margin-top:6px;color:var(--pde-muted)}.pde-drop input{position:absolute;width:1px;height:1px;opacity:0}
.pde-workspace[hidden],.pde-drop[hidden]{display:none}
.pde-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--pde-line);border-radius:12px;background:#fff}
.pde-toolbar button,.pde-toolbar select,.pde-toolbar input{min-height:42px;border:1px solid var(--pde-line);border-radius:8px;background:#fff;color:var(--pde-ink);font:inherit}
.pde-toolbar button{padding:8px 12px;font-weight:650;cursor:pointer}.pde-toolbar button:hover{border-color:var(--pde-accent);background:#f4f5ff}.pde-toolbar button[aria-pressed=true]{border-color:var(--pde-accent);background:#eceeff;color:#3434bd}.pde-toolbar button:disabled{opacity:.48;cursor:not-allowed}.pde-toolbar input[type=color]{width:48px;padding:4px}.pde-toolbar input[type=number]{width:74px;padding:7px}.pde-toolbar input[type=text]{flex:1;min-width:140px;padding:8px}.pde-toolbar select{padding:7px}.pde-toolgroup{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-right:9px;border-right:1px solid #e8ebf1}.pde-toolgroup:last-child{border:0}.pde-action-primary{background:var(--pde-accent)!important;color:#fff!important;border-color:var(--pde-accent)!important}.pde-status{min-height:24px;margin:10px 2px;color:var(--pde-muted);font-size:.92rem}.pde-status[data-kind=error]{color:#b42318}.pde-status[data-kind=success]{color:#167044}
.pde-stage{min-height:280px;max-height:75vh;overflow:auto;padding:24px 14px;background:#eef1f6;border:1px solid var(--pde-line);border-radius:12px;overscroll-behavior:contain}.pde-sheet{position:relative;width:max-content;max-width:100%;margin:0 auto;box-shadow:0 3px 14px #17203326;background:#fff}.pde-sheet canvas{display:block;width:100%;height:auto}.pde-sheet #pde-overlay{position:absolute;inset:0;touch-action:none}.pde-empty{display:grid;place-items:center;min-height:260px;color:var(--pde-muted);text-align:center}.pde-pagebar{display:flex;justify-content:center;align-items:center;gap:10px;margin:12px 0}.pde-pagebar button{min-width:42px;min-height:40px;border:1px solid var(--pde-line);border-radius:8px;background:#fff;cursor:pointer}.pde-pagebar input{width:65px;padding:8px;border:1px solid var(--pde-line);border-radius:8px;text-align:center;font:inherit}.pde-pagebar output{min-width:50px;color:var(--pde-muted)}.pde-limit{font-size:.86rem;color:var(--pde-muted)}
.pde-fileline{margin:12px 0;color:var(--pde-muted);overflow-wrap:anywhere}.pde-note{margin:14px 0;padding:12px 14px;border-left:4px solid #d58b00;border-radius:8px;background:#fff8e8}.pde-sign-modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;overflow-y:auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#10182899}.pde-sign-modal.open{display:grid}.pde-sign-card{box-sizing:border-box;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:20px;border-radius:12px;background:#fff;box-shadow:0 16px 50px #10182840}.pde-sign-card h2{margin-top:0}.pde-sign-pad{width:100%;height:170px;border:2px dashed #aeb9ca;border-radius:8px;touch-action:none;background:#fff}.pde-sign-card input{width:100%;margin:8px 0;padding:10px;border:1px solid var(--pde-line);border-radius:8px;font:inherit}.pde-sign-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pde-sign-actions button{padding:9px 13px;border:1px solid var(--pde-line);border-radius:8px;background:#fff;font:inherit;cursor:pointer}.pde-sign-actions .primary{display:block;flex:0 0 100%;order:-1;min-height:48px;background:var(--pde-accent);color:#fff;border:1px solid var(--pde-accent);font-weight:700}.pde-a11y{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:680px){.pde-toolbar{padding:8px;gap:6px}.pde-toolgroup{gap:5px;padding-right:6px}.pde-toolbar button{padding:7px 9px;min-height:40px;font-size:.9rem}.pde-toolbar input[type=text]{flex-basis:100%;order:5}.pde-stage{padding:12px 6px;max-height:68vh}.pde-pagebar{gap:6px}.pde-limit{font-size:.8rem}}