*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#20242b;font:15px Arial,Helvetica,sans-serif}header{height:68px;background:white;border-bottom:1px solid #e3e5e8;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1450px)/2));position:sticky;top:0;z-index:9}.brand{font-size:20px;font-weight:800}.brand b{display:inline-grid;place-items:center;background:#f05b48;color:#fff;padding:9px;border-radius:7px;font-size:12px;margin-right:9px}.container{max-width:1450px;margin:auto;padding:25px 18px}.hero{padding:20px 0 25px}.hero h1{margin:0 0 8px;font-size:30px}.muted{color:#68707c;line-height:1.5}.categories{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:25px}.cat h3{font-size:15px;color:#737780;margin:0 0 18px;font-weight:800}.tool{display:flex;gap:12px;align-items:center;color:#20242b;text-decoration:none;margin:0 0 18px;min-height:28px;font-weight:600}.tool:hover{color:#e94e3c}.ico{width:25px;height:25px;border-radius:4px;background:#f26b52;color:white;display:grid;place-items:center;font-size:14px;flex-shrink:0}.cat:nth-child(2) .ico{background:#85b84c}.cat:nth-child(3) .ico{background:#ffcb36;color:#3c3c3c}.cat:nth-child(4) .ico{background:#527fb6}.cat:nth-child(5) .ico{background:#a85d92}.cat:nth-child(6) .ico{background:#497caf}.cat:nth-child(7) .ico{background:#7257e8}.panel{background:white;border:1px solid #e1e5ea;border-radius:14px;padding:22px}.btn{border:0;border-radius:8px;padding:11px 15px;background:#2563eb;color:white;font-weight:700;cursor:pointer}.btn.gray{background:#e8edf3;color:#1f2937}.btn.red{background:#dc2626}.field{padding:10px;border:1px solid #cbd5e1;border-radius:8px;max-width:100%}.file{display:block;border:2px dashed #cbd5e1;border-radius:12px;padding:23px;text-align:center;margin:16px 0;cursor:pointer}.file input{display:none}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.msg{margin-top:12px;font-weight:600;overflow-wrap:anywhere}.hint{padding:12px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;margin:12px 0}.stage-wrap{margin-top:16px;background:#e9edf2;padding:12px;overflow:auto;border-radius:12px}.stage{position:relative;background:white;margin:auto;box-shadow:0 2px 12px #0002;touch-action:none}.stage canvas{display:block}.selection{position:absolute;display:none;pointer-events:none;border:2px solid #2563eb;background:#2563eb22}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.card{border:1px solid #e1e5ea;border-radius:11px;padding:13px;background:#fff}.card canvas{width:100%;height:auto}.pagegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}footer{text-align:center;padding:25px;color:#7b8290;font-size:13px}@media(max-width:1100px){.categories{grid-template-columns:repeat(4,1fr)}}@media(max-width:650px){.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.container{padding:18px 12px}.hero h1{font-size:26px}}