:root{color-scheme:dark;--bg: #0a0d12;--panel: rgba(18, 24, 35, .85);--panel2: rgba(15, 21, 31, .9);--panel-solid: #121823;--text: #e8eef7;--muted: #93a4b8;--border: rgba(34, 48, 67, .6);--accent: #6aa6ff;--panel-opacity: .85}*{box-sizing:border-box}html,body{height:100%}html,body{overflow:auto}html.app-mode,body.app-mode{overflow:hidden}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:13px}body.resizing{cursor:ew-resize;-webkit-user-select:none;user-select:none}.viewport-container,.viewport-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.viewport-canvas-host canvas{display:block;width:100%;height:100%}.brush-cursor{position:absolute;pointer-events:none;border:2px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080;z-index:100}button,input,select{font:inherit;font-size:12px}.app-container{position:relative;height:100vh;width:100vw;overflow:hidden}.viewport-area{position:absolute;top:0;right:0;bottom:0;left:0;background:#050709}.sidebar-left,.sidebar-right{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;gap:10px;padding:10px;overflow-x:hidden;overflow-y:auto;background:var(--panel2);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.sidebar-left{left:0;min-width:280px;max-width:500px}.sidebar-right{right:0;min-width:320px;max-width:500px}.sidebar-left>*,.sidebar-right>*{max-width:100%;min-width:0;flex-shrink:0}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:ew-resize;background:transparent;transition:background .2s;z-index:10}.resize-handle:hover,.resize-handle.active{background:var(--accent);opacity:.5}.sidebar-left .resize-handle{right:0}.sidebar-right .resize-handle{left:0}.panel{background:var(--panel2);border-radius:10px;padding:12px;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-panel{display:flex;flex-direction:column;gap:10px}.nav-panel-header{padding-bottom:8px;border-bottom:1px solid var(--border)}.nav-panel-project{font-size:13px!important;text-transform:none!important;letter-spacing:0!important;color:var(--text)!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-panel-project.editable{cursor:pointer;transition:color .15s}.nav-panel-project.editable:hover{color:var(--accent)!important}.nav-panel-project-input{font-size:13px;width:100%;background:#0000004d;border:1px solid var(--accent);border-radius:4px;padding:4px 8px;color:var(--text);outline:none}.nav-panel-buttons{display:flex;flex-direction:column;gap:6px}.nav-panel-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#00000040;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;cursor:pointer;transition:all .15s;text-align:left}.nav-panel-btn:hover{background:#6aa6ff1a;border-color:#6aa6ff66}.nav-panel-btn svg{width:16px;height:16px;flex-shrink:0;color:var(--accent)}.nav-panel-btn-text{display:flex;flex-direction:column;gap:2px}.nav-panel-points{font-size:10px;color:var(--muted)}h2,h3{margin:0 0 10px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.drop-zone{border:2px dashed var(--border);border-radius:8px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--muted);background:#ffffff05;font-size:12px}.drop-zone:hover{border-color:var(--accent);color:var(--accent);background:#6aa6ff14}.slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.slot-item{background:#0000004d;border-radius:6px;overflow:hidden;border:1px solid var(--border);transition:border-color .2s}.slot-item:hover{border-color:#6aa6ff66}.slot-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;padding:4px 6px;font-size:10px;background:#0006;color:var(--muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.clear-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:0;font-size:14px;line-height:1;opacity:.6;transition:opacity .2s}.clear-btn:hover{opacity:1;color:#ff6b6b}.slot-preview{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#0003}.slot-preview.empty{color:var(--muted);font-size:9px;font-style:italic;opacity:.5}.slot-preview img{width:100%;height:100%;object-fit:cover}.section{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px;background:#ffffff05}.section h3{margin:0 0 12px;font-size:11px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:8px}.row{display:flex;gap:8px;align-items:center;margin:8px 0;min-width:0}.row label{flex:1;color:var(--muted);font-size:12px;min-width:80px}.row input[type=range]{flex:1 1 0;min-width:0;accent-color:var(--accent);height:4px}.row input[type=number]{width:62px;background:#0000004d;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 6px;text-align:right;flex:0 0 auto}.row input[type=number]:focus{outline:none;border-color:var(--accent)}.row select{flex:1 1 0;min-width:0;background:#0000004d;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px}.row select option{background:#1a1f28;color:var(--text)}.segmented{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#0000002e}.segmented .btn{border:none;border-radius:0;background:transparent;padding:6px 10px}.segmented .btn+.btn{border-left:1px solid var(--border)}.segmented .btn.primary{border:none;background:#6aa6ff26}.row select:focus{outline:none;border-color:var(--accent)}.btn{background:#0000004d;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;transition:all .2s;font-size:12px}.btn:hover{background:#ffffff0d;border-color:#fff3}.btn.primary{border-color:var(--accent);background:#6aa6ff26}.btn.btn-xs{padding:2px 8px;font-size:10px}.hint.hint-mt{margin-top:8px}.btn.danger{border-color:#ff6b6b;color:#ff6b6b}.btn.danger:hover{background:#ff6b6b26}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.toggle-btn{flex:1 1 auto;min-width:0;font-size:10px;padding:4px 6px;opacity:.5;transition:opacity .15s,background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn.toggle-btn.active{opacity:1;background:#6aa6ff33;border-color:var(--accent)}.btn-group{display:flex;gap:6px;margin-top:12px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{width:min(700px,calc(100vw - 24px));max-width:90vw;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000073}.dialog-title{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin:0 0 10px}.dialog-body{color:var(--text);font-size:12px;line-height:1.4}.dialog-body-with-preview{display:flex;gap:16px;align-items:flex-start;overflow:hidden}.dialog-preview{flex-shrink:0;width:400px;height:400px;background:#222;border:1px solid var(--border);border-radius:4px;overflow:hidden}.dialog-preview img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.dialog-preview-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;text-align:center}.dialog-controls{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0;overflow:hidden}.dialog-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.dialog-label{flex-shrink:0;width:90px;color:var(--muted);font-size:11px}.dialog-range{flex:1 1 80px;min-width:60px;max-width:100%}.dialog-number{flex-shrink:0;width:55px;min-width:55px}.dialog-separator{border:none;border-top:1px solid var(--border);margin:4px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.canvasFill{width:100%;height:100%;display:block}.viewport-gizmo{position:absolute;top:12px;width:180px;z-index:5;padding:10px}.viewport-gizmo-header{display:flex;gap:6px;align-items:center;margin-bottom:8px}.viewport-gizmo-header .btn{padding:6px 10px}.viewport-rotate-pad{width:100%;height:110px;border-radius:10px;border:1px solid var(--border);background:#0000004d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.viewport-gizmo-active{font-size:11px;color:var(--muted);margin:0 0 8px;opacity:.85}.viewport-rotate-pad:active{cursor:grabbing}.viewport-rotate-pad.active{border-color:var(--accent)}.viewport-rotate-pad:before,.viewport-rotate-pad:after{content:"";position:absolute;left:50%;top:50%;background:var(--border);transform:translate(-50%,-50%);opacity:.8}.viewport-rotate-pad:before{width:70%;height:1px}.viewport-rotate-pad:after{width:1px;height:70%}.viewport-rotate-dot{position:absolute;left:0;top:0;width:8px;height:8px;border-radius:999px;background:#6aa6ffe6;border:1px solid rgba(255,255,255,.15);transform:translate(50%,50%);pointer-events:none}.viewport-rotate-axis{position:absolute;font-size:10px;color:var(--muted);background:#00000040;border:1px solid var(--border);border-radius:6px;padding:2px 6px;pointer-events:none}.viewport-rotate-axis.axis-x{top:50%;right:8px;transform:translateY(-50%)}.viewport-rotate-axis.axis-y{left:50%;top:8px;transform:translate(-50%)}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;padding:2px 5px;border:1px solid var(--border);border-radius:4px;color:var(--muted);background:#0000004d}.hint{font-size:11px;color:var(--muted);opacity:.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}input[type=color]{width:40px;height:28px;border:1px solid var(--border);background:transparent;border-radius:6px;cursor:pointer;padding:2px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.texture-edit-dialog{width:min(950px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:hidden;display:flex;flex-direction:column}.texture-edit-dialog .dialog-body-with-preview{max-height:calc(100vh - 180px);overflow:hidden;display:flex;gap:16px}.dialog-preview-section{flex-shrink:0}.texture-edit-controls{overflow-y:auto;max-height:calc(100vh - 240px);padding-right:8px;min-width:420px;flex:1}.edit-category-content .dialog-row{flex-wrap:nowrap;min-width:0;overflow:visible}.before-after-container{position:relative;background:#111;border:1px solid var(--border);border-radius:4px;overflow:hidden;-webkit-user-select:none;user-select:none}.before-after-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px}.before-after-before,.before-after-after{position:absolute;top:0;right:0;bottom:0;left:0}.before-after-before img,.before-after-after img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.before-after-label{position:absolute;bottom:8px;padding:3px 8px;background:#000000b3;color:var(--text);font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;pointer-events:none}.before-label{left:8px}.after-label{right:8px}.before-after-slider{position:absolute;top:0;bottom:0;width:4px;transform:translate(-50%);cursor:ew-resize;z-index:10}.before-after-slider-line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:#fffc;box-shadow:0 0 4px #00000080}.before-after-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#1e2837f2;border:2px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #0006}.before-after-slider-handle:hover{background:#324155f2;border-color:var(--accent)}.edit-category{border:1px solid var(--border);border-radius:6px;margin-bottom:6px;background:#0003;overflow:hidden}.edit-category-header{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;color:var(--text);font-size:11px;text-align:left;cursor:pointer;transition:background .15s}.edit-category-header:hover{background:#ffffff0d}.edit-category-icon{font-size:8px;color:var(--muted);flex-shrink:0;width:10px}.edit-category-title{font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.edit-category-hint{color:var(--muted);font-size:10px;font-weight:400;margin-left:auto;opacity:.7}.edit-category-content{padding:10px 12px;border-top:1px solid var(--border);background:#0000001a;display:flex;flex-direction:column;gap:10px;overflow:visible}.edit-category-content .dialog-row{margin-bottom:4px}.edit-category-content .dialog-row:last-child{margin-bottom:0}.icon-btn.reset-btn{flex-shrink:0;width:22px;height:22px;min-width:22px;padding:0;font-size:12px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s ease}.icon-btn.reset-btn.visible{opacity:1;pointer-events:auto}.icon-btn.reset-btn:hover{background:var(--bg-secondary)}.edit-category.collapsed .edit-category-content{display:none}.texture-edit-warning{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:6px;margin-top:12px}.warning-icon{font-size:16px;color:#ff6b6b;flex-shrink:0}.warning-text{color:#ff8a8a;font-size:11px;line-height:1.4}.slot-header-actions{display:flex;gap:4px;align-items:center}.edit-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:0;font-size:12px;line-height:1;opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.edit-btn:hover{opacity:1;color:var(--accent)}.edit-btn svg{width:12px;height:12px}.layer-panel-section{margin-top:10px;border-top:1px solid var(--border);padding-top:8px}.layer-panel-header{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:4px 0;width:100%;text-align:left}.layer-panel-header:hover{color:var(--text)}.layer-panel-chevron{display:flex;align-items:center;opacity:.7}.layer-panel-content{margin-top:6px}.layer-separator{height:1px;background:var(--border);margin:2px 0;opacity:.5}.layer-row{display:flex;align-items:center;gap:8px;padding:4px 2px}.layer-row.hidden{opacity:.5}.layer-row.hidden .layer-name{text-decoration:line-through}.layer-name{font-size:11px;color:var(--text);flex:1;min-width:0}.layer-icon-btn{background:none;border:none;cursor:pointer;padding:2px;color:var(--muted);opacity:.7;transition:opacity .15s,color .15s;display:flex;align-items:center;justify-content:center}.layer-icon-btn:hover{opacity:1;color:var(--accent)}.layer-icon-btn.off{opacity:.4}.layer-icon-btn.active{color:var(--accent);opacity:1}.bottom-toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;width:min(980px,calc(100vw - 40px));min-width:200px;height:156px;overflow:hidden}.toolbar-tabs{display:flex;border-bottom:1px solid var(--border)}.toolbar-tab{flex:1;padding:10px 20px;border:none;background:none;color:var(--muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;position:relative}.toolbar-tab:first-child{border-radius:9px 0 0}.toolbar-tab:last-child{border-radius:0 9px 0 0}.toolbar-tab:hover{color:var(--text);background:#ffffff08}.toolbar-tab.active{color:var(--accent);background:#6aa6ff14}.toolbar-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.toolbar-content{padding:12px 14px;flex:1;min-height:0;overflow:hidden}.toolbar-generate{height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.toolbar-hint{font-size:11px;color:var(--muted);white-space:nowrap}.toolbar-start-session{display:flex;flex-direction:column;align-items:center;gap:8px}.toolbar-edit{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;height:100%;overflow:hidden}.toolbar-edit.disabled{opacity:.45;pointer-events:none}.toolbar-section{display:flex;align-items:center;gap:8px;flex-shrink:0}.toolbar-warp{display:flex;flex-direction:column;gap:6px}.toolbar-warp label.hint{display:flex;align-items:center;gap:8px;white-space:nowrap}.toolbar-warp input[type=range]{width:160px}.toolbar-divider{width:1px;height:28px;background:var(--border)}.toolbar-spacer{flex:1;min-width:20px}.toolbar-tools{display:flex;gap:4px}.tool-btn{width:32px;height:32px;border:1px solid var(--border);background:#0003;border-radius:6px;cursor:pointer;color:var(--muted);transition:all .15s;display:flex;align-items:center;justify-content:center}.tool-btn:hover{border-color:#6aa6ff66;color:var(--text)}.tool-btn.active{border-color:var(--accent);color:var(--accent);background:#6aa6ff26}.toolbar-sliders{display:flex;gap:16px}.toolbar-slider{display:flex;align-items:center;gap:6px}.toolbar-slider label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;min-width:48px}.toolbar-slider input[type=range]{width:70px;height:4px;accent-color:var(--accent)}.toolbar-slider span{font-size:10px;color:var(--text);min-width:32px;text-align:right}.toolbar-quadrants{display:flex;align-items:center;gap:8px}.quadrant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.quadrant-btn{width:22px;height:22px;border:1px solid var(--border);background:#0000004d;border-radius:3px;cursor:pointer;color:var(--muted);font-size:10px;font-weight:600;transition:all .15s}.quadrant-btn:hover{border-color:#6aa6ff80}.quadrant-btn.active{border-color:var(--accent);background:#6aa6ff40;color:var(--accent)}.toolbar-crop{display:flex;gap:6px;flex-wrap:nowrap;white-space:nowrap}.toolbar-actions{display:flex;gap:8px}.sidebar-left.edit-mode-disabled{opacity:.5;pointer-events:none;filter:grayscale(.3)}.btn.btn-sm{padding:4px 10px;font-size:11px}.generation-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;overflow:hidden}.generation-panel-header{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);background:#0003}.generation-panel-header h3{margin:0;font-size:14px;font-weight:600}.generation-panel-header svg{color:var(--accent)}.generation-panel-content{padding:14px;display:flex;flex-direction:column;gap:14px}.generation-warnings{display:flex;flex-direction:column;gap:6px;padding:0 14px}.generation-warning{padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:opacity .2s}.generation-warning:hover{opacity:.8}.generation-warning--info{background:#6aa6ff26;border:1px solid rgba(106,166,255,.3);color:var(--accent)}.generation-warning--warning{background:#ffb43c26;border:1px solid rgba(255,180,60,.3);color:#ffb43c}.generation-warning--error{background:#ff505026;border:1px solid rgba(255,80,80,.3);color:#ff5050}.job-status{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);gap:12px}.job-status-content{display:flex;align-items:center;gap:8px;font-size:13px}.job-status--active .job-status-content{color:var(--accent)}.job-status--completed .job-status-content{color:#4ade80}.job-status--failed .job-status-content,.job-status--canceled .job-status-content{color:#ff5050}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group-header{display:flex;align-items:center;justify-content:space-between}.form-label{font-size:12px;font-weight:500;color:var(--text);display:flex;align-items:center;gap:6px}.form-label-hint{font-weight:400;color:var(--muted)}.form-row{display:flex;gap:12px}.form-group--half{flex:1}.textarea{width:100%;padding:10px 12px;background:#0000004d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;line-height:1.5;resize:vertical;min-height:60px;transition:border-color .15s}.textarea:focus{outline:none;border-color:var(--accent)}.textarea--large{min-height:100px}.textarea:disabled{opacity:.6;cursor:not-allowed}.select{width:100%;padding:8px 12px;background:#0000004d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;cursor:pointer;transition:border-color .15s}.select option{background:#1a1f28;color:var(--text)}.select:focus{outline:none;border-color:var(--accent)}.select:disabled{opacity:.6;cursor:not-allowed}.feature-prompts-list{display:flex;flex-direction:column;gap:10px}.feature-prompt-input{background:#0003;border:1px solid var(--border);border-radius:6px;padding:10px}.feature-prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.feature-prompt-label{font-size:11px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.feature-prompt-input .textarea{min-height:50px}.btn-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--muted);cursor:pointer;transition:all .15s}.btn-icon:hover{background:#ffffff1a;color:var(--text)}.btn-icon--danger:hover{background:#ff505026;color:#ff5050}.texture-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.texture-checkbox{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#0000004d;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s}.texture-checkbox:hover{border-color:#6aa6ff80}.texture-checkbox input[type=checkbox]{accent-color:var(--accent)}.texture-checkbox-label{font-size:12px;color:var(--text)}.texture-checkbox--disabled{opacity:.5;cursor:not-allowed}.texture-checkbox--disabled:hover{border-color:var(--border)}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:13px;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:2px;accent-color:var(--accent)}.checkbox-label input[type=checkbox]:disabled{opacity:.5}.btn-block{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent);color:#000;border:none;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary:hover:not(:disabled){background:#7db4ff}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#ff505033;color:#ff5050;border:1px solid rgba(255,80,80,.3)}.btn-danger:hover:not(:disabled){background:#ff50504d}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .15s}.btn-ghost:hover:not(:disabled){background:#ffffff1a;border-color:#6aa6ff80}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-xs{padding:3px 8px;font-size:11px}.generation-points-info{text-align:center;padding-top:4px}.text-muted{color:var(--muted)}.text-sm{font-size:12px}.text-error{color:#ff5050}.text-success{color:#4ade80}.account-page{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.account-header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--panel2)}.account-back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;cursor:pointer;transition:all .15s}.account-back-btn:hover{background:#ffffff0d;border-color:var(--accent)}.account-title{margin:0;font-size:20px;font-weight:600}.account-layout{flex:1;display:flex;overflow:hidden}.account-nav{width:200px;padding:16px 12px;border-right:1px solid var(--border);background:var(--panel2);display:flex;flex-direction:column;gap:4px}.account-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:6px;color:var(--muted);font-size:13px;text-align:left;cursor:pointer;transition:all .15s}.account-nav-item:hover{background:#ffffff0d;color:var(--text)}.account-nav-item--active{background:#6aa6ff26;color:var(--accent)}.account-content{flex:1;padding:24px;overflow-y:auto}.account-overview{max-width:800px;display:flex;flex-direction:column;gap:24px}.account-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.account-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#6aa6ff26;border-radius:50%;color:var(--accent)}.account-card-content{flex:1}.account-card-content h3{margin:0 0 4px;font-size:16px}.account-card-content p{margin:0}.account-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.account-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s}.account-stat-card:hover{border-color:var(--accent)}.account-stat-icon{color:var(--accent)}.account-stat-content{flex:1;display:flex;flex-direction:column}.account-stat-value{font-size:24px;font-weight:700}.account-stat-label{font-size:12px;color:var(--muted)}.account-section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px}.account-section-title{margin:0 0 16px;font-size:14px;font-weight:600}.account-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#0003;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:12px;cursor:pointer;transition:all .15s}.account-action-btn:hover{background:#6aa6ff1a;border-color:var(--accent)}.account-action-btn svg{color:var(--accent)}.projects-manager{display:flex;flex-direction:column;gap:20px;height:100%}.projects-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.projects-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000004d;border:1px solid var(--border);border-radius:6px;min-width:250px}.projects-search input{flex:1;background:transparent;border:none;color:var(--text);font-size:13px;outline:none}.projects-search input::placeholder{color:var(--muted)}.projects-toolbar-actions{display:flex;align-items:center;gap:10px}.projects-selection-count{font-size:12px;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;flex:1;overflow-y:auto;padding-bottom:20px}.projects-loading,.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px;color:var(--muted);text-align:center}.projects-empty svg{opacity:.5}.project-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .15s}.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}.project-card--selected{border-color:var(--accent);box-shadow:0 0 0 2px #6aa6ff4d}.project-card-checkbox{position:absolute;top:8px;left:8px;width:20px;height:20px;background:#0009;border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s;z-index:1}.project-card:hover .project-card-checkbox,.project-card--selected .project-card-checkbox{opacity:1}.project-card-checkbox--checked{background:var(--accent);border-color:var(--accent);color:#000}.project-card-preview{aspect-ratio:1;background:#0000004d;display:flex;align-items:center;justify-content:center}.project-card-preview img{width:100%;height:100%;object-fit:cover}.project-card-preview-placeholder{color:var(--muted);opacity:.5}.project-card-info{padding:12px}.project-card-name{margin:0;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-date{font-size:11px;color:var(--muted)}.billing-panel{max-width:500px;display:flex;flex-direction:column;gap:24px}.billing-panel--loading{align-items:center;justify-content:center;padding:60px;color:var(--muted)}.billing-balance{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#6aa6ff33,#6aa6ff0d);border:1px solid rgba(106,166,255,.3);border-radius:10px}.billing-balance-icon{color:var(--accent)}.billing-balance-content{display:flex;flex-direction:column}.billing-balance-label{font-size:12px;color:var(--muted)}.billing-balance-value{font-size:28px;font-weight:700;color:var(--accent)}.billing-section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:16px}.billing-section-title{margin:0;font-size:14px;font-weight:600}.billing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.billing-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:#0000004d;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s}.billing-option:hover{border-color:#6aa6ff80}.billing-option--selected{border-color:var(--accent);background:#6aa6ff1a}.billing-option--popular{border-color:#6aa6ff80}.billing-option-amount{font-size:18px;font-weight:600}.billing-option-points{font-size:11px;color:var(--muted)}.billing-option-badge{position:absolute;top:-8px;right:-8px;padding:2px 6px;background:var(--accent);color:#000;font-size:9px;font-weight:600;border-radius:4px;text-transform:uppercase}.billing-custom{display:flex;flex-direction:column;gap:8px}.billing-custom-label{font-size:12px;color:var(--muted)}.billing-custom-input{display:flex;align-items:center;background:#0000004d;border:1px solid var(--border);border-radius:6px;overflow:hidden}.billing-custom-prefix,.billing-custom-suffix{padding:10px 12px;background:#0003;color:var(--muted);font-size:13px}.billing-custom-input input{flex:1;padding:10px 12px;background:transparent;border:none;color:var(--text);font-size:14px;outline:none}.billing-custom-hint{font-size:11px;color:var(--muted)}.billing-preview{padding:12px;background:#6aa6ff1a;border:1px solid rgba(106,166,255,.3);border-radius:6px;text-align:center;font-size:14px}.billing-preview strong{color:var(--accent)}.billing-error{padding:10px;background:#ff50501a;border:1px solid rgba(255,80,80,.3);border-radius:6px;color:#ff5050;font-size:13px}.billing-note{margin:0;font-size:11px;color:var(--muted);text-align:center}.billing-rate{font-size:12px;color:var(--muted);text-align:center}.account-settings{max-width:600px;display:flex;flex-direction:column;gap:24px}.settings-message{padding:12px 16px;border-radius:6px;font-size:13px}.settings-message--success{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.settings-message--error{background:#ff50501a;border:1px solid rgba(255,80,80,.3);color:#ff5050}.settings-section{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px}.settings-section--danger{border-color:#ff50504d}.settings-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.settings-section-header h4{margin:0;font-size:14px;font-weight:600}.settings-section--danger .settings-section-header{color:#ff5050;border-bottom-color:#ff505033}.settings-field{margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:12px;font-weight:500;color:var(--text);margin-bottom:6px}.settings-input-group{display:flex;gap:8px}.settings-input{flex:1;padding:8px 12px;background:#0000004d;border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-value-row{display:flex;align-items:center;gap:12px}.settings-value{font-size:14px}.settings-hint{font-size:11px;color:var(--muted)}.settings-description{margin:0 0 12px;font-size:13px;color:var(--muted);line-height:1.5}.settings-contact-link{display:inline-block;color:var(--accent);text-decoration:none;font-size:14px}.settings-contact-link:hover{text-decoration:underline}.dialog-actions--spread{display:flex;justify-content:space-between}.dialog-actions-right{display:flex;gap:8px}.auth-panel{padding:12px;border-bottom:1px solid var(--border)}.auth-section{display:flex;flex-direction:column;gap:10px}.auth-section--loading{flex-direction:row;align-items:center;justify-content:center;padding:16px;color:var(--muted)}.auth-section--signed-in{gap:12px}.auth-user-info{display:flex;flex-direction:column;gap:6px}.auth-email{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-points{display:flex;align-items:center;gap:6px;font-size:14px}.points-icon{color:var(--accent);font-size:16px}.points-value{font-weight:600;color:var(--accent)}.points-label{color:var(--muted);font-size:12px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-error{padding:8px 10px;background:#ff505026;border:1px solid rgba(255,80,80,.3);border-radius:6px;color:#f66;font-size:12px}.auth-success{padding:8px 10px;background:#50c87826;border:1px solid rgba(80,200,120,.3);border-radius:6px;color:#50c878;font-size:12px}.auth-links{display:flex;gap:12px;justify-content:center}.btn-link{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0}.btn-link:hover{text-decoration:underline}.btn--google{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#333;border:1px solid #ddd;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn--google:hover{background:#f5f5f5}.btn--google:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0}.btn--secondary{background:#ffffff1a;color:var(--text);border:1px solid var(--border)}.btn--secondary:hover{background:#ffffff26}.spinner-small{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 8px}.sidebar-tab{flex:1;padding:12px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.sidebar-tab:hover{color:var(--text)}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.website-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow-x:hidden}.website-main{flex:1}.lp-container{width:min(1100px,calc(100% - 48px));margin:0 auto}.lp-hero{position:relative;padding:96px 0 72px;overflow:hidden}.lp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,#ffffff0f 0,#ffffff0f 12px,#ffffff05 12px,#ffffff05 24px);opacity:.8;pointer-events:none}.lp-hero__inner{position:relative;display:grid;justify-items:center;gap:18px;text-align:center;padding:0 24px}.lp-hero__title{margin:0;max-width:980px;font-size:clamp(28px,3.6vw,44px);line-height:1.05;letter-spacing:.02em}.lp-hero__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.lp-hero__chevron{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:inherit;text-decoration:none}.lp-section{padding:56px 0}.lp-section--alt{background:#ffffff05}.lp-section__title{margin:0 0 18px;letter-spacing:.18em;font-size:14px;opacity:.9}.lp-features{width:min(1100px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lp-feature{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;background:#00000024}.lp-feature__icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.12);margin-bottom:10px}.lp-feature__title{font-weight:700;margin-bottom:6px}.lp-feature__desc{opacity:.9;font-size:14px;line-height:1.4}.lp-samples{width:min(1100px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lp-sample{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;background:#00000024;display:grid;gap:10px}.lp-sample__preview{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:14px;display:grid;justify-items:center;gap:10px}.lp-sample__sphere{width:96px;height:96px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#ffffff40,#ffffff0f 45%,#00000038 78%);border:1px solid rgba(255,255,255,.12);position:relative}.lp-sample__sphereShine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.25),transparent 45%);opacity:.7}.lp-sample__previewText{font-size:12px;opacity:.85}.lp-sample__label{font-weight:650}.lp-sample__download{justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:inherit;cursor:pointer}.lp-cta{padding:40px 0}.lp-cta__box{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#ffffff05}.lp-cta__title{font-weight:750}.lp-contact{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;background:#00000024;display:grid;gap:12px}.lp-contact__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lp-field label{display:block;font-size:12px;opacity:.85;margin-bottom:6px}.lp-field input,.lp-field textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:inherit;padding:10px 12px}.lp-contact__actions{display:flex;justify-content:flex-end}.lp-formNote{font-size:13px;opacity:.9}@media(max-width:900px){.lp-features{grid-template-columns:1fr}.lp-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-contact__row{grid-template-columns:1fr}.lp-cta__box{flex-direction:column;align-items:flex-start}}.website-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0d12d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.website-nav{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 24px;height:64px}.website-logo{text-decoration:none}.website-logo__placeholder{display:flex;align-items:center;gap:8px}.website-logo__placeholder--small{transform:scale(.8)}.website-logo__text{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.website-nav__links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.website-nav__links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.website-nav__links a:hover,.website-nav__links a.active{color:var(--text)}.website-nav__account{display:flex;align-items:center}.website-nav__mobile-toggle{display:none;background:none;border:none;padding:8px;cursor:pointer}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:2px;background:var(--text);transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.website-nav__mobile{display:none;position:absolute;top:64px;left:0;right:0;background:var(--panel-solid);border-bottom:1px solid var(--border);padding:16px 24px}.website-nav__mobile.open{display:block}.website-nav__mobile ul{list-style:none;margin:0;padding:0}.website-nav__mobile li{padding:12px 0;border-bottom:1px solid var(--border)}.website-nav__mobile li:last-child{border-bottom:none}.website-nav__mobile a{color:var(--text);text-decoration:none;font-size:16px}.website-footer{background:var(--panel-solid);border-top:1px solid var(--border);padding:48px 24px 24px}.website-footer__content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:48px}.website-footer__brand{display:flex;flex-direction:column;gap:12px}.website-footer__tagline{color:var(--muted);font-size:14px;margin:0}.website-footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.website-footer__column h4{color:var(--text);font-size:14px;font-weight:600;margin:0 0 16px}.website-footer__column ul{list-style:none;margin:0;padding:0}.website-footer__column li{margin-bottom:8px}.website-footer__column a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .2s}.website-footer__column a:hover{color:var(--accent)}.website-footer__bottom{max-width:1200px;margin:48px auto 0;padding-top:24px;border-top:1px solid var(--border);text-align:center}.website-footer__bottom p{color:var(--muted);font-size:13px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn--primary{background:var(--accent);color:#0a0d12}.btn--primary:hover{background:#7bb3ff;transform:translateY(-1px)}.btn--secondary{background:#6aa6ff26;color:var(--accent);border:1px solid rgba(106,166,255,.3)}.btn--secondary:hover{background:#6aa6ff40}.btn--ghost{background:transparent;color:var(--muted)}.btn--ghost:hover{color:var(--text);background:#ffffff0d}.btn--social{background:#ffffff14;color:var(--text);border:1px solid var(--border);width:100%}.btn--social:hover{background:#ffffff1f}.btn--large{padding:14px 28px;font-size:16px}.btn--small{padding:6px 12px;font-size:12px}.btn--full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.section{padding:80px 24px}.section__container{max-width:1200px;margin:0 auto}.section__title{font-size:36px;font-weight:700;text-align:center;margin:0 0 16px;background:linear-gradient(135deg,var(--text),var(--muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section__subtitle{font-size:18px;color:var(--muted);text-align:center;max-width:600px;margin:0 auto 48px}.section__cta{text-align:center;margin-top:40px}.section--features{background:var(--panel-solid)}.section--samples{background:var(--bg)}.section--cta{background:linear-gradient(180deg,var(--panel-solid),var(--bg))}.section--contact{background:var(--bg)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__background-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#6aa6ff1a,#a78bfa1a,#6aa6ff0d)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,var(--bg) 70%)}.hero__content{position:relative;z-index:1;text-align:center;max-width:800px}.hero__logo{margin-bottom:32px}.hero__logo-placeholder{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#6aa6ff33,#a78bfa33);border-radius:24px;border:1px solid rgba(106,166,255,.3)}.hero__logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__title{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 24px;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:20px;color:var(--muted);margin:0 0 40px;line-height:1.6}.hero__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero__scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translate(-50%);animation:bounce 2s infinite;color:var(--muted)}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{background:#6aa6ff0d;border-color:#6aa6ff4d;transform:translateY(-4px)}.feature-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6aa6ff26,#a78bfa26);border-radius:12px;margin-bottom:20px;color:var(--accent)}.feature-card__title{font-size:18px;font-weight:600;margin:0 0 12px;color:var(--text)}.feature-card__description{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.samples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sample-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s}.sample-card:hover{border-color:#6aa6ff4d;transform:translateY(-4px)}.sample-card__image{aspect-ratio:1;background:var(--bg)}.sample-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6aa6ff1a,#a78bfa1a);color:var(--muted);font-size:14px}.sample-card__info{padding:16px;display:flex;justify-content:space-between;align-items:center}.sample-card__name{font-size:14px;font-weight:500;margin:0;color:var(--text)}.sample-card__type{font-size:12px;color:var(--muted)}.sample-card__download{margin:0 16px 16px}.cta-box{background:linear-gradient(135deg,#6aa6ff26,#a78bfa26);border:1px solid rgba(106,166,255,.3);border-radius:24px;padding:64px;text-align:center}.cta-box__title{font-size:32px;font-weight:700;margin:0 0 16px;color:var(--text)}.cta-box__text{font-size:18px;color:var(--muted);margin:0 0 32px}.cta-box__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-success{color:#4ade80;font-size:14px;margin-top:16px}.form-error{color:#f87171;font-size:14px;margin-top:16px;padding:12px;background:#f871711a;border-radius:8px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 24px;position:relative}.auth-container{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{text-decoration:none}.auth-logo__text{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:24px;font-weight:600;margin:24px 0 8px;color:var(--text)}.auth-subtitle{font-size:14px;color:var(--muted);margin:0}.auth-tabs{display:flex;background:#ffffff0d;border-radius:8px;padding:4px;margin-bottom:24px}.auth-tab{flex:1;padding:10px;background:none;border:none;border-radius:6px;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.auth-tab:hover{color:var(--text)}.auth-tab.active{background:var(--accent);color:#0a0d12}.auth-error{display:flex;align-items:center;gap:8px;padding:12px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#f87171;font-size:14px;margin-bottom:20px}.auth-form{margin-bottom:24px}.form-group--inline{display:flex;align-items:center;justify-content:space-between}.form-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;color:var(--muted)}.form-checkbox input{width:16px;height:16px;margin:3px 0 0;flex-shrink:0;accent-color:var(--accent)}.form-checkbox span{line-height:1.4}.form-checkbox a{color:var(--accent);text-decoration:none}.form-checkbox a:hover{text-decoration:underline}.auth-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px;padding:0}.auth-link:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:16px;margin-bottom:24px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider span{font-size:12px;color:var(--muted);text-transform:uppercase}.auth-social{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auth-footer{text-align:center;color:var(--muted);font-size:14px}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.auth-background__pattern{width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(106,166,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(167,139,250,.1) 0%,transparent 40%)}.pricing-page{padding-top:64px}.section--pricing-hero{padding:80px 24px 40px}.section--pricing-cards{padding:40px 24px 80px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.pricing-card{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s}.pricing-card--highlighted{border-color:var(--accent);background:#6aa6ff0d;transform:scale(1.02)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#0a0d12;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600}.pricing-card__name{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text)}.pricing-card__price{margin-bottom:8px}.pricing-card__amount{font-size:48px;font-weight:700;color:var(--text)}.pricing-card__period{font-size:16px;color:var(--muted)}.pricing-card__description{font-size:14px;color:var(--muted);margin:0 0 24px}.pricing-card__features{list-style:none;margin:0 0 24px;padding:0}.pricing-card__features li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:var(--muted)}.pricing-card__features svg{color:var(--accent);flex-shrink:0}.usage-pricing{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.usage-pricing__heroRow{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.usage-pricing__quickCosts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.usage-pricing__pill{display:inline-flex;gap:8px;align-items:baseline;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff08}.usage-pricing__pillLabel{color:var(--muted);font-size:13px}.usage-pricing__pillValue{color:var(--text);font-weight:650;font-size:13px}.usage-pricing__features{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px}.usage-pricing__title{margin:0 0 10px;font-size:18px;font-weight:700}.usage-pricing__list{list-style:none;margin:0;padding:0}.usage-pricing__list li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--muted);font-size:14px}.usage-pricing__list svg{color:var(--accent);flex-shrink:0}.usage-pricing__ctaRow{margin-top:14px}.usage-pricing__details{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden}.usage-pricing__summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:650;color:var(--text);border-bottom:1px solid var(--border)}.usage-pricing__detailsBody{padding:16px 18px 18px;display:grid;gap:14px}.usage-pricing__subTitle{margin:0;font-size:14px;font-weight:700}.usage-pricing__tableWrap{border:1px solid var(--border);border-radius:12px;overflow:hidden}.usage-pricing__table{width:100%;border-collapse:collapse}.usage-pricing__table th,.usage-pricing__table td{padding:10px 12px;font-size:14px;border-bottom:1px solid var(--border)}.usage-pricing__table th{text-align:left;color:var(--muted);background:#ffffff05;font-weight:650}.usage-pricing__table tr:last-child td{border-bottom:none}.usage-pricing__costs{list-style:none;margin:0;padding:0;display:grid;gap:10px}.usage-pricing__costs li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#ffffff05}.usage-pricing__costLabel{color:var(--muted);font-size:14px}.usage-pricing__costValue{font-weight:700}.section--faq{padding:80px 24px;background:var(--panel-solid)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:900px;margin:0 auto}.faq-item h3{font-size:16px;font-weight:600;margin:0 0 8px;color:var(--text)}.faq-item p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.store-page{padding-top:64px}.coming-soon{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;position:relative;padding:80px 24px}.coming-soon__content{position:relative;z-index:1;text-align:center;max-width:600px}.coming-soon__decoration{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.coming-soon__ring{position:absolute;border:1px solid rgba(106,166,255,.1);border-radius:50%;animation:pulse-ring 4s ease-in-out infinite}.coming-soon__ring--1{width:300px;height:300px;left:-150px;top:-150px;animation-delay:0s}.coming-soon__ring--2{width:500px;height:500px;left:-250px;top:-250px;animation-delay:1s}.coming-soon__ring--3{width:700px;height:700px;left:-350px;top:-350px;animation-delay:2s}@keyframes pulse-ring{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.coming-soon__icon{width:120px;height:120px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6aa6ff26,#a78bfa26);border:1px solid rgba(106,166,255,.3);border-radius:24px;color:var(--accent)}.coming-soon__title{font-size:48px;font-weight:700;margin:0 0 16px;color:var(--text)}.coming-soon__badge{display:inline-block;background:linear-gradient(135deg,var(--accent),#a78bfa);color:#0a0d12;padding:8px 24px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px}.coming-soon__description{font-size:18px;color:var(--muted);line-height:1.6;margin:0 0 40px}.coming-soon__features{display:flex;gap:24px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.coming-soon__feature{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.coming-soon__feature svg{color:var(--accent)}.coming-soon__form{max-width:400px;margin:0 auto 32px}.coming-soon__form-label{font-size:14px;color:var(--muted);margin:0 0 12px}.coming-soon__form-group{display:flex;gap:12px}.coming-soon__form-group input{flex:1;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.coming-soon__form-group input:focus{outline:none;border-color:var(--accent)}.coming-soon__success{display:flex;align-items:center;gap:12px;justify-content:center;color:#4ade80;font-size:14px;margin-bottom:32px}.coming-soon__actions{display:flex;gap:16px;justify-content:center}.coming-soon__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.coming-soon__grid{width:100%;height:100%;background-image:linear-gradient(rgba(106,166,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(106,166,255,.05) 1px,transparent 1px);background-size:64px 64px}.contact-page{padding-top:64px}.section--contact-hero{padding:80px 24px 40px}.section--contact-content{padding:40px 24px 80px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1000px;margin:0 auto}.contact-form-wrapper h2{font-size:20px;font-weight:600;margin:0 0 24px;color:var(--text)}.contact-success{text-align:center;padding:48px 24px}.contact-success svg{color:#4ade80;margin-bottom:16px}.contact-success h3{font-size:24px;font-weight:600;margin:0 0 8px;color:var(--text)}.contact-success p{color:var(--muted);margin:0 0 24px}.contact-info{display:flex;flex-direction:column;gap:24px}.contact-info__card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px}.contact-info__card h3{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text)}.contact-info__card>p{font-size:14px;color:var(--muted);margin:0 0 20px}.contact-info__items{display:flex;flex-direction:column;gap:16px}.contact-info__item{display:flex;gap:12px}.contact-info__item svg{color:var(--accent);flex-shrink:0}.contact-info__item h4{font-size:14px;font-weight:500;margin:0 0 4px;color:var(--text)}.contact-info__item p,.contact-info__item a{font-size:14px;color:var(--muted);margin:0;text-decoration:none}.contact-info__item a:hover{color:var(--accent)}.contact-info__social{display:flex;gap:12px}.contact-info__social-link{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff0d;border:1px solid var(--border);border-radius:8px;color:var(--muted);text-decoration:none;font-size:14px;transition:all .2s}.contact-info__social-link:hover{background:#6aa6ff1a;border-color:#6aa6ff4d;color:var(--text)}.cookie-consent{position:fixed;bottom:24px;left:24px;right:24px;max-width:500px;background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;padding:20px;z-index:9999;box-shadow:0 8px 32px #0006}.cookie-consent__content{display:flex;flex-direction:column;gap:16px}.cookie-consent__content p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.cookie-consent__link{color:var(--accent);text-decoration:none}.cookie-consent__link:hover{text-decoration:underline}.cookie-consent__actions{display:flex;gap:12px;justify-content:flex-end}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{position:relative;background:var(--panel-solid);border:1px solid var(--border);border-radius:16px;padding:24px;max-width:500px;width:90%}.modal-content--large{max-width:800px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--muted);font-size:24px;cursor:pointer;transition:color .2s}.modal-close:hover{color:var(--text)}.demo-video{aspect-ratio:16/9;background:var(--bg);border-radius:8px;overflow:hidden}.demo-video__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.demo-video__placeholder svg{opacity:.5}.app-layout{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.app-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--panel-solid);border-bottom:1px solid var(--border);flex-shrink:0}.app-header__left{display:flex;align-items:center;gap:16px}.app-header__sidebar-toggle{background:none;border:none;padding:8px;cursor:pointer;color:var(--muted);transition:color .2s}.app-header__sidebar-toggle:hover{color:var(--text)}.app-logo{text-decoration:none}.app-logo__text{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--accent),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header__right{display:flex;align-items:center;gap:16px}.app-header__user{display:flex;align-items:center;gap:12px}.app-header__email{font-size:13px;color:var(--muted)}.app-header__dropdown{position:relative}.app-header__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),#a78bfa);color:#0a0d12;font-weight:600;border-radius:50%;border:none;cursor:pointer}.app-header__dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--panel-solid);border:1px solid var(--border);border-radius:8px;padding:8px 0;min-width:180px;display:none;z-index:100}.app-header__dropdown:hover .app-header__dropdown-menu{display:block}.app-header__dropdown-menu a,.app-header__dropdown-menu button{display:block;width:100%;padding:10px 16px;background:none;border:none;color:var(--text);font-size:14px;text-align:left;text-decoration:none;cursor:pointer;transition:background .2s}.app-header__dropdown-menu a:hover,.app-header__dropdown-menu button:hover{background:#ffffff0d}.app-body{flex:1;display:flex;overflow:hidden}.app-sidebar{width:240px;background:var(--panel2);border-right:1px solid var(--border);padding:16px 12px;transition:width .3s,padding .3s;flex-shrink:0}.app-sidebar.closed{width:60px;padding:16px 8px}.app-sidebar__nav{display:flex;flex-direction:column;gap:4px}.app-sidebar__link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14px;transition:all .2s}.app-sidebar__link:hover{background:#ffffff0d;color:var(--text)}.app-sidebar__link.active{background:#6aa6ff26;color:var(--accent)}.app-sidebar__link svg{flex-shrink:0}.app-sidebar.closed .app-sidebar__link span{display:none}.app-content{flex:1;overflow:auto}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-screen__spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-screen__text{color:var(--muted);font-size:14px}@media(max-width:1024px){.features-grid,.samples-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.usage-pricing,.website-footer__content,.contact-grid,.faq-grid{grid-template-columns:1fr}}@media(max-width:768px){.website-nav__links,.website-nav__account{display:none}.website-nav__mobile-toggle{display:block}.hero__title{font-size:36px}.hero__subtitle{font-size:16px}.features-grid,.samples-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card--highlighted{transform:none}.section{padding:60px 16px}.section__title{font-size:28px}.cta-box{padding:40px 24px}.cta-box__title{font-size:24px}.form-row{grid-template-columns:1fr}.website-footer__links{grid-template-columns:1fr;gap:24px}.coming-soon__title{font-size:32px}.coming-soon__form-group{flex-direction:column}.cookie-consent{left:16px;right:16px;bottom:16px}.app-sidebar{position:absolute;left:0;top:56px;bottom:0;z-index:100;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}}@media(max-width:480px){.hero{padding:100px 16px 60px}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{width:100%}.auth-container{padding:24px}.coming-soon__features{flex-direction:column}}