.tool-page{padding:26px 0 60px}.tool-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.tool-head .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:var(--primary-soft)}.tool-head h1{font-size:22px;margin:0}.tool-sub{color:var(--text-dim);font-size:14px;margin:0 0 22px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:18px}label{display:block;font-size:13px;font-weight:600;margin:0 0 6px;color:var(--text)}.counter{float:right;font-weight:500;color:var(--text-dim);font-variant-numeric:tabular-nums}.hint{font-size:12.5px;color:var(--text-dim);margin-top:4px}.row{display:flex;gap:16px;flex-wrap:wrap}.row>.field{flex:1;min-width:160px}.field{margin-bottom:16px}input[type=text],input[type=number],input[type=url],textarea,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}input[type=color]{padding:2px;cursor:pointer}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}textarea{resize:vertical;min-height:90px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.drop{border:2px dashed var(--border);border-radius:12px;padding:28px;text-align:center;color:var(--text-dim);cursor:pointer;transition:.15s}.drop:hover,.drop.drag{border-color:var(--primary);background:var(--primary-soft)}.result-list{display:grid;gap:12px}.result-item{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.result-item img{width:54px;height:54px;object-fit:cover;border-radius:8px;background:#f0f0f4}.result-item .meta{flex:1;min-width:0;font-size:13px}.result-item .meta .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item .meta .sub{color:var(--text-dim);font-size:12px}.save{color:#16a34a;font-weight:700;font-size:12px}.qr-out{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.qr-canvas-box{background:#fff;padding:14px;border:1px solid var(--border);border-radius:12px}.tabs{display:flex;gap:8px;margin-bottom:18px}.tab{padding:8px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:13.5px;cursor:pointer}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tabpane{display:none}.tabpane.active{display:block}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:#1f2430;color:#fff;padding:10px 18px;border-radius:10px;font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}.toast.show{opacity:1}.bar{height:14px;background:#eef0f6;border-radius:999px;overflow:hidden}.bar-fill{height:100%;width:0;background:linear-gradient(90deg,#4f46e5,#22d3ee);border-radius:999px;transition:width .4s}.orbit-stage{background:radial-gradient(ellipse at 50% 38%,#1d2950,#0a0f1f 72%);border-color:#26315c;padding:0;overflow:hidden}.orbit-stage canvas{display:block;width:100%;height:auto}.orbit-controls{display:flex;flex-direction:column;gap:14px}.orbit-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.orbit-row .grid-tip{margin:0;color:var(--text-dim);font-size:13px;flex:0 0 auto}.orbit-time{flex:1 1 240px;min-width:220px}.orbit-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 13px;border-radius:999px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface);border:1px solid var(--border);color:var(--text);transition:all .15s}.chip:hover{border-color:var(--primary)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.orbit-range{flex:1 1 200px;min-width:160px;accent-color:var(--primary)}.btn-toggle.active{background:#ef4444;border-color:#ef4444;color:#fff}.orbit-readout{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:16px}.ro-item{background:#0f1730;border:1px solid #26315c;border-radius:12px;padding:10px 12px}.ro-item .k{font-size:12px;color:#9aa6c4}.ro-item .v{font-size:15px;font-weight:700;color:#e8ecf6;margin-top:3px;font-variant-numeric:tabular-nums}@media (max-width: 600px){.orbit-readout{grid-template-columns:repeat(2,1fr)}}