@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,400,500,600);:root{--bg-color:#f5f5f5;--container-bg:#f5f5f5;--text-color:#000;--border-color:#eee;--shadow-color:rgba(0,0,0,.1);--navbar-bg:#007bff;--navbar-text:#fff;--input-bg:#fff;--input-prompt-bg:#fff;--error-color:#dc3545;--placeholder-border:#ddd;--placeholder-text:#444;--progress-bg:#f0f0f0;--status-text:#666;--details-text:#888;--result-panel-bg:#fff;--result-panel-border-color:#f5f5f5;--input-dash-background-color:#f5f5f5;--input-dash-background-color-hover:#e6f7ff;--input-dash-border-color:#d0d0d0;--input-dash-border-hover-color:#1890ff;--input-dash-hover-color:#1890ff;--knob-label-text:#222;--knob-value-text:#666;--canvas-control-circle:#222;--canvas-control-text:#222;--canvas-control-background:hsla(0,0%,100%,.9);--canvas-control-button-bg:hsla(0,0%,100%,.8);--canvas-control-button-hover-bg:#fff;--canvas-control-button-active-bg:#e6f7ff;--canvas-control-border-color:#ccc;--canvas-control-border-width:1px;--canvas-control-button-active-color:#1890ff;--drawing-canvas-bg:#f5f5f5;--style-knobs-border-color:#eee;--container-alt-bg:#f5f5f5}[data-theme=dark]{--bg-color:#1a1a1a;--container-bg:#2d2d2d;--text-color:#030303;--border-color:#404040;--shadow-color:rgba(0,0,0,.3);--navbar-bg:#222;--navbar-text:#fff;--input-bg:#3d3d3d;--input-prompt-bg:#2d2d2d;--error-color:#ff6b6b;--placeholder-border:#404040;--placeholder-text:#999;--progress-bg:#404040;--status-text:#999;--details-text:#888;--result-panel-bg:#1a1a1a;--result-panel-border-color:#1e1e1e;--input-dash-background-color:#2d2d2d;--input-dash-background-color-hover:#343434;--input-dash-border-color:#555;--input-dash-border-hover-color:#6e6e6e;--input-dash-hover-color:#999;--knob-label-text:#ddd;--knob-value-text:#888;--canvas-control-circle:#ddd;--canvas-control-text:#bfbfbf;--canvas-control-background:#1a1a1a;--canvas-control-button-bg:rgba(25,25,25,.8);--canvas-control-button-hover-bg:#232323;--canvas-control-button-active-bg:#2d2d2d;--canvas-control-border-color:#8a8a8a;--canvas-control-border-width:1px;--canvas-control-button-active-color:#eee;--drawing-canvas-bg:#0c0c0c;--style-knobs-border-color:#1e1e1e;--container-alt-bg:#1a1a1a}.theme-transition-disabled *{transition:none!important}*,body{font-family:Source Sans Pro,Arial,sans-serif}body{display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:0;transition:background-color .3s ease,color .3s ease}#drawing-canvas{background-color:var(--drawing-canvas-bg)}.app-container{flex-direction:row;overflow:hidden;width:100%}#main-area,.app-container{display:flex;height:100%;margin:0}#main-area{flex-direction:column;width:60%}#canvas-container{background-color:#f5f5f5;flex:1;min-height:400px;position:relative;transition:width .3s ease}canvas{cursor:crosshair;left:0;position:absolute;top:0}#canvas-controls{background-color:var(--canvas-control-background);border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;gap:10px;padding:8px 10px;position:absolute;right:10px;top:10px}#canvas-controls button{align-items:center;background-color:var(--canvas-control-button-bg);border:var(--canvas-control-border-width) solid var(--canvas-control-border-color);border-radius:4px;box-sizing:border-box;color:var(--canvas-control-text);cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 12px;transition:all .3s}#canvas-controls button:hover{background-color:var(--canvas-control-button-hover-bg)}#canvas-controls button.active{background-color:#e6f7ff;background-color:var(--canvas-control-button-active-bg);border-color:var(--canvas-control-button-active-color);color:var(--canvas-control-button-active-color)}#canvas-controls button .icon{stroke:var(--canvas-control-text)}#canvas-controls button.active .icon{stroke:var(--canvas-control-button-active-color)}.tool-group{align-items:center;border-right:1px solid var(--canvas-control-border-color);display:flex;gap:5px;margin-right:0;padding-right:10px}.tool-group:last-child{border-right:none;margin-right:0;padding-right:0}.brush-size-control{align-items:center;display:flex;gap:5px}.brush-size-btn{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;width:30px}.brush-size-btn div{background-color:#000;background-color:var(--canvas-control-circle);border-radius:50%}.brush-size-small div{height:3px;min-height:3px;min-width:3px;width:3px}.brush-size-medium div{height:5px;min-height:5px;min-width:5px;width:5px}.brush-size-large div{height:10px;min-height:10px;min-width:10px;width:10px}.brush-size-xlarge div{height:16px;min-height:16px;min-width:16px;width:16px}.brush-size-xxlarge div{height:24px;min-height:24px;min-width:24px;width:24px}#bottom-bar{background-color:var(--container-alt-bg);color:#fff;display:flex;flex-direction:column;gap:15px;padding:15px}#bottom-bar,#prompt-input{transition:background-color .3s ease,border .3s ease,color .3s ease}#prompt-input{background-color:var(--input-prompt-bg);border-radius:4px;box-sizing:border-box;font-family:Source Sans Pro,Arial,sans-serif;min-height:100px;resize:none}#prompt-input,#submit-button{border:none;font-size:16px;padding:15px;width:100%}#submit-button{background-color:#007bff;border-radius:4px;color:#fff;cursor:pointer}#submit-button:hover{background-color:#1987fc}.icon{display:inline-block;height:16px;width:16px}#result-container{background-color:var(--result-panel-bg);border-left:1px solid var(--result-panel-border-color);display:flex;flex:1;flex-direction:column;transition:all .3s ease;transition:background-color .3s ease,border .3s ease,color .3s ease;width:40%}.result-header{align-items:center;border-bottom:1px solid var(--border-color);display:none;justify-content:space-between;padding:12px 16px}.result-header h3{font-size:16px;font-weight:500;margin:0}.result-content{align-items:center;display:flex;flex:1;justify-content:center;overflow:hidden;padding:16px}#generated-image{border-radius:5px;display:none;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}#result-placeholder{color:var(--placeholder-text);text-align:center;transition:color .3s ease}#toggle-result{background:none;border:none;color:#000;cursor:pointer;height:auto;padding:4px;width:auto}#toggle-result .icon{height:20px;width:20px}#style-knobs-container{background-color:var(--container-alt-bg);border-top:1px solid var(--style-knobs-border-color);max-height:400px;overflow-y:auto;padding:15px 15px 5px;transition:background-color .3s ease,border .3s ease,color .3s ease}#style-knobs-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,200px);justify-content:start}.style-knob{background-color:var(--input-prompt-bg);border:1px solid var(--input-bg);border-radius:8px;box-sizing:border-box;flex-direction:column;height:75px;padding:8px 15px;position:relative;transition:all .3s;width:200px}.delete-knob-btn,.style-knob{display:flex;justify-content:center}.delete-knob-btn{align-items:center;background-color:#ff7875;border:1px solid var(--input-bg);border-radius:50%;color:#fff;cursor:pointer;font-size:10px;height:16px;line-height:10px;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .3s;width:16px}.style-knob:hover .delete-knob-btn{opacity:1}.delete-knob-btn:hover{background-color:#ff4d4f}.knob-label{color:var(--knob-label-text);font-size:14px;font-weight:500;overflow:hidden;padding-bottom:3px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.knob-slider{background:#ddd;border-radius:2px;cursor:pointer;height:4px;margin:5px auto;opacity:.85;outline:none;width:100%}.knob-value{color:var(--knob-value-text);font-size:12px;padding-top:3px}.add-knob-button{align-items:center;background-color:var(--input-dash-background-color);border:2px dashed var(--input-dash-border-color);border-radius:8px;color:#777;cursor:pointer;display:flex;font-size:14px;gap:6px;height:75px;justify-content:center;transition:all .3s;width:200px}.add-knob-button:hover{background-color:var(--input-dash-background-color-hover);border-color:var(--input-dash-border-hover-color);color:var(--input-dash-hover-color)}#knob-plus-icon-svg{transform:scale(1.2)}.theme-toggle-bar{align-items:center;background-color:var(--container-bg);border-radius:2rem;bottom:2rem;box-shadow:0 4px 12px var(--shadow-color);display:flex;justify-content:center;padding:.5rem;position:fixed;right:2rem;transition:all .3s ease;z-index:1000}.theme-toggle-bar:hover{transform:translateY(-2px)}.theme-toggle{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.theme-toggle:hover{background-color:var(--shadow-color)}.theme-icon{height:20px;transition:all .3s ease;width:20px;stroke:currentColor;stroke-width:2;fill:none;opacity:.7;position:absolute}[data-theme=dark] .theme-icon{opacity:1;stroke:#ddd}[data-theme=light] .theme-toggle .sun-icon{display:block}[data-theme=dark] .theme-toggle .sun-icon,[data-theme=light] .theme-toggle .gear-icon,[data-theme=light] .theme-toggle .moon-icon{display:none}[data-theme=dark] .theme-toggle .moon-icon{display:block}.theme-toggle.system-theme .moon-icon,.theme-toggle.system-theme .sun-icon,[data-theme=dark] .theme-toggle .gear-icon{display:none}.theme-toggle.system-theme .gear-icon{display:block}@media (max-width:768px){.theme-toggle-bar{bottom:1rem;right:1rem}.theme-toggle{padding:.5rem}.theme-icon{font-size:1rem}}
/*# sourceMappingURL=draw_styles.4096b1e9856f5e088881.css.map*/