:root{--font-body: "Inter", sans-serif;--font-display: "Playfair Display", serif;--font-special: "Permanent Marker", cursive;--yellow-primary: #facc15;--yellow-secondary: #fde047;--bg-app: #f9fafb;--bg-card: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--msg-user-bg: #8700e2;--msg-user-text: #ffffff;--msg-model-bg: #ffffff;--msg-model-text: #1f2937;--msg-model-border: #e5e7eb;--avatar-user-bg: #f3f4f6;--avatar-user-text: #4b5563}.dark{--bg-app: #121212;--bg-card: #1E1E1E;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--msg-user-bg: #374151;--msg-user-text: #ffffff;--msg-model-bg: #2A2A2A;--msg-model-text: #e5e7eb;--msg-model-border: #333333;--avatar-user-bg: #374151;--avatar-user-text: #ffffff}body{background-color:var(--bg-app);color:var(--text-primary);transition:background-color .3s,color .3s}#sidebar{transition:transform .3s ease-in-out}.thread-item{transition:background-color .2s;cursor:pointer}.thread-item:hover{background-color:#0000000d}.dark .thread-item:hover{background-color:#ffffff0d}.thread-item.active{background-color:#8700e21a;border-left:3px solid #8700e2}.dark .thread-item.active{background-color:#8700e233}.message{display:flex;gap:1rem;max-width:85%;animation:fadeIn .3s ease-out}.message.user{margin-left:auto;flex-direction:row-reverse}.message.model{margin-right:auto}.message-avatar{width:2.5rem;height:2.5rem;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700}.message.user .message-avatar{background-color:var(--avatar-user-bg);color:var(--avatar-user-text);transition:background-color .3s,color .3s}.message.model .message-avatar{background:transparent;color:#fff;padding:0}.message-content{padding:.75rem 1rem;border-radius:1rem;line-height:1.5;font-size:.95rem;position:relative;transition:background-color .3s,border-color .3s,color .3s}.message.user .message-content{background-color:var(--msg-user-bg);color:var(--msg-user-text);border-top-right-radius:.25rem}.message.model .message-content{background-color:var(--msg-model-bg);border:1px solid var(--msg-model-border);color:var(--msg-model-text);border-top-left-radius:.25rem}.message-image{max-width:100%;border-radius:.5rem;margin-top:.5rem;display:block;border:1px solid var(--msg-model-border)}.generated-image-container{margin-top:.5rem;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--msg-model-border);display:flex;flex-direction:column}.generated-image-wrapper{max-width:600px;width:100%;aspect-ratio:1 / 1;position:relative;overflow:hidden;background:#f3f4f6;cursor:zoom-in}.zoomable-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease-out;transform-origin:center}.generated-image-wrapper:hover .zoomable-image{transform:scale(2)}.comparison-container{display:block;position:relative;width:100%;max-width:600px;aspect-ratio:1/1;border-radius:.75rem;overflow:hidden;background:#f3f4f6;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--msg-model-border)}.comparison-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.comparison-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:90%;display:flex;align-items:center;gap:10px;z-index:20}.slider-label{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}input[type=range].comparison-slider-input{flex-grow:1;-webkit-appearance:none;background:linear-gradient(to right,#e9d7cc,#512c1f);height:8px;border-radius:4px;border:1px solid rgba(255,255,255,.6);outline:none;margin:0;padding:0}input[type=range].comparison-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #8700e2;cursor:pointer;box-shadow:0 2px 4px #0000004d;margin-top:-6px}input[type=range].comparison-slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #8700e2;cursor:pointer;box-shadow:0 2px 4px #0000004d;border:none}.spec-table{border-collapse:separate;border-spacing:0}.spec-row:last-child .spec-cell{border-bottom:none}.spec-row:first-child .spec-cell:first-child{border-top-left-radius:.5rem}.spec-row:first-child .spec-cell:last-child{border-top-right-radius:.5rem}.spec-row:last-child .spec-cell:first-child{border-bottom-left-radius:.5rem}.spec-row:last-child .spec-cell:last-child{border-bottom-right-radius:.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dark ::-webkit-scrollbar-thumb{background:#444}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.dot-flashing{position:relative;width:6px;height:6px;border-radius:5px;background-color:#8700e2;color:#8700e2;animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s;display:inline-block;margin-left:10px;margin-right:10px}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-10px;width:6px;height:6px;border-radius:5px;background-color:#8700e2;color:#8700e2;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:10px;width:6px;height:6px;border-radius:5px;background-color:#8700e2;color:#8700e2;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#8700e2}50%,to{background-color:#e2b3ff}}#editor-canvas-container{cursor:crosshair}.tool-btn.active{background-color:#8700e2;color:#fff}.tool-btn:not(.active){background-color:transparent}.color-swatch.active{box-shadow:0 0 0 2px #8700e2}input[type=range]{-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#8700e2;cursor:pointer;margin-top:-6px;border:2px solid white}input[type=range]::-moz-range-thumb{height:16px;width:16px;border-radius:50%;background:#8700e2;cursor:pointer;border:2px solid white}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#4b5563;border-radius:2px}#auth-modal input:focus{box-shadow:0 0 0 2px #8700e233}#admin-user-list tr:nth-child(2n){background-color:#00000005}.dark #admin-user-list tr:nth-child(2n){background-color:#ffffff05}#admin-user-list td{padding:1rem;font-size:.875rem;color:#374151}.dark #admin-user-list td{color:#d1d5db}#admin-user-list td.token-count{font-family:monospace;font-weight:600;color:#8700e2}#user-dropdown{animation:slideDown .1s ease-out;transform-origin:top right}@keyframes slideDown{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.toast{background:#1f2937;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;box-shadow:0 10px 15px -3px #0000001a;opacity:0;transform:translateY(-10px);transition:all .3s ease-out;border-left:4px solid #3b82f6;max-width:300px}.toast.show{opacity:1;transform:translateY(0)}.toast-error{border-left-color:#ef4444;background:#1f2937}.toast-success{border-left-color:#22c55e}