*,*::before,*::after{box-sizing:border-box;}:root{--ink:#121212;--paper:#fffdf6;--white:#ffffff;--pink:#ff6b9d;--yellow:#ffde00;--green:#36ed9a;--purple:#8367ff;--red:#ff496c;--muted:#6d6a65;--line:3px solid var(--ink);--shadow:6px 6px 0 var(--ink);--header:'Bangers',Impact,sans-serif;--body:'Comic Neue',Arial,sans-serif;}html{scroll-behavior:smooth;}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--body);background-color:#f6f5f0;background-image:radial-gradient(#d4d1ca 1.4px,transparent 1.4px);background-size:18px 18px;}body.viewer-open{overflow:hidden;}button,input,select{font:inherit;color:inherit;}button,select,input[type="range"],input[type="color"]{cursor:pointer;}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--purple);outline-offset:3px;}[hidden]{display:none !important;}.skip-link{position:fixed;left:16px;top:-80px;z-index:50;background:var(--yellow);border:var(--line);padding:10px;font-weight:900;color:var(--ink);}.skip-link:focus{top:16px;}.shell{width:min(1120px,calc(100% - 32px));margin:28px auto 44px;}.tool-header{text-align:center;background:var(--paper);padding:14px 20px;border:var(--line);box-shadow:var(--shadow);transform:rotate(-1.2deg);margin-bottom:32px;}.logo-text{font-family:var(--header);font-size:3.2rem;color:var(--pink);text-shadow:2px 2px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),4px 4px 0 var(--ink);letter-spacing:2px;text-transform:uppercase;}.tagline{font-weight:700;text-transform:uppercase;font-size:1rem;color:#555;margin-top:4px;}.home-link{position:absolute;top:-20px;left:20px;background:var(--paper);border:var(--line);padding:5px 15px;text-decoration:none;font-family:var(--header);font-size:1.2rem;color:var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:10;transition:transform 0.15s,box-shadow 0.15s,background-color 0.15s;text-transform:uppercase;font-weight:900;}.home-link:hover{background:var(--yellow);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);}.text-button,.mini-button{border:var(--line);background:var(--white);color:var(--ink);font-weight:900;text-decoration:none;box-shadow:3px 3px 0 var(--ink);padding:10px 15px;width:max-content;}.text-button:hover,.mini-button:hover{background:var(--yellow);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);}.eyebrow,.step-label{font-size:.72rem !important;letter-spacing:.13em;font-weight:900 !important;}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:-3px;position:relative;z-index:2;margin-left:120px;margin-right:120px;}.mode-tab{min-height:65px;border:var(--line);background:#ddd9d1;font-family:var(--header);font-size:clamp(1.1rem,2.2vw,1.55rem);letter-spacing:.04em;}.mode-tab + .mode-tab{border-left:0;}.mode-tab span{font-family:var(--body);font-size:.7rem;font-weight:900;margin-right:8px;}.mode-tab.is-active{background:var(--pink);transform:translateY(-6px);box-shadow:0 6px 0 var(--ink);}.workspace-card{background:var(--paper);border:var(--line);box-shadow:9px 9px 0 var(--ink);padding:clamp(18px,4vw,36px);position:relative;}.workspace-heading,.section-bar,.process-row,.result-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;}.workspace-heading{margin-bottom:24px;align-items:flex-start;}.workspace-heading h2,.results-copy h2{font:400 clamp(2rem,5vw,3.2rem)/.95 var(--header);margin:4px 0 7px;letter-spacing:.035em;}.workspace-heading p{margin:0;font-weight:700;color:var(--muted);}.text-button{background:var(--red);padding:7px 11px;font-size:.75rem;}.notice,.toast{border:var(--line);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);padding:12px 14px;font-weight:900;}.notice{margin-bottom:18px;}.drop-zone{min-height:260px;border:4px dashed var(--ink);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:24px;transition:transform .15s,background .15s;}.drop-zone.is-dragging{background:#fff4a8;transform:scale(1.01);}.drop-mark{width:70px;height:70px;border:var(--line);background:var(--purple);box-shadow:4px 4px 0 var(--ink);display:grid;place-items:center;margin-bottom:8px;padding:10px;color:var(--ink);}.drop-mark svg{width:100%;height:100%;display:block;}.drop-mark svg path{transition:transform 0.2s ease;}@keyframes bounceArrow{0%,100%{transform:translateY(0);}50%{transform:translateY(3px);}}.drop-zone.is-dragging .drop-mark svg path:last-child{animation:bounceArrow 0.6s infinite ease-in-out;}.drop-zone strong{font:400 clamp(1.7rem,4vw,2.5rem)/1 var(--header);letter-spacing:.04em;}.drop-zone span{font-size:.82rem;font-weight:800;color:var(--muted);}.browse-button,.primary-button,.secondary-button,.danger-button{border:var(--line);box-shadow:4px 4px 0 var(--ink);padding:11px 18px;font-family:var(--header);font-size:1.2rem;letter-spacing:.04em;font-weight:400;}.browse-button,.primary-button{background:var(--yellow);}.secondary-button{background:var(--white);}.danger-button{background:var(--red);}.browse-button:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);}.queue-section,.page-section,.settings-panel,.results-panel{margin-top:28px;}.section-bar{border-bottom:var(--line);padding-bottom:8px;margin-bottom:13px;}.section-bar h3{margin:0;font-family:var(--header);font-size:1.5rem;letter-spacing:.04em;}.section-bar > span{font-weight:900;font-size:.82rem;}.file-list{display:grid;gap:10px;}.file-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px;border:2px solid var(--ink);background:#fff;}.file-row.is-error{background:#ffe0e7;}.file-thumb{width:46px;height:46px;border:2px solid var(--ink);object-fit:cover;background:#eee;display:grid;place-items:center;font-family:var(--header);}.file-details{min-width:0;}.file-name{display:block;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.file-meta,.file-state{font-size:.72rem;font-weight:800;color:var(--muted);}.file-state{color:#007e4c;}.icon-button{width:36px;height:36px;border:2px solid var(--ink);background:var(--white);font-weight:900;box-shadow:2px 2px 0 var(--ink);}.icon-button:hover{background:var(--red);}.drag-handle{cursor:grab;font-size:1.3rem;user-select:none;}.settings-panel{border:var(--line);background:#f0edff;box-shadow:5px 5px 0 var(--ink);padding:18px;}.settings-title{border-bottom-width:2px;}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}.field{display:flex;flex-direction:column;gap:6px;font-size:.76rem;font-weight:900;letter-spacing:.035em;}.field-wide,.operation-options,.warning-copy,.toggle-stack{grid-column:1 / -1;}.field select,.field input[type="number"]{width:100%;min-height:44px;border:2px solid var(--ink);background:#fff;padding:8px 10px;font-weight:900;}.field input[type="color"]{width:100%;min-height:44px;border:2px solid var(--ink);padding:3px;background:#fff;}.field input[type="range"]{accent-color:var(--pink);width:100%;}.field output{float:right;color:#5c3cff;}.toggle-stack{display:flex;gap:16px;flex-wrap:wrap;}.check-field{border:2px solid var(--ink);background:#fff;padding:10px;font-size:.75rem;font-weight:900;}.check-field input{accent-color:var(--purple);}.operation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.range-selector{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;}.range-selector .mini-button{min-height:44px;}.warning-copy{margin:0;border:2px solid var(--ink);background:#fff0a8;padding:11px;font-size:.78rem;font-weight:900;line-height:1.4;}.live-preview{margin-top:20px;border:var(--line);background:#fff;box-shadow:4px 4px 0 var(--ink);padding:14px;}.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:2px solid var(--ink);padding-bottom:10px;}.preview-heading h3{margin:2px 0 0;font:400 1.55rem/1 var(--header);letter-spacing:.04em;}.preview-kicker{display:block;color:#5c3cff;font-size:.62rem;font-weight:900;letter-spacing:.1em;}.preview-status{border:2px solid var(--ink);background:var(--green);padding:5px 9px;font-size:.68rem;font-weight:900;box-shadow:2px 2px 0 var(--ink);}.preview-status.is-working{background:var(--yellow);}.preview-status.is-error{background:var(--red);}.live-preview-stage{min-height:260px;margin-top:14px;border:2px dashed #777;background-color:#eeeae2;background-image:linear-gradient(45deg,#ddd8cf 25%,transparent 25%),linear-gradient(-45deg,#ddd8cf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd8cf 75%),linear-gradient(-45deg,transparent 75%,#ddd8cf 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;align-items:center;justify-content:center;gap:14px;overflow:auto;padding:18px;}.preview-empty{margin:0;font-weight:900;color:var(--muted);text-align:center;}.preview-open-button{position:relative;border:0;padding:0;background:transparent;display:block;min-width:0;}.preview-open-button::after{content:'CLICK TO VIEW';position:absolute;right:8px;bottom:8px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);padding:4px 7px;font:400 .72rem/1 var(--header);letter-spacing:.04em;box-shadow:2px 2px 0 var(--ink);opacity:0;transform:translateY(5px);transition:opacity .15s,transform .15s;pointer-events:none;}.preview-open-button:hover::after,.preview-open-button:focus-visible::after{opacity:1;transform:translateY(0);}.preview-open-button:hover img{filter:brightness(.88);}.live-image-preview{display:block;max-width:100%;max-height:420px;object-fit:contain;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;}.preview-info{min-width:145px;max-width:230px;border:2px solid var(--ink);background:#fff;padding:12px;box-shadow:3px 3px 0 var(--ink);}.preview-info strong{display:block;font-family:var(--header);font-size:1.3rem;margin-bottom:6px;}.preview-info span{display:block;font-size:.72rem;font-weight:900;line-height:1.5;}.preview-note{margin:10px 0 0;font-size:.7rem;font-weight:800;color:var(--muted);}.pdf-layout-preview,.pdf-operation-preview{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;}.pdf-paper{position:relative;width:150px;aspect-ratio:.707;border:3px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);overflow:hidden;padding:0;}.pdf-paper.is-landscape{width:210px;aspect-ratio:1.414;}.pdf-paper img{position:absolute;display:block;}.pdf-paper-label{position:absolute;left:5px;bottom:5px;z-index:2;border:1px solid var(--ink);background:var(--yellow);padding:2px 5px;font-size:.58rem;font-weight:900;}.preview-page{width:118px;border:3px solid var(--ink);background:#fff;padding:6px;box-shadow:3px 3px 0 var(--ink);position:relative;}.preview-page img{display:block;width:100%;aspect-ratio:.72;object-fit:contain;background:#ddd;}.preview-page span{display:block;margin-top:5px;font-size:.62rem;font-weight:900;text-align:center;}.preview-page.is-removed{opacity:.35;filter:grayscale(1);}.preview-page.is-removed::after{content:'REMOVED';position:absolute;inset:42% 4px auto;background:var(--red);border:2px solid var(--ink);font-family:var(--header);text-align:center;transform:rotate(-8deg);}.process-row{margin-top:20px;border-top:2px solid var(--ink);padding-top:18px;}.primary-button{min-width:210px;min-height:48px;}.primary-button:disabled{opacity:.5;cursor:wait;transform:none;}.progress-wrap{flex:1;}.progress-copy{display:flex;justify-content:space-between;font-size:.75rem;font-weight:900;margin-bottom:5px;}.progress-track{height:18px;border:2px solid var(--ink);background:#fff;}.progress-track > div{height:100%;width:0;background:var(--green);transition:width .15s;}.page-help{margin:-4px 0 13px;font-size:.78rem;font-weight:700;color:var(--muted);}.page-actions{display:flex;gap:7px;}.mini-button{font-size:.67rem;padding:5px 8px;}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:14px;}.page-card{position:relative;border:3px solid var(--ink);background:#fff;padding:8px;box-shadow:3px 3px 0 var(--ink);cursor:grab;}.page-card.is-selected{background:var(--yellow);box-shadow:4px 4px 0 var(--purple);}.page-card.is-dragging{opacity:.4;}.page-preview{display:block;width:100%;aspect-ratio:.72;object-fit:contain;background:#ddd;border:1px solid var(--ink);}.page-meta{display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:7px;font-size:.66rem;font-weight:900;}.page-controls{display:flex;gap:3px;}.page-controls button{width:27px;height:25px;padding:0;border:1px solid var(--ink);background:#fff;font-weight:900;}.results-panel{border:var(--line);background:var(--green);box-shadow:6px 6px 0 var(--ink);padding:clamp(16px,4vw,26px);position:relative;}.results-panel .result-burst{position:absolute;right:22px;top:18px;width:52px;height:52px;border:var(--line);background:var(--yellow);display:grid;place-items:center;font-size:2rem;font-weight:900;transform:rotate(8deg);}.results-copy{padding-right:70px;}.results-copy p{margin:0;font-weight:800;}.result-list{display:grid;gap:8px;margin:18px 0;}.output-preview{margin:18px 0;border:3px solid var(--ink);background:#fff;padding:14px;box-shadow:4px 4px 0 var(--ink);}.output-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;align-items:start;}.output-preview-item{min-width:0;border:2px solid var(--ink);background:#eeeae2;padding:8px;}.output-preview-item .preview-open-button{width:100%;}.output-preview-item img{display:block;width:100%;max-height:280px;object-fit:contain;background:#fff;}.output-preview-item strong{display:block;margin-top:7px;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.result-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;background:#fff;border:2px solid var(--ink);padding:9px 11px;}.result-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.result-row span{font-size:.75rem;font-weight:800;}.download-button{border:2px solid var(--ink);background:var(--yellow);padding:6px 9px;font-weight:900;text-decoration:none;color:var(--ink);}.result-actions{justify-content:flex-start;flex-wrap:wrap;}.tool-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center;margin-top:24px;font-size:.8rem;}.toast{position:fixed;z-index:60;left:50%;bottom:22px;transform:translateX(-50%);width:min(560px,calc(100% - 30px));text-align:center;}.toast.is-error{background:var(--red);}.confirm-backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:20px;}.confirm-dialog{width:min(480px,100%);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--paper);padding:24px;}.confirm-dialog h2{font:400 2.4rem/1 var(--header);margin:0 0 10px;}.confirm-dialog p{font-weight:700;}.confirm-dialog > div{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}.file-thumb-button{width:46px;height:46px;border:0;padding:0;background:transparent;}.file-thumb-button .file-thumb{display:block;}.page-preview-button{width:100%;border:0;padding:0;background:transparent;position:relative;display:block;}.page-preview-button::after{content:'VIEW';position:absolute;right:4px;bottom:4px;border:1px solid var(--ink);background:var(--yellow);padding:2px 4px;font:400 .62rem/1 var(--header);opacity:0;}.page-preview-button:hover::after,.page-preview-button:focus-visible::after{opacity:1;}.image-viewer-backdrop{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.86);display:grid;place-items:center;padding:18px;}.image-viewer{width:min(1180px,100%);height:min(900px,calc(100vh - 36px));background:var(--paper);border:4px solid var(--ink);box-shadow:9px 9px 0 var(--pink);display:grid;grid-template-rows:auto minmax(0,1fr) auto;}.image-viewer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:3px solid var(--ink);}.image-viewer-header h2{margin:3px 0 0;font:400 clamp(1.5rem,4vw,2.3rem)/1 var(--header);letter-spacing:.04em;}.image-viewer-header p{margin:4px 0 0;font-size:.72rem;font-weight:800;color:var(--muted);}.viewer-close{width:44px;height:44px;flex:0 0 auto;border:3px solid var(--ink);background:var(--red);box-shadow:3px 3px 0 var(--ink);font:400 1.8rem/1 var(--header);}.image-viewer-stage{min-height:0;overflow:auto;padding:24px;background-color:#2a2927;background-image:linear-gradient(45deg,#353432 25%,transparent 25%),linear-gradient(-45deg,#353432 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#353432 75%),linear-gradient(-45deg,transparent 75%,#353432 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;display:grid;place-items:center;}.image-viewer-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .15s ease;box-shadow:0 0 0 3px var(--ink),7px 7px 0 rgba(255,255,255,.25);}.image-viewer-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:12px 16px;border-top:3px solid var(--ink);background:#fff;}.viewer-control{min-height:40px;border:2px solid var(--ink);background:var(--yellow);box-shadow:2px 2px 0 var(--ink);padding:7px 12px;font-family:var(--header);letter-spacing:.04em;}.viewer-control:disabled{opacity:.35;cursor:default;}#image-viewer-previous{justify-self:start;}#image-viewer-next{justify-self:end;}.viewer-zoom-controls{display:flex;gap:6px;}.viewer-zoom-value{min-width:68px;background:#fff;}@media (max-width:760px){.shell{width:min(100% - 20px,700px);margin-top:14px;}.tool-header{transform:none;margin-bottom:22px;}.logo-text{font-size:2.4rem;}.mode-tabs{margin-left:0;margin-right:0;}.home-link{position:relative;top:0;left:0;display:inline-block;margin-bottom:16px;}.mode-tab{min-height:58px;font-size:clamp(0.65rem,1.8vw,0.9rem);padding:4px;}.mode-tab span{display:none;}.settings-grid,.operation-options{grid-template-columns:1fr;}.range-selector{grid-template-columns:1fr;}.field-wide,.operation-options,.warning-copy,.toggle-stack{grid-column:auto;}.process-row{align-items:stretch;flex-direction:column;}.primary-button{width:100%;}.live-preview-stage{flex-direction:column;}.preview-info{width:100%;max-width:none;}}@media (max-width:480px){.workspace-card{padding:15px;box-shadow:5px 5px 0 var(--ink);}.workspace-heading{flex-direction:column;}.drop-zone{min-height:220px;padding:16px;}.file-row{grid-template-columns:42px minmax(0,1fr) auto;}.file-state{display:none;}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.result-row{grid-template-columns:minmax(0,1fr) auto;}.result-row > span{display:none;}.live-preview-stage{min-height:220px;padding:12px;}.pdf-paper{width:120px;}.pdf-paper.is-landscape{width:180px;}.image-viewer-backdrop{padding:18px 14px;}.image-viewer{width:min(92vw,430px);height:min(76vh,680px);height:min(76dvh,680px);min-height:500px;box-shadow:5px 5px 0 var(--pink);}.image-viewer-header{padding:10px 12px;}.image-viewer-header h2{font-size:1.45rem;}.viewer-close{width:39px;height:39px;}.image-viewer-stage{padding:20px;}.image-viewer-stage img{max-width:88%;max-height:88%;}.image-viewer-controls{grid-template-columns:auto 1fr auto;padding:9px;gap:6px;}.viewer-control{padding:6px 8px;font-size:.8rem;}.viewer-zoom-controls{justify-content:center;}.preview-open-button::after{opacity:1;transform:none;font-size:.6rem;}}@media (max-width:480px) and (max-height:620px){.image-viewer-backdrop{padding:10px;}.image-viewer{height:calc(100vh - 20px);height:calc(100dvh - 20px);min-height:0;}.image-viewer-header p,.image-viewer-header .preview-kicker{display:none;}.image-viewer-stage{padding:12px;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition:none !important;}}