:root{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f4f6f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}html,body{width:100%;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;height:100vh;height:100dvh;background:#f4f6f9;display:flex;flex-direction:column}.section-header{height:18%;min-height:100px;background:#fff;border-bottom:1px solid #e9ecef;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 4px;gap:12px;box-shadow:0 4px 15px #00000008}.header-row-top .app-title{font-size:clamp(20px,6vw,26px);font-weight:900;color:#212529;letter-spacing:-.5px}.header-row-bottom{display:flex;justify-content:center;align-items:center;width:100%}.section-body{height:72%;position:relative;width:100%;background:#f0f2f5;overflow:hidden}.viewer-full{width:100%;height:100%}.overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.top-right-controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:auto;z-index:50}.control-item{display:flex;align-items:center;gap:8px;background:#ffffffe6;padding:6px 12px;border-radius:20px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.control-label{font-size:12px;font-weight:700;color:#495057}.section-footer{height:3%;background:#f8f9fa;border-top:1px solid #e9ecef}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#adb5bd;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 2px #0003}input:checked+.toggle-slider{background-color:#339af0}input:checked+.toggle-slider:before{transform:translate(20px)}.btn-reset{height:28px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:800;border:none;cursor:pointer;background:#ffec99;color:#e67700;transition:all .2s;display:flex;align-items:center;white-space:nowrap}.btn-reset:active{background:#ffd43b;transform:scale(.95)}.dim-group{display:flex;align-items:center;background:#f1f3f5;padding:4px 8px;border-radius:12px;gap:8px}.dim-control{display:flex;align-items:center;background:#fff;border-radius:8px;padding:2px;border:1px solid #dee2e6;box-shadow:0 1px 2px #0000000d}.dim-label{font-size:13px;font-weight:800;color:#868e96;padding:0 6px}.dim-btn{width:28px;height:28px;border:none;background:transparent;color:#495057;font-weight:900;font-size:18px;cursor:pointer;border-radius:6px}.dim-btn:active{background:#f1f3f5}.dim-input{width:30px;height:28px;border:none;background:transparent;text-align:center;font-size:16px;font-weight:800;color:#212529}.tip-badge{position:absolute;top:20px;left:20px;background:#fffffff2;padding:10px 16px;border-radius:20px;font-size:14px;font-weight:800;color:#343a40;box-shadow:0 4px 12px #0000001a;pointer-events:auto;border:1px solid rgba(0,0,0,.05)}.msg-badge{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#20c997;color:#fff;padding:12px 24px;border-radius:30px;font-size:15px;font-weight:800;box-shadow:0 8px 20px #0003;pointer-events:auto;white-space:nowrap;animation:popUp .3s cubic-bezier(.175,.885,.32,1.275);z-index:60}.slider-box{position:absolute;bottom:30px;right:25px;background:#fffffff2;padding:15px 10px;border-radius:16px;display:flex;flex-direction:column;align-items:center;width:50px;box-shadow:0 8px 24px #0000001f;pointer-events:auto}.mini-slider{width:120px;height:8px;background:#e9ecef;border-radius:4px;outline:none;-webkit-appearance:none;transform:rotate(-90deg);margin:55px -35px}.mini-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#339af0;border-radius:50%;cursor:pointer;border:4px solid white;box-shadow:0 2px 6px #0003}.slider-text{font-size:11px;font-weight:800;color:#868e96;margin-bottom:8px}@keyframes popUp{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.no-wrap{white-space:nowrap;flex-shrink:0}