.tool-shell{max-width:1180px}.tool-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;padding:30px}.tool-hero h1{margin:8px 0 10px;font-size:clamp(32px,5vw,52px);line-height:1.08}.tool-hero .lead{max-width:760px;margin:0}.tool-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tool-badges span,.tool-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid rgba(125,211,252,.25);border-radius:999px;background:rgba(14,165,233,.1);color:#d9eefc;font-size:13px;font-weight:800;white-space:nowrap}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.tool-panel,.tool-side{padding:22px}.tool-side{position:sticky;top:82px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-field{display:grid;gap:7px;min-width:0}.tool-field label,.tool-label{font-size:13px;color:#c8d6e8;font-weight:850}.tool-field input,.tool-field select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:#07111f;color:#edf6ff;padding:0 12px;font:inherit}.tool-field input[type=color]{padding:4px}.tool-field input[type=range]{padding:0}.tool-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.tool-drop{display:grid;place-items:center;min-height:180px;padding:22px;border:2px dashed rgba(56,189,248,.45);border-radius:18px;background:rgba(7,16,29,.72);text-align:center}.tool-drop.is-dragging{border-color:#4ade80;background:rgba(34,197,94,.1)}.tool-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.tool-pick{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:12px;background:#f8fafc;color:#08111f;font-weight:950;cursor:pointer}.tool-list{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.tool-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#08111f}.tool-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.tool-item small{display:block;margin-top:4px;color:#91a4bd}.tool-actions{display:flex;flex-wrap:wrap;gap:8px}.tool-button,.tool-primary,.tool-danger{min-height:44px;padding:0 14px;border-radius:10px;font-weight:900;cursor:pointer}.tool-button{border:1px solid rgba(148,163,184,.28);background:#0f1b2c;color:#e5f1ff}.tool-primary{border:0;background:linear-gradient(135deg,#38bdf8,#2563eb);color:white}.tool-danger{border:1px solid rgba(248,113,113,.35);background:#2b111a;color:#fecaca}.tool-button:disabled,.tool-primary:disabled,.tool-danger:disabled{opacity:.45;cursor:not-allowed}.tool-status{min-height:24px;margin:12px 0 0;color:#afc0d5;line-height:1.55}.tool-status[data-type=error]{color:#fecaca}.tool-status[data-type=success]{color:#bbf7d0}.tool-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px;margin-top:14px}.tool-thumb{display:grid;gap:8px;padding:10px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#07111f}.tool-thumb canvas,.tool-thumb img{width:100%;height:auto;border-radius:8px;background:#0b1628}.tool-thumb .tool-actions{justify-content:center}.tool-note{color:#9dafc7;font-size:13px;line-height:1.6}.tool-note strong{color:#dbeafe}.privacy-canvas-wrap{position:relative;max-width:100%;overflow:auto;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#07111f}.privacy-canvas-wrap canvas{display:block;max-width:100%;height:auto;touch-action:none}.room-grid{display:grid;gap:18px}.room{padding:22px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(7,16,29,.68)}.room h2{margin:0 0 8px;font-size:22px}.room-note{margin:0 0 14px;color:#a9bbcf;font-size:14px;line-height:1.55}.room-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.room-links a,.room-links span{display:block;min-height:44px;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#08111f;color:#e5f1ff;text-decoration:none}.room-links a:hover{border-color:#38bdf8}.room-links span{color:#8fa2bb}.coming{font-size:12px;color:#fcd34d;margin-left:6px}
@media(max-width:900px){.tool-hero,.tool-layout{grid-template-columns:1fr}.tool-badges{justify-content:flex-start}.tool-side{position:static}.room-links{grid-template-columns:1fr 1fr}}@media(max-width:620px){.tool-panel,.tool-side,.tool-hero{padding:16px}.tool-grid,.room-links{grid-template-columns:1fr}.tool-item{grid-template-columns:1fr}.tool-actions{justify-content:flex-start}.tool-button,.tool-primary,.tool-danger{width:100%}}