@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";#root{min-height:100vh}:root{--bg-primary: #fbfbf4;--bg-secondary: #f5f5f0;--bg-tertiary: #eeeee8;--bg-elevated: #ffffff;--text-primary: #383c3c;--text-secondary: #5a5e5e;--text-muted: #9da3a4;--accent-teal: #4ECDC4;--accent-coral: #FF6B6B;--accent-gold: #FFD93D;--accent-purple: #BB8FCE;--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;background:radial-gradient(ellipse at 20% 0%,rgba(78,205,196,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(255,107,107,.06) 0%,transparent 50%),var(--bg-primary)}.app-header{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:100}.header-brand{display:flex;align-items:baseline;gap:10px}.header-brand h1{font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:500;letter-spacing:-.01em;color:#383c3c}.header-brand .brand-byline{font-size:.75rem;color:#9da3a4;font-style:italic}.header-controls{display:flex;align-items:center;gap:16px;flex:1}.wallet-button{height:36px;padding:0 14px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all .15s}.wallet-button:hover{background:var(--bg-secondary);border-color:var(--accent-teal);color:var(--text-primary)}.wallet-button:not([disabled]):hover{transform:translateY(-1px)}.wallet-button:disabled{opacity:.6;cursor:not-allowed}.header-stats{display:flex;gap:16px;font-size:.875rem;color:var(--text-secondary);font-family:var(--font-mono)}.header-stats span{padding:4px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.header-stats .clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.header-stats .clear-btn:hover{background:var(--accent-coral);color:#fff}.view-toggle{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:4px}.view-toggle button{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.view-toggle button:hover{color:var(--text-primary)}.view-toggle button.active{background:var(--accent-teal);color:var(--bg-primary)}.app-main{flex:1;position:relative;overflow:hidden}.canvas-container{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-primary)}.canvas-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,var(--border-subtle) 1px,transparent 1px);background-size:20px 20px}.canvas-content{position:absolute;top:0;left:0;width:100000px;height:100000px}.zoom-controls{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:4px;padding:8px;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.zoom-controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.zoom-controls button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.zoom-level{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);min-width:48px;text-align:center}.connection-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--accent-teal);color:var(--bg-primary);font-weight:500;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.deck-row{position:absolute;left:0;min-width:max-content;border-left:4px solid;display:flex;flex-direction:column;gap:8px;padding:8px 16px}.deck-header{height:36px;display:flex;align-items:center;gap:16px;padding:0 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0}.deck-name-display{display:flex;align-items:center;gap:12px}.deck-name{font-weight:600;font-size:.85rem;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.deck-slide-count{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.deck-actions{display:flex;gap:4px;margin-left:auto}.deck-name-display .icon-btn{opacity:.5;transition:opacity .15s}.deck-header:hover .icon-btn{opacity:1}.deck-name-display .icon-btn.danger{color:var(--accent-coral)}.deck-name-display .icon-btn.danger:hover{background:var(--accent-coral);color:#fff}.deck-name-edit{display:flex;gap:4px;align-items:center}.deck-name-edit input{flex:1;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem}.deck-slides{display:flex;gap:24px}.icon-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-tertiary);border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.icon-btn.danger:hover{background:var(--accent-coral);color:#fff}.icon-btn.success:hover{background:var(--accent-teal);color:var(--bg-primary)}.slide-card{width:200px;flex-shrink:0;background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid transparent;overflow:visible;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}.slide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.slide-card.selected{transform:translateY(-4px);box-shadow:0 0 0 2px var(--accent-teal),var(--shadow-lg)}.slide-card.connecting-from{animation:connect-pulse 1s ease-in-out infinite}@keyframes connect-pulse{0%,to{box-shadow:0 0 0 3px #4ecdc480}50%{box-shadow:0 0 0 6px #4ecdc44d}}.slide-image{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-tertiary);border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.slide-image img{width:100%;height:100%;object-fit:contain;background:#fff}.slide-number{position:absolute;top:8px;left:8px;padding:2px 8px;background:#000000b3;color:#fff;font-size:.7rem;font-family:var(--font-mono);border-radius:var(--radius-sm)}.slide-number-btn{position:absolute;top:8px;left:8px;padding:4px 10px;background:#000c;color:#fff;font-size:.75rem;font-family:var(--font-mono);font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .15s;z-index:10}.slide-number-btn:hover{background:var(--accent-teal);color:var(--bg-primary);border-color:var(--accent-teal);transform:scale(1.1)}.slide-image.clickable{cursor:pointer}.view-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:var(--accent-teal);opacity:0;transition:opacity .2s}.slide-image.clickable:hover .view-overlay{opacity:1}.slide-view-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:40px}.slide-view-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.slide-view-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.modal-title-info{display:flex;align-items:center;gap:12px}.modal-deck-name{font-weight:600;font-size:1rem}.modal-slide-num{color:var(--text-muted);font-size:.85rem;font-family:var(--font-mono)}.slide-view-modal .modal-body{padding:20px;overflow:auto}.slide-large-preview{display:flex;justify-content:center}.slide-large-preview img{max-width:100%;max-height:70vh;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.slide-view-modal .close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.slide-view-modal .close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.slide-comments-section{margin-top:16px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.comments-header{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem;margin-bottom:12px}.comments-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:150px;overflow-y:auto}.comment-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.comment-text{flex:1;font-size:.85rem;color:var(--text-primary);line-height:1.4}.remove-comment-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;opacity:.5;transition:all .15s}.remove-comment-btn:hover{opacity:1;color:var(--accent-red)}.add-comment-row{display:flex;gap:8px}.add-comment-row input{flex:1;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem}.add-comment-row input:focus{outline:none;border-color:var(--accent-teal)}.send-comment-btn{padding:10px 14px;background:var(--accent-teal);border:none;border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;transition:all .15s}.send-comment-btn:hover:not(:disabled){background:var(--accent-teal-bright)}.send-comment-btn:disabled{opacity:.4;cursor:not-allowed}.delete-warning-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.delete-warning-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:2px solid #FF6B6B;max-width:480px;width:90%;animation:modalSlideIn .25s ease-out}.warning-header{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-subtle)}.warning-header h3{margin:0;color:#ff6b6b;font-size:1.2rem}.warning-body{padding:20px}.warning-body p{margin:0 0 12px;color:var(--text-secondary)}.warning-section{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:12px;margin-bottom:12px}.warning-section strong{display:block;color:var(--text-primary);margin-bottom:8px;font-size:.9rem}.warning-section ul{margin:0;padding-left:20px;color:var(--text-muted);font-size:.85rem}.warning-section li{margin:4px 0}.warning-note{color:#ff6b6b!important;font-weight:500;font-size:.9rem;margin-top:16px!important}.warning-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--border-subtle)}.warning-actions .cancel-btn{padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s}.warning-actions .cancel-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.warning-actions .danger-btn{padding:10px 20px;background:#ff6b6b;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .15s}.warning-actions .danger-btn:hover{background:#ff5252}.slide-actions{display:flex;align-items:center;gap:4px;padding:8px;flex-wrap:wrap}.thumb-btn,.action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-tertiary);border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.thumb-btn:hover,.action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.thumb-btn.active{background:var(--accent-teal);color:var(--bg-primary)}.thumb-btn.down.active{background:var(--accent-coral);color:#fff}.action-btn.has-content{color:var(--accent-gold)}.action-btn.active{background:var(--accent-teal);color:var(--bg-primary)}.action-btn .badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 4px;background:var(--accent-coral);color:#fff;font-size:.6rem;font-weight:600;border-radius:7px;display:flex;align-items:center;justify-content:center}.connect-btn:hover{background:var(--accent-purple);color:#fff}.star-rating{display:flex;gap:1px;margin-left:4px}.star-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .1s}.star-btn:hover,.star-btn.active{color:var(--accent-gold)}.slide-labels{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px 8px}.label{display:flex;align-items:center;gap:4px;padding:2px 8px;font-size:.7rem;font-weight:500;border-radius:12px;background:var(--bg-tertiary)}.label-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;background:transparent;border:none;color:inherit;cursor:pointer;opacity:.6}.label-remove:hover{opacity:1}.label-picker{position:absolute;top:100%;left:0;right:0;margin-top:8px;padding:8px;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-medium);z-index:100}.label-picker-header{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.label-list{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.label-option{padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s}.label-option:hover{background:var(--accent-teal);color:var(--bg-primary);border-color:var(--accent-teal)}.label-add-new{display:flex;gap:4px}.label-add-new input{flex:1;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem}.label-add-new button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent-teal);border:none;color:var(--bg-primary);cursor:pointer;border-radius:var(--radius-sm)}.comments-popup{position:absolute;top:100%;left:0;right:0;margin-top:8px;padding:12px;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-medium);z-index:100;max-height:200px;overflow-y:auto}.comments-header{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.comments-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.comment-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.8rem}.comment-item span{flex:1;line-height:1.4}.comment-item button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.comment-item button:hover{color:var(--accent-coral)}.no-comments{color:var(--text-muted);font-size:.8rem;font-style:italic;text-align:center;padding:8px}.comment-form{display:flex;gap:4px}.comment-form input{flex:1;padding:8px 10px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem}.comment-form button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-teal);border:none;color:var(--bg-primary);cursor:pointer;border-radius:var(--radius-sm)}.connection-lines{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.connection-group{pointer-events:auto}.connection-delete{opacity:0;transition:opacity .2s}.connection-group:hover .connection-delete{opacity:1}.connection-note{pointer-events:none}.pdf-uploader{display:flex;align-items:center;gap:12px}.upload-zone{position:relative}.hidden-input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-label{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);border:2px dashed var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.upload-zone:hover .upload-label,.upload-zone.dragging .upload-label{background:#4ecdc41a;border-color:var(--accent-teal);color:var(--accent-teal)}.uploading-list{display:flex;gap:8px}.uploading-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.75rem}.file-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-bar{width:60px;height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-teal);transition:width .2s}.spinner{animation:spin 1s linear infinite}.target-deck-view{padding:24px;height:100%;overflow-y:auto;background:linear-gradient(135deg,rgba(78,205,196,.03) 0%,transparent 50%),var(--bg-primary)}.target-header{margin-bottom:24px}.target-header h2{font-size:1.5rem;font-weight:600;margin-bottom:8px}.target-header p{color:var(--text-secondary);font-size:.9rem}.target-slots{display:flex;flex-direction:column;gap:16px;max-width:800px}.target-slot{position:relative;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;transition:all .2s}.target-slot.dragging{opacity:.5;transform:scale(.98)}.slot-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.slot-grip{cursor:grab;color:var(--text-muted)}.slot-grip:active{cursor:grabbing}.slot-number{font-weight:600;font-size:.9rem;flex:1}.slot-expand,.slot-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.slot-expand:hover{background:var(--bg-elevated);color:var(--text-primary)}.slot-delete:hover{background:var(--accent-coral);color:#fff}.slot-content{padding:16px}.primary-slot{margin-bottom:16px}.primary-slot label,.alternatives-section label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.slide-select,.alt-select{width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;cursor:pointer}.selected-slide{display:flex;align-items:center;gap:12px;padding:8px;background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid}.selected-slide img{width:80px;height:45px;object-fit:cover;border-radius:var(--radius-sm);background:#fff}.selected-slide .slide-info{flex:1;display:flex;flex-direction:column;gap:2px}.selected-slide .deck-name{font-weight:500;font-size:.85rem}.selected-slide .slide-num{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.selected-slide .remove-btn{width:24px;height:24px;background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.selected-slide .remove-btn:hover{background:var(--accent-coral);color:#fff}.alternatives-section{border-top:1px solid var(--border-subtle);padding-top:16px}.alternatives-list{display:flex;flex-direction:column;gap:8px}.alt-slide{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-primary);border-radius:var(--radius-sm);border-left:2px solid}.alt-slide img{width:48px;height:27px;object-fit:cover;border-radius:3px;background:#fff}.alt-slide .slide-info{flex:1;font-size:.75rem;color:var(--text-secondary)}.alt-slide button{width:20px;height:20px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}.alt-slide button:hover{color:var(--accent-coral)}.alt-select{margin-top:8px;font-size:.8rem;padding:8px 10px}.slot-connector{position:absolute;left:50%;bottom:-28px;transform:translate(-50%);color:var(--text-muted);z-index:10}.add-slot-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--bg-secondary);border:2px dashed var(--border-medium);border-radius:var(--radius-lg);color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.add-slot-btn:hover{background:#4ecdc41a;border-color:var(--accent-teal);color:var(--accent-teal)}.target-preview{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle)}.target-preview h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.preview-strip{display:flex;gap:12px;overflow-x:auto;padding:8px 0}.preview-slide{flex-shrink:0;width:120px;height:68px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.preview-slide img{width:100%;height:100%;object-fit:cover}.empty-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.9rem}.empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.empty-content{text-align:center;color:var(--text-secondary)}.empty-content svg{color:var(--text-muted);margin-bottom:16px;opacity:.5}.empty-content h2{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.empty-content p{max-width:400px;line-height:1.6}.empty-content .hint{margin-top:16px;font-size:.85rem;color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.app-split{display:flex;flex-direction:column;height:100%}.app-header.compact{padding:8px 16px;gap:16px}.app-header.compact .header-brand h1{font-size:1rem}.app-header.compact .header-stats{font-size:.75rem;gap:8px}.app-header.compact .header-stats span{padding:3px 8px}.header-stats .target-count{background:var(--accent-teal);color:var(--bg-primary);font-weight:600}.split-container-h{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.source-panel-h{position:relative;overflow:hidden;min-height:100px}.split-divider{height:28px;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);cursor:row-resize;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:background .15s}.split-divider:hover{background:var(--bg-tertiary)}.split-divider.dragging{background:var(--accent-teal)}.split-divider.dragging .divider-handle{color:var(--bg-primary)}.divider-handle{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.75rem;font-weight:500;pointer-events:none}.divider-handle svg{opacity:.5}.split-divider:hover .divider-handle svg{opacity:1}.clear-target-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:8px;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;opacity:.7;transition:all .15s}.clear-target-btn:hover{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b}.generate-target-btn{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:4px 12px;margin-left:8px;background:linear-gradient(135deg,var(--accent-teal),#3498db);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.generate-target-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2dd4bf4d}.panel-toggle-h{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;background:var(--bg-elevated);border:none;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:.8rem;font-weight:500;transition:all .2s}.panel-toggle-h:hover{background:var(--bg-tertiary);color:var(--accent-teal)}.panel-toggle-h span{font-family:var(--font-mono)}.target-panel-h{min-height:80px;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.target-canvas-v2{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-primary);cursor:grab}.target-canvas-v2:active{cursor:grabbing}.target-grid-v2{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(78,205,196,.08) 1px,transparent 1px);background-size:24px 24px}.target-content-v2{position:absolute;top:0;left:0;width:100000px;height:100%;min-height:300px}.target-canvas-v3{width:100%;height:100%;position:relative;overflow:hidden;background:var(--bg-secondary);cursor:grab}.target-canvas-v3:active{cursor:grabbing}.target-grid-v3{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}.target-content-v3{position:absolute;top:0;left:0}.target-empty-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.target-empty-hint p{color:var(--text-muted);font-size:.9rem}.target-zoom-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50}.target-zoom-controls button{width:28px;height:28px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.target-zoom-controls button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.target-zoom-controls span{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);min-width:40px;text-align:center}.core-card-v3{position:absolute;top:0;width:180px;padding:8px;margin:-8px;border-radius:var(--radius-lg);transition:all .2s}.core-card-v3.drag-over{background:#4ecdc426;outline:3px dashed var(--accent-teal);outline-offset:-3px}.core-connector{position:absolute;left:calc(100% + 48px);top:50%;transform:translateY(-50%);color:var(--text-muted);opacity:.4;pointer-events:none}.core-position{position:absolute;top:-14px;left:-14px;width:32px;height:32px;background:var(--accent-teal);color:var(--bg-primary);font-weight:700;font-size:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 3px 10px #4ecdc466}.core-thumbnail{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);border:2px solid var(--bg-elevated);transition:all .2s}.core-thumbnail:hover{border-color:var(--accent-teal);box-shadow:0 0 0 2px var(--accent-teal),var(--shadow-lg)}.core-thumbnail img{width:100%;height:100%;object-fit:contain;background:#fff}.core-thumbnail .empty-thumb{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.75rem;border:2px dashed var(--border-medium);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--bg-tertiary)}.core-thumbnail .empty-thumb:hover,.core-thumbnail .empty-thumb.drag-over{border-color:var(--accent-teal);color:var(--accent-teal);background:#4ecdc426;box-shadow:0 0 20px #4ecdc44d}.remove-core{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#000000b3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.core-thumbnail:hover .remove-core{opacity:1}.remove-core:hover{background:var(--accent-coral)}.core-title-input{width:100%;margin-top:8px;padding:6px 10px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;font-family:var(--font-sans);text-align:center}.core-title-input:focus{border-color:var(--accent-teal);outline:none}.core-source{font-size:.65rem;color:var(--text-muted);text-align:center;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-drop-area{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:10px 12px;border:2px dashed var(--border-medium);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-muted);font-size:.7rem;transition:all .2s}.ref-drop-area:hover,.ref-drop-area.drag-over{border-color:var(--accent-teal);background:#4ecdc426;color:var(--accent-teal)}.clusters-row{display:flex;justify-content:center;gap:6px;margin-top:8px}.cluster-pill-btn{width:28px;height:28px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;padding:0}.cluster-pill-btn:hover{transform:scale(1.15);box-shadow:0 0 8px var(--pill-color)}.cluster-pill-btn.selected{transform:scale(1.2);box-shadow:0 0 12px var(--pill-color)}.pill-count{position:absolute;top:-5px;right:-5px;min-width:14px;height:14px;background:var(--text-primary);border-radius:7px;font-size:.55rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.ref-type-selector{margin-bottom:12px}.ref-type-selector label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.ref-type-buttons{display:flex;gap:8px}.ref-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:.75rem;font-weight:500}.ref-type-btn:hover{transform:translateY(-2px)}.ref-type-btn.selected{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cluster-panel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;width:200px;background:var(--bg-elevated);border:2px solid var(--pill-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;animation:panel-up .2s ease-out}@keyframes panel-up{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.panel-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:2px solid;font-size:.8rem;font-weight:600;color:var(--text-primary)}.panel-header button{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:4px}.panel-header button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.panel-content{max-height:200px;overflow-y:auto}.panel-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;color:var(--text-muted);font-size:.75rem}.panel-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border-subtle);transition:background .15s}.panel-item:last-child{border-bottom:none}.panel-item:hover{background:var(--bg-tertiary)}.panel-item img{width:56px;height:32px;object-fit:cover;border-radius:4px;background:#fff;flex-shrink:0}.item-info{flex:1;min-width:0}.item-info span{display:block;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-info small{font-size:.6rem;color:var(--text-muted)}.item-remove{width:22px;height:22px;background:none;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-remove:hover{background:var(--accent-coral);color:#fff}.item-note{font-size:.6rem;color:var(--text-secondary);font-style:italic;margin-top:2px;line-height:1.3}.pending-drop-input{display:flex;gap:10px;padding:12px;background:var(--bg-tertiary);border-bottom:2px solid var(--pill-color);animation:slide-down .2s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pending-thumb{width:64px;height:36px;object-fit:cover;border-radius:4px;border:2px solid var(--pill-color);flex-shrink:0}.pending-form{flex:1;display:flex;flex-direction:column;gap:6px}.pending-form input{width:100%;padding:8px 10px;background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);font-size:.75rem;font-family:var(--font-sans)}.pending-form input:focus{outline:none;border-color:var(--pill-color);box-shadow:0 0 0 2px #4ecdc433}.pending-form input::placeholder{color:var(--text-muted)}.pending-actions{display:flex;gap:6px}.pending-form .confirm-btn,.pending-form .cancel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:4px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s}.pending-form .confirm-btn{background:var(--accent-teal);color:var(--bg-primary)}.pending-form .confirm-btn:hover{background:#3dbdb5}.pending-form .cancel-btn{background:var(--bg-elevated);color:var(--text-secondary)}.pending-form .cancel-btn:hover{background:var(--accent-coral);color:#fff}.new-core-zone{position:absolute;top:0;margin-top:0;width:180px;height:101px;border:3px dashed var(--border-medium);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.85rem;transition:all .2s}.new-core-zone:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:#4ecdc40f}.radial-menu-overlay{position:absolute;z-index:1000;pointer-events:none}.radial-center-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:var(--bg-elevated);border:3px solid var(--accent-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-purple);box-shadow:0 0 30px #bb8fce99;animation:radial-pulse 1s ease-in-out infinite}@keyframes radial-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.radial-drop-zone{position:absolute;left:50%;top:50%;width:70px;height:50px;border:3px solid;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.7rem;font-weight:600;transition:all .15s;cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-lg)}.radial-drop-zone:hover,.radial-drop-zone.hovered{transform:translate(calc(-50% + var(--x, 0)),calc(-50% + var(--y, 0))) scale(1.2)!important;box-shadow:0 0 25px currentColor}.target-empty-v2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--text-muted);font-size:.9rem}.target-zoom-v2{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);z-index:50}.target-zoom-v2 span{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);min-width:44px;text-align:center}.target-zoom-v2 button{width:28px;height:28px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all .15s}.target-zoom-v2 button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.slide-card[draggable]{cursor:grab}.slide-card[draggable]:active{cursor:grabbing}.ref-drop-zone{width:50px;height:50px;border-radius:50%;border:2px dashed var(--border-medium);display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--bg-tertiary);transition:all .2s;cursor:pointer}.ref-drop-zone.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#bb8fce1a;animation:ref-pulse 1.5s ease-in-out infinite}@keyframes ref-pulse{0%,to{transform:scale(1);box-shadow:0 0 #bb8fce66}50%{transform:scale(1.1);box-shadow:0 0 0 10px #bb8fce00}}.new-core-zone{width:180px;height:101px;border-radius:var(--radius-md);border:2px dashed var(--border-medium);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);background:var(--bg-tertiary);transition:all .2s;font-size:.75rem}.new-core-zone.active{border-color:var(--accent-teal);color:var(--accent-teal)}.new-core-zone.hovered{border-color:var(--accent-teal);color:var(--accent-teal);background:#4ecdc426;transform:scale(1.05);box-shadow:0 0 20px #4ecdc44d}.radial-menu{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:100}.radial-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;background:var(--bg-elevated);border:2px solid var(--accent-purple);display:flex;align-items:center;justify-content:center;color:var(--accent-purple);z-index:10;box-shadow:0 0 20px #bb8fce66}.radial-svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible}.sector-path{transition:all .15s ease-out}.radial-sector{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;z-index:20}.radial-sector .sector-content{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:var(--radius-md);background:var(--bg-elevated);border:2px solid var(--sector-color);color:var(--text-secondary);font-size:.65rem;font-weight:600;transition:all .15s;white-space:nowrap;opacity:.7}.radial-sector.hovered .sector-content{background:var(--sector-color);color:var(--bg-primary);transform:scale(1.15);opacity:1;box-shadow:0 0 20px var(--sector-color)}.radial-sector .sector-content svg{color:var(--sector-color)}.radial-sector.hovered .sector-content svg{color:var(--bg-primary)}.target-btn{position:relative}.target-btn .plus-icon{position:absolute;bottom:2px;right:2px}.target-btn.in-target{background:var(--accent-teal);color:var(--bg-primary)}.target-btn.is-ref{background:var(--accent-purple);color:#fff}.target-menu{position:absolute;top:100%;right:0;margin-top:8px;padding:8px;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-medium);z-index:100;min-width:200px}.target-status{font-size:.8rem;color:var(--accent-teal);padding:8px;text-align:center}.target-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:var(--bg-tertiary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .15s}.target-option:hover{background:var(--accent-teal);color:var(--bg-primary)}.target-option.primary{background:var(--accent-teal);color:var(--bg-primary);font-weight:500}.target-option.primary:hover{background:var(--accent-teal);filter:brightness(1.1)}.target-divider{margin:10px 0 8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.target-divider span{font-size:.7rem;color:var(--text-muted)}.target-refs-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.target-ref-option{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.target-ref-option .ref-label{flex:1;font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-type-btns{display:flex;gap:2px}.ref-type-btns button{width:20px;height:20px;background:var(--bg-primary);border:none;border-radius:3px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s}.ref-type-btns .content{color:#4ecdc4}.ref-type-btns .content:hover{background:#4ecdc4;color:var(--bg-primary)}.ref-type-btns .style{color:#bb8fce}.ref-type-btns .style:hover{background:#bb8fce;color:#fff}.ref-type-btns .support{color:#45b7d1}.ref-type-btns .support:hover{background:#45b7d1;color:#fff}.reference-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.reference-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-medium);box-shadow:0 25px 80px #00000080;max-width:600px;width:90%;max-height:90vh;overflow:hidden;animation:modalSlideIn .25s ease-out}.reference-modal.wide{max-width:800px}.modal-footer.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 20px;border-top:1px solid var(--border-subtle)}.ref-note-section{display:flex;flex-direction:column;gap:8px}.ref-note-section label,.modal-footer .slide-comments-section label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ref-note-section textarea{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;color:var(--text-primary);font-size:.85rem;resize:vertical}.ref-note-section textarea:focus{outline:none;border-color:var(--accent-teal)}.modal-footer .slide-comments-section{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;background:none;border:none}.modal-footer .comments-list{max-height:100px}.modal-footer .add-comment-row input{padding:8px 10px;font-size:.85rem}.modal-footer .send-comment-btn{padding:8px 10px}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:3px solid;background:var(--bg-tertiary)}.modal-header span{flex:1;font-size:1.1rem;color:var(--text-primary)}.modal-header strong{color:inherit}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.modal-slide-preview{width:100%;max-width:500px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);border:2px solid var(--border-subtle)}.modal-slide-preview img{width:100%;height:auto;display:block}.modal-slide-info{display:flex;gap:16px;color:var(--text-secondary);font-size:.9rem}.modal-slide-info .slide-source{font-weight:500}.modal-slide-info .slide-num{color:var(--text-muted);font-family:var(--font-mono)}.modal-footer{padding:20px 24px;background:var(--bg-tertiary);border-top:1px solid var(--border-subtle)}.modal-footer textarea{width:100%;padding:14px 16px;background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;resize:none;transition:border-color .15s}.modal-footer textarea:focus{outline:none;border-color:var(--accent-teal)}.modal-footer textarea::placeholder{color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.modal-actions button{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.modal-actions .cancel-btn{background:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-secondary)}.modal-actions .cancel-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.modal-actions .confirm-btn{background:var(--accent-teal);border:none;color:var(--bg-primary)}.modal-actions .confirm-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.replace-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.replace-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-medium);width:90%;max-width:800px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.replace-modal .modal-header.replace-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,var(--accent-teal),#3498db);color:#fff;font-size:1.1rem;font-weight:600}.replace-comparison{display:flex;align-items:center;justify-content:center;gap:24px;padding:32px;background:var(--bg-primary)}.comparison-side{flex:1;max-width:300px;display:flex;flex-direction:column;align-items:center;gap:12px}.comparison-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:4px 12px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.comparison-side.current .comparison-label{color:#ff6b6b;background:#ff6b6b26}.comparison-side.new .comparison-label{color:#4ecdc4;background:#4ecdc426}.comparison-preview{width:100%;aspect-ratio:16/9;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-medium);box-shadow:0 4px 12px #0003}.comparison-side.current .comparison-preview{border-color:#ff6b6b66}.comparison-side.new .comparison-preview{border-color:#4ecdc466}.comparison-preview img{width:100%;height:100%;object-fit:contain}.comparison-empty{width:100%;aspect-ratio:16/9;background:var(--bg-tertiary);border-radius:var(--radius-md);border:2px dashed var(--border-medium);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem}.comparison-info{display:flex;flex-direction:column;align-items:center;gap:4px}.comparison-info .deck-name{font-size:.85rem;font-weight:500}.comparison-info .slide-num{font-size:.75rem;color:var(--text-muted)}.comparison-arrow{color:var(--text-muted);flex-shrink:0}.replace-modal .modal-footer{padding:20px;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.replace-modal .modal-footer textarea{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;resize:none;margin-bottom:16px}.replace-modal .modal-footer textarea:focus{outline:none;border-color:var(--accent-teal)}.modal-actions .replace-confirm{background:linear-gradient(135deg,var(--accent-teal),#3498db)}.core-thumbnail.drag-over-replace{outline:3px solid var(--accent-teal);outline-offset:2px;box-shadow:0 0 20px #4ecdc466}.core-thumbnail.drag-over-replace:after{content:"Replace";position:absolute;inset:0;background:#4ecdc433;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:var(--accent-teal);pointer-events:none}.refs-list-vertical{margin-top:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);border-top:3px solid var(--list-color);overflow:hidden;min-width:200px}.refs-list-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);color:var(--list-color);font-size:.8rem;font-weight:600}.refs-list-header span{flex:1}.refs-list-header button{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.refs-list-header button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.refs-list-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:.8rem}.refs-list-items{display:flex;flex-direction:column;max-height:300px;overflow-y:auto}.refs-list-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);transition:background .15s}.refs-list-item:last-child{border-bottom:none}.refs-list-item:hover{background:var(--bg-elevated)}.refs-list-item img{width:60px;height:34px;object-fit:cover;border-radius:4px;flex-shrink:0}.ref-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ref-item-deck{font-size:.75rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-item-slide{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.ref-item-note{font-size:.7rem;color:var(--text-muted);font-style:italic;margin-top:4px;line-height:1.3}.ref-item-remove{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:all .15s;flex-shrink:0}.refs-list-item:hover .ref-item-remove{opacity:1}.ref-item-remove:hover{background:var(--accent-coral);color:#fff}.cluster-pill.selected .pill-button{transform:scale(1.2);box-shadow:0 0 15px var(--pill-color)}.refs-list-overlay{position:absolute;right:16px;top:16px;bottom:70px;width:280px;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-medium);border-left:4px solid var(--list-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:100;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.refs-list-overlay .refs-list-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);color:var(--list-color);font-size:.9rem;font-weight:600;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.refs-list-overlay .refs-list-header span:first-of-type{flex:1}.refs-list-core-label{font-size:.75rem;color:var(--text-muted);font-weight:400;font-family:var(--font-mono)}.refs-list-overlay .refs-list-header button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.refs-list-overlay .refs-list-header button:hover{background:var(--bg-primary);color:var(--text-primary)}.refs-list-overlay .refs-list-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px;text-align:center;color:var(--text-muted);font-size:.85rem;line-height:1.5}.refs-list-overlay .refs-list-items{flex:1;overflow-y:auto;padding:8px}.refs-list-overlay .refs-list-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:8px;transition:all .15s}.refs-list-overlay .refs-list-item:last-child{margin-bottom:0}.refs-list-overlay .refs-list-item:hover{background:var(--bg-elevated)}.refs-list-overlay .refs-list-item img{width:80px;height:45px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid var(--border-subtle)}.refs-list-overlay .ref-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.refs-list-overlay .ref-item-deck{font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.refs-list-overlay .ref-item-slide{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.refs-list-overlay .ref-item-note{font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:4px;line-height:1.4}.refs-list-overlay .ref-item-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:all .15s;flex-shrink:0}.refs-list-overlay .refs-list-item:hover .ref-item-remove{opacity:1}.refs-list-overlay .ref-item-remove:hover{background:var(--accent-coral);color:#fff}.refs-sidebar{position:absolute;right:0;top:0;bottom:0;width:300px;background:var(--bg-primary);border-left:1px solid var(--border-medium);display:flex;flex-direction:column;z-index:200;animation:sidebarSlideIn .2s ease-out}@keyframes sidebarSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.sidebar-core-badge{font-size:.85rem;font-weight:600;color:var(--accent-teal);font-family:var(--font-mono)}.sidebar-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.sidebar-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-tabs{display:flex;gap:4px;padding:12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s}.sidebar-tab:hover{background:var(--bg-elevated);color:var(--tab-color)}.sidebar-tab.active{background:var(--bg-elevated);border-color:var(--tab-color);color:var(--tab-color)}.sidebar-tab .tab-count{font-size:.7rem;font-weight:600;background:var(--tab-color);color:var(--bg-primary);padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-type-label{padding:12px 16px;font-size:.8rem;font-weight:600;color:var(--active-color);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle)}.sidebar-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px;text-align:center;color:var(--text-muted);font-size:.85rem}.sidebar-items{flex:1;overflow-y:auto;padding:12px}.sidebar-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:10px;border:1px solid var(--border-subtle);transition:all .15s}.sidebar-item:last-child{margin-bottom:0}.sidebar-item:hover{border-color:var(--border-medium);background:var(--bg-tertiary)}.sidebar-item img{width:90px;height:50px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;border:1px solid var(--border-subtle)}.sidebar-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sidebar-item .item-deck{font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item .item-slide{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.comments-badge{background:var(--accent-teal);color:var(--bg-primary);font-size:.6rem;font-weight:600;padding:1px 5px;border-radius:8px;line-height:1.2}.sidebar-item .item-note{font-size:.75rem;color:var(--text-secondary);font-style:italic;margin-top:4px;line-height:1.4}.sidebar-item .item-remove{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);opacity:0;transition:all .15s;flex-shrink:0}.sidebar-item:hover .item-remove{opacity:1}.sidebar-item .item-remove:hover{background:var(--accent-coral);color:#fff}.core-card-v3.selected{z-index:10}.core-card-v3.selected .core-thumbnail{box-shadow:0 0 0 3px var(--accent-teal),var(--shadow-lg)}.core-card-v3.selected .core-position{background:var(--accent-teal);color:var(--bg-primary)}.thumb-half{position:absolute;top:0;bottom:0;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;opacity:0;transition:opacity .15s;color:#fff;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.core-thumbnail:hover .thumb-half{opacity:1}.thumb-half-left{left:0;background:linear-gradient(90deg,#2dd4bfd9,#2dd4bf66);border-radius:var(--radius-md) 0 0 var(--radius-md)}.thumb-half-right{right:0;background:linear-gradient(-90deg,#8b5cf6d9,#8b5cf666);border-radius:0 var(--radius-md) var(--radius-md) 0}.thumb-half-left:hover{background:#2dd4bff2}.thumb-half-right:hover{background:#8b5cf6f2}.sidebar-item.clickable{cursor:pointer}.sidebar-item.clickable:hover{border-color:var(--accent-teal)}.core-modal .modal-header .core-badge{background:var(--accent-teal);color:var(--bg-primary);padding:4px 12px;border-radius:20px;font-weight:700;font-size:.9rem}.modal-slide-preview.large{max-width:700px}.core-title-edit{width:100%;padding:14px 16px;background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;font-weight:500;transition:border-color .15s;margin-bottom:16px}.core-title-edit:focus{outline:none;border-color:var(--accent-teal)}.core-title-edit::placeholder{color:var(--text-muted);font-weight:400}.thumb-zone-left{left:0;background:linear-gradient(90deg,rgba(45,212,191,.8) 0%,transparent 100%);border-radius:var(--radius-md) 0 0 var(--radius-md)}.thumb-zone-right{right:0;background:linear-gradient(-90deg,rgba(139,92,246,.8) 0%,transparent 100%);border-radius:0 var(--radius-md) var(--radius-md) 0}.header-title-input{flex:1;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-primary);font-size:1.1rem;font-weight:600;padding:4px 8px;margin:0 12px;transition:border-color .15s}.header-title-input:focus{outline:none;border-bottom-color:var(--accent-teal)}.header-title-input::placeholder{color:var(--text-muted);font-weight:400}.comment-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.core-comments{width:100%;padding:14px 16px;background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;line-height:1.5;resize:none;transition:border-color .15s;margin-bottom:16px}.core-comments:focus{outline:none;border-color:var(--accent-teal)}.core-comments::placeholder{color:var(--text-muted)}.generate-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.generate-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-medium);width:95%;max-width:1100px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.generate-modal .modal-header.generate-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,var(--accent-teal),#3498db);color:#fff;font-size:1.1rem;font-weight:600}.generate-modal .modal-header .modal-close{margin-left:auto;background:#fff3;border:none;border-radius:var(--radius-sm);color:#fff;padding:4px;cursor:pointer;transition:background .15s}.generate-modal .modal-header .modal-close:hover{background:#ffffff4d}.generate-modal .modal-body{padding:24px;overflow-y:auto;flex:1}.generate-stats{display:flex;gap:24px;justify-content:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.generate-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.generate-stats .stat-value{font-size:2rem;font-weight:700;color:var(--accent-teal)}.generate-stats .stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-group.half{flex:1;margin-bottom:0}.deck-structure-preview{background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:16px;margin-top:8px;max-height:300px;overflow-y:auto}.deck-structure-preview h4{margin:0 0 12px;font-size:.9rem;color:var(--text-primary)}.structure-list{display:flex;flex-direction:column;gap:12px}.structure-slide{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:12px}.structure-slide .slide-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.structure-slide .slide-num{width:24px;height:24px;background:var(--accent-teal);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.structure-slide .slide-title{font-weight:600;color:var(--text-primary);font-size:.85rem}.structure-slide .has-notes{margin-left:auto}.structure-slide .slide-instruction{font-size:.8rem;color:var(--text-secondary);margin-bottom:8px;padding-left:32px}.structure-slide .slide-instruction em{font-style:italic}.slide-refs{display:flex;flex-direction:column;gap:4px;padding-left:32px}.ref-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.75rem;padding:4px 8px;border-radius:var(--radius-xs)}.ref-item.content{background:#4ecdc41a;border-left:2px solid var(--accent-teal)}.ref-item.style{background:#8b5cf61a;border-left:2px solid #8B5CF6}.ref-item.support{background:#22c55e1a;border-left:2px solid #22C55E}.ref-item.avoid{background:#ff6b6b1a;border-left:2px solid #FF6B6B}.ref-item .ref-type{font-weight:600;color:var(--text-secondary)}.ref-item .ref-source{color:var(--text-primary);font-weight:500}.ref-item .ref-note{color:var(--text-muted);font-style:italic;flex-basis:100%;padding-left:20px}.no-slides-warning{text-align:center;color:var(--text-muted);padding:20px}.configure-split{display:flex;flex-direction:column;gap:16px}.split-panels{display:flex;gap:16px;min-height:350px}.panel-left,.panel-right{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:.8rem;font-weight:600;color:var(--text-secondary)}.panel-stats{font-weight:400;color:var(--text-muted);font-size:.75rem}.panel-left .structure-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.panel-left .structure-slide{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:8px}.panel-left .slide-main{display:flex;gap:10px}.panel-left .slide-thumb{position:relative;width:72px;height:48px;flex-shrink:0;border-radius:var(--radius-xs);overflow:hidden;background:var(--bg-tertiary)}.panel-left .slide-thumb img{width:100%;height:100%;object-fit:cover}.panel-left .slide-thumb .slide-num{position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--accent-teal);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700}.panel-left .slide-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.panel-left .slide-title{font-weight:600;color:var(--text-primary);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-left .slide-instruction{font-size:.7rem;color:var(--text-muted);font-style:italic}.panel-left .slide-refs{display:flex;flex-direction:column;gap:3px;margin-top:2px}.panel-left .ref-item{display:flex;align-items:flex-start;gap:6px;font-size:.7rem;padding:4px 8px;border-radius:var(--radius-xs)}.panel-left .ref-item.content{background:#4ecdc41a;border-left:2px solid var(--accent-teal)}.panel-left .ref-item.style{background:#8b5cf61a;border-left:2px solid #8B5CF6}.panel-left .ref-item.support{background:#22c55e1a;border-left:2px solid #22C55E}.panel-left .ref-item.avoid{background:#ff6b6b1a;border-left:2px solid #FF6B6B}.panel-left .ref-type{flex-shrink:0}.panel-left .ref-source{color:var(--text-primary);font-weight:500}.panel-left .ref-note{color:var(--text-muted);font-style:italic;display:block;width:100%;margin-top:2px}.panel-left .slide-thumb.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.panel-left .slide-thumb.clickable:hover{transform:scale(1.05);box-shadow:0 0 12px #4ecdc466}.slide-preview-overlay{position:fixed;inset:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}.slide-preview-modal{position:relative;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;gap:12px}.slide-preview-modal .close-preview{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s}.slide-preview-modal .close-preview:hover{color:var(--text-primary)}.slide-preview-modal .preview-image-container{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 20px 60px #00000080}.slide-preview-modal .preview-image-container img{max-width:85vw;max-height:75vh;object-fit:contain;display:block}.slide-preview-modal .preview-info{display:flex;justify-content:center;gap:16px;font-size:.85rem;color:var(--text-secondary)}.slide-preview-modal .preview-deck{color:var(--accent-teal);font-weight:600}.slide-preview-modal .preview-num{color:var(--text-muted)}.panel-right .prompt-content{flex:1;margin:0;padding:12px;font-size:.7rem;line-height:1.5;color:var(--text-secondary);overflow-y:auto;white-space:pre-wrap;font-family:var(--font-mono)}.panel-right .prompt-editor{flex:1;margin:0;padding:12px;font-size:.75rem;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow-y:auto;white-space:pre-wrap;font-family:var(--font-mono);resize:none;min-height:300px}.panel-right .prompt-editor:focus{outline:none;border-color:var(--accent-teal)}.copy-btn.small{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:.65rem;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer}.copy-btn.small:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-row{display:flex;gap:12px}.setting-item{flex:1}.setting-item.api-key{flex:1.5}.setting-item label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}.setting-item input{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem}.setting-item input:focus{outline:none;border-color:var(--accent-teal)}.api-key-hint{display:block;margin-top:6px;font-size:.7rem;color:var(--text-muted)}.generate-btn.primary{background:linear-gradient(135deg,var(--accent-teal),#3498db);font-size:1rem;padding:12px 28px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-teal)}.form-group textarea{resize:vertical;min-height:80px}.form-hint{display:block;margin-top:6px;font-size:.75rem;color:var(--text-muted)}.form-hint a{color:var(--accent-teal);text-decoration:none}.form-hint a:hover{text-decoration:underline}.generate-warning{padding:12px 16px;background:#ffc10726;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-md);color:#ffc107;font-size:.85rem}.preview-body{padding:16px!important}.preview-tabs{display:flex;flex-direction:column;gap:16px}.preview-section{background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.preview-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.preview-header .copy-btn{margin-left:auto;display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .15s}.preview-header .copy-btn:hover{background:var(--bg-primary);color:var(--accent-teal);border-color:var(--accent-teal)}.preview-content{padding:16px;margin:0;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.prompt-preview{background:var(--bg-primary)}.json-preview{background:var(--bg-primary);color:var(--accent-teal)}.upload-warning{padding:10px 16px;background:#ffc10726;border-top:1px solid rgba(255,193,7,.3);color:#ffc107;font-size:.8rem}.progress-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:32px}.progress-indicator{text-align:center}.progress-indicator .spinner{animation:spin 1s linear infinite;color:var(--accent-teal);margin-bottom:16px}.progress-indicator h3{margin:0 0 8px;font-size:1.25rem;color:var(--text-primary)}.progress-indicator p{margin:0;color:var(--text-muted);font-size:.9rem}.progress-steps{display:flex;gap:24px}.progress-step{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem}.progress-step.active{color:var(--accent-teal)}.progress-step.done{color:#4ecdc4}.completed-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:24px}.success-indicator{text-align:center;color:#4ecdc4}.success-indicator svg{background:#4ecdc433;padding:16px;border-radius:50%;margin-bottom:16px}.success-indicator h3{margin:0 0 8px;font-size:1.25rem;color:var(--text-primary)}.success-indicator p{margin:0;color:var(--text-muted)}.result-actions{display:flex;gap:16px}.result-link,.download-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.result-link{background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-secondary)}.result-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.download-btn{background:linear-gradient(135deg,var(--accent-teal),#3498db);border:none;color:#fff}.download-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2dd4bf4d}.result-link.primary,.download-btn.primary{background:linear-gradient(135deg,var(--accent-teal),#3498db);border:none;color:#fff;font-size:1rem;padding:14px 28px}.result-note{margin-top:24px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.result-note p{margin:0;color:var(--text-secondary);font-size:.85rem;line-height:1.5}.task-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--accent-teal);font-size:.85rem;text-decoration:none;transition:all .15s}.task-link:hover{background:var(--bg-elevated);border-color:var(--accent-teal)}.progress-estimate{margin-top:8px;color:var(--text-muted);font-size:.85rem}.generating-body{display:flex;flex-direction:column;gap:0;padding:0!important;min-height:500px;position:relative}.generating-body.emporium-mode{min-height:600px}.generating-body .claudio-emporium{flex:1;border-radius:0;min-height:500px}.generation-status-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:20}.generation-status-overlay .status-text{font-size:.9rem;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);font-family:JetBrains Mono,monospace}.progress-steps.horizontal{flex-direction:row;gap:24px}.progress-steps.horizontal .progress-step{gap:6px}.progress-steps.horizontal .progress-step svg{width:14px;height:14px}.task-link.small{font-size:.75rem;padding:6px 12px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);color:#0f8}.task-link.small:hover{background:#0f83}.results-body{padding:0!important;display:block!important;align-items:stretch!important}.results-container{display:flex!important;flex-direction:row!important;min-height:500px;width:100%}.results-preview{flex:1;display:flex;flex-direction:column;background:#f5f5f0;padding:24px;gap:16px}.results-slide-main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e5e0}.results-slide-main img{max-width:100%;max-height:100%;object-fit:contain}.slide-nav-overlay{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#fffffff2;padding:8px 16px;border-radius:20px;box-shadow:0 2px 8px #0000001a}.slide-nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid #e5e5e0;background:#fff;color:#383c3c;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.slide-nav-btn:hover:not(:disabled){background:#383c3c;color:#fff;border-color:#383c3c}.slide-nav-btn:disabled{opacity:.3;cursor:not-allowed}.slide-indicator{font-size:13px;color:#5a5e5e;font-family:JetBrains Mono,monospace;min-width:50px;text-align:center}.results-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.results-thumb{flex-shrink:0;width:72px;height:40px;border-radius:4px;overflow:hidden;border:2px solid transparent;background:#fff;cursor:pointer;padding:0;transition:all .15s}.results-thumb img{width:100%;height:100%;object-fit:cover}.results-thumb:hover{border-color:#9da3a4}.results-thumb.active{border-color:#383c3c}.results-actions{width:300px;min-width:300px;padding:32px 24px;background:#fff;border-left:1px solid #e5e5e0;display:flex;flex-direction:column;gap:20px;overflow:visible}.results-header h2{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:500;color:#383c3c;margin:0 0 4px}.results-header p{font-size:13px;color:#9da3a4;margin:0}.results-download-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#383c3c;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s}.results-download-btn:hover{background:#2a2e2e}.results-secondary-actions{display:flex;gap:8px}.results-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#fff;border:1px solid #e5e5e0;border-radius:6px;color:#5a5e5e;font-size:12px;cursor:pointer;transition:all .15s}.results-action-btn:hover{background:#f5f5f0;color:#383c3c;border-color:#383c3c}.results-note{font-size:12px;color:#9da3a4;margin:0;text-align:center}.generated-preview{display:flex;flex-direction:column;gap:16px}.preview-header-bar{display:flex;justify-content:space-between;align-items:center}.preview-header-bar h3{margin:0;font-size:1.1rem;color:var(--accent-teal)}.slide-counter{font-size:.9rem;color:var(--text-muted);font-family:var(--font-mono)}.slides-carousel{display:flex;align-items:center;gap:12px;position:relative}.carousel-nav{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.carousel-nav:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--accent-teal)}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-slides{flex:1;position:relative;aspect-ratio:16 / 9;max-height:400px;overflow:hidden;border-radius:var(--radius-md);background:#1a1a2e;border:1px solid var(--border-medium)}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease;cursor:pointer;padding:12px;box-sizing:border-box}.carousel-slide img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000080;background:#222}.carousel-slide.active img{box-shadow:0 8px 40px #2dd4bf4d,0 0 0 2px var(--accent-teal)}.carousel-slide .slide-num{position:absolute;bottom:12px;left:12px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.slide-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:12px 4px;justify-content:center}.slide-thumbnails::-webkit-scrollbar{height:6px}.slide-thumbnails::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.slide-thumbnails::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.thumbnail{flex-shrink:0;width:80px;height:45px;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--border-subtle);background:#1a1a2e;cursor:pointer;padding:0;transition:all .2s}.thumbnail:hover{border-color:var(--text-muted);transform:translateY(-2px)}.thumbnail.active{border-color:var(--accent-teal);box-shadow:0 4px 12px #2dd4bf4d;transform:translateY(-2px)}.thumbnail img{width:100%;height:100%;object-fit:cover}.regenerate-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.regenerate-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.iterate-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-purple),#8e44ad);border:none;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.iterate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #bb8fce66}.iterate-note{width:100%;text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:12px;padding:8px;background:#ffa5001a;border-radius:var(--radius-sm)}.error-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:24px}.error-indicator{text-align:center;color:#ff6b6b}.error-indicator svg{background:#ff6b6b33;padding:16px;border-radius:50%;margin-bottom:16px}.error-indicator h3{margin:0 0 8px;font-size:1.25rem;color:var(--text-primary)}.error-indicator p{margin:0;color:var(--text-muted)}.retry-btn{padding:12px 24px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .15s}.retry-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.parse-error-note,.no-result-warning{margin-top:12px;font-size:.8rem;color:orange}.no-result-warning a{color:var(--accent-teal)}.generate-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);flex-wrap:wrap}.generate-footer .reimport-warning{flex:1;background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);border-radius:var(--radius-md);padding:10px 14px;color:#ff6b6b;font-size:.8rem;line-height:1.4}.generate-footer .reimport-warning small{color:var(--text-muted)}.generate-footer button{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.generate-footer .cancel-btn,.generate-footer .back-btn{background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-secondary)}.generate-footer .cancel-btn:hover,.generate-footer .back-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.generate-footer .preview-btn{background:var(--bg-tertiary);border:1px solid var(--accent-teal);color:var(--accent-teal)}.generate-footer .preview-btn:hover:not(:disabled){background:#2dd4bf1a}.generate-footer .preview-btn:disabled{opacity:.5;cursor:not-allowed}.generate-footer .generate-btn{background:linear-gradient(135deg,var(--accent-teal),#3498db);border:none;color:#fff}.generate-footer .generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2dd4bf4d}.generate-footer .generate-btn:disabled{opacity:.5;cursor:not-allowed}.generate-footer .done-btn{background:linear-gradient(135deg,var(--accent-teal),#3498db);border:none;color:#fff}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.history-btn{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--accent-purple);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.history-btn:hover{background:var(--bg-elevated);border-color:var(--accent-purple)}.history-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-medium);width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.history-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--accent-purple),#8e44ad);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.history-header h2{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.1rem;font-weight:600}.history-header .close-btn{background:#fff3;border:none;border-radius:var(--radius-sm);padding:6px;color:#fff;cursor:pointer;transition:background .15s}.history-header .close-btn:hover{background:#ffffff4d}.history-list{flex:1;overflow-y:auto;padding:12px}.no-history{text-align:center;color:var(--text-muted);padding:40px 20px}.history-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:12px;border:1px solid var(--border-subtle);transition:border-color .15s}.history-item:hover{border-color:var(--border-medium)}.history-item:last-child{margin-bottom:0}.history-thumbnails{display:flex;gap:6px;overflow-x:auto;padding:4px 0}.history-thumbnails::-webkit-scrollbar{height:4px}.history-thumbnails::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.history-thumb{width:80px;height:45px;object-fit:cover;border-radius:var(--radius-xs);background:#1a1a2e;border:1px solid var(--border-subtle);flex-shrink:0}.more-slides{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:var(--bg-elevated);border-radius:var(--radius-xs);color:var(--text-muted);font-size:.75rem;font-weight:600;flex-shrink:0}.history-item .history-info{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.history-info strong{color:var(--text-primary);font-size:.95rem}.history-meta{display:flex;gap:12px;align-items:center}.history-date{color:var(--text-muted);font-size:.75rem}.history-slides{color:var(--accent-teal);font-size:.75rem;font-weight:500}.history-actions{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.history-actions a,.history-actions button:not(.use-draft-btn){display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:all .15s;text-decoration:none}.history-actions .download-btn:hover{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal)}.history-actions .external-btn:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.history-actions .use-draft-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);color:#fff;background:var(--accent-teal);border:1px solid var(--accent-teal);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .15s}.history-actions .use-draft-btn:hover:not(:disabled){background:#3eb7a1;transform:translateY(-1px)}.history-actions .use-draft-btn:disabled{opacity:.7;cursor:wait}.history-slides .can-recover{color:var(--accent-teal);font-size:.75rem}.history-preview-note{font-size:.75rem;color:var(--text-muted);padding:8px 12px;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--accent-teal)}.spinning{animation:spin 1s linear infinite}.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;inset:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;inset:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media(max-width:480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media(max-width:374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}.claudio-portal{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafa;padding:24px;box-sizing:border-box}.ascii-portal{width:100%;max-width:800px;background:#0a0a0a;border-radius:4px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.ascii-portal>div{width:100%!important;line-height:0}.ascii-portal canvas{display:block;max-width:100%;height:auto}.studio{width:100%;max-width:800px;margin-top:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.studio-header{display:flex;flex-direction:column;gap:2px}.studio-name{font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:500;color:#111;letter-spacing:-.01em}.studio-status{font-family:Inter,-apple-system,sans-serif;font-size:11px;color:#999}.thoughts{flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-height:40px}.thought{font-family:Cormorant Garamond,Georgia,serif;font-size:16px;line-height:1.4;color:#999;text-align:right;transition:color .3s ease,opacity .3s ease}.thought.past{display:none}.thought.current{color:#333;font-size:18px}.studio-footer{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.time{font-family:JetBrains Mono,SF Mono,monospace;font-size:11px;color:#999}.progress{font-family:Inter,-apple-system,sans-serif;font-size:10px;color:#bbb}.about-link{background:none;border:1px solid #ddd;width:20px;height:20px;border-radius:50%;font-size:11px;color:#999;cursor:pointer;transition:all .15s}.about-link:hover{border-color:#111;color:#111}.about-modal{background:#fff;padding:32px;max-width:480px;width:90%;position:relative;max-height:80vh;overflow-y:auto}.about-modal h2{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:500;color:#111;margin:0 0 24px}.about-section{margin-bottom:20px}.about-section h3{font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:600;color:#111;margin:0 0 4px}.about-section p{font-family:Inter,-apple-system,sans-serif;font-size:13px;color:#666;margin:0;line-height:1.5}.about-footer{font-family:Cormorant Garamond,Georgia,serif;font-size:16px;font-style:italic;color:#111;margin:24px 0 0;padding-top:16px;border-top:1px solid #eee}.credits-modal-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.credits-modal{background:#fff;padding:32px;max-width:400px;width:90%;position:relative}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1}.modal-close:hover{color:#333}.credits-modal h2{font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:500;color:#111;margin:0 0 4px}.modal-subtitle{font-family:Inter,-apple-system,sans-serif;font-size:13px;color:#999;margin:0 0 24px}.tier-options{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.tier-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fafafa;border:1px solid #eee;cursor:pointer;transition:all .15s}.tier-option:hover{border-color:#ddd}.tier-option.selected{border-color:#111;background:#fff}.tier-credits{font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;color:#111}.tier-price{font-family:JetBrains Mono,monospace;font-size:14px;color:#111}.tier-bonus{font-family:Inter,-apple-system,sans-serif;font-size:11px;color:#4ecdc4}.purchase-btn{width:100%;padding:14px;background:#111;border:none;color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.purchase-btn:hover{background:#333}.modal-disclaimer{font-family:Inter,-apple-system,sans-serif;font-size:10px;color:#bbb;margin:16px 0 0;line-height:1.4;text-align:center}@media(max-width:640px){.claudio-portal{padding:16px}.studio{flex-direction:column;gap:16px}.thoughts{align-items:flex-start}.thought{text-align:left}.studio-footer{align-items:flex-start}}.claudio-payment-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.claudio-payment-modal{background:#fff;border:1px solid #e5e5e0;border-radius:20px;padding:32px;max-width:420px;width:90%;box-shadow:0 20px 40px #00000026;animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cpm-header{text-align:center;margin-bottom:24px}.cpm-title{font-size:32px;font-weight:500;color:#383c3c;margin:0 0 8px;font-family:Cormorant Garamond,Georgia,serif}.cpm-subtitle{font-size:14px;color:#9da3a4;margin:0;font-style:italic}.cpm-deck-preview{background:#f5f5f0;border-radius:12px;padding:16px;margin-bottom:24px}.cpm-deck-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9da3a4;margin:0 0 8px}.cpm-deck-desc{font-size:14px;color:#383c3c;margin:0;line-height:1.5}.cpm-pricing{background:#f5f5f0;border-radius:12px;padding:16px;margin-bottom:24px}.cpm-price-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#383c3c}.cpm-price-row.reward{border-top:1px solid #e5e5e0;margin-top:8px;padding-top:16px}.cpm-price{font-weight:600;font-family:JetBrains Mono,monospace;color:#383c3c}.cpm-anus{color:#1a1a1a;font-weight:600;font-family:JetBrains Mono,monospace}.cpm-anus .percent{font-weight:400;font-size:.85rem;color:#666;display:block}.cpm-early{text-align:center;margin-top:12px}.early-badge{display:inline-block;padding:4px 12px;background:#f5f5f0;border:1px solid #e5e5e0;font-family:JetBrains Mono,monospace;font-size:11px;color:#666}.cpm-reward-note{font-size:11px;color:#9da3a4;margin:12px 0 0;text-align:center}.cpm-disclaimer{font-size:9px;color:#b5babb;margin:8px 0 0;text-align:center;line-height:1.4;font-style:italic}.cpm-actions{margin-bottom:16px}.cpm-connect{text-align:center}.cpm-connect-text{font-size:13px;color:#9da3a4;margin:0 0 12px}.cpm-connect .wallet-button{width:100%;justify-content:center}.cpm-pay-button{width:100%;padding:14px 24px;background:#383c3c;border:none;border-radius:9999px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .15s}.cpm-pay-button:hover:not(:disabled){background:#4a4e4e;transform:translateY(-1px)}.cpm-pay-button:disabled{opacity:.6;cursor:not-allowed}.cpm-error{color:#ef4444;font-size:13px;margin:12px 0 0;text-align:center}.cpm-cancel{width:100%;padding:12px;background:transparent;border:1px solid #e5e5e0;border-radius:9999px;color:#9da3a4;font-size:14px;cursor:pointer;transition:all .15s}.cpm-cancel:hover{background:#f5f5f0;color:#383c3c}.cpm-devnet-notice{font-size:11px;color:#9da3a4;text-align:center;margin:16px 0 0;padding:8px;background:#f5f5f0;border-radius:8px}.share-section{margin-top:auto;padding-top:20px;border-top:1px solid #e5e5e0}.share-section-title{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#9da3a4;margin:0 0 12px}.referral-row{display:flex;gap:6px;margin-bottom:10px}.referral-input{flex:1;padding:10px 12px;background:#f5f5f0;border:1px solid #e5e5e0;border-radius:6px;color:#383c3c;font-family:JetBrains Mono,monospace;font-size:11px}.referral-input:focus{outline:none;border-color:#383c3c}.copy-btn{display:flex;align-items:center;justify-content:center;width:36px;background:#f5f5f0;border:1px solid #e5e5e0;border-radius:6px;color:#5a5e5e;cursor:pointer;transition:all .15s}.copy-btn:hover{background:#383c3c;border-color:#383c3c;color:#fff}.share-btn-x{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e5e0;border-radius:6px;font-size:13px;font-weight:500;color:#5a5e5e;cursor:pointer;transition:all .15s}.share-btn-x:hover{background:#383c3c;border-color:#383c3c;color:#fff}.share-note{margin:12px 0 0;font-size:11px;color:#9da3a4;text-align:center;line-height:1.4}.share-note strong{color:#5a5e5e}.claudio-notes{position:fixed;top:60px;right:20px;z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000014;min-width:280px;max-width:400px;font-family:EB Garamond,Georgia,serif}.notes-header{display:flex;align-items:center;gap:8px;padding:10px 14px;width:100%;background:none;border:none;cursor:pointer;color:var(--text-primary);font-size:14px;font-family:inherit}.notes-header:hover{background:var(--hover)}.notes-title{font-weight:500;font-style:italic}.notes-summary{display:flex;gap:6px;margin-left:auto;margin-right:8px}.badge{font-size:11px;padding:2px 6px;border-radius:10px;font-style:normal}.badge.pending{background:var(--accent-light);color:var(--accent)}.badge.completed{background:#e8f5e9;color:#2e7d32}.badge.failed{background:#ffebee;color:#c62828}.notes-content{border-top:1px solid var(--border);max-height:300px;overflow-y:auto}.note-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-light)}.note-item:last-child{border-bottom:none}.note-status{flex-shrink:0;color:var(--text-secondary)}.note-status .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-completed{color:#2e7d32}.status-failed{color:#c62828}.note-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.note-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-meta{font-size:11px;color:var(--text-secondary);font-style:italic}.note-actions{flex-shrink:0;display:flex;gap:6px}.note-action{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--text-secondary);transition:all .15s ease}.note-action:hover{background:var(--hover);color:var(--accent)}.note-action.download{color:#2e7d32}.note-error{font-size:10px;color:#c62828;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-completed{width:100%;padding:8px;background:none;border:none;border-top:1px solid var(--border);color:var(--text-secondary);font-size:12px;cursor:pointer;font-family:inherit;font-style:italic}.clear-completed:hover{background:var(--hover);color:var(--text-primary)}.note-item.status-generating{background:var(--accent-light)}.note-item.status-completed{background:#f1f8e9}.note-item.status-failed{background:#fff8f8}.claudio-emporium-ascii{position:relative;width:100%;height:100%;min-height:500px;background:#0a0f1a;overflow:hidden;border-radius:8px}.claudio-emporium-ascii canvas{width:100%!important;height:100%!important;display:block;image-rendering:pixelated}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.control-center{position:fixed;inset:0;display:flex;flex-direction:column;background:#faf9f6;font-family:Inter,-apple-system,sans-serif;color:#2a2d2e}.cc-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #eee;z-index:100}.cc-brand h1{font-family:Cormorant Garamond,Georgia,serif;font-size:1.4rem;font-weight:500;margin:0}.cc-subtitle{font-size:.65rem;color:#888;letter-spacing:.08em;text-transform:uppercase;display:block}.cc-status{display:flex;align-items:center;gap:16px}.status-live{color:#22c55e;font-size:.8rem}.status-live.mock{color:#f59e0b;font-weight:500}.status-viewers{font-size:.8rem;color:#666}.status-tier{font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:12px;letter-spacing:.05em}.status-tier.thriving{background:#22c55e1a;color:#22c55e}.status-tier.comfortable{background:#4ecdc41a;color:#3aa89e}.status-tier.surviving{background:#f59e0b1a;color:#d97706}.status-tier.dormant{background:#ef44441a;color:#dc2626}.cc-actions{display:flex;align-items:center;gap:12px}.founder-badge{font-size:.65rem;color:#8b7355;background:#8b73551a;padding:5px 12px;border-radius:20px;font-weight:500}.cc-main{flex:1;display:grid;grid-template-columns:1fr 360px;overflow:hidden}.cc-flow{background:#faf9f6;position:relative}.cc-flow .react-flow{background:transparent}.cc-flow .react-flow__controls{box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden}.cc-flow .react-flow__minimap{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.flow-node{background:#fff;border-radius:12px;padding:16px 20px;min-width:140px;box-shadow:0 2px 12px #00000014;border:2px solid #eee;transition:all .2s}.flow-node:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-2px)}.flow-node-icon{font-size:1.5rem;margin-bottom:8px}.flow-node-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.flow-node-value{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:600;color:#2a2d2e}.flow-node-meta{font-size:.7rem;color:#999;margin-top:4px}.flow-node.revenue{border-color:#22c55e;border-left-width:4px}.flow-node.treasury{border-color:#4ecdc4;border-left-width:4px}.flow-node.treasury.comfortable{border-color:#4ecdc4}.flow-node.treasury.thriving{border-color:#22c55e}.flow-node.treasury.surviving{border-color:#f59e0b}.flow-node.treasury.dormant{border-color:#ef4444}.flow-node-tier{font-size:.6rem;font-weight:600;padding:3px 8px;border-radius:8px;margin-top:8px;display:inline-block;letter-spacing:.05em}.flow-node-tier.comfortable{background:#4ecdc426;color:#3aa89e}.flow-node-tier.thriving{background:#22c55e26;color:#22c55e}.flow-node-tier.surviving{background:#f59e0b26;color:#d97706}.flow-node-tier.dormant{background:#ef444426;color:#dc2626}.flow-node.faucet{border-color:#f59e0b;border-left-width:4px}.flow-node-slider{margin-top:10px}.slider-track{height:6px;background:#eee;border-radius:3px;overflow:hidden}.slider-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#f59e0b);border-radius:3px;transition:width .3s}.flow-node.api{border-color:#888;border-left-width:4px;min-width:130px}.flow-node.api.active{border-color:#4ecdc4}.flow-node.api.inactive{opacity:.5;border-color:#ccc}.flow-node-status{position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:50%}.flow-node-status.on{background:#22c55e;box-shadow:0 0 8px #22c55e80}.flow-node-status.off{background:#ccc}.flow-node.output{border-color:#22c55e;border-left-width:4px}.flow-node.consciousness{border-color:#bb8fce;border-left-width:4px;text-align:center}.flow-node.consciousness.sonnet{border-color:#4ecdc4}.flow-node.consciousness.opus{border-color:#bb8fce;background:linear-gradient(135deg,#fff,#bb8fce0d)}.flow-node-model{font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-top:4px}.flow-node.consciousness.sonnet .flow-node-model{color:#3aa89e}.flow-node.consciousness.opus .flow-node-model{color:#9b6fb0}.flow-node-thoughts{font-size:.65rem;color:#aaa;margin-top:6px}.cc-sidebar{background:#fff;border-left:1px solid #eee;display:flex;flex-direction:column;overflow-y:auto}.sidebar-card{padding:20px;border-bottom:1px solid #f0f0f0}.sidebar-card h3{font-family:Cormorant Garamond,Georgia,serif;font-size:.9rem;font-weight:500;margin:0 0 16px;color:#2a2d2e}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header h3{margin:0}.model-tag{font-size:.6rem;font-weight:600;padding:4px 10px;border-radius:12px;letter-spacing:.05em}.model-tag.sonnet{background:#4ecdc426;color:#3aa89e}.model-tag.opus{background:#bb8fce33;color:#9b6fb0}.metric-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.metric-label{font-size:.75rem;color:#888;width:80px}.metric-bar{flex:1;height:6px;background:#f0f0f0;border-radius:3px;overflow:hidden}.metric-fill{height:100%;border-radius:3px;transition:width .3s}.metric-value{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;color:#2a2d2e;width:40px;text-align:right}.thoughts-stream{max-height:300px;overflow-y:auto}.thought{padding:10px 12px;background:#faf9f6;border-radius:8px;margin-bottom:8px;border-left:3px solid #eee}.thought.sonnet{border-left-color:#4ecdc4}.thought.opus{border-left-color:#bb8fce;background:#bb8fce0d}.thought-meta{display:flex;gap:8px;font-size:.65rem;margin-bottom:6px}.thought-time{font-family:JetBrains Mono,monospace;color:#aaa}.thought-type{color:#888;text-transform:uppercase;letter-spacing:.03em}.thought-cost{margin-left:auto;color:#c75050}.thought-content{font-size:.8rem;color:#444;line-height:1.5}.thoughts-footer{font-size:.65rem;color:#aaa;padding-top:8px;border-top:1px solid #f0f0f0;margin-top:8px}.queue-stats{display:flex;gap:20px}.queue-stat{text-align:center}.stat-value{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:600;color:#2a2d2e;display:block}.stat-label{font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.sidebar-card.controls{display:flex;flex-direction:column;gap:10px}.sidebar-card.controls h3{margin-bottom:12px}.control-btn{padding:12px 16px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.control-btn.fund{background:#4ecdc4;color:#fff;border:none}.control-btn.fund:hover{background:#3dbdb5}.control-btn.emergency{background:#fff;color:#c75050;border:2px solid #c75050}.control-btn.emergency:hover{background:#c750500d}.cc-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#fff;border-top:1px solid #eee;font-size:.7rem;color:#888}.footer-tagline{font-style:italic}@media(max-width:1000px){.cc-main{grid-template-columns:1fr}.cc-sidebar{display:none}}