@charset "UTF-8";.sidebar{flex:1 1 auto;width:100%;min-width:200px;max-width:300px;background:var(--bg-container);padding:var(--spacing-lg);position:sticky;top:var(--spacing-lg);height:calc(100vh - 60px - var(--spacing-lg));margin:0;overflow-x:hidden;overflow-y:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-sizing:border-box}@media (max-width: 768px){.sidebar{position:fixed;top:60px;right:-100%;margin:0;height:calc(100vh - 60px);width:100%;transform:translate(0);transition:transform var(--timing) ease;z-index:1000}.sidebar.open{transform:translate(-100%)}}.sidebar .controls{text-align:center;padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--radius-lg);transition:background-color var(--timing) ease}.sidebar .controls .controls-title{margin-top:0;color:var(--text-primary)}.sidebar .controls .status{position:relative;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);padding:10px var(--spacing-lg);border-radius:var(--radius-sm);color:#fff;font-weight:500;font-size:14px;transition:all var(--timing) ease;display:block}.sidebar .controls .status.starting,.sidebar .controls .status.found,.sidebar .controls .status.determined{background:var(--info-color)}.sidebar .controls .status.generated,.sidebar .controls .status.set{background:var(--warning-color)}.sidebar .controls .status.completed,.sidebar .controls .status.success{background:var(--success-color)}.sidebar .controls .status.error{background:var(--danger-color)}.sidebar .controls .settings-section{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.sidebar .controls .settings-section h4{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-base);font-weight:600}.sidebar .controls .settings-section .setting-item{background:var(--bg-light);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:var(--spacing-sm)}.sidebar .controls .settings-section .setting-item:last-child{margin-bottom:0}.sidebar .controls .settings-section .setting-item .mode-toggle{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.sidebar .controls .settings-section .setting-item .mode-toggle .mode-label{color:#fff;font-weight:600;text-align:center}.sidebar .controls .settings-section .setting-item .mode-toggle .toggle{margin:0 auto}.sidebar .controls .settings-section .setting-item .setting-label{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);cursor:pointer;font-weight:500}.sidebar .controls .settings-section .setting-item .setting-label .setting-text{flex:1;font-size:var(--font-base);font-weight:500;color:var(--text-primary)}.sidebar .controls .settings-section .setting-item .setting-slider-container{margin-top:2px;padding:2px 0}.sidebar .controls .settings-section .setting-item .setting-slider-container .setting-range{margin:0;padding:0;height:20px;width:150px}.sidebar .controls .settings-section .setting-item .setting-description{color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--spacing-xs)}#rich-context .context-indicator,#medium-context .context-indicator,#sparse-context .context-indicator{font-size:var(--font-sm);padding:2px 6px;border-radius:3px;margin-left:var(--spacing-sm);font-weight:400}#rich-context .context-indicator.context-rich,#medium-context .context-indicator.context-rich,#sparse-context .context-indicator.context-rich{background:#d4edda;color:#155724}#rich-context .context-indicator.context-sparse,#medium-context .context-indicator.context-sparse,#sparse-context .context-indicator.context-sparse{background:#fff3cd;color:#856404}#rich-context .context-indicator.context-medium,#medium-context .context-indicator.context-medium,#sparse-context .context-indicator.context-medium{background:#cce5ff;color:#004085}#pattern-inputs .form-status{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-light);color:var(--text-primary);font-weight:500;transition:background-color var(--timing) ease}#pattern-inputs .form-status[data-status=success]{background:#2ecc7126;border-color:var(--success-color);color:var(--success-color)}#pattern-inputs .form-status[data-status=error]{background:#e74c3c26;border-color:var(--danger-color);color:var(--danger-color)}:root{--primary-color: #4dabf7;--primary-hover: #74c0fc;--secondary-color: #adb5bd;--secondary-hover: #ced4da;--success-color: #51cf66;--success-hover: #69db7c;--info-color: #66d9e8;--info-hover: #99e9f2;--warning-color: #ffd43b;--warning-hover: #fcc419;--danger-color: #ff6b6b;--light-gray: #343a40;--border-color: #495057;--text-muted: #adb5bd;--text-dark: #f8f9fa;--text-medium: #dee2e6;--bg-light: #495057;--bg-info-light: #1e3a5f;--bg-main: #212529;--bg-container: #343a40;--text-primary: #f8f9fa;--text-secondary: #adb5bd;--border-main: #495057;--spacing-sm: 8px;--spacing-md: 14px;--spacing-lg: 20px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-xs: 10px;--font-sm: 12px;--font-base: 16px;--shadow-light: 0 2px 10px rgba(0, 0, 0, .1);--shadow-medium: -2px 0 10px rgba(0, 0, 0, .1);--scrollbar-track: var(--bg-light);--scrollbar-thumb: var(--text-muted);--scrollbar-thumb-hover: var(--text-secondary);--timing: .3s}[data-theme=light]{--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--secondary-hover: #545b62;--success-color: #28a745;--success-hover: #1e7e34;--info-color: #17a2b8;--info-hover: #138496;--warning-color: #ffc107;--warning-hover: #e0a800;--danger-color: #dc3545;--light-gray: #f5f5f5;--border-color: #ddd;--text-muted: #666;--text-dark: #333;--text-medium: #555;--bg-light: #f8f9fa;--bg-info-light: #e7f3ff;--bg-main: #f5f5f5;--bg-container: #ffffff;--text-primary: #333;--text-secondary: #666;--border-main: #ddd}body{font-family:Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:var(--bg-main);display:flex;transition:background-color var(--timing) ease;box-sizing:border-box;height:100vh;overflow:hidden}body::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar-track{background:var(--scrollbar-track)}body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}#app{display:grid;grid-template-rows:60px 1fr;width:100%;height:100%;overflow:hidden;box-sizing:border-box}#app header{grid-row:1;position:sticky;top:0;z-index:100;flex:0 0 60px;display:grid;grid-template-columns:40px 1fr 40px;height:60px;align-items:center;margin:0;padding:0 var(--spacing-md);color:var(--text-primary);background:var(--bg-main);border-bottom:1px solid var(--border-color)}#app header .hamburger{display:none;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;grid-column:1;justify-self:start}#app header .hamburger span{display:block;width:30px;height:3px;background-color:var(--text-primary);margin:5px 0;transition:transform var(--timing) ease,opacity var(--timing) ease}@media (max-width: 768px){#app header .hamburger{display:inline-block}}#app header .title{margin:0;font-size:2rem;color:var(--text-primary);grid-column:2;justify-self:center;text-align:center}#app header .theme-btn{grid-column:3;justify-self:end;background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;cursor:pointer;transition:all var(--timing) ease;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-light)}@media (max-width: 768px){#app header .theme-btn{display:inline-flex}}#app header .theme-btn:hover{background:var(--primary-hover);transform:scale(1.05)}#app .container{grid-row:2;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;width:100%;margin:0 auto;gap:var(--spacing-lg);height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto}#app .container .sections{flex:1 1 auto;display:flex;flex-direction:column;width:100%;min-width:0;max-width:1000px;margin:var(--spacing-lg) 0 0 0;gap:var(--spacing-lg);box-shadow:var(--shadow-light);transition:background-color var(--timing) ease}@media (max-width: 768px){#app .container .sections{padding:0 var(--spacing-sm)}}#app .container .sections .section{flex:1 1 auto;border:1px solid var(--border-color);padding:var(--spacing-lg);border-radius:var(--radius-lg);background-color:var(--bg-container);transition:background-color var(--timing) ease,border-color var(--timing) ease;display:flex;flex-direction:column;gap:var(--spacing-md)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0;padding:0;transition:color var(--timing) ease}h1{text-align:center}p{color:var(--text-primary);transition:color var(--timing) ease;margin:0;padding:0;font-size:var(--font-base);line-height:1.5}.text-muted{color:var(--text-muted);transition:color var(--timing) ease}.text-primary{color:var(--text-primary);transition:color var(--timing) ease}.btn{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-base);margin:5px 0;transition:background-color var(--timing);width:100%;height:50px;display:block}.btn:hover{background:var(--primary-hover)}.btn.btn-secondary{background:var(--secondary-color)}.btn.btn-secondary:hover{background:var(--secondary-hover)}.btn.btn-success{background:var(--success-color)}.btn.btn-success:hover{background:var(--success-hover)}.btn.btn-info{background:var(--info-color)}.btn.btn-info:hover{background:var(--info-hover)}.btn.btn-warning{background:var(--warning-color);color:#212529}.btn.btn-warning:hover{background:var(--warning-hover)}.btn.btn-primary{background:var(--primary-color)}.btn.btn-primary:hover{background:var(--primary-hover)}select.btn{background:var(--secondary-color);color:#fff;border:none;padding:var(--spacing-md) 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-base);margin:5px 0;transition:background-color var(--timing);width:100%;height:50px;display:block;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select.btn:hover{background:var(--secondary-hover)}select.btn option{background:var(--secondary-color);color:#fff}label{display:block;font-weight:600;color:var(--text-primary);transition:color var(--timing) ease;font-size:var(--font-sm)}input,textarea,select{width:100%;padding:10px;margin:0;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-base);background-color:var(--bg-container);color:var(--text-primary);transition:border-color var(--timing),background-color var(--timing),color var(--timing);box-sizing:border-box}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color)}input[type=color]{height:50px;padding:5px;cursor:pointer;border-radius:var(--radius-md);border:2px solid var(--border-color);background-color:var(--bg-container);transition:border-color var(--timing),background-color var(--timing)}input[type=color]:hover{border-color:var(--primary-color)}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}select:not([data-theme=light]){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}select option{background-color:var(--bg-container);color:var(--text-primary)}input[type=checkbox],input[type=radio]{accent-color:var(--primary-color);background-color:var(--bg-container);border:2px solid var(--border-color);transition:border-color var(--timing),background-color var(--timing)}.checkbox-group,.radio-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.checkbox-item,.radio-item{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color .2s ease}.checkbox-item:hover,.radio-item:hover{background-color:var(--bg-hover)}.checkbox-item input[type=checkbox],.checkbox-item input[type=radio],.radio-item input[type=checkbox],.radio-item input[type=radio]{width:18px;height:18px;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--border-color);background-color:var(--bg-primary);transition:all .2s ease;position:relative}.checkbox-item input[type=checkbox]:checked,.radio-item input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-item input[type=checkbox]:checked:after,.radio-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;line-height:1}.checkbox-item input[type=radio],.radio-item input[type=radio]{border-radius:50%}.checkbox-item input[type=radio]:checked:after,.radio-item input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%}.checkbox-item label,.radio-item label{margin:0;font-weight:400;cursor:pointer;color:var(--text-primary);transition:color .2s ease}.checkbox-item:hover label,.radio-item:hover label{color:var(--text-primary)}.toggle{display:flex;background:var(--bg-container);border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow:hidden;position:relative;min-width:80px;width:100%;max-width:130px}.toggle .option{padding:6px 12px;font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--timing) ease;background:transparent;color:var(--text-muted);border:none;text-align:center;flex:1}.toggle .option input{display:none}.toggle .option:has(input[type=radio]:checked),.toggle .option:has(input[type=checkbox]:checked){background:var(--primary-color);color:#fff}.rows{display:flex;flex-direction:column;gap:var(--spacing-md)}.row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);width:100%}@media (max-width: 768px){.row{grid-template-columns:1fr}}.row .form-group{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-group:last-child{margin-bottom:0}.form-group .field-note{font-size:var(--font-xs);color:var(--text-muted);font-style:italic;margin-top:var(--spacing-xs);line-height:1.3}