.sketch-workspace{box-sizing:border-box;--sketch-paper:#fff;--sketch-ink:#25283b;--sketch-muted:#62667b;--sketch-border:#e1e3eb;--sketch-accent:#6541e8;--sketch-tint:#eee9ff;--sketch-stage:#edeef3;width:min(1240px,100%);color:var(--sketch-ink);margin:0 auto;padding:28px 28px 40px;font-size:16px}.sketch-workspace *{box-sizing:border-box}.sketch-workspace button,.sketch-workspace select{font:inherit;color:inherit}.sketch-workspace button{border:1px solid var(--sketch-border);background:var(--sketch-paper);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 13px;font-size:14px;transition:background .15s,border-color .15s;display:inline-flex}.sketch-workspace button:hover:not(:disabled){background:var(--sketch-tint);border-color:#b5a3f2}.sketch-workspace button:disabled{opacity:.4;cursor:default}:is(.sketch-workspace button:focus-visible,.sketch-workspace a:focus-visible,.sketch-workspace select:focus-visible,.sketch-workspace input:focus-visible,.sketch-workspace summary:focus-visible){outline:3px solid var(--sketch-accent);outline-offset:3px}.sketch-hidden-input,.sketch-sr{clip-path:inset(50%);white-space:nowrap;overflow:hidden;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important}.sketch-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.sketch-heading h1{letter-spacing:-.035em;margin:12px 0 10px;font-size:clamp(26px,3vw,36px);line-height:1.2}.sketch-heading p{color:var(--sketch-muted);margin:0;font-size:16px;line-height:1.6}.sketch-back{color:var(--sketch-muted);align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.sketch-local{color:var(--sketch-muted);align-items:center;gap:7px;font-size:13px;display:flex}.sketch-upload-card{text-align:center;background:var(--sketch-paper);border:2px dashed #cbc1ee;border-radius:24px;max-width:720px;margin:42px auto 20px;padding:48px 30px 24px;transition:border-color .2s,background .2s}.sketch-upload-card.is-dragging{background:var(--sketch-tint);border-color:var(--sketch-accent)}.sketch-upload-symbol{background:var(--sketch-tint);width:68px;height:68px;color:var(--sketch-accent);border-radius:20px;place-items:center;margin:0 auto 22px;display:grid}.sketch-upload-card h2{letter-spacing:-.025em;margin:0 0 10px;font-size:26px}.sketch-upload-card>p{color:var(--sketch-muted);margin:0 0 24px}.sketch-workspace .sketch-save{background:var(--sketch-accent);border-color:var(--sketch-accent);color:#fff;min-height:46px;padding:12px 20px;font-weight:650}.sketch-workspace .sketch-save:hover:not(:disabled){background:#5130c8;border-color:#5130c8}.sketch-workspace .sketch-select-file{min-width:190px;margin:auto}.sketch-file-limit{color:var(--sketch-muted);margin-top:16px;font-size:13px;display:block}.sketch-upload-privacy{border-top:1px solid var(--sketch-border);color:var(--sketch-muted);justify-content:center;align-items:center;gap:7px;margin-top:28px;padding-top:24px;font-size:13px;line-height:1.5;display:flex}.sketch-upload-privacy svg{flex-shrink:0}.sketch-file-bar{background:var(--sketch-paper);border:1px solid var(--sketch-border);border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.sketch-file-bar>svg{color:var(--sketch-accent);flex-shrink:0}.sketch-file-info{flex:1;min-width:0}.sketch-file-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.sketch-file-info span{color:var(--sketch-muted);margin-top:3px;font-size:12px;display:block}.has-document .sketch-heading{margin-bottom:16px}.has-document .sketch-heading h1{margin-bottom:0;font-size:26px}.sketch-editor{border:1px solid var(--sketch-border);background:var(--sketch-paper);border-radius:16px;overflow:hidden}.sketch-tool-row{border:0;border-bottom:1px solid var(--sketch-border);background:var(--sketch-paper);flex-wrap:wrap;align-items:center;gap:14px;min-width:0;margin:0;padding:14px 16px;display:flex}.sketch-modes{gap:4px;display:flex}.sketch-modes button{background:0 0;border-color:#0000}.sketch-modes button[aria-pressed=true]{background:var(--sketch-tint);color:var(--sketch-accent);border-color:#ded2ff}.sketch-ink-group{border-left:1px solid var(--sketch-border);align-items:center;gap:8px;padding-left:14px;display:flex}.sketch-workspace .sketch-swatch{border:1px solid #0002;border-radius:50%;width:25px;height:25px;min-height:0;padding:0;position:relative}.sketch-workspace .sketch-swatch:hover:not(:disabled){background:inherit;transform:translateY(-1px)}.sketch-swatch[aria-pressed=true]:after{content:"";border:2px solid var(--sketch-ink);border-radius:50%;position:absolute;inset:-4px}.sketch-custom-color{justify-content:center;align-items:center;width:32px;height:36px;margin-left:2px;display:flex}.sketch-custom-color input{border:1px solid var(--sketch-border);background:var(--sketch-paper);cursor:pointer;border-radius:8px;width:28px;height:28px;padding:0}.sketch-width{color:var(--sketch-muted);align-items:center;gap:8px;font-size:13px;display:flex}.sketch-workspace select{border:1px solid var(--sketch-border);background:var(--sketch-paper);border-radius:8px;min-height:38px;padding:7px;font-size:14px}.sketch-history{border-left:1px solid var(--sketch-border);gap:3px;margin-left:auto;padding-left:12px;display:flex}.sketch-history button{border-color:#0000;padding:10px}.sketch-history .sketch-clear{color:var(--sketch-muted)}.sketch-reader-bar{background:var(--sketch-paper);border-bottom:1px solid var(--sketch-border);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.sketch-page-controls{align-items:center;gap:6px;display:flex}.sketch-page-controls>button{border-color:#0000;width:36px;min-height:36px;padding:5px}.sketch-page-controls label{color:var(--sketch-muted);align-items:center;gap:7px;font-size:13px;display:flex}.sketch-page-controls select{text-align:center;min-width:50px}.sketch-mode-hint{color:var(--sketch-muted);font-size:13px}.sketch-zoom{color:var(--sketch-muted);align-items:center;gap:6px;display:flex}.sketch-page-viewport{background:var(--sketch-stage);overscroll-behavior:contain;scrollbar-gutter:stable;height:clamp(360px,65dvh,850px);padding:26px;overflow:auto}.sketch-document-sheet{flex-shrink:0;min-width:0;margin:0 auto}.sketch-document-sheet .sketch-board{background:0 0!important;border:0!important;border-radius:0!important;min-height:0!important;max-height:none!important;padding:0!important;display:block!important;overflow:visible!important}.sketch-document-sheet canvas{touch-action:none;background:#fff;border-radius:2px;display:block;box-shadow:0 6px 28px #25283b16;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important}.sketch-page-viewport.is-scroll canvas{cursor:grab}.sketch-page-viewport.is-draw canvas{cursor:crosshair}.sketch-form-option{flex-wrap:wrap;align-items:center;gap:8px 10px;margin:18px 0;font-size:14px;display:flex}.sketch-form-option input{width:17px;height:17px;accent-color:var(--sketch-accent)}.sketch-form-option span{color:var(--sketch-muted);font-size:13px}.sketch-help{color:var(--sketch-muted);margin:16px 0;font-size:14px}.sketch-help summary{cursor:pointer;width:max-content;max-width:100%;padding:7px 0}.sketch-help p{max-width:850px;font-size:14px;line-height:1.6}.sketch-action-bar{background:var(--sketch-paper);border:1px solid var(--sketch-border);bottom:max(12px,env(safe-area-inset-bottom));z-index:5;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px 18px;display:flex;position:sticky;box-shadow:0 5px 25px #25283b0b}.sketch-action-bar strong{font-size:14px;font-weight:600;display:block}.sketch-action-bar span{color:var(--sketch-muted);margin-top:4px;font-size:12px;display:block}.sketch-export-actions{gap:10px;display:flex}.sketch-export-actions .sketch-save{order:2}.sketch-workspace .sketch-save-image{color:var(--sketch-muted);background:0 0;border-color:#0000}.sketch-error{color:#a22c2c;background:#fff0f0;border:1px solid #e9abab;border-radius:10px;margin:16px 0;padding:14px 16px;font-size:14px}.sketch-status{color:var(--sketch-muted);justify-content:center;align-items:center;gap:16px;min-height:24px;padding:10px 0;font-size:14px;display:flex}.sketch-status:has(button){justify-content:space-between}.dark .sketch-workspace{box-sizing:border-box;--sketch-paper:#211e33;--sketch-ink:#f3efff;--sketch-muted:#c0bace;--sketch-border:#403953;--sketch-tint:#35294f;--sketch-stage:#171522}.dark .sketch-upload-card{border-color:#514167}.dark .sketch-error{color:#ffb6bd;background:#3b202b;border-color:#753c50}@media (max-width:1050px){.sketch-tool-row{gap:12px}.sketch-history{margin-left:0}.sketch-mode-hint,.sketch-history .sketch-clear span{display:none}}@media (max-width:760px){.sketch-workspace{padding:20px 14px 28px}.sketch-heading{margin-bottom:18px}.sketch-heading h1{font-size:28px}.sketch-upload-card{margin:28px auto 16px;padding:34px 20px 20px}.sketch-upload-card h2{font-size:23px}.sketch-local{display:none}.sketch-file-bar{gap:8px;padding:12px}.sketch-file-bar button{min-height:38px;padding:8px;font-size:12px}.sketch-tool-row{gap:14px 8px;padding:10px}.sketch-modes{width:100%}.sketch-modes button{flex:1}.sketch-ink-group{border:0;gap:8px;padding:0}.sketch-workspace .sketch-swatch{width:23px;height:23px}.sketch-width{margin-left:auto}.sketch-width>select{max-width:114px}.sketch-history{border:0;border-top:1px solid var(--sketch-border);justify-content:flex-end;width:100%;margin-left:0;padding:5px 0 0}.sketch-history .sketch-clear span{display:inline}.sketch-history button{min-height:36px}.sketch-reader-bar{gap:5px;padding:8px}.sketch-page-controls{gap:1px}.sketch-page-controls label{gap:5px;font-size:12px}.sketch-zoom svg{display:none}.sketch-zoom select{max-width:100px;font-size:13px}.sketch-page-viewport{height:55dvh;min-height:300px;padding:18px 12px}.sketch-action-bar{bottom:max(8px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px}.sketch-action-bar>div:first-child{width:100%}.sketch-action-bar strong{font-size:13px}.sketch-export-actions{gap:5px;width:100%}.sketch-export-actions .sketch-save{flex:1;order:0;padding:11px 13px;font-size:14px}.sketch-export-actions .sketch-save-image{padding:10px 8px;font-size:12px}.sketch-upload-privacy{font-size:12px}.sketch-form-option span{width:100%;padding-left:27px}}@media (max-width:420px){.sketch-width{margin-left:0}.sketch-ink-group{gap:7px}.sketch-custom-color{width:25px}.sketch-tool-row{gap:13px 10px}.sketch-width{justify-content:space-between;width:100%}.sketch-width select{max-width:none}.sketch-history{border:0;width:auto;margin-left:auto;padding:0}.sketch-tool-row .sketch-width{width:auto}.sketch-width>span,.sketch-action-bar strong{display:none}.sketch-action-bar>div:first-child span{margin:0}.sketch-page-controls>button{width:30px}.sketch-page-controls label{gap:4px}.sketch-page-controls select{min-width:44px}.sketch-zoom select{max-width:96px}}@media (prefers-reduced-motion:reduce){.sketch-workspace *{transition:none!important}}@media (max-width:420px){.sketch-width select{width:62px;min-width:62px}.sketch-ink-group{gap:6px}.sketch-tool-row{gap:10px}.sketch-tool-row .sketch-width{margin-left:auto}.sketch-history{border-top:1px solid var(--sketch-border);justify-content:flex-end;width:100%;padding-top:5px}.sketch-workspace .sketch-swatch{width:22px;height:22px}}.sketch-png-short{display:none!important}.sketch-action-bar .sketch-save-image span{font-size:inherit;color:inherit;margin:0}@media (max-width:480px){.sketch-png-long{display:none!important}.sketch-png-short{display:inline!important}}@media (max-width:360px){.sketch-modes{gap:2px;min-width:0}.sketch-modes button{gap:5px;min-width:0;padding:9px 6px;font-size:13px}.sketch-modes svg{width:16px;height:16px}.sketch-export-actions .sketch-save{gap:6px;padding:11px 10px}.sketch-upload-card{padding-left:16px;padding-right:16px}}