body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#0d0d0d;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.App,.app-container{display:flex;overflow:hidden}.app-container{height:100%;width:100%}.input-section{background:#1a1a1a;border-right:2px solid #333;display:flex;flex:1 1;flex-direction:column;height:100vh;max-width:700px;min-width:400px;overflow:hidden;position:relative;transition:all .2s ease}.input-section.collapsed{background:#0d0d0d;flex:0 1;max-width:60px;min-width:60px}.viewer-section{background:#0d0d0d;flex:2 1;height:100vh;min-width:600px;overflow-y:auto;position:relative}.app-container.panel-collapsed .viewer-section{flex:1 1}.panel-toggle-btn{align-items:center;background:var(--neo-yellow);border:2px solid var(--neo-text-primary);border-radius:4px;box-shadow:4px 4px 0 var(--neo-yellow);color:var(--neo-bg-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;height:44px;justify-content:center;left:60px;padding:0;pointer-events:auto;position:fixed;top:50%;transform:translateY(-50%);transition:all .1s ease;width:44px;z-index:9999}.panel-toggle-btn:hover{box-shadow:8px 8px 0 var(--neo-yellow);transform:translateY(-50%) translate(-2px,-2px)}.panel-toggle-btn:active{box-shadow:2px 2px 0 var(--neo-yellow);transform:translateY(-50%) translate(0)}.panel-toggle-btn.collapsed{background:var(--neo-green);box-shadow:4px 4px 0 var(--neo-green)}.panel-toggle-btn.collapsed:hover{box-shadow:8px 8px 0 var(--neo-green);transform:translateY(-50%) translate(-2px,-2px)}.panel-toggle-btn.collapsed:active{box-shadow:2px 2px 0 var(--neo-green);transform:translateY(-50%) translate(0)}.floating-edit-btn{align-items:center;background:#00d09c;border:2px solid #fff;border-radius:8px;bottom:2rem;box-shadow:4px 4px 0 #00d09c;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;font-weight:700;height:60px;justify-content:center;left:2rem;position:fixed;transition:all .1s ease;width:60px;z-index:1000}.floating-edit-btn:hover{box-shadow:8px 8px 0 #00d09c;transform:translate(-2px,-2px)}.floating-edit-btn:active{box-shadow:2px 2px 0 #00d09c;transform:translate(0)}.floating-edit-btn.active{background:#ff006e;box-shadow:4px 4px 0 #ff006e}.floating-edit-btn.active:hover{box-shadow:8px 8px 0 #ff006e}.floating-edit-btn.active:active{box-shadow:2px 2px 0 #ff006e}.mobile-banner{background:#1a1a1a;border-bottom:2px solid #ffcb05;box-shadow:4px 4px 0 #ffcb05;color:#fff;display:none;left:0;padding:.75rem 1rem;position:fixed;right:0;text-align:center;top:0;z-index:10000}.mobile-banner-content{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.5px;text-transform:uppercase}.mobile-banner-icon{animation:neo-glow-pulse 2s infinite;font-size:1.2rem}.mobile-banner-text{letter-spacing:.5px}@keyframes neo-glow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@media (max-width:768px){.mobile-banner{display:block}.App{padding-top:2.5rem}.app-container{flex-direction:column;height:calc(100vh - 2.5rem)}.input-section{border-bottom:2px solid var(--neo-border);border-right:none;height:45vh;max-width:none;min-height:300px;min-width:auto}.input-section.collapsed{height:60px;max-width:none;min-height:60px}.viewer-section{flex:1 1;height:55vh;min-width:auto}.app-container.panel-collapsed .viewer-section{height:calc(100vh - 2.5rem - 60px)}.panel-toggle-btn{border-radius:4px;font-size:1.2rem;height:40px;left:60px;padding:0;top:50%;transform:translateY(-50%);width:40px}.panel-toggle-btn:hover{transform:translateY(-50%) translate(-2px,-2px)}.panel-toggle-btn:active{transform:translateY(-50%) translate(0)}.panel-toggle-btn.collapsed:hover{transform:translateY(-50%) translate(-2px,-2px)}.panel-toggle-btn.collapsed:active{transform:translateY(-50%) translate(0)}.floating-edit-btn{bottom:1.5rem;font-size:1.3rem;height:52px;left:1.5rem;width:52px}}@media (max-width:1200px) and (min-width:769px){.app-container{flex-direction:column}.input-section{border-bottom:2px solid var(--neo-border);border-right:none;height:40vh;max-width:none;min-width:auto}.viewer-section{height:60vh;min-width:auto}}:root{--neo-bg-primary:#0d0d0d;--neo-bg-secondary:#1a1a1a;--neo-text-primary:#fff;--neo-text-secondary:#888;--neo-yellow:#ffcb05;--neo-green:#00d09c;--neo-blue:#00a8ff;--neo-pink:#ff006e;--neo-orange:#ff6b35;--neo-purple:#8a2be2;--neo-yellow-rgb:255,203,5;--neo-blue-rgb:0,168,255;--neo-pink-rgb:255,0,110;--neo-green-rgb:0,208,156;--neo-bg-primary-rgb:13,13,13;--neo-surface-1:#1f1f1f;--neo-surface-2:#2a2a2a;--neo-border:#333;--neo-shadow-yellow:4px 4px 0px #ffcb05;--neo-shadow-green:4px 4px 0px #00d09c;--neo-shadow-blue:4px 4px 0px #00a8ff;--neo-shadow-pink:4px 4px 0px #ff006e;--neo-shadow-orange:4px 4px 0px #ff6b35;--neo-shadow-purple:4px 4px 0px #8a2be2;--neo-shadow-yellow-lg:8px 8px 0px #ffcb05;--neo-shadow-green-lg:8px 8px 0px #00d09c;--neo-shadow-blue-lg:8px 8px 0px #00a8ff;--neo-shadow-pink-lg:8px 8px 0px #ff006e;--neo-shadow-orange-lg:8px 8px 0px #ff6b35;--neo-shadow-purple-lg:8px 8px 0px #8a2be2;--neo-shadow-multi-1:4px 4px 0px #00a8ff,8px 8px 0px #ff006e;--neo-shadow-multi-2:4px 4px 0px #ffcb05,8px 8px 0px #00d09c;--neo-shadow-multi-3:4px 4px 0px #ff6b35,8px 8px 0px #8a2be2;--neo-font-primary:"Gilroy","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--neo-font-secondary:"Roboto",system-ui,sans-serif;--neo-radius-sm:4px;--neo-radius-md:8px;--neo-radius-lg:12px;--neo-transition-fast:0.1s cubic-bezier(0.25,0.1,0.25,1);--neo-transition-normal:0.2s cubic-bezier(0.25,0.1,0.25,1);--neo-transition-slow:0.3s cubic-bezier(0.25,0.1,0.25,1)}.neo-pop-theme.light{--neo-bg-primary:#fff;--neo-bg-secondary:#f5f5f5;--neo-text-primary:#0d0d0d;--neo-text-secondary:#666;--neo-surface-1:#eee;--neo-surface-2:#e0e0e0;--neo-border:#ccc;--neo-bg-primary-rgb:255,255,255}.neo-pop-theme{background:#0d0d0d;background:var(--neo-bg-primary);color:#fff;color:var(--neo-text-primary);font-weight:500;line-height:1.5;transition:background-color .3s ease,color .3s ease}.neo-button,.neo-pop-theme{font-family:Gilroy,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--neo-font-primary)}.neo-button{background:#ffcb05;background:var(--neo-yellow);border:2px solid #fff;border:2px solid var(--neo-text-primary);border-radius:4px;border-radius:var(--neo-radius-sm);box-shadow:4px 4px 0 #ffcb05;box-shadow:var(--neo-shadow-yellow);color:#0d0d0d;color:var(--neo-bg-primary);cursor:pointer;display:inline-block;font-size:16px;font-weight:700;letter-spacing:.5px;padding:16px 32px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .1s ease;transition:all var(--neo-transition-fast)}.neo-button:hover{box-shadow:8px 8px 0 #ffcb05;box-shadow:var(--neo-shadow-yellow-lg);transform:translate(-2px,-2px)}.neo-button:active{box-shadow:2px 2px 0 #ffcb05;box-shadow:2px 2px 0 var(--neo-yellow);transform:translate(0)}.neo-button-green{background:#00d09c;background:var(--neo-green);box-shadow:4px 4px 0 #00d09c;box-shadow:var(--neo-shadow-green);color:#fff;color:var(--neo-text-primary)}.neo-button-green:hover{box-shadow:8px 8px 0 #00d09c;box-shadow:var(--neo-shadow-green-lg)}.neo-button-blue{background:#00a8ff;background:var(--neo-blue);box-shadow:4px 4px 0 #00a8ff;box-shadow:var(--neo-shadow-blue);color:#fff;color:var(--neo-text-primary)}.neo-button-blue:hover{box-shadow:8px 8px 0 #00a8ff;box-shadow:var(--neo-shadow-blue-lg)}.neo-button-pink{background:#ff006e;background:var(--neo-pink);box-shadow:4px 4px 0 #ff006e;box-shadow:var(--neo-shadow-pink);color:#fff;color:var(--neo-text-primary)}.neo-button-pink:hover{box-shadow:8px 8px 0 #ff006e;box-shadow:var(--neo-shadow-pink-lg)}.neo-button-outline{background:#0000;border:2px solid #fff;border:2px solid var(--neo-text-primary);box-shadow:4px 4px 0 #00a8ff;box-shadow:var(--neo-shadow-blue);color:#fff;color:var(--neo-text-primary)}.neo-button-outline:hover{background:#fff;background:var(--neo-text-primary);box-shadow:8px 8px 0 #00a8ff;box-shadow:var(--neo-shadow-blue-lg);color:#0d0d0d;color:var(--neo-bg-primary)}.neo-card{background:#1a1a1a;background:var(--neo-bg-secondary);border:2px solid #333;border:2px solid var(--neo-border);border-radius:8px;border-radius:var(--neo-radius-md);box-shadow:4px 4px 0 #00a8ff,8px 8px 0 #ff006e;box-shadow:var(--neo-shadow-multi-1);padding:24px;position:relative;transition:all .2s ease;transition:all var(--neo-transition-normal)}.neo-card:hover{box-shadow:8px 8px 0 #00a8ff,12px 12px 0 #ff006e;box-shadow:8px 8px 0 var(--neo-blue),12px 12px 0 var(--neo-pink);transform:translate(-4px,-4px)}.neo-card-elevated{background:#1f1f1f;background:var(--neo-surface-1);border:2px solid #fff;border:2px solid var(--neo-text-primary);box-shadow:8px 8px 0 #ffcb05;box-shadow:var(--neo-shadow-yellow-lg)}.neo-card-elevated:hover{box-shadow:12px 12px 0 #ffcb05;box-shadow:12px 12px 0 var(--neo-yellow);transform:translate(-2px,-2px)}.neo-input{background:#1a1a1a;background:var(--neo-bg-secondary);border:2px solid #333;border:2px solid var(--neo-border);border-radius:4px;border-radius:var(--neo-radius-sm);box-shadow:4px 4px 0 #00a8ff;box-shadow:var(--neo-shadow-blue);color:#fff;color:var(--neo-text-primary);font-family:Roboto,system-ui,sans-serif;font-family:var(--neo-font-secondary);font-size:16px;font-weight:500;padding:16px 20px;transition:all .1s ease;transition:all var(--neo-transition-fast);width:100%}.neo-input:focus{border-color:#00a8ff;border-color:var(--neo-blue);box-shadow:8px 8px 0 #00a8ff;box-shadow:var(--neo-shadow-blue-lg);outline:none;transform:translate(-2px,-2px)}.neo-input::placeholder{color:#888;color:var(--neo-text-secondary);font-weight:400}.neo-textarea{font-family:Roboto,system-ui,sans-serif;font-family:var(--neo-font-secondary);min-height:120px;resize:vertical}.neo-title{color:#fff;color:var(--neo-text-primary);font-size:3rem;font-weight:800;letter-spacing:-.01em;text-shadow:4px 4px 0 #ffcb05;text-shadow:4px 4px 0 var(--neo-yellow);text-transform:uppercase}.neo-subtitle,.neo-title{font-family:Gilroy,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--neo-font-primary);margin:0}.neo-subtitle{color:#888;color:var(--neo-text-secondary);font-size:1.5rem;font-weight:600}.neo-text-accent{color:#ffcb05;color:var(--neo-yellow);font-weight:700}.neo-text-shadow{text-shadow:2px 2px 0 #00a8ff;text-shadow:2px 2px 0 var(--neo-blue)}.neo-loading{animation:neo-bounce 1s ease-in-out infinite;background:#ffcb05;background:var(--neo-yellow);border-radius:4px;border-radius:var(--neo-radius-sm);box-shadow:4px 4px 0 #ffcb05;box-shadow:var(--neo-shadow-yellow);display:inline-block;height:24px;position:relative;width:24px}.neo-lift{transition:all .1s ease;transition:all var(--neo-transition-fast)}.neo-lift:hover{transform:translate(-4px,-4px)}.neo-press:active{transform:translate(2px,2px);transition:all .05s ease}.neo-slide-in{animation:neo-slide-in .3s ease}.neo-scrollbar::-webkit-scrollbar{width:6px}.neo-scrollbar::-webkit-scrollbar-track{background:#1a1a1a;background:var(--neo-bg-secondary)}.neo-scrollbar::-webkit-scrollbar-thumb{background:#ffcb05;background:var(--neo-yellow);border-radius:4px;border-radius:var(--neo-radius-sm)}.neo-scrollbar::-webkit-scrollbar-thumb:hover{background:#00d09c;background:var(--neo-green)}.neo-container{margin:0 auto;max-width:1200px;padding:0 24px}.neo-grid{grid-gap:24px;display:grid;gap:24px}.neo-grid-2{grid-template-columns:repeat(2,1fr)}.neo-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.neo-grid-2,.neo-grid-3{grid-template-columns:1fr}}.neo-text-primary{color:#fff;color:var(--neo-text-primary)}.neo-text-secondary{color:#888;color:var(--neo-text-secondary)}.neo-text-yellow{color:#ffcb05;color:var(--neo-yellow)}.neo-text-green{color:#00d09c;color:var(--neo-green)}.neo-text-blue{color:#00a8ff;color:var(--neo-blue)}.neo-text-pink{color:#ff006e;color:var(--neo-pink)}.neo-bg-primary{background:#0d0d0d;background:var(--neo-bg-primary)}.neo-bg-secondary{background:#1a1a1a;background:var(--neo-bg-secondary)}.neo-bg-surface-1{background:#1f1f1f;background:var(--neo-surface-1)}.neo-bg-surface-2{background:#2a2a2a;background:var(--neo-surface-2)}.neo-border-primary{border-color:#fff;border-color:var(--neo-text-primary)}.neo-border-yellow{border-color:#ffcb05;border-color:var(--neo-yellow)}.neo-border-green{border-color:#00d09c;border-color:var(--neo-green)}.neo-border-blue{border-color:#00a8ff;border-color:var(--neo-blue)}.neo-border-pink{border-color:#ff006e;border-color:var(--neo-pink)}.neo-shadow-yellow{box-shadow:4px 4px 0 #ffcb05;box-shadow:var(--neo-shadow-yellow)}.neo-shadow-green{box-shadow:4px 4px 0 #00d09c;box-shadow:var(--neo-shadow-green)}.neo-shadow-blue{box-shadow:4px 4px 0 #00a8ff;box-shadow:var(--neo-shadow-blue)}.neo-shadow-pink{box-shadow:4px 4px 0 #ff006e;box-shadow:var(--neo-shadow-pink)}.neo-shadow-multi-1{box-shadow:4px 4px 0 #00a8ff,8px 8px 0 #ff006e;box-shadow:var(--neo-shadow-multi-1)}.neo-shadow-multi-2{box-shadow:4px 4px 0 #ffcb05,8px 8px 0 #00d09c;box-shadow:var(--neo-shadow-multi-2)}.text-input-container{background:var(--neo-bg-secondary);display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:2rem;position:relative}.text-input-content{flex-shrink:0;margin-bottom:2rem}.text-input-history{flex:1 1;min-height:0;overflow-y:auto}.header{animation:neo-slide-in .3s ease;color:var(--neo-text-primary);margin-bottom:3rem;margin-top:2rem;text-align:center}@keyframes neo-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.header-top{align-items:center;display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.header-logo{height:3rem;margin-right:.25rem;width:3rem}.header h1{color:var(--neo-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:3.5rem;font-weight:800;letter-spacing:-.01em;margin:0;text-shadow:4px 4px 0 var(--neo-yellow);text-transform:uppercase}.header h1:after{background:var(--neo-yellow);border-radius:2px;bottom:-12px;box-shadow:4px 4px 0 var(--neo-yellow);content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.edit-mode-toggle{background:#0000;border:2px solid #00d09c;border-radius:4px;box-shadow:4px 4px 0 #00d09c;color:#00d09c;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .1s ease}.edit-mode-toggle:hover{background:#00d09c;box-shadow:8px 8px 0 #00d09c;color:#fff;transform:translate(-2px,-2px)}.edit-mode-toggle:active{box-shadow:2px 2px 0 #00d09c;transform:translate(0)}.edit-mode-toggle.active{background:#ff006e;border-color:#ff006e;box-shadow:4px 4px 0 #ff006e;color:#fff}.edit-mode-toggle.active:hover{box-shadow:8px 8px 0 #ff006e}.header p{color:var(--neo-text-secondary);font-size:1.3rem;font-weight:500;line-height:1.6;margin-top:1.5rem;opacity:.9}.selected-elements-info{background:var(--neo-surface-2);border:2px solid var(--neo-blue);border-radius:8px;box-shadow:4px 4px 0 var(--neo-blue);color:var(--neo-text-primary);font-size:.9rem;margin-top:1rem;padding:1.25rem;position:relative}.selected-elements-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.selected-element-tag{background:var(--neo-blue);border:2px solid var(--neo-text-primary);border-radius:4px;box-shadow:2px 2px 0 var(--neo-text-primary);color:var(--neo-text-primary);font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.4rem 1rem;text-transform:uppercase;transition:all .1s ease}.selected-element-tag:hover{box-shadow:4px 4px 0 var(--neo-text-primary);transform:translate(-1px,-1px)}.input-form{position:relative}.textarea-container{background:var(--neo-surface-2);border:2px solid var(--neo-border);border-radius:8px;box-shadow:4px 4px 0 var(--neo-blue),8px 8px 0 var(--neo-pink);overflow:hidden;position:relative;transition:all .1s ease}.textarea-container:focus-within{border-color:var(--neo-blue);box-shadow:8px 8px 0 var(--neo-blue),12px 12px 0 var(--neo-pink);transform:translate(-2px,-2px)}.prompt-input{background:#0000;border:none;box-sizing:border-box;color:var(--neo-text-primary);font-family:Roboto,system-ui,sans-serif;font-size:1rem;font-weight:500;line-height:1.5;max-height:350px;min-height:200px;outline:none;padding:1.5rem 5rem 1.5rem 1.5rem;resize:none;width:100%}.prompt-input:disabled{cursor:not-allowed;opacity:.7}.prompt-input::placeholder{color:var(--neo-text-secondary);font-style:italic;opacity:.8}.prompt-suggestions{background:var(--neo-surface-2);border:2px solid var(--neo-blue);border-bottom:none;border-radius:8px 8px 0 0;bottom:100%;box-shadow:4px 4px 0 var(--neo-blue);left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;z-index:100}.suggestion-item{align-items:center;border-bottom:1px solid var(--neo-border);color:var(--neo-text-primary);cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .1s ease}.suggestion-item:hover{background:var(--neo-bg-primary);border-left:4px solid var(--neo-yellow);transform:translateX(4px)}.suggestion-item:last-child{border-bottom:none}.suggestion-icon{align-items:center;background:var(--neo-yellow);border-radius:4px;box-shadow:2px 2px 0 var(--neo-bg-primary);color:var(--neo-bg-primary);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:28px;justify-content:center;width:28px}.suggestion-text{color:var(--neo-text-primary);flex:1 1;font-size:.9rem;font-weight:500;line-height:1.5}.suggestions-header{align-items:center;background:var(--neo-bg-primary);border-bottom:2px solid var(--neo-yellow);color:var(--neo-yellow);display:flex;font-size:.85rem;font-weight:700;gap:.75rem;letter-spacing:.5px;padding:1rem 1.25rem;text-transform:uppercase}.suggestions-header:before{content:""}.submit-button{align-items:center;background:var(--neo-green);border:2px solid var(--neo-text-primary);border-radius:8px;bottom:16px;box-shadow:4px 4px 0 var(--neo-green);color:var(--neo-text-primary);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;position:absolute;right:16px;transition:all .1s ease;width:56px}.submit-button:hover:not(:disabled){box-shadow:8px 8px 0 var(--neo-green);transform:translate(-2px,-2px)}.submit-button:active{box-shadow:2px 2px 0 var(--neo-green);transform:translate(0)}.submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-spinner{animation:neo-bounce 1s ease-in-out infinite;color:var(--neo-yellow);font-size:1.5rem}@keyframes neo-bounce{0%,to{transform:translate(0)}50%{transform:translate(-2px,-2px)}}.text-input-container.loading:after{animation:neo-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,rgba(var(--neo-yellow-rgb),.1) 0,rgba(var(--neo-blue-rgb),.2) 50%,rgba(var(--neo-pink-rgb),.1) 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}@keyframes neo-shimmer{0%{opacity:.3;transform:translateX(-100%)}50%{opacity:.8}to{opacity:.3;transform:translateX(100%)}}.history-section{background:var(--neo-surface-2);border:2px solid var(--neo-pink);border-radius:8px;box-shadow:4px 4px 0 var(--neo-pink);margin-top:2rem;overflow:hidden;position:relative}.history-header{align-items:center;background:var(--neo-bg-primary);border-bottom:2px solid var(--neo-pink);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.history-toggle{align-items:center;background:none;border:none;color:var(--neo-text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 0;transition:opacity .2s ease}.history-toggle:hover{opacity:.8}.history-actions{display:flex;gap:.5rem}.clear-button,.undo-button{background:#0000;border:2px solid var(--neo-green);border-radius:4px;box-shadow:2px 2px 0 var(--neo-green);color:var(--neo-green);cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.6rem 1.25rem;text-transform:uppercase;transition:all .1s ease}.clear-button:hover,.undo-button:hover:not(:disabled){background:var(--neo-green);box-shadow:4px 4px 0 var(--neo-green);color:var(--neo-text-primary);transform:translate(-1px,-1px)}.clear-button{border-color:var(--neo-pink);box-shadow:2px 2px 0 var(--neo-pink);color:var(--neo-pink)}.clear-button:hover{background:var(--neo-pink);box-shadow:4px 4px 0 var(--neo-pink);color:var(--neo-text-primary)}.undo-button:disabled{cursor:not-allowed;opacity:.4}.history-list{max-height:300px;overflow-y:auto;padding:.5rem}.history-item{background:var(--neo-bg-primary);border:2px solid var(--neo-border);border-radius:8px;box-shadow:2px 2px 0 var(--neo-blue);margin-bottom:.75rem;padding:1.25rem;position:relative;transition:all .1s ease}.history-item:hover{background:var(--neo-surface-2);border-color:var(--neo-blue);box-shadow:4px 4px 0 var(--neo-blue);transform:translate(-2px,-2px)}.history-item:last-child{margin-bottom:0}.history-item-header{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem;opacity:.8}.history-number{background:var(--neo-yellow);border-radius:4px;box-shadow:2px 2px 0 var(--neo-bg-primary);color:var(--neo-bg-primary);font-size:.7rem;font-weight:800;letter-spacing:.5px;padding:.3rem .7rem;text-transform:uppercase}.history-time{color:var(--neo-text-secondary)}.history-prompt{color:var(--neo-text-primary);font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.history-selection{background:var(--neo-surface-2);border:1px solid var(--neo-pink);border-radius:4px;color:var(--neo-pink);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.4rem .8rem;text-transform:uppercase}.help-text{color:var(--neo-blue);font-size:.9rem;font-weight:600;margin-top:1.5rem;text-align:center}@media (max-width:768px){.text-input-container{padding:1rem}.header{margin-bottom:2rem;margin-top:1rem}.header h1{font-size:2rem}.header p{font-size:1rem}}.website-viewer{background:var(--neo-bg-primary);border-left:2px solid var(--neo-border);height:100vh;position:relative}.loading-overlay,.website-viewer{display:flex;flex-direction:column;overflow:hidden}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(var(--neo-bg-primary-rgb),.95);bottom:0;justify-content:center;left:0;padding:2rem;position:absolute;right:0;top:0;z-index:1000}.neo-loading-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.neo-loading-squares{align-items:flex-end;display:flex;gap:.75rem}.neo-loading-square{animation:neo-pulse-colors 2s ease-in-out infinite;border:2px solid var(--neo-text-primary);border-radius:4px;height:24px;position:relative;width:24px}.neo-loading-square:first-child{animation-delay:0s;background:var(--neo-yellow);box-shadow:4px 4px 0 var(--neo-yellow)}.neo-loading-square:nth-child(2){animation-delay:.2s;background:var(--neo-blue);box-shadow:4px 4px 0 var(--neo-blue)}.neo-loading-square:nth-child(3){animation-delay:.4s;background:var(--neo-green);box-shadow:4px 4px 0 var(--neo-green)}.neo-loading-square:nth-child(4){animation-delay:.6s;background:var(--neo-pink);box-shadow:4px 4px 0 var(--neo-pink)}@keyframes neo-pulse-colors{0%,to{opacity:1;transform:translate(0) scale(1)}25%{opacity:.8;transform:translate(-2px,-2px) scale(1.1)}50%{opacity:.9;transform:translate(-4px,-4px) scale(1.2)}75%{opacity:.8;transform:translate(-2px,-2px) scale(1.1)}}.neo-loading-text{animation:neo-text-glow 2s ease-in-out infinite;color:var(--neo-text-primary);font-size:1.1rem;font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase}@keyframes neo-text-glow{0%,to{opacity:1;text-shadow:2px 2px 0 var(--neo-yellow)}25%{opacity:.8;text-shadow:2px 2px 0 var(--neo-blue)}50%{opacity:.9;text-shadow:2px 2px 0 var(--neo-green)}75%{opacity:.8;text-shadow:2px 2px 0 var(--neo-pink)}}.neo-progress-container{background:var(--neo-surface-2);border:2px solid var(--neo-border);border-radius:4px;box-shadow:2px 2px 0 var(--neo-text-primary);height:8px;overflow:hidden;position:relative;width:200px}.neo-progress-bar{animation:neo-progress-slide 3s ease-in-out infinite;background:linear-gradient(90deg,var(--neo-yellow) 0,var(--neo-blue) 25%,var(--neo-green) 50%,var(--neo-pink) 75%,var(--neo-yellow) 100%);border-radius:2px;box-shadow:inset 0 0 0 1px var(--neo-text-primary);height:100%}@keyframes neo-progress-slide{0%{margin-left:0;width:20%}50%{margin-left:20%;width:60%}to{margin-left:80%;width:20%}}.viewer-header{align-items:center;background:var(--neo-bg-secondary);border-bottom:2px solid var(--neo-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.viewer-header h3{color:var(--neo-text-primary);font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.selected-info{color:var(--neo-text-secondary);flex:1 1;font-size:.9rem;min-width:200px}.selected-preview{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.selected-tag{background:var(--neo-blue);border:2px solid var(--neo-text-primary);border-radius:4px;box-shadow:2px 2px 0 var(--neo-text-primary);color:var(--neo-text-primary);font-size:.75rem;font-weight:700;letter-spacing:.5px;max-width:200px;overflow:hidden;padding:.3rem .9rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.more-count{background:var(--neo-surface-2);border:1px solid var(--neo-pink);border-radius:4px;color:var(--neo-pink);font-size:.8rem;font-weight:600;padding:.25rem .5rem}.viewer-actions{display:flex;gap:.5rem}.download-button,.refresh-button{background:#0000;border:2px solid var(--neo-blue);border-radius:4px;box-shadow:2px 2px 0 var(--neo-blue);color:var(--neo-blue);cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .1s ease}.download-button:hover,.refresh-button:hover{background:var(--neo-blue);box-shadow:4px 4px 0 var(--neo-blue);color:var(--neo-bg-primary);transform:translate(-1px,-1px)}.download-button{background:var(--neo-green);border-color:var(--neo-green);box-shadow:2px 2px 0 var(--neo-green);color:var(--neo-text-primary)}.download-button:hover{background:var(--neo-text-primary);border-color:var(--neo-text-primary);box-shadow:4px 4px 0 var(--neo-text-primary);color:var(--neo-bg-primary)}.download-secondary{background:var(--neo-yellow);border-color:var(--neo-yellow);box-shadow:2px 2px 0 var(--neo-yellow);color:var(--neo-bg-primary)}.download-secondary:hover{background:var(--neo-bg-primary);border-color:var(--neo-bg-primary);box-shadow:4px 4px 0 var(--neo-bg-primary);color:var(--neo-yellow)}.edit-button{background:#0000;border:2px solid var(--neo-green);border-radius:4px;box-shadow:2px 2px 0 var(--neo-green);color:var(--neo-green);cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .1s ease}.edit-button:hover{background:var(--neo-green);box-shadow:4px 4px 0 var(--neo-green);color:var(--neo-text-primary);transform:translate(-1px,-1px)}.edit-button.active{background:var(--neo-pink);border-color:var(--neo-pink);box-shadow:2px 2px 0 var(--neo-pink);color:var(--neo-text-primary)}.edit-button.active:hover{background:var(--neo-text-primary);border-color:var(--neo-text-primary);box-shadow:4px 4px 0 var(--neo-text-primary);color:var(--neo-pink)}.iframe-container{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem}.website-iframe{background:#fff;border:2px solid var(--neo-border);border-radius:8px;box-shadow:4px 4px 0 var(--neo-blue),8px 8px 0 var(--neo-pink);display:block;min-height:100%;transition:all .1s ease;width:100%}.website-iframe:hover{border-color:var(--neo-blue);box-shadow:8px 8px 0 var(--neo-blue),12px 12px 0 var(--neo-pink);transform:translate(-2px,-2px)}.demo-prompts-container{flex:1 1;height:100%;overflow-y:auto;padding:2rem;scrollbar-color:var(--neo-yellow) var(--neo-bg-secondary);scrollbar-width:thin}.demo-prompts-container::-webkit-scrollbar{width:6px}.demo-prompts-container::-webkit-scrollbar-track{background:var(--neo-bg-secondary);border-radius:4px}.demo-prompts-container::-webkit-scrollbar-thumb{background:var(--neo-yellow);border-radius:4px}.demo-prompts-container::-webkit-scrollbar-thumb:hover{background:var(--neo-green)}.demo-prompts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.demo-category{background:var(--neo-bg-secondary);border:2px solid var(--neo-border);border-radius:8px;box-shadow:4px 4px 0 var(--neo-blue),8px 8px 0 var(--neo-pink);padding:2rem;position:relative;transition:all .1s ease}.demo-category:hover{border-color:var(--neo-blue);box-shadow:8px 8px 0 var(--neo-blue),12px 12px 0 var(--neo-pink);transform:translate(-4px,-4px)}.demo-category-header{align-items:center;border-bottom:2px solid var(--neo-border);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.demo-icon{font-size:1.5rem}.demo-category-header h4{color:var(--neo-text-primary);font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.demo-prompts{display:flex;flex-direction:column;gap:.75rem}.demo-prompt-card{background:var(--neo-surface-2);border:2px solid var(--neo-border);border-radius:8px;box-shadow:2px 2px 0 var(--neo-yellow);cursor:pointer;padding:1.5rem;position:relative;transition:all .1s ease}.demo-prompt-card:hover{background:var(--neo-surface-1);border-color:var(--neo-yellow);box-shadow:4px 4px 0 var(--neo-yellow);transform:translate(-2px,-2px)}.demo-prompt-card p{color:var(--neo-text-primary);font-size:.9rem;font-style:italic;font-weight:400;line-height:1.6;margin:0}.demo-footer{background:var(--neo-surface-2);border:2px solid var(--neo-green);border-radius:8px;box-shadow:4px 4px 0 var(--neo-green),8px 8px 0 var(--neo-yellow);color:var(--neo-text-primary);padding:2.5rem;position:relative;text-align:center}.demo-footer p{font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.skeleton-container{background:var(--neo-bg-secondary);border-radius:8px;flex:1 1;overflow-y:auto;padding:1rem}.skeleton-header{margin-bottom:2rem}.skeleton-nav{align-items:center;border-bottom:2px solid var(--neo-border);display:flex;justify-content:space-between;padding:1rem 0}.skeleton-logo{background:var(--neo-border);border-radius:4px;box-shadow:2px 2px 0 var(--neo-yellow);height:32px;width:120px}.skeleton-nav-links{display:flex;gap:2rem}.skeleton-nav-link{background:var(--neo-border);border-radius:4px;box-shadow:2px 2px 0 var(--neo-blue);height:20px;width:80px}.skeleton-hero{background:var(--neo-surface-2);border:2px solid var(--neo-border);border-radius:8px;box-shadow:4px 4px 0 var(--neo-pink);margin-bottom:3rem;padding:4rem 2rem;text-align:center}.skeleton-hero-content{margin:0 auto;max-width:600px}.skeleton-title{box-shadow:2px 2px 0 var(--neo-yellow);height:48px;margin:0 auto 1rem;width:80%}.skeleton-title,.skeleton-title-small{background:var(--neo-border);border-radius:4px}.skeleton-title-small{box-shadow:2px 2px 0 var(--neo-blue);height:24px;margin:0 auto 2rem;width:60%}.skeleton-text-line{box-shadow:2px 2px 0 var(--neo-green)}.skeleton-text-line,.skeleton-text-line-short{background:var(--neo-border);border-radius:4px;height:20px;margin-bottom:1rem}.skeleton-text-line-short{box-shadow:2px 2px 0 var(--neo-pink);width:70%}.skeleton-button{background:var(--neo-border);border-radius:8px;box-shadow:4px 4px 0 var(--neo-yellow);height:48px;margin:2rem auto 0;width:180px}.skeleton-section{margin-bottom:4rem}.skeleton-section-title{background:var(--neo-border);border-radius:4px;box-shadow:2px 2px 0 var(--neo-blue);height:32px;margin-bottom:2rem;width:300px}.skeleton-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.skeleton-card{background:var(--neo-surface-2);border:2px solid var(--neo-border);border-radius:8px;box-shadow:2px 2px 0 var(--neo-green);padding:1.5rem}.skeleton-card-image{box-shadow:2px 2px 0 #ff006e;height:160px;width:100%}.skeleton-card-image,.skeleton-card-title{background:#333;border-radius:4px;margin-bottom:1rem}.skeleton-card-title{box-shadow:2px 2px 0 #ffcb05;height:24px;width:80%}.skeleton-card-text{background:#333;border-radius:4px;box-shadow:2px 2px 0 #00a8ff;height:16px;margin-bottom:.5rem;width:100%}.skeleton-card-text:last-child{width:60%}.skeleton-text-lines{max-width:800px}.section-insert-button{background:#0000;border:2px dashed var(--neo-blue);border-radius:4px;color:var(--neo-blue);cursor:pointer;display:none;font-weight:700;letter-spacing:.5px;margin:.5rem 0;opacity:.7;padding:1rem;position:relative;text-transform:uppercase;transition:all .1s ease;width:100%}.section-insert-button:hover{background:rgba(var(--neo-blue-rgb),.1);border-style:solid;box-shadow:4px 4px 0 var(--neo-blue);opacity:1;transform:translate(-2px,-2px)}.section-insert-button.visible{display:block}.section-insert-icon{align-items:center;background:var(--neo-blue);border-radius:4px;box-shadow:2px 2px 0 var(--neo-text-primary);color:var(--neo-text-primary);display:inline-flex;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-right:.5rem;width:24px}.section-insert-text{font-size:.9rem}@media (max-width:768px){.viewer-header{align-items:stretch;flex-direction:column;padding:.75rem 1rem;text-align:center}.viewer-header h3{font-size:1rem}.selected-info{font-size:.8rem;min-width:auto}.selected-tag{font-size:.7rem;max-width:150px;padding:.2rem .5rem}.viewer-actions{flex-wrap:wrap;gap:.75rem;justify-content:center}.download-button,.edit-button,.refresh-button{font-size:.8rem;min-height:44px;min-width:44px;padding:.6rem 1rem}.iframe-container{padding:.5rem}.website-iframe{border-radius:4px}.demo-prompts-container{padding:1rem}.demo-prompts-grid{gap:1.5rem;grid-template-columns:1fr}.demo-category{padding:1rem}.demo-prompt-card{font-size:.85rem;padding:1rem}.skeleton-nav-links{gap:1rem}.skeleton-nav-link{width:60px}.skeleton-cards{grid-template-columns:1fr}.skeleton-hero{padding:2rem 1rem}.section-insert-button{font-size:.85rem;margin:.25rem 0;min-height:44px;padding:.75rem}.section-insert-icon{font-size:12px;height:20px;width:20px}}.theme-toggle{font-size:.85rem;gap:.5rem;height:44px;left:1rem;min-width:auto;padding:.6rem 1rem;position:fixed;top:1rem;width:auto;z-index:9999}.theme-icon,.theme-toggle{align-items:center;display:flex}.theme-icon{font-size:1.2rem}.theme-text{font-weight:700;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.theme-toggle{font-size:.8rem;height:40px;left:.5rem;padding:.5rem .8rem;top:3rem}.theme-icon{font-size:1rem}}
/*# sourceMappingURL=main.2ab7c98c.css.map*/