@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-main:#fff;--bg-sidebar:#f6f8fa;--bg-card:#fff;--bg-card-hover:#f3f4f6;--border-muted:#d0d7de;--border-active:#0969da;--text-primary:#24292f;--text-secondary:#57606a;--text-muted:#8c959f;--accent-blue:#0969da;--accent-cyan:#0550ae;--accent-green:#1a7f37;--accent-amber:#9a6700;--accent-red:#cf222e;--font-inter:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--scrollbar-bg:#f6f8fa;--scrollbar-thumb:#d0d7de;--scrollbar-thumb-hover:#8c959f}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-inter);-webkit-font-smoothing:antialiased;overflow:hidden}.workspace-layout{background-color:var(--bg-main);grid-template-rows:100%;grid-template-columns:280px 1fr 340px;width:100%;height:100%;display:grid;overflow:hidden}.workspace-layout>*{min-width:0;min-height:0;max-height:100vh}.pane{border-right:1px solid var(--border-muted);background-color:var(--bg-sidebar);flex-direction:column;height:100%;display:flex;overflow:hidden}.pane-middle{background-color:var(--bg-main);flex-direction:column;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.pane-right{border-right:none;border-left:1px solid var(--border-muted);background-color:var(--bg-sidebar);flex-direction:column;height:100%;display:flex;overflow:hidden}.pane-header{border-bottom:1px solid var(--border-muted);background-color:var(--bg-sidebar);letter-spacing:.5px;height:48px;color:var(--text-primary);text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;font-weight:600;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.explorer-search-bar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-muted);padding:10px 16px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:10px}.search-input{border:1px solid var(--border-muted);width:100%;height:28px;color:var(--text-primary);background-color:#fff;border-radius:6px;outline:none;padding-left:32px;padding-right:12px;font-size:12px;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px #0969da26}.explorer-tree{background-color:var(--bg-sidebar);flex:1;min-height:0;padding:8px 0;overflow-y:auto}.tree-row{cursor:pointer;height:30px;color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;margin:1px 8px;padding:0 12px;transition:all .1s;display:flex}.tree-row:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.tree-row.selected{color:var(--text-primary);background-color:#eaeef2;font-weight:500}.tree-row-content{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.tree-row-actions{align-items:center;gap:6px;display:none}.tree-row:hover .tree-row-actions{display:flex}.action-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.action-btn:hover{color:var(--text-primary);background-color:#1b1f231a}.rename-input{border:1px solid var(--border-active);width:100%;height:22px;color:var(--text-primary);background:#fff;border-radius:4px;outline:none;padding:0 4px;font-size:12px}.tab-bar{border-bottom:1px solid var(--border-muted);background-color:var(--bg-sidebar);height:48px;display:flex}.tab-button{color:var(--text-secondary);border:none;border-right:1px solid var(--border-muted);cursor:pointer;white-space:nowrap;background-color:#0000;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:500;transition:all .15s;display:flex;position:relative}.tab-button:hover{color:var(--text-primary);background-color:var(--bg-card-hover)}.tab-button.active{color:var(--text-primary);background-color:var(--bg-main);font-weight:600}.tab-button.active:after{content:"";background-color:var(--accent-blue);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-button:disabled{opacity:.35;cursor:not-allowed}.tab-button:disabled:hover{color:var(--text-secondary);background-color:#0000}.reviewer-content{flex:1;min-height:0;display:flex;overflow:hidden}.reviewer-viewport{border-right:1px solid var(--border-muted);background-color:#fafbfc;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.reviewer-panel{background-color:var(--bg-sidebar);flex-direction:column;gap:16px;width:340px;padding:20px;display:flex;overflow-y:auto}.reviewer-media{object-fit:contain;border:1px solid var(--border-muted);background-color:#fff;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 4px 24px #1b1f2314}.variations-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-auto-rows:240px;align-content:start;gap:16px;width:100%;padding:8px;display:grid;overflow-y:auto}.variation-card{border:2px solid var(--border-muted);cursor:pointer;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #1b1f230a}.variation-card:hover{border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 4px 16px #1b1f231a}.variation-card.selected{border-color:var(--accent-blue);box-shadow:0 0 0 2px #0969da33,0 4px 16px #1b1f231a}.variation-img{object-fit:contain;background-color:#f6f8fa;width:100%;height:100%}.variation-zoom-btn{color:#fff;cursor:pointer;opacity:0;background:#1b1f238c;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .12s;display:flex;position:absolute;top:8px;right:8px}.variation-card:hover .variation-zoom-btn{opacity:1}.variation-menu-btn{color:#fff;cursor:pointer;opacity:0;background:#1b1f238c;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:opacity .12s;display:flex;position:absolute;top:8px;right:40px}.variation-card:hover .variation-menu-btn,.variation-menu-btn.menu-open{opacity:1}.variation-context-menu{border:1px solid var(--border-muted);z-index:9000;background-color:#fff;border-radius:10px;flex-direction:column;min-width:190px;padding:5px;animation:.12s cubic-bezier(.16,1,.3,1) forwards popUp;display:flex;position:fixed;transform:translate(-100%);box-shadow:0 10px 30px #1b1f2324,0 1px 3px #1b1f230f}.vmenu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:500;display:flex;position:relative}.vmenu-item:hover{background-color:#f6f8fa}.vmenu-item .vmenu-chevron{color:var(--text-muted);margin-left:auto}.vmenu-divider{background-color:var(--border-muted);height:1px;margin:4px 6px}.vmenu-sub{border:1px solid var(--border-muted);background-color:#fff;border-radius:10px;flex-direction:column;min-width:170px;max-height:240px;padding:5px;animation:.12s cubic-bezier(.16,1,.3,1) forwards popUp;display:flex;position:absolute;top:-5px;right:calc(100% + 2px);overflow-y:auto;box-shadow:0 10px 30px #1b1f2324,0 1px 3px #1b1f230f}.vmenu-sub-empty{color:var(--text-muted);padding:8px 10px;font-size:11.5px;line-height:1.4}.image-lightbox{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#050507e0;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.image-lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 12px 48px #0009}.variation-badge{color:#fff;z-index:2;background-color:#1b1f23b3;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.variation-card.selected .variation-badge{background-color:var(--accent-blue)}.iterations-list{flex-direction:column;gap:10px;width:100%;display:flex}.iteration-item{border:1px solid var(--border-muted);cursor:pointer;background-color:#fff;border-radius:6px;align-items:center;gap:10px;padding:8px;transition:all .15s;display:flex}.iteration-item:hover{border-color:var(--border-active);background-color:var(--bg-card-hover)}.iteration-item.selected{border-color:var(--accent-blue);background-color:#eaeef2}.iteration-thumb{background-color:#000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:56px;display:flex;overflow:hidden}.iteration-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.meta-title{letter-spacing:.5px;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.meta-row{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;display:flex}.meta-label{color:var(--text-secondary)}.meta-value{color:var(--text-primary);font-weight:600}.meta-value-mono{border:1px solid var(--border-muted);background-color:#fff;border-radius:4px;padding:2px 6px;font-family:monospace}.prompt-textarea-box{border:1px solid var(--border-muted);color:var(--text-secondary);word-break:break-all;background-color:#fff;border-radius:6px;max-height:200px;padding:12px;font-family:monospace;font-size:11px;line-height:1.5;overflow-y:auto}.btn-primary{color:#fff;background-color:var(--accent-green);cursor:pointer;border:1px solid #1b1f2326;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 16px;font-size:12px;font-weight:600;transition:background-color .1s;display:flex}.btn-primary:hover{background-color:#2c974b}.btn-secondary{height:32px;color:var(--text-primary);border:1px solid var(--border-muted);cursor:pointer;background-color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:12px;font-weight:600;transition:all .1s;display:flex}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:#8c959f}.chat-container{flex-direction:column;height:100%;display:flex}.chat-history{flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px;display:flex;overflow:hidden auto}.chat-bubble-wrapper{flex-direction:column;max-width:85%;display:flex}.chat-bubble-wrapper.user{align-self:flex-end}.chat-bubble-wrapper.assistant{align-self:flex-start}.chat-bubble-sender{letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.chat-bubble-sender.user{color:var(--text-muted);align-self:flex-end}.chat-bubble-sender.assistant{color:var(--accent-blue);align-self:flex-start}.chat-bubble{overflow-wrap:anywhere;word-break:break-word;border-radius:8px;max-width:100%;padding:10px 14px;font-size:12px;line-height:1.5}.app-rail-slot{border-right:1px solid var(--border-muted);background-color:var(--bg-sidebar);z-index:500;width:48px;height:100%;position:relative}.app-rail{background-color:var(--bg-sidebar);border-right:1px solid var(--border-muted);flex-direction:column;height:100%;padding:8px 0;transition:width .16s,box-shadow .16s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.app-rail-item{width:calc(100% - 12px);color:var(--text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin:1px 6px;padding:8px 9px;display:flex}.app-rail-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.app-rail-item.active{color:var(--accent-blue);background-color:#0969da17}.app-rail-icon{flex-shrink:0;justify-content:center;align-items:center;width:17px;display:flex}.app-rail-label{font-size:12px;font-weight:600;transition:opacity .14s}.app-rail-divider{background-color:var(--border-muted);flex-shrink:0;height:1px;margin:6px 10px}.thinking-dots{align-items:center;gap:4px;display:inline-flex}.thinking-dots span{background-color:var(--accent-blue);opacity:.3;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite thinking-pulse}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}}.chat-bubble.user{background-color:var(--accent-blue);color:#fff;border-top-right-radius:0}.chat-bubble.assistant{border:1px solid var(--border-muted);color:var(--text-primary);background-color:#fff;border-top-left-radius:0}.chat-context-bar{background-color:var(--bg-sidebar);border-top:1px solid var(--border-muted);height:28px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 12px;font-family:monospace;font-size:10px;display:flex}.chat-input-area{border-top:1px solid var(--border-muted);background-color:var(--bg-sidebar);padding:12px;position:relative}.chat-slash-menu{border:1px solid var(--border-muted);z-index:9000;background-color:#fff;border-radius:10px;flex-direction:column;padding:5px;animation:.12s cubic-bezier(.16,1,.3,1) forwards popUp;display:flex;position:absolute;bottom:calc(100% + 6px);left:12px;right:12px;box-shadow:0 10px 30px #1b1f2324,0 1px 3px #1b1f230f}.chat-slash-menu-title{color:var(--text-muted);padding:6px 10px 4px;font-size:10px;font-weight:600}.chat-slash-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;display:flex}.chat-slash-item:hover,.chat-slash-item.active{background-color:#f6f8fa}.chat-slash-icon{color:var(--text-secondary);flex-shrink:0}.chat-slash-cmd{white-space:nowrap;font-size:12px;font-weight:600}.chat-slash-desc{color:var(--text-muted);font-size:10px;line-height:1.4}.chat-model-picker{margin-bottom:8px;position:relative}.chat-model-btn{border:1px solid var(--border-muted);color:var(--text-secondary);cursor:pointer;background-color:#fff;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:10px;font-weight:600;display:inline-flex}.chat-model-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.chat-model-menu{border:1px solid var(--border-muted);z-index:9000;background-color:#fff;border-radius:10px;flex-direction:column;min-width:230px;padding:5px;animation:.12s cubic-bezier(.16,1,.3,1) forwards popUp;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 10px 30px #1b1f2324,0 1px 3px #1b1f230f}.chat-model-menu-title{color:var(--text-muted);padding:6px 10px 4px;font-size:10px;font-weight:600}.chat-model-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.chat-model-item:hover{background-color:#f6f8fa}.chat-model-item .chat-model-badge{color:var(--text-secondary);white-space:nowrap;background-color:#f0f1f3;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:600}.chat-model-item .chat-model-check{color:var(--text-primary);flex-shrink:0}.chat-model-note{border-top:1px solid var(--border-muted);color:var(--text-muted);margin-top:2px;padding:6px 10px 5px;font-size:9px;line-height:1.5}.chat-composer{border:1px solid var(--border-muted);background-color:#fff;border-radius:14px;flex-direction:column;padding:8px 10px 7px;transition:border-color .15s,box-shadow .15s;display:flex}.chat-composer:focus-within{border-color:#1f2328;box-shadow:0 0 0 3px #1f232814}.chat-composer .chat-textarea{min-height:40px;padding:2px 4px}.chat-composer-bar{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.chat-composer .chat-model-picker{margin-bottom:0}.chat-textarea{resize:none;width:100%;min-height:48px;max-height:188px;color:var(--text-primary);background:0 0;border:none;outline:none;padding:6px 8px;font-size:12px;line-height:1.45;overflow-y:auto}.chat-send-btn{color:#fff;cursor:pointer;background-color:#1f2328;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .15s;display:flex}.chat-send-btn:hover:not(:disabled){background-color:#000}.chat-send-btn:disabled{cursor:default;background-color:#d0d7de}.flow-node-card{border:1px solid var(--border-muted);background-color:#fff;border-radius:6px;width:250px;padding:12px;box-shadow:0 3px 12px #1b1f230d}.flow-node-header{border-bottom:1px solid var(--border-muted);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.flow-node-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:10px;font-weight:700}.flow-node-body-text{color:var(--text-secondary);border:1px solid var(--border-muted);background-color:#fafbfc;border-radius:4px;max-height:80px;padding:8px;font-size:11px;line-height:1.4;overflow-y:auto}.flow-node-media-preview{aspect-ratio:9/16;border:1px solid var(--border-muted);background-color:#fafbfc;border-radius:4px;width:100%;overflow:hidden}.flow-node-placeholder{border:1px dashed var(--border-muted);text-align:center;height:90px;color:var(--text-muted);background-color:#fafbfc;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:8px;font-size:10px;display:flex}.flow-node-footer{border-top:1px solid var(--border-muted);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;font-family:monospace;font-size:9px;display:flex}.overlay-mask{z-index:100;background-color:#1b1f2366;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.overlay-modal{border:1px solid var(--border-muted);background-color:#fff;border-radius:8px;width:100%;max-width:400px;padding:20px;box-shadow:0 8px 24px #1b1f2326}.bg-zinc-950{background-color:var(--bg-sidebar)!important}.bg-zinc-900{background-color:var(--bg-card-hover)!important}.bg-zinc-800{background-color:#eaeef2!important}.bg-black\/75{background-color:#1b1f2366!important}.bg-black\/60{background-color:#ffffffd9!important}.bg-accent-blue{background-color:var(--accent-blue)!important}.bg-accent-green{background-color:var(--accent-green)!important}.bg-accent-red{background-color:var(--accent-red)!important}.bg-emerald-950\/50{background-color:#dafbe1!important}.bg-red-950\/30,.bg-red-950\/50{background-color:#ffebe9!important}.bg-amber-950\/50{background-color:#fff8c5!important}.border-zinc-800,.border-border-muted{border-color:var(--border-muted)!important}.border-border-active{border-color:var(--border-active)!important}.border-emerald-900\/50{border-color:#acf2bd!important}.border-red-900\/50{border-color:#ffc6c4!important}.border-amber-900\/50{border-color:#f0e0a5!important}.text-text-primary{color:var(--text-primary)!important}.text-text-secondary{color:var(--text-secondary)!important}.text-text-muted{color:var(--text-muted)!important}.text-accent-blue{color:var(--accent-blue)!important}.text-accent-cyan{color:var(--accent-cyan)!important}.text-accent-green{color:color-mix(in srgb, var(--accent-green) 85%, black)!important}.text-accent-amber{color:color-mix(in srgb, var(--accent-amber) 85%, black)!important}.text-accent-red{color:var(--accent-red)!important}input,textarea{background-color:var(--bg-main)!important;color:var(--text-primary)!important;border-color:var(--border-muted)!important}input:focus,textarea:focus{border-color:var(--border-active)!important;box-shadow:0 0 0 3px #0969da26!important}.hover\:bg-zinc-900:hover{background-color:var(--bg-card-hover)!important}.hover\:bg-zinc-800:hover{background-color:#eaeef2!important}.hover\:bg-zinc-700:hover{background-color:#d0d7de!important}.bg-zinc-950\/80{background-color:#ffffffd9!important}.reviewer-content-vertical{background-color:#fafbfc;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.reviewer-bottom-dock{border-top:1px solid var(--border-muted);background-color:var(--bg-sidebar);flex-direction:column;gap:8px;padding:16px 24px;display:flex;position:relative}.prompt-dock-container{border:1px solid var(--border-muted);background-color:#fff;border-radius:24px;align-items:center;gap:12px;width:100%;padding:4px 6px 4px 16px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #1b1f230a}.prompt-dock-container:focus-within{border-color:var(--border-active);box-shadow:0 0 0 3px #0969da26}.prompt-dock-input{color:var(--text-primary);flex:1;height:36px;padding:0;font-size:13px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.dock-settings-pill{background-color:var(--bg-sidebar);border:1px solid var(--border-muted);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.dock-settings-pill:hover{color:var(--text-primary);background-color:#eaeef2;border-color:#8c959f}.dock-send-btn{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .15s;display:flex}.dock-send-btn:hover{background-color:#0550ae}.dock-send-btn:disabled{background-color:var(--border-muted);cursor:not-allowed}.edit-selected-bar{border:1px solid var(--border-active);background-color:#fff;border-radius:24px;flex-shrink:0;align-items:center;gap:10px;margin-top:10px;padding:6px;display:flex;box-shadow:0 2px 10px #0969da1a}.edit-selected-thumb{object-fit:cover;border:1px solid var(--border-muted);border-radius:8px;flex-shrink:0;width:32px;height:32px}.edit-selected-input{color:var(--text-primary);flex:1;height:32px;padding:0;font-size:13px;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.settings-popover-card{border:1px solid var(--border-muted);z-index:100;background-color:#fff;border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:16px;animation:.15s cubic-bezier(.16,1,.3,1) forwards popUp;display:flex;position:absolute;bottom:74px;left:24px;box-shadow:0 10px 30px #1b1f231f,0 1px 3px #1b1f230d}@keyframes popUp{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.style-library-container{background-color:#fafbfc;flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.style-library-header{border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.style-library-header h2{color:var(--text-primary);margin:0 0 4px;font-size:20px;font-weight:600}.style-library-header p{color:var(--text-secondary);margin:0;font-size:13px}.add-style-btn{background-color:var(--accent-blue);border:1px solid var(--border-active);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .1s;display:flex;color:#fff!important}.add-style-btn:hover{background-color:#0550ae}.add-style-form{border:1px solid var(--border-muted);background-color:#fff;border-radius:8px;margin-bottom:24px;padding:20px;box-shadow:0 4px 12px #1b1f230d}.add-style-form h3{color:var(--text-primary);margin:0 0 16px;font-size:14px;font-weight:600}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border-muted);border-radius:6px;outline:none;padding:8px 12px;font-size:13px;color:var(--text-primary)!important;background-color:#fff!important}.form-group textarea{resize:vertical;height:80px}.form-buttons{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.cancel-btn{border:1px solid var(--border-muted);cursor:pointer;background-color:#fff;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.cancel-btn:hover{background-color:#f6f8fa}.submit-btn{background-color:var(--accent-blue);color:#fff;border:1px solid var(--border-active);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600}.submit-btn:hover:not(:disabled){background-color:#0550ae}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.styles-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding-bottom:40px;display:grid}.style-card{border:1px solid var(--border-muted);cursor:pointer;background-color:#fff;border-radius:8px;flex-direction:column;transition:all .15s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.style-card:hover{border-color:#8c959f;transform:translateY(-2px);box-shadow:0 8px 24px #1b1f2314}.style-card.active{border-color:var(--accent-blue);box-shadow:0 0 0 3px #0969da26,0 8px 24px #0969da14}.style-card-image{background-color:#eaeef2;height:140px;position:relative;overflow:hidden}.style-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.style-card:hover .style-card-image img{transform:scale(1.03)}.active-badge{background-color:var(--accent-blue);color:#fff;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 4px #0969da33}.global-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background-color:#1b1f23bf;border-radius:12px;align-items:center;gap:3px;padding:4px 8px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.user-badge{color:#1a7f37;background-color:#dafbe1;border:1px solid #acf2bd;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.style-card-info{flex-direction:column;flex:1;padding:16px;display:flex}.style-card-info h4{color:var(--text-primary);margin:0 0 6px;font-size:14px;font-weight:600}.style-card-info p{color:var(--text-secondary);flex:1;margin:0 0 16px;font-size:12px;line-height:1.4}.style-card-action{justify-content:flex-end;display:flex}.select-btn{border:1px solid var(--border-muted);cursor:pointer;text-align:center;background-color:#fff;border-radius:4px;width:100%;padding:6px 12px;font-size:11px;font-weight:600;transition:all .1s}.style-card:hover .select-btn{background-color:#f6f8fa;border-color:#8c959f}.style-card.active .select-btn{background-color:var(--accent-blue);color:#fff;border-color:var(--border-active)}.style-card.active .select-btn:hover{background-color:#0550ae}.studio-launchpad{background-color:#fafbfc;flex-direction:column;height:100%;padding:32px;display:flex;overflow-y:auto}.launchpad-header{margin-bottom:28px}.launchpad-header h3{color:var(--text-primary);margin:0 0 6px;font-size:22px;font-weight:600}.launchpad-header p{color:var(--text-secondary);margin:0;font-size:13px}.launchpad-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding-bottom:40px;display:grid}.launchpad-card{border:1px solid var(--border-muted);cursor:pointer;background-color:#fff;border-radius:12px;flex-direction:column;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #1b1f230a}.launchpad-card:hover{border-color:var(--border-active);transform:translateY(-3px);box-shadow:0 12px 28px #1b1f2314}.launchpad-card.opened{background-color:#0969da03;border-color:#0969da59}.launchpad-card-icon{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.app-badge{color:var(--text-secondary);border:1px solid var(--border-muted);text-transform:uppercase;letter-spacing:.5px;background-color:#f6f8fa;border-radius:12px;padding:3px 8px;font-size:9px;font-weight:700}.launchpad-card h4{color:var(--text-primary);margin:0 0 8px;font-size:15px;font-weight:600}.launchpad-card p{color:var(--text-secondary);flex:1;margin:0 0 20px;font-size:12px;line-height:1.5}.launchpad-card-status{justify-content:flex-end;display:flex}.status-label{color:var(--text-secondary);border:1px solid var(--border-muted);background-color:#f6f8fa;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.launchpad-card:hover .status-label{background-color:#eaeef2;border-color:#8c959f}.status-label.open{color:#fff;background-color:var(--accent-blue);border-color:var(--border-active)}.launchpad-card:hover .status-label.open{background-color:#0550ae}.tab-wrapper{align-items:center;display:flex;position:relative}.tab-close-btn{opacity:0;transition:opacity .1s}.tab-wrapper:hover .tab-close-btn,.tab-wrapper.active .tab-close-btn{opacity:1}.launcher-hub-card{transition:all .2s cubic-bezier(.16,1,.3,1)}.launcher-hub-card:hover{transform:translateY(-2px);border-color:var(--border-active)!important;box-shadow:0 4px 12px #1b1f230f!important}@keyframes genDream{0%,to{background-position:0%}50%{background-position:100%}}.gen-dream-card{background:linear-gradient(120deg,#eef2ff,#e0f2fe,#f3e8ff,#e0f2fe) 0 0/300% 300%;animation:6s ease-in-out infinite genDream}@keyframes variationSkeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.variation-card-skeleton{cursor:default;background:linear-gradient(100deg,#eceff3 30%,#f8f9fb 50%,#eceff3 70%) 0 0/250% 100%;flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:1.8s ease-in-out infinite variationSkeletonShimmer;display:flex}.variation-card-skeleton .skeleton-spin{color:var(--text-muted);animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.variation-card-skeleton .skeleton-note{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.toast-stack{z-index:3000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast-item{color:#fff;pointer-events:auto;background:#161b22;border-radius:10px;align-items:center;gap:8px;max-width:340px;padding:10px 14px;font-size:12px;font-weight:600;animation:.25s ease-out toast-in;display:flex;box-shadow:0 8px 24px #00000040}.toast-success{border-left:3px solid #2da44e}.toast-error{border-left:3px solid #cf222e}.toast-info{border-left:3px solid #737373}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:720px){.kg-demo-explorer{display:none!important}}.kg-masonry{column-count:4}@media (min-width:1600px){.kg-masonry{column-count:5}}@media (max-width:1024px){.kg-masonry{column-count:3}}@media (max-width:640px){.kg-masonry{column-count:2}}.kg-iconbtn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0ca6;border:1px solid #ffffff40;border-radius:6px;align-items:center;height:24px;padding:0 8px;font-size:10px;font-weight:600;display:flex}.kg-iconbtn:disabled{opacity:.5;cursor:default}.kg-iconbtn .kg-iconbtn-label{opacity:0;white-space:nowrap;max-width:0;margin-left:0;transition:max-width .25s,opacity .2s,margin-left .25s;overflow:hidden}.kg-iconbtn:hover .kg-iconbtn-label,.kg-iconbtn:focus-visible .kg-iconbtn-label{opacity:1;max-width:120px;margin-left:5px}.kg-entry-flash{transition:box-shadow .3s;box-shadow:0 0 0 2px var(--accent-blue,#0969da), 0 8px 24px #0969da40!important}