:root{--bg-color: #0d1117;--bg-panel: rgba(22, 27, 34, .7);--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-color: #58a6ff;--accent-hover: #3182ce;--border-color: #30363d;--shadow-color: rgba(0, 0, 0, .5);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background-color:var(--bg-color);color:var(--text-primary);display:flex;height:100vh;width:100vw;overflow:hidden;line-height:1.5}#root,.app-container{display:flex;width:100%;height:100%}.sidebar{width:320px;background-color:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;box-shadow:2px 0 10px var(--shadow-color)}.sidebar-header{margin-bottom:2rem}.sidebar-header h1{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.control-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-row{display:flex;gap:1rem}.input-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}input[type=text],input[type=number]{width:100%;background-color:#010409;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #58a6ff4d}.range-wrapper{display:flex;align-items:center;gap:1rem}input[type=range]{flex:1;accent-color:var(--accent-color)}.range-value{font-size:.875rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;width:2rem;text-align:right}.action-buttons{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);background-color:var(--bg-panel);color:var(--text-primary);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:hover{background-color:#30363d;border-color:#8b949e}.btn-primary{background-color:#238636;border-color:#f0f6fc1a;color:#fff}.btn-primary:hover{background-color:#2ea043;border-color:#f0f6fc1a}.main-content{flex:1;display:flex;flex-direction:column;position:relative}.view-container{flex:1;display:flex;position:relative}.split-view{flex:1;display:flex;flex-direction:column}@media(min-width:1024px){.split-view{flex-direction:row}}.panel{flex:1;position:relative;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid var(--border-color)}@media(min-width:1024px){.panel{border-bottom:none;border-right:1px solid var(--border-color)}.panel:last-child{border-right:none}}.panel-overlay{position:absolute;top:1rem;left:1rem;z-index:5;background:var(--bg-panel);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;pointer-events:none;box-shadow:0 4px 6px #0000001a}.error-message{color:#ff7b72;font-size:.75rem;margin-top:.25rem}