*{box-sizing:border-box}html,body,#root{background:#3d3d3f;height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}.app{height:100%;position:relative}.canvas-wrap{position:absolute;inset:0;overflow:hidden}.error-banner{color:#fff;pointer-events:none;background:#a02828eb;border-radius:8px;max-width:420px;padding:8px 14px;font-size:13px;line-height:1.4;position:absolute;top:12px;left:12px}.gh-link{color:#bbb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;text-decoration:none;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.gh-link:hover{color:#fff;background:#000000a6}.generating-pill{color:#ddd;pointer-events:none;background:#0000008c;border-radius:999px;padding:6px 16px;font-size:13px;position:absolute;top:52px;left:50%;transform:translate(-50%)}.record-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 12px;display:flex;position:absolute;bottom:16px;left:16px}.duration-input{color:#ddd;background:#2a2a2c;border:1px solid #555;border-radius:6px;width:64px;padding:5px 8px;font-size:12px}.record-panel select{color:#ddd;background:#2a2a2c;border:1px solid #555;border-radius:6px;padding:5px 8px;font-size:12px}.record-btn{color:#fff;cursor:pointer;background:#c03434;border:none;border-radius:6px;padding:6px 14px;font-size:13px}.record-btn:hover:not(:disabled){background:#d54444}.record-btn:disabled{opacity:.5;cursor:default}.cancel-btn{color:#fff;cursor:pointer;background:#555;border:none;border-radius:6px;padding:6px 14px;font-size:13px}.progress-track{background:#2a2a2c;border-radius:4px;width:220px;height:8px;overflow:hidden}.progress-fill{background:#c03434;height:100%;transition:width .15s linear}.progress-label{color:#ddd;min-width:34px;font-size:12px}.record-error{color:#ff9b9b;max-width:280px;font-size:12px}@media (width<=640px){.record-panel{flex-wrap:wrap;gap:6px;bottom:8px;left:8px;right:8px}.record-panel select,.record-panel .duration-input{flex:calc(50% - 6px);width:auto;min-height:42px;font-size:14px}.record-btn,.cancel-btn{flex:100%;min-height:46px;font-size:16px}.progress-track{flex:100%;height:10px}.progress-label{text-align:center;flex:1}.record-error{flex:100%;max-width:none}}