:root{--font-stack-mono: "JetBrains Mono", "SFMono-Regular", "Menlo", "Consolas", monospace;--color-bg: #0f1115;--color-surface: #171b22;--color-surface-muted: #1d2129;--color-border: #272b33;--color-border-strong: #353b45;--color-text-primary: #d6d9df;--color-text-muted: #8a9099;--color-accent: #42b883;--color-accent-hover: #66cda6;--color-danger: #ff6b6b;--shadow-soft: 0 0 0 transparent;color-scheme:dark;font-family:var(--font-stack-mono);line-height:1.5;font-weight:400;background-color:var(--color-bg);color:var(--color-text-primary);text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}body{margin:0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-primary)}#app{min-height:100vh}button{font-family:inherit;font-size:.95rem;line-height:1.2;padding:.55rem 1.25rem;border-radius:4px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}button:hover{border-color:var(--color-accent);color:var(--color-accent)}button:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}button:disabled{opacity:.4;cursor:not-allowed}input,textarea{font-family:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.65rem .8rem;transition:border-color .2s ease,background-color .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-surface-muted)}::selection{background:#42b8834d;color:var(--color-text-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#fff3}.favicon-display[data-v-73a185c5]{position:relative;display:inline-flex;flex-direction:column;gap:8px;cursor:pointer}.favicon-container[data-v-73a185c5]{position:relative;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);padding:6px;transition:border-color .2s ease}.favicon-display:hover .favicon-container[data-v-73a185c5]{border-color:var(--color-accent)}.favicon-image[data-v-73a185c5]{width:60px;height:60px;object-fit:contain;display:block;border-radius:4px}.favicon-overlay[data-v-73a185c5]{position:absolute;inset:6px;border-radius:4px;background:#0a0e12cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.favicon-display:hover .favicon-overlay[data-v-73a185c5]{opacity:1}.favicon-metadata[data-v-73a185c5]{text-align:center;color:var(--color-text-primary);font-size:.75rem;line-height:1.4}.favicon-info[data-v-73a185c5]{font-size:.8rem;color:var(--color-text-muted)}.favicon-source[data-v-73a185c5]{margin:0}.favicon-status[data-v-73a185c5]{margin:0;font-weight:500}.favicon-status--default[data-v-73a185c5]{color:var(--color-text-muted)}.favicon-status--custom[data-v-73a185c5]{color:var(--color-accent)}.art-canvas-container[data-v-c24601bb]{position:relative;width:100%;display:flex;gap:24px;align-items:flex-start}.canvas-section[data-v-c24601bb]{position:relative;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:16px;display:flex;flex-direction:column;gap:16px}.art-canvas[data-v-c24601bb]{display:block;border-radius:6px;background:var(--color-surface-muted);border:1px solid var(--color-border);cursor:crosshair}.loading-overlay[data-v-c24601bb]{position:absolute;inset:16px 16px 72px;border-radius:6px;background:#0c0f14cc;display:flex;align-items:center;justify-content:center;z-index:2}.loading-container[data-v-c24601bb]{display:flex;flex-direction:column;align-items:center;gap:12px}.loading-spinner[data-v-c24601bb]{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:var(--color-accent);animation:spin-c24601bb 1s linear infinite}.loading-progress[data-v-c24601bb]{width:160px;height:3px;background:#ffffff14;border-radius:999px;overflow:hidden}.progress-bar[data-v-c24601bb]{height:100%;background:var(--color-accent);border-radius:999px;animation:progress-c24601bb 1.6s ease-in-out infinite}.loading-text[data-v-c24601bb]{margin:0;font-size:.85rem;color:var(--color-text-muted)}@keyframes spin-c24601bb{to{transform:rotate(360deg)}}@keyframes progress-c24601bb{0%{transform:translate(-100%)}50%{transform:translate(-15%)}to{transform:translate(20%)}}.canvas-toolbar[data-v-c24601bb]{display:flex;align-items:center;justify-content:space-between;gap:16px}.toolbar-button[data-v-c24601bb]{padding:.45rem 1rem;border-radius:4px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);font-size:.85rem}.toolbar-button[data-v-c24601bb]:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.canvas-info[data-v-c24601bb]{margin-left:auto;font-size:.75rem;color:var(--color-text-muted)}.favicon-integration[data-v-c24601bb]{position:absolute;top:24px;right:24px}.config-panel[data-v-c24601bb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);padding:20px;z-index:3;display:flex;flex-direction:column;gap:16px}.config-header[data-v-c24601bb]{display:flex;justify-content:space-between;align-items:center}.config-header h3[data-v-c24601bb]{margin:0;font-size:1rem;font-weight:500;color:var(--color-text-primary)}.close-button[data-v-c24601bb]{font-size:.8rem;padding:.35rem .75rem;border-radius:4px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer}.close-button[data-v-c24601bb]:hover{border-color:var(--color-accent);color:var(--color-accent)}.config-content[data-v-c24601bb]{display:flex;flex-direction:column;gap:16px}.config-section[data-v-c24601bb]{display:flex;flex-direction:column;gap:12px}.config-section label[data-v-c24601bb]{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.config-actions[data-v-c24601bb]{display:flex;gap:8px}.config-copy-button[data-v-c24601bb]{padding:.45rem .9rem;border:1px solid var(--color-border);border-radius:4px;background:transparent;color:var(--color-text-primary);font-size:.85rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}.config-copy-button[data-v-c24601bb]:hover{border-color:var(--color-accent);color:var(--color-accent)}.config-metadata[data-v-c24601bb]{border-top:1px solid var(--color-border);padding-top:12px;font-size:.78rem;color:var(--color-text-muted);display:flex;flex-direction:column;gap:4px}@media (max-width: 1024px){.art-canvas-container[data-v-c24601bb]{flex-direction:column;align-items:stretch}.favicon-integration[data-v-c24601bb]{position:static;align-self:flex-end}}@media (max-width: 768px){.canvas-section[data-v-c24601bb]{padding:12px}.loading-overlay[data-v-c24601bb]{left:12px;right:12px;bottom:64px}}.art-generator[data-v-748e116c]{min-height:100vh;padding:32px 48px;background:var(--color-bg);color:var(--color-text-primary)}.container[data-v-748e116c]{display:flex;gap:40px;align-items:stretch;max-width:1280px;margin:0 auto}.input-panel[data-v-748e116c]{width:360px;display:flex;flex-direction:column;gap:24px;padding:24px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface)}.canvas-panel[data-v-748e116c]{flex:1;min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:24px}.form-group[data-v-748e116c]{display:flex;flex-direction:column;gap:8px}.form-group--stretch[data-v-748e116c],.form-group--stretch .input-textarea[data-v-748e116c]{flex:1}label[data-v-748e116c]{font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.input-field[data-v-748e116c]{background:var(--color-surface-muted)}.input-textarea[data-v-748e116c]{flex:1;min-height:260px;resize:vertical;background:var(--color-surface-muted);font-size:.95rem;line-height:1.5;border:1px solid var(--color-border);color:var(--color-text-primary);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.input-textarea[data-v-748e116c]::-webkit-scrollbar{width:6px}.input-textarea[data-v-748e116c]::-webkit-scrollbar-track{background:transparent}.input-textarea[data-v-748e116c]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.input-textarea[data-v-748e116c]::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.help-text[data-v-748e116c]{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.generation-controls[data-v-748e116c]{display:flex;flex-direction:column;gap:16px}.generate-button[data-v-748e116c]{align-self:flex-start}.generate-button[data-v-748e116c]:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.parameter-hints[data-v-748e116c]{border:1px solid var(--color-border);border-radius:6px;padding:16px;background:var(--color-surface-muted)}.parameter-hints header[data-v-748e116c]{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:8px}.parameter-hints ul[data-v-748e116c]{list-style:disc;padding-left:18px;margin:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--color-text-primary)}.error-display[data-v-748e116c]{border:1px solid rgba(255,107,107,.4);border-radius:6px;padding:12px 14px;background:#ff6b6b14}.error-message[data-v-748e116c]{margin:0;color:var(--color-danger);font-size:.9rem}.canvas-placeholder[data-v-748e116c]{width:100%;height:100%;min-height:420px;border-radius:6px;border:1px dashed var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--color-surface-muted);color:var(--color-text-muted);text-align:center}.placeholder-content h3[data-v-748e116c]{margin:0;font-size:1.1rem;font-weight:500;color:var(--color-text-primary)}.placeholder-content p[data-v-748e116c]{margin:0;font-size:.9rem;color:var(--color-text-muted)}.copy-notification[data-v-748e116c]{position:fixed;top:24px;right:32px;padding:12px 16px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:.9rem}@media (max-width: 1200px){.container[data-v-748e116c]{flex-direction:column;gap:24px}.input-panel[data-v-748e116c]{width:100%;max-width:none}}@media (max-width: 768px){.art-generator[data-v-748e116c]{padding:24px}.canvas-panel[data-v-748e116c]{padding:16px}}