*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:#0d0f0e;color:#d4e8dc;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a3530;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3a4840}.shiki{margin:0;background:transparent!important}.shiki code{font-size:12px;line-height:1.7;font-family:JetBrains Mono,monospace}.app-main{flex:1;display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 56px);overflow:hidden}.panel-left{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #1E2220}.panel-right{display:flex;flex-direction:column;overflow:hidden}.mobile-tabs,.copy-all-btn{display:none}.diff-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0d0f0e;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){header{padding-top:env(safe-area-inset-top)!important;height:calc(56px + env(safe-area-inset-top))!important}.app-main{height:calc(100vh - 112px - env(safe-area-inset-top))!important}.app-header-logo{font-size:12px!important}.app-header-nav{display:none!important}.app-main{grid-template-columns:1fr;height:calc(100vh - 112px);overflow:hidden}.panel-left{border-right:none;border-bottom:1px solid #1E2220}.panel-left.mobile-hidden,.panel-right.mobile-hidden{display:none!important}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;padding-bottom:calc(env(safe-area-inset-bottom) + 6px);background:#141716;border-top:1px solid #1E2220;z-index:50}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;cursor:pointer;font-family:Syne,sans-serif;font-size:11px;font-weight:600;color:#8a9e95;transition:color .15s;min-height:44px}.mobile-tab.active{color:#0f8}.mobile-tab.active .mobile-tab-dot{background:#0f8}.mobile-tab-dot{width:5px;height:5px;border-radius:50%;background:transparent;transition:background .15s}.line-gutter{display:none!important}.panel-header-scroll{flex-wrap:wrap;gap:8px!important;padding:10px 16px!important}.run-btn-mobile{margin-left:0!important;width:100%;min-height:44px}select,input,textarea,button{font-size:16px!important}.shiki code,.shiki span{font-size:11px!important}.copy-all-btn{display:flex!important;align-items:center;font-size:12px!important;padding:6px 12px!important;min-height:36px}.expand-diff-btn{padding:8px 16px!important;font-size:13px!important;min-height:40px}.results-panel{padding:16px!important;padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-x:hidden!important}.panel-left,.panel-right{max-width:100vw;overflow-x:hidden}.history-grid{grid-template-columns:1fr!important}.history-detail{display:none!important}.history-detail.active{display:flex!important}.diff-esc-hint{display:none}.diff-fullscreen-header{padding-top:calc(env(safe-area-inset-top) + 10px)!important}.diff-close-btn{padding:10px 16px!important;font-size:13px!important;min-height:44px}.diff-fullscreen .shiki code,.diff-fullscreen table{font-size:10px!important;line-height:1.6!important}}@media(min-width:769px)and (max-width:1024px){.app-main{grid-template-columns:45% 55%}}