*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input,select{font:inherit}.control-body{color:#111827;background:#f3f4f6;min-height:100vh}.control-shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:24px 0 40px}.topbar,.panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 28px #0f172a14}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px 24px;display:flex}h1{margin:0 0 4px;font-size:clamp(24px,4vw,40px)}p{margin:0}.viewer-link,button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:12px;padding:12px 16px;text-decoration:none}button:hover,.viewer-link:hover{filter:brightness(1.1)}button.primary{background:#0f766e}.editor-panel,.controls-grid,.link-panel{margin-bottom:16px;padding:18px}.label{margin-bottom:8px;font-weight:700;display:block}textarea{resize:vertical;border:1px solid #d1d5db;border-radius:14px;width:100%;min-height:320px;padding:16px;line-height:1.5}.controls-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:14px;display:grid}.controls-grid label,.checkline{gap:8px;display:grid}.controls-grid input[type=range]{width:100%}.controls-grid .checkline{grid-column:span 2;align-items:center;display:flex}.link-panel{gap:12px;display:grid}.link-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.link-row{grid-template-columns:1fr}}code{overflow-wrap:anywhere;background:#f3f4f6;border-radius:10px;padding:12px;display:block}.hint{color:#4b5563}.viewer-body{color:#fff;background:#000;height:100vh;overflow:hidden}.viewer-shell{height:100vh;padding:max(48px, env(safe-area-inset-top)) max(7vw, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(7vw, env(safe-area-inset-left));position:relative;overflow:hidden}.reading-band{pointer-events:none;z-index:4;background:#ffffff0d;border-top:1.5px solid #ffffff38;border-bottom:1.5px solid #ffffff38;height:9vh;position:fixed;top:40%;left:0;right:0}.viewer-status{z-index:10;color:#ffffffbd;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex;position:fixed;top:16px;left:16px;right:16px}.viewer-status button{pointer-events:auto;color:#fff;background:#ffffff24}#promptText{white-space:pre-wrap;will-change:transform;transform-origin:top;width:100%;margin:24vh auto 60vh;transform:translateY(0)translateZ(0)}.presenter-shell{color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;background:#000;height:100vh;position:relative;overflow:hidden}.presenter-shell:active{cursor:grabbing}.presenter-shell #promptText{padding-top:70px}.presenter-bar{z-index:20;padding:max(12px, env(safe-area-inset-top)) 16px 12px;-webkit-backdrop-filter:blur(10px);background:#000000bf;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.presenter-bar button{color:#fff;background:#ffffff26;border-radius:10px;flex-shrink:0;min-width:48px;padding:10px 18px;font-size:18px}.presenter-bar button.primary{background:#0f766e;padding:10px 24px}.psliders{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pslider-label{align-items:center;gap:8px;display:flex}.pslider-label span{color:#ffffffb3;white-space:nowrap;min-width:56px;font-size:12px}.pslider-label input[type=range]{accent-color:#0f766e;cursor:pointer;flex:1;height:4px}#pDevice{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;flex-shrink:0;padding:8px 10px;font-size:13px}@media (width<=760px){.controls-grid{grid-template-columns:1fr 1fr}.controls-grid .checkline{grid-column:span 2}}