.toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);gap:var(--spacing-lg)}.toolbar-controls{display:flex;gap:var(--spacing-lg);align-items:center}.toolbar-controls label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.toolbar-controls select{min-width:100px}.toolbar-guide{font-size:var(--font-size-sm);font-family:var(--font-mono);white-space:nowrap}.guide-button{padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;border:1px solid var(--border-color);border-radius:4px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.guide-button:hover{background-color:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.guide-button:active{background-color:var(--bg-tertiary)}.expression-section{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.expression-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.expression-header label{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary)}.expression-header select{font-size:var(--font-size-sm);padding:4px 8px;min-width:120px}.expression-input{width:100%;resize:vertical;min-height:60px;line-height:1.6;font-size:var(--font-size-md)}.expression-input::placeholder{font-family:var(--font-ui)}.variables-section{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.variables-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-md);font-weight:500}.expected-decimals-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:400}.expected-decimals-input{width:50px;padding:4px 6px;text-align:center}.info-icon{cursor:help;font-size:14px}.variables-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.variable-row{display:grid;grid-template-columns:minmax(80px,auto) 1fr auto;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.variable-row:last-child{border-bottom:none}.variable-name{font-size:var(--font-size-md);color:var(--text-primary)}.variable-value{width:100%}.variable-decimals-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);white-space:nowrap}.variable-decimals{width:50px;padding:4px 6px;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.results-section{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.results-label{font-size:var(--font-size-md);font-weight:500;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.results-output{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:4px;border:1px solid var(--border-color)}.result-line{display:flex;gap:var(--spacing-md);padding:2px 0;line-height:1.6}.result-key{min-width:80px;color:var(--text-secondary);flex-shrink:0}.result-value{color:var(--text-primary);word-break:break-all}.result-error{padding:var(--spacing-sm);line-height:1.5;font-family:var(--font-ui)}.results-overflow{background-color:#ffbf001a;border-color:#ffbf004d}:root[data-theme=light] .results-overflow{background-color:#ffbf0014;border-color:#ffbf0040}.overflow-panel{margin-top:var(--spacing-md);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-md)}.overflow-warning{display:flex;gap:var(--spacing-sm);align-items:flex-start;margin-bottom:var(--spacing-md);line-height:1.6;color:var(--text-primary);font-size:var(--font-size-sm)}.overflow-icon{flex-shrink:0;font-size:16px}.overflow-wrapped{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.overflow-wrapped-label{color:var(--text-secondary);font-size:var(--font-size-sm);flex-shrink:0}.overflow-wrapped-value{color:var(--text-primary);font-weight:500;word-break:break-all}.footer-container{margin-top:auto;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)}.footer-status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.evaluate-button{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md)}.footer-credit{text-align:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-top:1px solid var(--border-color)}.credit-link{color:var(--accent);text-decoration:none;font-weight:500;transition:color .15s ease}.credit-link:hover{color:var(--accent-hover);text-decoration:underline}.guideline-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.guideline-panel{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000004d}.guideline-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.guideline-header h2{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.guideline-close{background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.guideline-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.guideline-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.guideline-index{display:flex;flex-direction:column;gap:var(--spacing-xl)}.guideline-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.guideline-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.guideline-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;border:none;border-radius:4px;cursor:pointer;text-align:left;transition:all .15s ease}.guideline-item:hover{background-color:var(--bg-hover)}.guideline-item-title{font-size:var(--font-size-base);color:var(--text-primary);font-weight:500}.guideline-item-arrow{font-size:14px;color:var(--text-secondary);opacity:0;transition:opacity .15s ease}.guideline-item:hover .guideline-item-arrow{opacity:1}.guideline-detail{display:flex;flex-direction:column;gap:var(--spacing-lg)}.guideline-back{align-self:flex-start;padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;border:1px solid var(--border-color);border-radius:4px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.guideline-back:hover{background-color:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.guideline-detail-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.guideline-detail-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.guideline-section-block{display:flex;flex-direction:column;gap:var(--spacing-sm)}.guideline-section-block h4{font-size:14px;font-weight:600;color:var(--accent);margin:0;text-transform:uppercase;letter-spacing:.5px}.guideline-section-block p{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6;margin:0}.guideline-example{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.example-code{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-md);font-family:Consolas,Monaco,Courier New,monospace;font-size:var(--font-size-sm);color:var(--text-primary);margin:0;overflow-x:auto;white-space:pre-wrap;line-height:1.5}.example-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;margin:0}@media (max-width: 768px){.guideline-panel{max-width:100%;max-height:90vh}.guideline-overlay{padding:var(--spacing-md)}}.app{display:flex;flex-direction:column;height:100vh;overflow-y:auto;background-color:var(--bg-primary)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.app-branding{display:flex;align-items:center;gap:var(--spacing-md)}.app-icon{font-size:32px;line-height:1}.app-title h1{font-size:20px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.app-subtitle{font-size:var(--font-size-sm);margin:2px 0 0;line-height:1}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:18px;background-color:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .15s ease}.theme-toggle:hover{background-color:var(--bg-hover);border-color:var(--border-color)}.theme-toggle:active{background-color:var(--bg-tertiary)}:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--bg-input: #3c3c3c;--bg-hover: #2a2d2e;--border-color: #3e3e42;--border-focus: #007acc;--text-primary: #cccccc;--text-secondary: #858585;--text-disabled: #656565;--accent: #007acc;--accent-hover: #1c8ad6;--error: #f48771;--warning: #cca700;--success: #89d185;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--font-mono: "Consolas", "Monaco", "Courier New", monospace;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 14px}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f3f3f3;--bg-tertiary: #e8e8e8;--bg-input: #ffffff;--bg-hover: #e5e5e5;--border-color: #d4d4d4;--border-focus: #007acc;--text-primary: #333333;--text-secondary: #6a6a6a;--text-disabled: #a0a0a0;--accent: #007acc;--accent-hover: #005a9e;--error: #e51400;--warning: #bf8803;--success: #388a34}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;font-family:var(--font-ui);font-size:var(--font-size-md);background-color:#0a0a0a;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}:root[data-theme=light] body{background-color:#f0f0f0}#root{height:100vh;overflow:hidden;max-width:600px;margin:0 auto;box-shadow:0 0 40px #0000004d}input,textarea,select{font-family:inherit;font-size:var(--font-size-md);background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm);outline:none;transition:border-color .15s ease}input:focus,textarea:focus,select:focus{border-color:var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-secondary)}button{font-family:inherit;font-size:var(--font-size-md);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;outline:none;transition:background-color .15s ease,border-color .15s ease}button:hover{background-color:var(--bg-hover);border-color:var(--accent)}button:active{background-color:var(--bg-tertiary)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background-color:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}select{cursor:pointer;padding-right:var(--spacing-lg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.mono{font-family:var(--font-mono)}.text-secondary{color:var(--text-secondary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.divider{height:1px;background-color:var(--border-color);margin:var(--spacing-md) 0}