:root{color:#17211b;background:#f5f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(52,116,92,.1),transparent 34%),linear-gradient(315deg,rgba(194,72,72,.1),transparent 34%),#f5f7f2}button{font:inherit}.app-shell{min-height:100vh;padding:clamp(16px,3vw,36px);display:grid;place-items:center}.console{width:min(1120px,100%);min-height:min(760px,calc(100vh - 32px));display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;padding:clamp(18px,3vw,34px);background:#ffffffdb;border:1px solid rgba(23,33,27,.12);border-radius:8px;box-shadow:0 24px 80px #1c2b2224;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.topbar h1{margin:0;font-size:clamp(28px,4vw,52px);line-height:1.04;letter-spacing:0}.topbar p{margin:10px 0 0;color:#59675f;font-size:17px}.status{min-width:132px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid rgba(23,33,27,.12);color:#3b4a42;background:#eef2eb;font-size:15px;font-weight:700;white-space:nowrap}.status-active{color:#0d5f3c;background:#dff5e9;border-color:#0d5f3c2e}.status-connecting{color:#725011;background:#fff4d5}.status-error{color:#8b1e25;background:#ffe4e6}.caption-panel{min-height:360px;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,5vw,56px);border-radius:8px;background:#17211b;color:#fafff4}.caption-label{margin:0 0 14px;color:#a8c8b2;font-size:16px;font-weight:800}.caption-text{font-size:clamp(34px,6vw,78px);line-height:1.16;font-weight:800;word-break:keep-all;overflow-wrap:anywhere}.source-panel,.error-panel,.setup-panel,.diagnostics{padding:16px 18px;border-radius:8px;font-size:18px;line-height:1.5}.source-panel{color:#2f3c34;background:#eef2eb}.source-panel .caption-label{color:#59675f}.error-panel{color:#8b1e25;background:#ffe4e6;border:1px solid rgba(139,30,37,.18)}.diagnostics{display:grid;gap:10px;color:#2f3c34;background:#eef2eb;border:1px solid rgba(23,33,27,.1);font-size:15px}.diagnostics p{margin:0}.diagnostics span{display:block;margin-bottom:8px;font-weight:800}.level-meter{width:100%;height:12px;overflow:hidden;border-radius:999px;background:#17211b1f}.level-meter div{height:100%;min-width:2px;border-radius:inherit;background:#237b55;transition:width 90ms linear}.event-json{display:block;max-height:88px;overflow:auto;padding:10px;border-radius:8px;color:#17211b;background:#ffffffb8;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.copy-diagnostics{justify-self:start;min-height:42px;font-size:15px}.setup-panel{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) minmax(160px,auto);gap:14px;align-items:end;background:#f7f9f4;border:1px solid rgba(23,33,27,.12);color:#26342c;font-weight:800}.setup-panel label,.output-setting{display:grid;gap:7px}.setup-panel span,.output-setting span{font-size:14px}.setup-panel input,.setup-panel select,.output-setting select{min-height:48px;width:100%;border:1px solid rgba(23,33,27,.18);border-radius:8px;padding:0 14px;color:#17211b;background:#fff;font-size:16px;font-weight:700}.output-setting p{margin:0;min-height:48px;display:flex;align-items:center;padding:10px 12px;border-radius:8px;color:#59675f;background:#fff;border:1px solid rgba(23,33,27,.12);font-size:14px;line-height:1.35;font-weight:700}.device-actions{display:flex;flex-wrap:wrap;gap:8px}.device-actions .secondary-button{min-height:48px;padding:0 14px;font-size:15px}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.primary-button,.danger-button,.secondary-button,.icon-button{min-height:56px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:18px;font-weight:800}.primary-button,.danger-button,.secondary-button{padding:0 22px}.primary-button{color:#fff;background:#237b55}.danger-button{color:#fff;background:#b83f45}.secondary-button,.icon-button{color:#26342c;background:#e5ebe2}.icon-button{width:56px;padding:0}.primary-button:focus-visible,.danger-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible{outline:4px solid rgba(35,123,85,.25);outline-offset:3px}@media(max-width:720px){.console{min-height:calc(100vh - 24px)}.topbar{flex-direction:column}.status{width:100%}.caption-panel{min-height:320px}.primary-button,.danger-button,.secondary-button{flex:1 1 160px}.setup-panel{grid-template-columns:1fr}}