:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#e5e7eb}*{box-sizing:border-box}body{margin:0}button{font-family:inherit}.page{min-height:100vh;padding:clamp(8px,2vw,24px);background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 32rem),#0f172a}.panel{width:min(100%,1280px);min-height:calc(100vh - clamp(16px,4vw,48px));margin:0 auto;background:#111827eb;border:1px solid #374151;border-radius:clamp(18px,2.2vw,28px);padding:clamp(14px,2.2vw,28px);box-shadow:0 24px 80px #00000059}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(12px,2vw,24px);align-items:start;margin-bottom:clamp(16px,2vw,24px)}.badge{display:inline-block;padding:6px 12px;border-radius:999px;background:#1f2937;color:#93c5fd;font-size:14px;margin-bottom:12px}h1{margin:0 0 8px;font-size:clamp(34px,5.4vw,64px);line-height:1}h2{margin:0 0 14px;font-size:clamp(18px,1.8vw,20px);color:#cbd5e1}p{margin:0;color:#9ca3af}.backendBox{min-width:150px;padding:14px;border-radius:18px;background:#020617;border:1px solid #1f2937;display:flex;justify-content:space-between;gap:12px;align-items:center}.error{margin-bottom:20px;padding:14px 16px;border-radius:16px;background:#7f1d1d8c;border:1px solid rgba(248,113,113,.45);color:#fecaca}.statusGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(10px,1.4vw,14px);margin-bottom:clamp(18px,2.2vw,26px)}.statusCard{min-height:clamp(82px,10vw,96px);padding:clamp(12px,1.4vw,16px);border-radius:20px;background:#020617;border:1px solid #1f2937;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.statusCard span{color:#94a3b8}.statusCard strong{font-size:clamp(18px,2vw,22px);overflow-wrap:anywhere}.pill{display:inline-flex;justify-content:center;align-items:center;width:fit-content;min-height:30px;padding:5px 12px;border-radius:999px;background:#1f2937;border:1px solid #374151;color:#cbd5e1;font-size:14px;font-weight:700}.pillGood{background:#16653473;border-color:#22c55e73;color:#bbf7d0}.workspace{display:grid;grid-template-columns:minmax(420px,1fr) minmax(240px,clamp(260px,28vw,340px));gap:clamp(16px,2vw,24px);align-items:start;border-top:1px solid #1f2937;padding-top:clamp(16px,2vw,22px)}.leftZone{min-width:0}.rightZone{position:sticky;top:14px;display:grid;gap:clamp(14px,2vw,22px)}.section{margin-top:clamp(16px,2vw,22px);padding-top:clamp(16px,2vw,22px);border-top:1px solid #1f2937}.firstSection{margin-top:0;padding-top:0;border-top:0}.buttonGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:clamp(10px,1.4vw,12px)}.buttonGrid.scenes{grid-template-columns:repeat(auto-fit,minmax(min(130px,100%),1fr))}.button{min-height:clamp(56px,6vw,68px);border-radius:18px;border:1px solid #475569;background:#1f2937;color:#e5e7eb;font-size:clamp(15px,1.6vw,17px);font-weight:700;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.button:hover:not(:disabled),.iconButton:hover:not(:disabled){transform:translateY(-1px);background:#263244;border-color:#64748b}.button:disabled,.iconButton:disabled{cursor:not-allowed;opacity:.38}.button.danger,.iconButton.danger{background:#7f1d1d9e;border-color:#f871717a}.button.danger:hover:not(:disabled),.iconButton.danger:hover:not(:disabled){background:#991b1bcc}.controlFieldset{margin:0;padding:clamp(20px,2vw,26px) clamp(12px,1.6vw,18px) clamp(12px,1.6vw,18px);border-radius:24px;border:1px solid #475569;background:#020617;min-inline-size:0}.controlFieldset legend{padding:0 10px;color:#cbd5e1;font-size:clamp(20px,2vw,22px);font-weight:800}.iconRow,.iconGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.6vw,14px)}.iconButton{aspect-ratio:1 / 1;width:100%;min-height:clamp(74px,9vw,118px);border-radius:clamp(18px,2vw,24px);border:1px solid #475569;background:#1f2937;color:#f8fafc;font-size:clamp(34px,4.4vw,46px);font-weight:900;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.iconButton.record{color:#fecaca;background:#7f1d1d5c;border-color:#f8717175}.note{margin-top:12px;font-size:14px;color:#64748b}.lastCommand{min-height:76px;padding:16px;border-radius:18px;background:#020617;border:1px solid #1f2937;display:grid;gap:6px;overflow-wrap:anywhere}.lastCommand span,.lastCommand small{color:#94a3b8}@media(max-width:1080px){.workspace{grid-template-columns:1fr}.rightZone{position:static;grid-template-columns:repeat(2,minmax(220px,1fr))}.iconButton{min-height:clamp(86px,12vw,120px)}}@media(max-width:820px){.header{grid-template-columns:1fr}.backendBox{width:100%}.statusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rightZone{grid-template-columns:1fr}}@media(max-width:560px){.panel{min-height:auto}h1{font-size:clamp(34px,11vw,48px)}.statusGrid,.buttonGrid,.buttonGrid.scenes{grid-template-columns:1fr}.iconButton{min-height:82px;font-size:36px}.controlFieldset{border-radius:20px}}.sceneButton{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sceneButton.active{background:#1665348c;border-color:#22c55ea6;color:#bbf7d0;opacity:1}.emptyState{padding:18px;border-radius:18px;background:#020617;border:1px dashed #475569;color:#94a3b8}