:root{--bg:#f4ecd8;--ink:#111111;--paper:#ffffff;--y:#ffde00;--p:#ff5c8a;--b:#4cc9f0;--g:#06d6a0;--radius:0px;--border:3px solid var(--ink);--shadow:8px 8px 0 var(--ink);--shadow-sm:5px 5px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Space Mono,ui-monospace,monospace;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1080px;margin:0 auto;padding:0 24px}.site-header{border-bottom:var(--border);background:var(--y);position:relative}.header-inner{justify-content:space-between;padding:18px 24px;max-width:1080px;margin:0 auto}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:18px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;font-family:Archivo Black,sans-serif;font-size:18px;border:2px solid var(--ink)}.site-nav{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;align-items:center}.site-nav::-webkit-scrollbar{display:none}.site-nav a{flex:0 0 auto;text-decoration:none;color:var(--ink);font-weight:700;font-size:12px;padding:7px 12px;border:var(--border);background:var(--paper);border-radius:var(--radius);transition:.12s}.site-nav a:hover{background:var(--p);color:#fff;transform:rotate(-1.5deg)}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border:var(--border);background:var(--paper);box-shadow:var(--shadow-sm);cursor:pointer;padding:0}.nav-toggle span{display:block;width:22px;height:3px;background:var(--ink)}.nav-toggle:hover{background:var(--p)}.nav-toggle:hover span{background:#fff}.hero{padding:36px 0 22px;text-align:center}.tag{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.5px;border:var(--border);background:var(--g);color:var(--ink);padding:6px 14px;margin-bottom:14px}.hero h1{font-family:Archivo Black,sans-serif;font-size:46px;line-height:1.04;letter-spacing:-1.5px;max-width:820px;margin:0 auto}.hero h1 span{background:var(--b);padding:0 8px;display:inline-block;transform:rotate(-1.5deg)}.subtitle{font-size:16px;max-width:560px;margin:14px auto 20px;font-weight:700}.subtitle strong{background:var(--y);padding:0 4px}.converter{max-width:720px;margin:0 auto;text-align:left;background:var(--paper);border:var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:18px}.dropzone{border:3px dashed var(--ink);background:#fff;padding:26px 20px;text-align:center;cursor:pointer;transition:.15s;border-radius:var(--radius)}.dropzone.dragover,.dropzone:hover{background:var(--y);border-style:solid}.dropzone-icon{color:var(--ink);margin-bottom:8px}.dropzone-title{font-weight:700;font-size:16px}.dropzone-title .link{background:var(--b);padding:0 4px;border:2px solid var(--ink)}.dropzone-hint{font-size:12px;margin-top:6px;opacity:.7}.file-list{list-style:none;margin:12px 0;display:grid;grid-gap:8px;gap:8px}.file-item{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;grid-gap:10px;gap:10px;border:var(--border);background:#fff;padding:8px 10px;border-radius:var(--radius)}.file-icon{font-weight:700;font-size:11px;background:var(--p);color:#fff;padding:2px 6px;border:2px solid var(--ink)}.file-name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px;opacity:.7}.file-state{font-size:12px;font-weight:700}.state-done{color:#0a7d2c}.state-error{color:#c01b1b}.state-busy{color:#b5790a}.file-remove{border:2px solid var(--ink);background:#fff;font-weight:700;cursor:pointer;width:24px;height:24px;line-height:1;border-radius:var(--radius)}.file-remove:hover{background:var(--p);color:#fff}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.btn{font-family:Space Mono,monospace;font-weight:700;font-size:14px;padding:10px 18px;cursor:pointer;border:var(--border);background:var(--b);color:var(--ink);box-shadow:var(--shadow-sm);border-radius:var(--radius);transition:.1s}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.btn-primary{background:var(--y)}.btn-ghost{background:var(--paper)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.status{margin-top:14px;font-size:13px;font-weight:700;min-height:18px}.status-ok{color:#0a7d2c}.status-warn{color:#b5790a}.status-error{color:#c01b1b}.section{padding:56px 0}.section-alt{background:var(--b);border-top:var(--border);border-bottom:var(--border)}.section h2{font-family:Archivo Black,sans-serif;font-size:34px;letter-spacing:-1px;margin-bottom:30px;text-align:center}.section h2 span{background:var(--y);padding:0 8px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;list-style:none}.steps li{background:var(--paper);border:var(--border);box-shadow:var(--shadow-sm);padding:22px;border-radius:var(--radius)}.step-num{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:12px;background:var(--g);border:var(--border);font-family:Archivo Black,sans-serif;font-size:18px}.steps h3{font-size:17px;margin-bottom:6px}.steps p{font-size:13px}.features{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.feature{background:var(--paper);border:var(--border);box-shadow:var(--shadow-sm);padding:24px;border-radius:var(--radius)}.feature:first-child{background:var(--y)}.feature:nth-child(2){background:var(--p);color:#fff}.feature:nth-child(3){background:var(--g)}.feature:nth-child(4){background:#fff}.feature-icon{font-size:30px;margin-bottom:8px}.feature h3{font-size:18px;margin-bottom:6px}.feature p{font-size:13px}.faq{max-width:760px;margin:0 auto;display:grid;grid-gap:12px;gap:12px}.faq details{background:var(--paper);border:var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius);padding:0}.faq summary{cursor:pointer;font-weight:700;font-size:15px;padding:16px 18px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"＋ ";font-weight:700}.faq details[open] summary:before{content:"－ "}.faq details p{padding:0 18px 16px;font-size:14px}.site-footer{border-top:var(--border);background:var(--ink);color:#fff}.footer-inner{padding:26px 24px;text-align:center;font-size:13px;max-width:1080px;margin:0 auto}.footer-note{opacity:.7;margin-top:6px}@media (max-width:820px){.hero h1{font-size:34px}.features,.steps{grid-template-columns:1fr}.nav-toggle{display:inline-flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--y);border-bottom:var(--border);padding:12px 24px 18px;gap:8px;z-index:50;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{width:100%;text-align:center;font-size:14px}.file-item{grid-template-columns:auto 1fr auto}.file-size,.file-state{display:none}}.options{margin:18px 0;display:grid;grid-gap:12px;gap:12px}.opt-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.opt-label{font-weight:700;font-size:13px;min-width:96px}.seg{display:inline-flex;border:var(--border);border-radius:var(--radius);overflow:hidden}.seg button{font-family:Space Mono,monospace;font-weight:700;font-size:13px;padding:9px 14px;border:none;background:var(--paper);color:var(--ink);cursor:pointer;border-right:var(--border)}.seg button:last-child{border-right:none}.seg button.active{background:var(--y)}.seg button:hover:not(.active){background:var(--b)}.brutal-input,.brutal-select{font-family:Space Mono,monospace;font-weight:700;font-size:13px;padding:9px 12px;border:var(--border);background:var(--paper);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.brutal-input{min-width:180px}.brutal-input:focus,.brutal-select:focus{outline:none;background:var(--y)}input[type=range]{accent-color:var(--p);width:200px}.check-row{display:flex;gap:16px;flex-wrap:wrap}.check-row label{font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.order-list{list-style:none;margin:18px 0;grid-gap:10px;counter-reset:ol}.ol-item,.order-list{display:grid;gap:10px}.ol-item{grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:10px;border:var(--border);background:var(--paper);padding:10px 12px;border-radius:var(--radius)}.ol-idx{display:inline-grid;place-items:center;width:28px;height:28px;font-family:Archivo Black,sans-serif;background:var(--g);border:var(--border);font-size:14px}.ol-name{font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ol-size{font-size:12px;opacity:.7}.ol-btns{display:flex;gap:6px}.ol-btns button{width:30px;height:30px;border:var(--border);background:var(--paper);font-weight:700;cursor:pointer;border-radius:var(--radius)}.ol-btns button:hover:not(:disabled){background:var(--p);color:#fff}.ol-btns button:disabled{opacity:.35;cursor:not-allowed}.page-grid{margin:18px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px}.page-chip{border:var(--border);background:var(--paper);padding:10px;border-radius:var(--radius);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.pc-num{font-weight:700;font-size:12px}.pc-canvas{width:100%;height:auto;border:2px solid var(--ink);background:#fff}.pc-rot{font-size:11px;font-weight:700;color:var(--p);min-height:14px}.pc-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.pc-actions button{font-family:Space Mono,monospace;font-weight:700;font-size:11px;padding:6px 0;border:var(--border);background:var(--paper);cursor:pointer;border-radius:var(--radius)}.pc-actions button:hover:not(:disabled){background:var(--b)}.pc-actions button:disabled{opacity:.35;cursor:not-allowed}.result-box{margin:18px 0}.result-text{width:100%;min-height:200px;font-family:Space Mono,monospace;font-size:13px;line-height:1.6;border:var(--border);background:var(--paper);color:var(--ink);padding:14px;border-radius:var(--radius);box-shadow:var(--shadow-sm);resize:vertical}.result-text:focus{outline:none;background:#fffce0}.dl-row{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.ad-slot{margin:28px auto;min-height:100px;display:grid;place-items:center;border:3px dashed var(--ink);border-radius:var(--radius);background:repeating-linear-gradient(45deg,#fafafa,#fafafa 10px,#f0f0f0 0,#f0f0f0 20px);color:#999;font-family:Space Mono,monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase}.ad-slot span{background:var(--paper);padding:8px 18px;border:var(--border)}@media (max-width:820px){.ol-item{grid-template-columns:auto 1fr auto}.ol-size{display:none}.ad-slot{min-height:80px;margin:20px auto}}