:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#edf2f7;color:#102033}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f6f9fc,#edf2f7)}button,input,textarea,select{font:inherit}button{border:0;border-radius:10px;background:#dde7f5;color:#102033;padding:10px 14px;cursor:pointer}button.primary{background:#2563eb;color:#fff}button.danger{background:#e11d48;color:#fff}.layout{display:grid;grid-template-columns:320px 1fr;gap:20px;padding:24px}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 16px 40px #0f172a14}.sidebar{position:sticky;top:24px;height:calc(100vh - 48px);overflow:auto}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel-header.compact{margin-bottom:12px}.panel-header h1,.panel-header h2,.panel-header p{margin:0}.panel-header p{margin-top:6px;color:#526173}.toolbar-row,.command-row{display:flex;flex-wrap:wrap;gap:8px}.playlist-list,.device-list,.log-list{display:grid;gap:10px}.playlist-list__item,.device-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;background:#f8fbff}.playlist-list__item.active,.device-item.active{background:#dbeafe;outline:2px solid #60a5fa}.main-column{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.form-grid.compact-grid{margin-bottom:12px}.form-grid label,.stack label{display:grid;gap:6px;color:#334155}.form-grid input,.stack input{width:100%}.full-width{grid-column:1 / -1}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e2e8f0;vertical-align:top;text-align:left}.stack{display:grid}.gap-8{gap:8px}.inline-check{display:flex!important;align-items:center;gap:8px}.inline-check input{width:auto}.two-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.json-box{margin:0;padding:16px;border-radius:16px;background:#0f172a;color:#dbeafe;min-height:240px;overflow:auto}.log-item{padding:14px;border-radius:14px;background:#f8fafc}.log-item header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}@media(max-width:1280px){.layout,.two-column-grid,.form-grid{grid-template-columns:1fr}.sidebar{position:static;height:auto}}