:root{--blue: #0066ff;--blue-2: #e8f1ff;--red: #e5383b;--green: #0f8a5f;--amber: #a96500;--ink: #1f2a44;--muted: #5b6476;--line: #dfe4ec;--bg: #f4f7fb;--card: #fff;--r: 14px;font-family:-apple-system,Segoe UI,Roboto,system-ui,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:15px;line-height:1.5}a{color:var(--blue)}.muted{color:var(--muted)}.small{font-size:13px}.good{color:var(--green)}.warn{color:var(--amber)}.err{color:#c62828;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;padding:8px 12px;margin:8px 0}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.app{max-width:1170px;margin:0 auto;padding:0 16px 40px}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 0 8px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--ink);text-decoration:none}.top-r{display:flex;gap:6px;flex-wrap:wrap}.tabs{display:flex;gap:4px;overflow-x:auto;padding:4px 0 8px;border-bottom:1px solid var(--line);scrollbar-width:thin}.tabs a{white-space:nowrap;padding:7px 12px;border-radius:999px;text-decoration:none;color:var(--ink);font-size:14px}.tabs a:hover{background:var(--blue-2)}.tabs a.on{background:var(--blue);color:#fff}.head h1{font-size:26px;margin:18px 0 2px}.head p{margin:0 0 14px}.btn{border:1px solid transparent;border-radius:10px;padding:8px 14px;font:inherit;cursor:pointer;background:#fff;color:var(--ink);display:inline-flex;align-items:center;gap:6px;text-decoration:none;min-height:40px}.btn.primary{background:var(--blue);color:#fff}.btn.primary:hover{background:#0052cc}.btn.primary:disabled{opacity:.5;cursor:default}.btn.ghost{border-color:var(--line)}.btn.ghost:hover{border-color:var(--blue)}.btn.sm{padding:5px 10px;font-size:13px}.btn.big{min-height:48px;border-radius:999px;padding:12px 26px;font-size:17px;font-weight:600;margin-top:6px}.link{background:none;border:0;color:var(--blue);cursor:pointer;font:inherit}.drop{border:2px dashed #b9c6dd;border-radius:var(--r);background:#fff;padding:40px 16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;align-items:center;transition:.15s}.drop:hover,.drop.over{border-color:var(--blue);background:#f3f7ff}.drop.compact{padding:10px;margin-top:10px;border-width:1px}.drop-ico{width:54px;height:54px;border-radius:50%;background:var(--blue-2);color:var(--blue);font-size:26px;display:grid;place-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:12px 0;position:relative}.card p{margin:6px 0}.engage{border-color:#b7c9f5;background:#f6f9ff}.x{position:absolute;right:8px;top:4px;border:0;background:none;font-size:22px;cursor:pointer;color:var(--muted)}.files{display:flex;flex-direction:column;gap:6px}.file{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.file.ok{border-color:#a6e3bf}.file.err{border-color:#fecdca}.file.run{border-color:var(--blue)}.fname{font-weight:500;word-break:break-all;flex:1 1 220px}.file>.warn,.file>.err,.file>.muted.small{flex-basis:100%;background:none;border:0;padding:0;margin:0}.file-actions{display:flex;gap:6px;margin-left:auto}.opts{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-top:12px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.opt{display:flex;flex-direction:column;gap:6px}.opt>label{font-weight:600;font-size:14px}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;background:#eef1f6;border-radius:10px;padding:3px}.seg label{padding:6px 12px;border-radius:8px;cursor:pointer;font-size:14px}.seg label.on{background:#fff;box-shadow:0 1px 3px #0000001f;color:var(--blue);font-weight:600}.seg input{position:absolute;opacity:0;pointer-events:none}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:14px;color:var(--ink);text-decoration:none}.chip:hover{border-color:var(--blue)}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.check{display:flex;gap:6px;align-items:center;cursor:pointer}input.num{width:100px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit}input.txt,.modal input,.modal textarea{width:100%;max-width:420px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}.progress{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin-top:12px}.progress-head{display:flex;gap:10px;justify-content:space-between;margin-bottom:6px;font-size:14px}.progress-head span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:8px;background:#e7ebf2;border-radius:99px;overflow:hidden}.bar div{height:100%;background:var(--blue);transition:width .2s}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.grid.pages{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));margin-top:10px}.tile{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px;align-items:center;cursor:grab;font:inherit;color:inherit}.tile.dragging{opacity:.4}.tile-img{width:100%;aspect-ratio:3/4;display:grid;place-items:center;background:#f1f3f7;border-radius:6px;overflow:hidden}.tile-img img{max-width:100%;max-height:100%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.tile-name{font-size:13px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.tile-act{display:flex;gap:2px}.tile-act button{border:1px solid var(--line);background:#fff;border-radius:6px;width:28px;height:26px;cursor:pointer;font-size:13px;padding:0}.tile-act button:hover{border-color:var(--blue);color:var(--blue)}.tile.pick{cursor:pointer}.tile.pick.on{border:2px solid var(--blue);background:var(--blue-2)}.result-head{font-weight:700;font-size:17px;margin-bottom:8px}.next{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.sizediff b{color:var(--ink)}.steps{background:var(--blue-2);border-radius:10px;padding:10px 14px;font-size:14px}.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.hub-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:6px}.hub-card:hover{border-color:var(--blue);box-shadow:0 4px 14px #0066ff1a}.hub-ico{font-size:26px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.45);display:grid;place-items:center;z-index:2147483000;padding:16px}.modal{background:#fff;border-radius:14px;max-width:620px;width:100%;max-height:92vh;overflow:auto;padding:20px;position:relative;display:flex;flex-direction:column;gap:10px}.modal h2{margin:0 0 4px;font-size:20px}fieldset{border:0;padding:0;margin:0}legend{font-weight:600;margin-bottom:6px}#seo{max-width:1170px;margin:0 auto;padding:8px 16px 40px;color:#333}#seo h2{font-size:20px;margin-top:28px}#seo h3{font-size:16px;margin-bottom:4px}#seo .more a{margin-right:12px}@media (max-width: 640px){.head h1{font-size:22px}.btn.big{width:100%;justify-content:center}.opts{align-items:stretch}.top-r .btn.ghost:nth-child(2) span{display:none}}