*{box-sizing:border-box}body{margin:0;background:#f5f4ef;color:#171917;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans",Arial,sans-serif}.app{max-width:1100px;margin:auto;padding:28px 20px 60px}header{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:1px solid #ccc;padding-bottom:18px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#666;margin:0}h1{font-size:clamp(32px,6vw,58px);line-height:1;margin:8px 0 0}.lead{max-width:390px;color:#666;font-size:14px;line-height:1.6}main{display:grid;grid-template-columns:1fr 360px;gap:20px;margin-top:20px}.panel{background:#fff;border:1px solid #d8d8d0;border-radius:14px;padding:18px}.drop{min-height:310px;border:1.5px dashed #aaa;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafaf7}.drop input{display:none}.drop strong{font-size:18px;margin-bottom:7px}.drop span{font-size:12px;color:#777}.drop.drag{background:#eee;border-color:#222}.preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}figure{margin:0;background:#eee;border-radius:10px;overflow:hidden}figure img{width:100%;height:240px;object-fit:contain;display:block}figcaption{font-size:12px;padding:8px;color:#666}.new-image{width:100%;margin-top:12px;border:1px solid #bbb;border-radius:8px;background:#fff;color:#222;padding:10px;font-weight:700;cursor:pointer}.field{margin-bottom:18px}.field>label,.downloads>label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:9px}.presets button,.outline{border:1px solid #ccc;border-radius:8px;background:#fff;color:#222;padding:9px 5px;cursor:pointer;font-size:12px}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dimensions>div span{display:block;font-size:11px;color:#666;margin:0 0 4px 2px}input[type=number],select{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;background:white;font-size:15px}.unit{font-size:11px;color:#777;margin-top:5px}.outline{width:100%;margin-top:8px}.papers{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.papers label{margin:0}.papers input{position:absolute;opacity:0}.papers span{display:block;padding:10px 5px;text-align:center;border:1px solid #ccc;border-radius:8px;font-size:13px}.papers input:checked+span{background:#171917;color:#fff;border-color:#171917}.input-suffix{position:relative}.input-suffix span{position:absolute;right:11px;top:10px;font-size:13px;color:#777}small{display:block;color:#777;font-size:11px;line-height:1.5;margin-top:6px}.status{background:#f0f1eb;border-radius:9px;padding:12px;font-size:13px;line-height:1.55;margin:10px 0 16px}.status strong{font-size:16px}.downloads{border-top:1px solid #e2e2dc;padding-top:15px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.download-grid button{border:0;border-radius:8px;background:#171917;color:#fff;padding:11px 7px;font-weight:700;cursor:pointer}.download-grid button:disabled{opacity:.35;cursor:not-allowed}.download-grid #zip{grid-column:1/-1;background:#fff;color:#171917;border:1px solid #bbb}footer{font-size:11px;color:#777;margin-top:18px;line-height:1.7}@media(max-width:800px){header{display:block}main{grid-template-columns:1fr}.lead{margin-top:12px}.preview{grid-template-columns:1fr}.presets{grid-template-columns:repeat(2,1fr)}}