:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--panel:#f3f1f7;--soft:#ece8f4;--tool-border:#ddd8e8;--tool-hover:#ece8f4;--text:#181818;--muted:#686274;--line:#ddd8e8;--accent:#6254d9;--accent-text:#6254d9;--art:#eee;--hill:#b8b8b8;--error:#ad2033;--error-bg:#fff0f1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#18191e;--panel:#23242c;--soft:#2b2c35;--tool-border:var(--accent);--tool-hover:var(--panel);--text:#f2f0fa;--muted:#b9b6c7;--line:#41404c;--accent-text:#b4aaff;--art:#3b3457;--hill:#746889;--error:#ffb3bf;--error-bg:#3a222c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#18191e;--panel:#23242c;--soft:#2b2c35;--tool-border:var(--accent);--tool-hover:var(--panel);--text:#f2f0fa;--muted:#b9b6c7;--line:#41404c;--accent-text:#b4aaff;--art:#3b3457;--hill:#746889;--error:#ffb3bf;--error-bg:#3a222c}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.65 Segoe UI,Malgun Gothic,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,input,select{color:var(--text)}button{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-height:40px;padding:7px 12px}a{color:inherit;text-decoration:none}button:hover:not(:disabled),a.secondary:hover{border-color:var(--accent)}a:hover{color:var(--accent-text)}:focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}p{margin:0 0 16px}h1,h2,h3{word-break:keep-all;line-height:1.35}h1{letter-spacing:-1.6px;margin:14px 0 22px;font-size:clamp(28px,4vw,44px)}h2{letter-spacing:-.5px;margin:0;font-size:23px}h3{margin:0 0 8px;font-size:18px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:20px;padding:0;font-size:18px;font-weight:650}img{max-width:100%}.container{max-width:1160px;margin:auto;padding:0 40px}.wide-container{max-width:1560px;margin:auto;padding:0 32px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:2px;color:var(--accent-text);font-size:11px;font-weight:700}.primary,.secondary{text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px 19px;font-size:14px;font-weight:600;display:inline-flex}.primary{background:var(--accent);border:1px solid var(--accent);color:#fff}.primary:hover{color:#fff;filter:brightness(1.1)}.secondary{border:1px solid var(--line);background:var(--panel);color:var(--text)}.text-link{color:var(--muted);font-size:13px}.text-button{color:var(--accent-text);background:0 0;border:0;padding:7px 0;font-size:13px}.full{width:100%}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:auto;padding:25px 40px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;gap:10px;font-size:27px;font-weight:750;display:flex}.wordmark:hover{color:var(--text)}.brand-mark{border:5px solid var(--accent);border-radius:7px;flex:none;width:30px;height:30px;position:relative}.brand-mark:after{content:"";background:var(--accent);border:3px solid var(--bg);border-radius:4px;width:14px;height:14px;position:absolute;top:-7px;right:-7px}.site-header nav{align-items:center;gap:26px;font-size:13px;display:flex}.nav-link{color:var(--muted)}.language,.theme-trigger{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:7px 11px;font-size:12px;display:inline-flex}.theme-picker{position:relative}.theme-options{background:var(--panel);border:1px solid var(--line);z-index:30;border-radius:10px;width:145px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0002}.theme-options button{border:0;justify-content:space-between;width:100%;font-size:13px;display:flex}.theme-options button[aria-pressed=true]{background:var(--accent);color:#fff}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:82px 0 86px;display:grid}.hero h1{letter-spacing:-2.3px;margin:20px 0 24px;font-size:clamp(32px,4.5vw,53px);line-height:1.25}.hero-copy>p{color:var(--muted);margin-bottom:28px;font-size:15px}.hero-copy .hero-note{margin:13px 0 0;font-size:12px}.hero-art{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:20px;transform:rotate(2deg);box-shadow:0 20px 45px #0000000b}.art-label{color:var(--muted);justify-content:space-between;margin-bottom:14px;font-size:11px;display:flex}.art-label.bottom{margin:14px 0 0}.art-canvas{aspect-ratio:1.28;background:var(--art);border-radius:6px;position:relative;overflow:hidden}.art-orb{aspect-ratio:1;background:var(--accent);border-radius:50%;width:54%;position:absolute;top:12%;left:22%;box-shadow:inset -15px -18px #00000016}.art-hill{background:var(--hill);border-radius:50%;width:120%;height:65%;position:absolute;top:63%;left:-10%;transform:rotate(-15deg)}.art-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3px;display:grid;position:absolute;inset:0}.art-grid span{color:#fff;text-shadow:0 1px 3px #000;border:1px solid #ffffffb0;padding:5px;font-size:11px}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.tool-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tool-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:25px}.tool-card.active{border-color:var(--tool-border)}.tool-card.active:hover{background:var(--tool-hover);color:var(--text);box-shadow:0 6px 22px #6254d915}.tool-icon{color:var(--accent-text);margin-bottom:15px;font-size:28px;line-height:1;display:block}.tool-card p{color:var(--muted);font-size:13px}.tool-action{color:var(--accent-text);font-size:12px}.badge{color:var(--muted);background:var(--soft);border-radius:5px;padding:4px 8px;font-size:11px}.guide-section{padding-top:12px}.guide-list{border-top:1px solid var(--line)}.guide-list>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.guide-list small{color:var(--muted);letter-spacing:1.3px;font-size:10px}.guide-list h3{margin:5px 0;font-size:17px;font-weight:500}.guide-list>a>span:last-child{color:var(--accent-text);font-size:22px}.site-footer{border-top:1px solid var(--line);max-width:1360px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:30px auto 0;padding:30px 40px;font-size:12px;display:flex}.site-footer strong{color:var(--text);font-size:17px}.site-footer p{margin:5px 0 0}.site-footer nav{gap:20px;display:flex}.development-note{font-size:10px}.page-section{min-height:55vh;padding-top:64px}.intro{color:var(--muted);word-break:keep-all;max-width:670px;margin-bottom:35px;font-size:17px}.article{max-width:740px;margin:0 auto;padding:65px 0 45px}.article h2{margin:40px 0 14px;font-size:23px}.article p,.article li{line-height:1.9}.article ol{padding-left:22px}.article li{margin:12px 0;padding-left:7px}.article .primary{margin:10px 0}.skip-link{z-index:100;background:var(--panel);border:2px solid var(--accent);padding:10px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-page{padding:30px 0}.editor-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.editor-title h1{margin:8px 0 0;font-size:30px}.editor-layout{border:1px solid var(--line);background:var(--panel);border-radius:13px;grid-template-columns:180px minmax(0,1fr) 260px;display:grid;overflow:hidden}.file-panel{border-right:1px solid var(--line);padding:24px 18px}.file-panel h2{margin:10px 0 20px;font-size:16px}.file-panel .secondary{width:100%;padding:9px 12px;font-size:12px}.filename{word-break:break-all;margin:22px 0 6px;font-size:13px}.file-panel>p{margin-top:18px}.privacy-note{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding-top:18px;font-size:11px}.workspace{background:var(--soft);flex-direction:column;min-width:0;display:flex}.workspace.is-dragging{outline:3px solid var(--accent);outline-offset:-4px}.workspace-top,.workspace-bottom{color:var(--muted);background:var(--panel);justify-content:space-between;align-items:center;gap:8px;padding:14px 18px;font-size:11px;display:flex}.workspace-top{border-bottom:1px solid var(--line);min-height:59px}.workspace-top label{align-items:center;gap:8px;display:flex}.workspace-top select{padding:4px;font-size:11px}.workspace-bottom{border-top:1px solid var(--line);margin-top:auto}.dropzone{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:450px;padding:40px 24px;display:flex}.dropzone h2{font-size:21px}.dropzone p{margin:0;font-size:13px}.dropzone .primary{margin-top:8px}.upload-mark{color:var(--accent-text);margin-bottom:8px;font-size:35px}.settings-panel{border-left:1px solid var(--line);padding:24px 20px}.settings-panel>p{margin:16px 0 0}.segmented{border:1px solid var(--line);border-radius:8px;gap:3px;margin-bottom:20px;padding:3px;display:flex}.segmented button{border:0;flex:1;min-height:36px;padding:8px 4px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--accent);color:#fff}.number-pair{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px;display:grid}label{font-size:12px}input,select{background:var(--panel);border:1px solid var(--line);border-radius:7px;width:100%;min-width:0;padding:9px}.number-pair input{margin-top:7px;font-size:16px;display:block}.format-label{margin:22px 0 8px;display:block}.format-label select{margin-top:7px;display:block}.cut-heading{justify-content:space-between;align-items:center;margin:15px 0 8px;font-size:12px;display:flex}.cut-heading button{min-height:32px;padding:3px 7px;font-size:11px}.cut-row{gap:6px;margin-bottom:6px;display:flex}.cut-row label{align-items:center;gap:7px;min-width:0;display:flex}.cut-row label>span{font-size:11px}.cut-row input{padding:6px;font-size:13px}.cut-row button{min-height:34px;padding:5px 9px}.field-error{color:var(--error);font-size:12px}.error-message{background:var(--error-bg);color:var(--error);border:1px solid var(--error);border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:13px 18px;display:flex}.error-message button{color:inherit;background:0 0;border:0;font-size:20px}.canvas-scroll{flex:1;min-height:350px;max-height:680px;padding:24px;overflow:auto}.image-stage{background:repeating-conic-gradient(#ccc 0% 25%,#fff 0% 50%) 0/16px 16px;margin:0 auto;line-height:0;position:relative}.image-stage>img{width:100%;height:auto;display:block}.piece-number{z-index:2;color:#fff;pointer-events:none;background:#181818b3;border-radius:3px;margin:5px;padding:4px 5px;font-size:10px;line-height:1;position:absolute}.cut-line,.cut-handle{z-index:3;background:0 0;border:0;border-radius:0;min-height:0;margin:0;padding:0;position:absolute}.cut-line.x{border-left:2px dashed #fff;top:0;bottom:0;box-shadow:-1px 0 #333}.cut-line.y{border-top:2px dashed #fff;left:0;right:0;box-shadow:0 -1px #333}.cut-handle{touch-action:none}.cut-handle.x{cursor:ew-resize;width:18px;height:100%;top:0;transform:translate(-50%)}.cut-handle.y{cursor:ns-resize;width:100%;height:18px;left:0;transform:translateY(-50%)}.cut-handle:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #6254d9}.cut-handle.x:after{width:2px;height:100%;top:0;left:8px}.cut-handle.y:after{width:100%;height:2px;top:8px;left:0}.cut-handle:focus-visible{outline-offset:0}.results{padding-top:38px}.results h2{margin-top:8px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px;display:grid}.result-piece{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:12px}.result-image{background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;justify-content:center;align-items:center;height:140px;display:flex}.result-image img{object-fit:contain;max-height:100%}.result-piece p{justify-content:space-between;margin:12px 0;font-size:12px;display:flex}.result-piece .secondary{min-height:38px;padding:7px;font-size:12px}.results>p{margin-top:20px}@media (max-width:1000px){.hero{gap:35px}.editor-layout{grid-template-columns:minmax(0,1fr) 240px}.file-panel{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:16px;padding:14px 18px;display:flex}.file-panel .eyebrow,.file-panel h2,.privacy-note{display:none}.file-panel .secondary{width:auto}.file-panel p{margin:0}.file-panel .text-button{margin-left:auto}.hero h1{font-size:40px}.site-header nav{gap:18px}}@media (max-width:767px){.container,.wide-container{padding:0 20px}.site-header{flex-wrap:wrap;gap:10px;padding:19px 20px}.wordmark{font-size:23px}.site-header nav{gap:12px}.nav-link{font-size:12px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0 52px}.hero h1{font-size:42px}.hero-art{justify-self:center;width:100%;max-width:440px;transform:none}.hero-copy{max-width:540px}.tool-grid{grid-template-columns:1fr}.tool-card{padding:22px}.tool-icon{float:right;margin:0}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:10px}.section-heading h2{font-size:21px}.section{padding-bottom:36px}.guide-list h3{font-size:16px}.article{padding:40px 0}.site-footer{gap:20px;padding:25px 20px}.editor-layout{flex-direction:column;display:flex}.settings-panel{border-left:0;border-top:1px solid var(--line)}.settings-panel fieldset{max-width:none}.dropzone{min-height:310px;padding:30px 15px}.canvas-scroll{min-height:200px;max-height:500px;padding:16px}.file-panel{gap:10px}.file-panel>.muted{font-size:10px}.filename{max-width:160px}.number-pair{max-width:300px}.cut-fields{max-width:420px}.editor-title h1{font-size:26px}.editor-title .text-link{font-size:11px}.editor-page{padding-top:22px}.results .section-heading .primary{width:100%}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-piece p{flex-wrap:wrap;gap:4px}.page-section{padding-top:40px}.site-header .nav-link{display:none}.theme-trigger,.language{min-height:40px}.cut-handle.x{width:28px}.cut-handle.x:after{left:13px}.cut-handle.y{height:28px}.cut-handle.y:after{top:13px}}@media (prefers-reduced-motion:no-preference){button,a{transition:border-color .15s,background-color .15s,box-shadow .15s}}.site-header .mobile-navigation{display:none}.guide-summary{color:var(--muted);max-width:760px;margin:8px 0 0;font-size:13px;line-height:1.7}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:32px;font-size:12px;display:flex}.article-toc{background:var(--soft);border-radius:10px;margin:32px 0 40px;padding:22px 24px}.article-toc strong{font-size:13px}.article-toc ol{margin:12px 0 0;padding-left:20px}.article-toc li{margin:6px 0;font-size:14px}.article-toc a{color:var(--accent-text)}.article-section{scroll-margin-top:28px}.article-tool{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-top:44px;padding:26px}.article-tool h2{margin:8px 0 12px;font-size:22px}.article-tool p{color:var(--muted);margin-bottom:10px;font-size:14px}.related-guides{border-top:1px solid var(--line);margin-top:40px}.related-guides h2{margin-top:26px;font-size:20px}.related-guides>a{color:var(--accent-text);justify-content:space-between;gap:16px;padding:12px 0;display:flex}.results h2:focus{outline:0}@media (max-width:767px){.site-header .mobile-navigation{border-top:1px solid var(--line);justify-content:space-between;width:100%;margin-top:3px;padding-top:12px;font-size:12px;display:flex}.mobile-navigation a{align-items:center;gap:10px;min-height:32px;display:flex}.article-toc{padding:18px}.guide-summary{font-size:12px}.article-tool{padding:20px}}.resize-original{flex:1;justify-content:center;align-items:center;min-height:340px;padding:24px;display:flex}.resize-original img{object-fit:contain;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;max-height:520px}.ratio-lock{align-items:center;gap:8px;min-height:36px;margin:0 0 12px;display:flex}.ratio-lock input{width:16px;height:16px;accent-color:var(--accent)}.scale-presets{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;display:grid}.scale-presets button{padding:6px;font-size:12px}.resize-result{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;padding:24px;display:grid}.resize-result-image{background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;justify-content:center;align-items:center;display:flex}.resize-result-image img{object-fit:contain;max-height:460px}.resize-result .filename{overflow-wrap:anywhere}.resize-result strong{font-size:22px}@media (max-width:767px){.resize-original{min-height:180px;padding:16px}.resize-original img{max-height:340px}.resize-result{grid-template-columns:1fr;padding:16px}.resizer .scale-presets{max-width:320px}}.edit-mode{flex-wrap:wrap;gap:6px;margin:0 0 20px;display:flex}.edit-mode button{padding:10px 18px;font-size:13px}.edit-mode button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.batch-intro{max-width:840px;color:var(--muted);margin-bottom:20px;font-size:14px}.batch-layout{border:1px solid var(--line);background:var(--panel);border-radius:12px;grid-template-columns:minmax(0,1fr) 290px;display:grid;overflow:hidden}.batch-files{min-width:0;padding:24px}.batch-files h2{font-size:20px}.batch-empty{text-align:center;background:var(--soft);border:1px dashed var(--line);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;margin-bottom:16px;padding:22px;display:flex}.batch-empty>span{color:var(--accent-text);margin-bottom:12px;font-size:35px}.batch-queue{margin:0 0 16px;padding:0;list-style:none}.batch-queue li{border-bottom:1px solid var(--line);padding:16px 0}.batch-queue li>div:first-child{align-items:flex-start;gap:14px;display:flex}.batch-queue strong{color:var(--muted);padding-top:3px;font-size:11px}.batch-filename{overflow-wrap:anywhere;min-width:0;font-size:14px}.batch-filename small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.batch-row-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;font-size:12px;display:flex}.batch-row-actions button{min-height:34px;padding:4px 10px;font-size:11px}.batch-row-actions button[aria-pressed=true]{color:var(--accent-text);border-color:var(--accent)}.batch-queue .field-error{margin:8px 0 0;font-size:12px}.batch-progress{min-height:22px;color:var(--muted);margin-top:18px;font-size:13px}.batch-stop{margin-top:12px}.batch-preview-title{overflow-wrap:anywhere;margin-bottom:16px;font-size:15px}.batch-editor .settings-panel .format-label:first-of-type{margin-top:0}@media (max-width:767px){.batch-layout{grid-template-columns:1fr}.batch-files{padding:18px}.batch-files h2{font-size:18px}.batch-files .section-heading{align-items:center}.edit-mode button{padding:9px 12px}.batch-layout .settings-panel{border-top:1px solid var(--line);border-left:0}.batch-row-actions{justify-content:flex-start;padding-left:28px}}.utility-tool{padding-bottom:40px}.utility-tool fieldset{min-width:0}.utility-tool textarea{resize:vertical;border:1px solid var(--line);background:var(--bg);width:100%;min-height:150px;color:var(--text);font:inherit;border-radius:8px;padding:14px}.utility-tool .format-label{margin-bottom:18px}.utility-tool h2{overflow-wrap:anywhere}.utility-result{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px}.utility-result h2{margin-bottom:12px}.pdf-image-list{margin:0;padding:0;list-style:none}.pdf-image-list li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.pdf-image-list img{object-fit:contain;background:var(--soft);border-radius:6px;width:64px;height:64px}.pdf-image-list span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.pdf-image-list li>div{gap:4px;display:flex}.qr-preview{text-align:center}.qr-preview>img{width:100%;max-width:320px;image-rendering:pixelated;margin:0 auto 20px;display:block}.qr-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.document-icon{letter-spacing:.5px;font-size:15px;font-weight:750;line-height:28px}.utility-note{margin-top:24px}.utility-tool .number-pair select{border:1px solid var(--line);background:var(--bg);border-radius:8px;width:100%;max-width:100%;padding:9px}@media (max-width:600px){.pdf-image-list li{flex-wrap:wrap}.pdf-image-list li>div{margin-left:auto}.utility-tool .number-pair{grid-template-columns:1fr}}.qr-step{margin-bottom:22px;font-size:19px}.qr-tool .batch-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}.qr-customize{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.qr-customize summary{cursor:pointer;font-size:14px;font-weight:600}.qr-customize[open] summary{margin-bottom:20px}.qr-color-options{gap:10px;margin-top:8px;display:flex}.qr-color-options button{align-items:center;gap:8px;display:flex}.qr-color-options button[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.qr-color-options span{border:1px solid #fff5;border-radius:50%;width:16px;height:16px}.qr-local-note{margin-top:22px!important}.qr-preview-stage{aspect-ratio:1;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:300px;margin:0 auto 20px;display:flex;overflow:hidden}.qr-preview-stage img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.qr-empty{color:#656565;padding:24px}.qr-empty svg{color:#a0a0a0;margin-bottom:15px}.qr-empty p{margin:0;font-size:13px}.qr-download-hint{margin-top:16px!important}@media (max-width:760px){.qr-tool .batch-layout{grid-template-columns:1fr}}.qr-wifi-fields input:not([type=checkbox]){border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:12px}.qr-check{align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.qr-background-options{margin-top:20px}.qr-transparent{background-color:#fff;background-image:conic-gradient(#e5e5e5 25%,#fff 0 50%,#e5e5e5 0 75%,#fff 0);background-size:20px 20px}.qr-tool .qr-check{justify-content:flex-start}.qr-tool .qr-check input[type=checkbox]{flex:0 0 16px;width:16px;min-width:16px;height:16px;margin:0}.qr-customize-title{margin:0 0 20px;font-size:14px}.qr-custom-color{align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.qr-tool .qr-custom-color input[type=color]{cursor:pointer;flex:0 0 48px;width:48px;height:36px;padding:3px}.qr-color-options{flex-wrap:wrap}.pdf-source-list,.pdf-order-list{margin:18px 0;padding:0;list-style:none}.pdf-source-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.pdf-source-list strong{overflow-wrap:anywhere}.pdf-row-actions{flex-shrink:0;gap:6px;display:flex}.pdf-order-list{max-height:420px;overflow:auto}.pdf-order-list li{align-items:center;gap:8px;padding:8px 0;display:flex}.pdf-order-list span{flex:1}.pdf-margin-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pdf-margin-grid input{width:100%;min-width:0}@media (max-width:600px){.pdf-source-list li{flex-wrap:wrap}}.theme-icon-button{justify-content:center;width:40px;height:40px;padding:9px}.theme-sun{display:none}.theme-moon,:root[data-theme=dark] .theme-sun{display:block}:root[data-theme=dark] .theme-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .theme-sun{display:block}:root:not([data-theme=light]):not([data-theme=dark]) .theme-moon{display:none}}.brand-logo{flex:none;width:148px;height:30px;display:block}.brand-logo-dark,:root[data-theme=dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .brand-logo-light{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .brand-logo-dark{display:block}}@media (max-width:767px){.brand-logo{width:138px;height:28px}}.pdf-search-row{align-items:center;gap:12px;margin-bottom:22px;display:flex}.pdf-search{border:1px solid var(--line);background:var(--panel);max-width:600px;color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:12px;padding:0 14px;display:flex}.pdf-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.pdf-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:14px 0}.pdf-search svg{flex:none}.pdf-search-count{margin-bottom:18px}.pdf-search-empty{text-align:center;border:1px dashed var(--line);background:var(--soft);border-radius:12px;padding:36px 20px}.pdf-search-empty h2{margin-bottom:12px}@media (max-width:480px){.pdf-search-row{align-items:stretch}.pdf-search{gap:8px;padding:0 10px}.pdf-search input{font-size:13px}.pdf-search-row>button{flex:none}}.pdf-preview-panel{border:1px solid var(--line);border-radius:10px;margin:24px 0;overflow:hidden}.pdf-preview-heading{background:var(--panel);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pdf-preview-heading h3{margin:0;font-size:14px}.pdf-preview-canvas{background:var(--soft);flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:16px;display:flex}.pdf-preview-canvas img{object-fit:contain;width:auto;max-width:100%;max-height:520px;display:block;box-shadow:0 2px 12px #0002}.pdf-preview-canvas p{color:var(--muted);margin:0;font-size:13px}.pdf-preview-canvas p:empty{display:none}.pdf-preview-controls{justify-content:center;align-items:center;gap:16px;padding:12px;display:flex}.pdf-preview-controls label{font-size:13px}.pdf-preview-controls select{background:var(--panel);border:1px solid var(--line);border-radius:6px;width:72px;max-width:72px;padding:6px}@media (max-width:480px){.pdf-preview-canvas{min-height:180px;padding:10px}.pdf-preview-heading{flex-wrap:wrap}.pdf-preview-controls{gap:10px}}.crop-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;width:100%;height:auto;margin:18px 0;display:block}.crop-stage circle{cursor:move}.crop-tool .settings-panel>button{margin-bottom:12px}.crop-tool .settings-panel h2{margin-bottom:20px}.crop-result{text-align:center;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/16px 16px;margin:16px 0}.crop-result img{object-fit:contain;max-width:100%;max-height:500px;margin:auto;display:block}.crop-tool .utility-result{margin-top:24px}.crop-zoom-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 10px;display:flex}.crop-zoom-toolbar output{text-align:center;min-width:48px;font-size:13px}.crop-viewport{border:1px solid var(--line);background:var(--soft);overscroll-behavior:contain;height:clamp(260px,60vh,620px);overflow:auto}.crop-viewport .crop-stage{max-width:none;margin:0}.crop-viewport>div{min-width:0;margin:0 auto}.crop-tool .edit-mode button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.crop-tool .edit-mode button svg{flex:none}.hero{gap:80px;padding:104px 0 112px}.hero h1{margin:0 0 28px}.hero-copy>p{margin-bottom:32px}.hero-art{padding:20px;transform:rotate(2deg);box-shadow:0 20px 45px #0000000b}.section{padding-bottom:88px}.section-heading{margin-bottom:30px}.tool-grid{gap:20px}.tool-card{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-height:142px;padding:30px;display:flex}.tool-card h3,.tool-card .tool-icon{margin:0}.page-section{padding-top:64px}.page-section>h1{margin-bottom:40px}.guide-list>a{padding-top:28px;padding-bottom:28px}.site-footer{padding-top:32px;padding-bottom:40px}.editor-title,.edit-mode{margin-bottom:28px}.batch-files{padding:28px}.settings-panel{padding:26px}.format-label{margin-top:24px}.utility-tool>p{margin-bottom:28px}.results{margin-top:36px}.file-panel h2{margin-top:0}.settings-panel .small,.settings-panel .muted.small{line-height:1.7}@media (max-width:767px){.hero{gap:40px;padding:56px 0 64px}.section{padding-bottom:56px}.section-heading{margin-bottom:24px}.tool-grid{gap:14px}.tool-card{gap:14px;min-height:120px;padding:24px}.page-section{padding-top:40px}.batch-files,.settings-panel{padding:20px}.site-header{padding-top:20px;padding-bottom:20px}}.video-source{background:#111;border-radius:8px;width:100%;max-height:480px;margin:20px 0;display:block}.video-filename{overflow-wrap:anywhere;margin:20px 0 0}.video-gif .batch-empty{margin-top:24px}.video-mark-buttons{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.video-mark-buttons button{font-size:12px}.video-gif progress{width:100%;accent-color:var(--accent);margin-top:24px}.video-gif>p[role=status]{margin:18px 0}.video-gif .gif-result{max-width:100%;max-height:480px;margin:24px auto;display:block}.video-gif .settings-panel>.secondary{margin-top:14px}.tool-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.tool-card{justify-content:flex-start;gap:14px}.tool-card h3+p{margin-top:-4px}.video-timeline{border:1px solid var(--line);background:var(--bg);border-radius:10px;margin:28px 0;padding:20px 12px}.timeline-heading,.timeline-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-heading h3{margin:0;font-size:16px}.timeline-heading>div,.timeline-footer>div{align-items:center;gap:8px;display:flex}.video-timeline button{font-size:12px}.timeline-ruler{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:22px 0 8px;font-size:11px;display:flex}.timeline-track{touch-action:none;cursor:crosshair;height:72px;position:relative}.timeline-thumbs{background:var(--soft);pointer-events:none;border-radius:6px;height:100%;display:flex;overflow:hidden}.timeline-thumbs>*{object-fit:cover;flex:none;width:12.5%;height:100%}.timeline-shade{pointer-events:none;background:#0009;position:absolute;top:0;bottom:0}.timeline-selection{border:2px solid var(--accent);cursor:grab;touch-action:none;background:#6254d922;border-radius:0;height:100%;min-height:0;padding:0;position:absolute;top:0}.timeline-handle{background:var(--accent);color:#fff;cursor:ew-resize;touch-action:none;z-index:2;border:1px solid #b4aaff;border-radius:5px;width:20px;height:82px;min-height:0;padding:0;position:absolute;top:-5px;transform:translate(-50%)}.timeline-playhead{pointer-events:none;z-index:3;background:#ffb84d;width:2px;position:absolute;top:-8px;bottom:-8px}.timeline-scrub{width:100%;accent-color:var(--accent);margin:18px 0}.timeline-footer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}@media (max-width:600px){.timeline-heading>div{flex-wrap:wrap}.timeline-footer>span{width:100%}.video-timeline{padding:16px 12px}.timeline-ruler{font-size:10px}}@property --hero-neon-angle{syntax:"<angle>";inherits:true;initial-value:0deg}.hero-art{isolation:isolate;position:relative}.hero-neon{border-radius:inherit;pointer-events:none;--hero-neon-color:#6254d9;animation:8s linear infinite hero-neon-orbit;position:absolute;inset:-1px}.hero-neon-glow,.hero-neon-line{border-radius:inherit;position:absolute;inset:0}.hero-neon-glow:before,.hero-neon-line:before{content:"";border-radius:inherit;background:conic-gradient(from var(--hero-neon-angle),transparent 0deg,var(--hero-neon-color) 52deg,#b8afff 77deg,#ebe7ff 87deg,transparent 90deg,transparent 180deg,var(--hero-neon-color) 232deg,#b8afff 257deg,#ebe7ff 267deg,transparent 270deg);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-neon-glow{filter:blur(9px);opacity:.85}.hero-neon-glow:before{padding:5px}.hero-neon-line{filter:drop-shadow(0 0 3px #6254d9aa)}:root[data-theme=light] .hero-neon-glow{opacity:.55}@keyframes hero-neon-orbit{to{--hero-neon-angle:360deg}}@media (prefers-reduced-motion:reduce){.hero-neon{--hero-neon-angle:35deg;animation:none}}.transform-preview{margin:0 0 28px}.transform-preview figcaption{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:12px;font-size:12px;display:flex}.transform-preview canvas{background:repeating-conic-gradient(var(--soft) 0% 25%,var(--panel) 0% 50%) 50%/16px 16px;border:1px solid var(--line);border-radius:4px;width:auto;max-width:100%;height:auto;max-height:220px;margin:auto;display:block}.transform-actions{flex-wrap:wrap;gap:8px;margin:20px 0 8px;display:flex}.transform-actions button{white-space:nowrap;flex:1}.transform-actions button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width:767px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-card{gap:12px;min-width:0;padding:20px 16px}.tool-card h3{overflow-wrap:anywhere;font-size:16px}.tool-card p{overflow-wrap:anywhere;font-size:13px}}@media (max-width:374px){.tool-card{padding:16px 12px}.tool-card h3{font-size:15px}}@media (max-width:767px){.tool-card h2{overflow-wrap:anywhere;font-size:16px;line-height:1.35}main button{min-height:44px}main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),main select,main textarea{font-size:16px}.batch-row-actions{flex-wrap:wrap;padding-left:0}.batch-row-actions button{min-width:44px;min-height:44px}.qr-color-options,.pdf-image-list li>div{flex-wrap:wrap}}@media (max-width:374px){.tool-card h2{font-size:15px}}.tool-card .tool-icon{float:none;flex:none;justify-content:center;align-items:center;width:30px;height:30px;line-height:1;display:flex}.tool-card .tool-icon svg{width:30px;height:30px;display:block;overflow:visible}#tools{scroll-margin-top:32px}.tool-card .tool-icon{isolation:isolate;perspective:240px;pointer-events:none;width:50px;height:50px;margin:3px 0 2px;position:relative}.tool-card .tool-icon:before{content:"";transform-origin:75% 85%;background:linear-gradient(145deg,#6254d95c,#6254d92b);border-radius:12px;position:absolute;inset:3px;transform:translate(3px,-2px)rotate(8deg)}.tool-icon-glass{border:1px solid color-mix(in srgb,var(--accent-text) 22%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 78%,#fff),color-mix(in srgb,var(--panel) 86%,transparent));-webkit-backdrop-filter:blur(5px);border-radius:13px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;transform:translateZ(0);box-shadow:inset 0 1px #ffffff26,0 3px 8px #00000008}.tool-card .tool-icon svg{width:27px;height:27px;position:relative}.tool-card:focus-visible .tool-icon:before{transform:translate(5px,-5px)rotate(18deg)}.tool-card:focus-visible .tool-icon-glass{border-color:color-mix(in srgb,var(--accent-text) 45%,transparent);transform:translate(-2px,-4px)rotate(-4deg);box-shadow:inset 0 1px #ffffff38,0 8px 18px #6254d91c}@media (hover:hover) and (pointer:fine){.tool-card:hover .tool-icon:before{transform:translate(5px,-5px)rotate(18deg)}.tool-card:hover .tool-icon-glass{border-color:color-mix(in srgb,var(--accent-text) 45%,transparent);transform:translate(-2px,-4px)rotate(-4deg);box-shadow:inset 0 1px #ffffff38,0 8px 18px #6254d91c}}.tool-card:active .tool-icon-glass{transform:translateY(1px)scale(.96)}@media (prefers-reduced-motion:no-preference){.tool-card .tool-icon:before,.tool-icon-glass{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}}@media (prefers-reduced-motion:reduce){.tool-card .tool-icon:before{transform:translate(3px,-2px)rotate(8deg)!important}.tool-card .tool-icon-glass{transition:none;transform:none!important}}@media (max-width:767px){.tool-card .tool-icon{width:44px;height:44px}.tool-icon-glass{border-radius:11px}.tool-card .tool-icon:before{border-radius:10px}.tool-card .tool-icon svg{width:25px;height:25px}}.home-page{isolation:isolate;position:relative}.hero{position:relative}.hero-grid{--grid-line:#7d709929;--grid-fill:#6254d924;z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero-grid{--grid-line:#b4aaff26;--grid-fill:#6254d938}}:root[data-theme=dark] .hero-grid{--grid-line:#b4aaff26;--grid-fill:#6254d938}.hero-neon{opacity:.72}.mosaic-canvas{touch-action:none;cursor:crosshair;background:var(--soft);width:100%;height:auto;margin:16px 0;display:block}.mosaic-history{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.crop-size-form{margin:24px 0}.crop-size-form>button{margin-top:12px}.crop-size-form .number-pair input{width:100%}.draw-tool textarea{border:1px solid var(--line);background:var(--bg);width:100%;min-height:90px;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:10px;display:block}.draw-tool input[type=color]{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:100%;height:40px;padding:3px;display:block}.draw-check{align-items:center;gap:8px;margin-top:18px;display:flex}.draw-check input{width:auto}.draw-tool .settings-panel{min-width:0}.draw-tool .settings-panel fieldset{margin-top:16px}.draw-tool:focus{outline:none}.draw-view-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;display:flex}.draw-view-tools output{text-align:center;font-variant-numeric:tabular-nums;min-width:54px}.draw-viewport{overscroll-behavior:contain;background:var(--soft);border:1px solid var(--line);border-radius:8px;height:clamp(300px,60vh,700px);overflow:auto}.draw-workspace{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.draw-surface{flex:none;position:relative;box-shadow:0 2px 12px #0002}.draw-surface .mosaic-canvas{width:100%;height:100%;margin:0}.draw-brush-cursor{pointer-events:none;z-index:2;border:1px solid;border-radius:50%;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff,0 0 0 2px #0008}.draw-swatches{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:12px;display:grid}.draw-swatches button{border:1px solid #8888;border-radius:50%;justify-self:center;width:28px;height:28px;min-height:28px;padding:0}.draw-swatches button[aria-pressed=true]{outline:2px solid var(--accent-text);outline-offset:3px}.draw-actions{gap:8px;margin:24px 0;display:flex}.draw-action{position:relative}.draw-action button{justify-content:center;align-items:center;width:42px;height:42px;padding:8px;display:flex}.draw-action:hover:after,.draw-action:focus-within:after{content:attr(data-tooltip);white-space:nowrap;background:var(--text);color:var(--bg);z-index:20;pointer-events:none;border-radius:6px;padding:6px 9px;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:0}.draw-action:nth-child(n+3):after{left:auto;right:0}@media (max-width:767px){.draw-viewport{height:360px}}.draw-tool textarea.draw-inline-text{outline:1px solid var(--accent);resize:none;min-height:0;box-shadow:none;word-break:break-all;overflow-wrap:anywhere;white-space:pre-wrap;letter-spacing:0;z-index:3;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-family:Segoe UI,Malgun Gothic,sans-serif;display:block;position:absolute;overflow:hidden}.draw-editor-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.draw-editor-heading>span{font-weight:600}.draw-editor-heading button{align-items:center;gap:8px;display:flex}.draw-tool .batch-files{min-width:0;position:relative}.draw-tool .draw-tool-dock{z-index:8;border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-wrap:nowrap;gap:4px;width:max-content;max-width:100%;margin:20px auto 0;padding:8px;display:flex;position:sticky;bottom:16px;box-shadow:0 8px 30px #0002}.draw-tool-dock button{border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:52px;padding:9px 12px;font-size:11px;display:flex}.draw-tool-dock svg{width:21px;height:21px}.draw-tool.draw-expanded{z-index:1000;background:var(--bg);flex-direction:column;width:100%;max-width:none;height:100dvh;margin:0;padding:16px 20px;display:flex;position:fixed;inset:0;overflow:hidden}.draw-expanded .draw-editor-heading{flex:none;margin-bottom:8px}.draw-expanded>p.muted{margin:0 0 12px;font-size:13px}.draw-expanded>.batch-layout{flex:1;grid-template-columns:minmax(0,1fr) 280px;min-height:0;display:grid;overflow:hidden}.draw-expanded .batch-files{flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}.draw-expanded .batch-files>button{align-self:flex-start}.draw-expanded .batch-files>p{margin:8px 0}.draw-expanded .draw-view-tools{margin:4px 0 12px}.draw-expanded .draw-viewport{flex:1;height:auto;min-height:100px}.draw-expanded .settings-panel{min-height:0;padding:20px;overflow:auto}.draw-expanded .draw-tool-dock{flex:none;margin-top:12px;bottom:auto}.draw-expanded .batch-empty{flex:1;place-content:center;display:grid}.draw-expanded>p[role]{flex:none;margin:6px 0}@media (max-width:767px){.draw-tool.draw-expanded{padding:10px}.draw-expanded>.batch-layout{grid-template-columns:minmax(0,1fr);display:block;overflow:auto}.draw-expanded .batch-files{height:calc(100dvh - 130px);min-height:380px}.draw-expanded .settings-panel{overflow:visible}.draw-tool-dock button{min-width:44px;padding:8px}.draw-tool .draw-tool-dock{gap:2px;padding:6px}.draw-expanded .draw-editor-heading>span{display:none}}.draw-stage{isolation:isolate;min-width:0;position:relative}.draw-stage-empty .batch-empty{min-height:300px;padding-bottom:110px}.draw-tool .draw-stage .draw-tool-dock{max-width:calc(100% - 24px);margin:0;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0003,0 2px 6px #0002}.draw-expanded .draw-stage{flex-direction:column;flex:1;min-height:100px;display:flex}.draw-expanded .draw-stage .draw-viewport{flex:1;height:100%}.draw-expanded .draw-stage-empty .batch-empty{min-height:0}@media (max-width:767px){.draw-tool .draw-stage .draw-tool-dock{bottom:12px}}.draw-view-tools button[aria-pressed]{align-items:center;gap:7px;margin-left:auto;display:flex}.draw-tool .draw-stage .draw-tool-dock{overscroll-behavior-x:contain;overflow-x:auto}.draw-tool-dock button{flex:none}@media (max-width:767px){.draw-tool-dock button{min-width:34px;padding:7px 6px;font-size:10px}.draw-tool-dock svg{width:18px;height:18px}.draw-view-tools{gap:5px}}.shared-editor-frame:focus,.editing-viewport:focus{outline:none}.shared-editor-frame.is-expanded{z-index:1000;background:var(--bg);width:100%;height:100dvh;padding:20px;position:fixed;inset:0;overflow:auto}.is-expanded>.editor-page{max-width:none;padding:0}.is-expanded>.editor-page>h1,.is-expanded>.editor-page>.text-link,.is-expanded .editor-title{display:none}.shared-full-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;display:inline-flex}.editing-viewport{width:100%;min-width:0}.editing-viewport>.draw-view-tools{padding:0 12px}.shared-stage{isolation:isolate;position:relative}.shared-viewport{overscroll-behavior:contain;background:var(--soft);border:1px solid var(--line);touch-action:none;border-radius:10px;height:clamp(320px,58vh,680px);overflow:auto}.is-expanded .shared-viewport{height:calc(100dvh - 220px);min-height:320px}.shared-workspace{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.shared-surface{flex:none;position:relative}.shared-surface>canvas,.shared-surface>svg,.shared-surface>img,.shared-surface>video{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;margin:0;display:block}.shared-surface .image-stage{min-width:0;margin:0}.shared-tool-dock{z-index:8;background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:8px;display:flex;position:absolute;bottom:18px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 8px 28px #0003}.shared-tool-dock .edit-mode{flex-wrap:nowrap;gap:4px;margin:0;display:flex}.shared-tool-dock button{white-space:nowrap;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.shared-tool-dock button[aria-pressed=true]{background:var(--accent);color:#fff}.shared-history{align-items:center;gap:8px;display:flex}.shared-history .draw-actions{margin:16px 0}.shared-surface .draw-brush-cursor{border-color:#181818}.shared-editor-frame .pdf-preview-canvas:has(.editing-viewport){max-height:none;padding:0;overflow:visible}.shared-editor-frame .transform-preview:has(.editing-viewport){width:100%}@media (max-width:767px){.shared-editor-frame.is-expanded{padding:10px}.shared-viewport{height:360px}.shared-tool-dock{gap:3px;padding:6px;bottom:12px}.shared-tool-dock button{padding:8px;font-size:11px}.shared-full-button span{font-size:11px}.shared-editor-frame .draw-view-tools{gap:4px}.is-expanded .shared-viewport{height:55dvh;min-height:300px}}.shared-editor-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.shared-editor-controls .draw-actions{margin:0}.qr-preview-stage:has(.editing-viewport){aspect-ratio:auto;background:0 0;max-width:none;display:block;overflow:visible}.qr-preview-stage .shared-viewport{height:380px}.is-expanded .qr-preview-stage .shared-viewport{height:calc(100dvh - 280px)}.qr-preview-stage .shared-surface{background:#fff}.qr-transparent .shared-surface{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 50%/16px 16px}.shared-editor-frame .shared-surface>canvas,.shared-editor-frame .shared-surface>img,.shared-editor-frame .shared-surface>svg{width:100%;max-width:none;height:100%;max-height:none}.shared-editor-frame [tabindex="-1"]:focus{outline:none}.shared-upload-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.shared-upload-bar .shared-full-button{margin-left:auto}.shared-empty-stage .batch-empty{justify-content:center;align-items:center;min-height:360px;margin:0;padding:40px 20px 125px;display:flex}.shared-tool-dock .edit-mode button{flex-direction:column;gap:6px;min-width:58px;min-height:62px;font-size:12px;line-height:1.3}.shared-tool-dock .edit-mode button svg{flex:none;width:20px;height:20px;display:block}.shared-tool-dock .edit-mode button span{line-height:1.3;display:block}.shared-tool-dock>.edit-mode{align-items:stretch}.is-expanded .shared-empty-stage .batch-empty{min-height:calc(100dvh - 200px)}@media (max-width:767px){.shared-upload-bar{gap:8px}.shared-empty-stage .batch-empty{min-height:340px}.shared-tool-dock .edit-mode button{min-width:48px;min-height:58px;padding:8px;font-size:11px}}.image-upload-zone{isolation:isolate;position:relative;overflow:hidden}.image-upload-zone:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);opacity:.38;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}button.image-upload{width:max-content;max-width:100%;color:var(--text);box-shadow:none;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:12px;margin:0 auto;padding:8px 20px;display:flex}.image-upload-art{place-items:center;width:112px;height:112px;display:grid;position:relative}.image-upload-outline,.image-upload-tile{border-radius:12px;position:absolute;inset:10px}.image-upload-outline{border:1px dashed var(--accent-text);opacity:0;transition:opacity .2s}.image-upload-tile{background:var(--panel);border:1px solid var(--line);color:var(--accent-text);place-items:center;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:0 7px 20px #00000014}.image-upload-label{font-size:14px;font-weight:600;line-height:1.5}button.image-upload:not(:disabled):is(:hover,:focus-visible) .image-upload-tile{transform:translate(8px,-8px);box-shadow:0 12px 24px #6254d922}button.image-upload:not(:disabled):is(:hover,:focus-visible) .image-upload-outline{opacity:1}button.image-upload:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:12px}button.image-upload:disabled{cursor:wait;opacity:.5}.shared-empty-stage .image-upload-zone,.draw-stage-empty .image-upload-zone{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:380px;padding-top:28px;padding-bottom:110px;display:flex}.image-upload-zone>p{margin:8px 0}@media (prefers-reduced-motion:reduce){.image-upload-tile,.image-upload-outline{transition:none}button.image-upload:not(:disabled):is(:hover,:focus-visible) .image-upload-tile{transform:none}}.line-option-picker{position:relative}.line-option-trigger,.line-option-menu>button{text-align:left;width:100%;min-height:40px;font:inherit;align-items:center;gap:12px;padding:9px 12px;display:flex}.line-option-trigger{background:var(--panel);border:1px solid var(--line);border-radius:8px}.line-option-example{color:var(--accent-text);flex:none;margin-left:auto}.line-option-menu{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:10px;margin-top:6px;padding:5px;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 28px #0003}.line-option-menu>button{background:0 0;border:0;border-radius:6px}.line-option-menu>button:is(:hover,:focus-visible),.line-option-menu>button[aria-checked=true]{background:var(--soft)}.line-option-menu>button:focus-visible,.line-option-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.segmented button:has(.line-option-example){justify-content:center;align-items:center;gap:4px;display:flex}.segmented button .line-option-example{width:24px;height:18px;margin-left:0}.line-option-menu{max-height:240px;overflow-y:auto}.line-option-trigger>span:first-child,.line-option-menu>button>span{overflow-wrap:anywhere;min-width:0}input[type=range]{box-shadow:none;accent-color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:0;margin-right:0;padding:0}input[type=range]:disabled{cursor:not-allowed}@media (max-width:767px){.draw-tool .draw-tool-dock button{min-width:44px;min-height:48px;font-size:11px}.settings-panel input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.settings-panel select,.settings-panel textarea{min-height:44px;font-size:16px}.settings-panel .line-option-trigger,.settings-panel .line-option-menu>button,.settings-panel button[type=submit],.settings-panel .primary,.draw-view-tools button,.shared-full-button,.draw-action button{min-height:44px}.draw-view-tools button,.draw-action button{min-width:44px}.settings-panel .ratio-lock{min-height:44px}}