:root{--background-primary: #0D0D0F;--background-secondary: #161618;--background-tertiary: #222225;--text-primary: #f0f0f0;--text-secondary: #888890;--accent-primary: #C0A062;--accent-hover: #D0B072;--border-color: rgba(255, 255, 255, .1);--danger: #e57373;--success: #66bb6a;--diff-add: rgba(63, 185, 80, .15);--diff-remove: rgba(248, 81, 73, .15);--variable-color: #e57373;--suggestion-color: #80deea;--variable-gradient-start: #e57373;--variable-gradient-end: #8e44ad;--header-height: 60px}body.theme-solarized-light{--background-primary: #fdf6e3;--background-secondary: #f5efdc;--background-tertiary: #eee8d5;--text-primary: #586e75;--text-secondary: #839496;--accent-primary: #b58900;--accent-hover: #cb9700;--border-color: #ddd6c1;--danger: #dc322f;--success: #859900}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background-color:var(--background-primary);color:var(--text-primary);line-height:1.6;overflow:hidden;transition:background-color .3s ease,color .3s ease}#root{display:flex;flex-direction:column;height:100vh}.container{width:90%;max-width:1200px;margin:0 auto;padding:2rem 0}h1,h2,h3,h4{color:var(--text-primary);font-weight:500}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.auth-form{background:var(--background-secondary);padding:2.5rem;border-radius:8px;box-shadow:0 10px 30px #00000080;width:100%;max-width:400px;border:1px solid var(--border-color)}.auth-form h2{text-align:center;margin-bottom:1.5rem;color:var(--accent-primary)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.input-group input,.input-group-select,.input-group textarea{width:100%;padding:.8rem 1rem;background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit;resize:vertical}.input-group input::placeholder{color:var(--text-secondary);opacity:.7}.input-group input:focus,.input-group-select:focus,.input-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--background-primary),0 0 0 4px var(--accent-primary)}.btn{display:inline-block;width:100%;padding:.9rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;transition:all .2s ease;position:relative;overflow:hidden}.btn:disabled{cursor:not-allowed;opacity:.7}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--accent-primary);color:var(--background-primary);box-shadow:0 2px 8px #0000004d}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.auth-switch{text-align:center;margin-top:1rem;font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-weight:600;text-decoration:underline}.mission-control-layout{display:grid;grid-template-columns:250px 1fr;height:100vh;width:100%;transition:grid-template-columns .3s ease}.center-pane,.right-pane{grid-column:2 / 3;grid-row:1 / 2;display:flex;flex-direction:column;overflow:hidden;background-color:var(--background-primary)}.center-pane{transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translate(0);z-index:10}.right-pane{transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translate(20px);pointer-events:none;z-index:5}.mission-control-layout.detail-view-active .center-pane{opacity:0;transform:translate(-20px);pointer-events:none;z-index:5}.mission-control-layout.detail-view-active .right-pane{opacity:1;transform:translate(0);pointer-events:all;z-index:10}.sidebar{grid-column:1 / 2;background:var(--background-secondary);padding:1.5rem;display:flex;flex-direction:column;border-right:1px solid var(--border-color);flex-shrink:0;height:100vh;transition:padding .3s ease,transform .3s ease;overflow:hidden}.mission-control-layout.sidebar-collapsed{grid-template-columns:70px 1fr}.mission-control-layout.sidebar-collapsed .sidebar{padding:1.5rem .5rem;align-items:center}.mission-control-layout.sidebar-collapsed .sidebar-header h1,.mission-control-layout.sidebar-collapsed .sidebar-section-header h4,.mission-control-layout.sidebar-collapsed .sidebar-nav .nav-text,.mission-control-layout.sidebar-collapsed .sidebar-footer .btn span{display:none}.mission-control-layout.sidebar-collapsed .sidebar-nav a,.mission-control-layout.sidebar-collapsed .folder-item a{justify-content:center;padding:.75rem}.mission-control-layout.sidebar-collapsed .sidebar-section-header,.mission-control-layout.sidebar-collapsed .sidebar-footer{justify-content:center}.mission-control-layout.sidebar-collapsed .sidebar-footer .btn{width:44px;height:44px;flex-shrink:0}.mission-control-layout.sidebar-collapsed .add-folder-btn,.mission-control-layout.sidebar-collapsed .collapse-btn{margin:0}.collapse-btn{width:44px;height:44px;padding:0;background-color:var(--background-tertiary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center}.collapse-btn svg{transition:transform .3s ease}.mission-control-layout.sidebar-collapsed .collapse-btn svg{transform:rotate(180deg)}.sidebar-header{margin-bottom:2rem}.sidebar-header h1{font-size:1.5rem;color:var(--accent-primary)}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav a{color:var(--text-secondary);text-decoration:none;display:flex;padding:.75rem 1rem;border-radius:6px;transition:background-color .3s ease,color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;gap:.75rem;font-weight:500}.sidebar-nav a:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.sidebar-nav a.active{background-color:var(--background-tertiary);color:var(--accent-primary);font-weight:600}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:1rem;padding:0 .5rem;color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:600;letter-spacing:.5px}.add-folder-btn{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;line-height:1}.add-folder-btn:hover{color:var(--text-primary)}.folder-list{max-height:200px;overflow-y:auto}.folder-item{position:relative;display:flex;justify-content:space-between;align-items:center}.folder-item a{flex-grow:1}.folder-actions{display:flex;gap:2px}.action-btn-subtle{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;color:var(--text-secondary);transition:background-color .2s,color .2s}.action-btn-subtle:hover{background-color:var(--background-primary);color:var(--text-primary)}.sidebar-footer{margin-top:auto;display:flex;gap:.75rem;flex-shrink:0}.sidebar-footer .btn{font-size:.9rem;padding:.75rem 1rem;background-color:var(--background-tertiary);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.sidebar-footer .btn:hover{background-color:var(--background-primary);border-color:var(--accent-primary)}.dashboard-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.dashboard-header-top{display:flex;justify-content:space-between;align-items:center}.dashboard-header h2{font-size:1.25rem;margin-bottom:0}.search-bar{position:relative}.search-bar input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--background-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);display:flex;align-items:center}.prompts-list-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.prompt-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,opacity .4s ease-out,border-color .3s ease;cursor:pointer;opacity:0;transform:translateY(10px);height:100%;position:relative}.prompt-card.visible{opacity:1;transform:translateY(0)}.prompt-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 8px 25px #00000080,0 0 15px #c0a0621a}.prompt-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.prompt-card-header h3{font-size:1.2rem;margin-right:1rem}.prompt-title-button{transition:color .3s}.prompt-card:hover .prompt-title-button{color:var(--accent-primary)}.prompt-card-content{flex-grow:1;margin-bottom:1rem}.prompt-card-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.prompt-card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:var(--background-tertiary);color:var(--accent-primary);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid var(--border-color);font-family:inherit}.tag.clickable{cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.tag.clickable:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--background-primary)}.prompt-card-actions{display:flex;gap:.5rem}.action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease;width:34px;height:34px}.action-btn:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.action-btn.action-btn-accent{color:var(--accent-primary)}.action-btn.action-btn-accent:hover{color:var(--accent-hover)}.loading-indicator,.end-of-list-indicator{display:flex;justify-content:center;align-items:center;padding:2rem;grid-column:1 / -1;font-size:1.2rem;color:var(--text-secondary)}@keyframes pulse{50%{opacity:.5}}.prompt-card-skeleton{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column}.skeleton{background-color:var(--background-tertiary);border-radius:4px;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.skeleton-title{width:60%;height:20px;margin-bottom:1rem}.skeleton-text{width:100%;height:14px;margin-bottom:.5rem}.skeleton-text:last-child{width:80%}.skeleton-footer{margin-top:auto;padding-top:1rem;display:flex;justify-content:space-between;align-items:center}.skeleton-tag{width:50px;height:20px}.skeleton-actions{display:flex;gap:.5rem}.skeleton-action{width:28px;height:28px;border-radius:50%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--background-secondary);padding:2.5rem;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000080}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1}.modal-content h2{text-align:center;margin-bottom:2rem;color:var(--accent-primary)}.modal-content .input-group textarea{min-height:150px}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-secondary{background-color:var(--background-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--background-primary);border-color:var(--accent-primary)}.btn-danger{background-color:var(--danger);color:var(--text-primary)}.btn-danger:hover{background-color:#c62828;transform:translateY(-2px)}.command-center-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(450px,1fr);grid-template-rows:auto 1fr;height:100%;width:100%;gap:1px;background-color:var(--border-color);transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1)}.command-center-layout.console-collapsed{grid-template-columns:1fr 0px}.command-center-layout.console-collapsed .console-panel{padding:0;overflow:visible}.command-center-layout.console-collapsed .console-panel>*:not(.console-toggle-btn){display:none}.canvas-panel,.console-panel{background-color:var(--background-primary);display:flex;flex-direction:column;overflow:hidden}.canvas-panel{grid-row:2 / 3;grid-column:1 / 2;overflow-y:auto;padding:1.5rem}.console-panel{grid-row:2 / 3;grid-column:2 / 3;padding:0;position:relative;min-width:0}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.editor-header-actions{display:flex;align-items:center;gap:.5rem}.canvas-panel h3,.console-panel h3{color:var(--accent-primary);margin-bottom:0;padding-bottom:0;border-bottom:none}.suggest-vars-btn{width:auto;font-size:.8rem;padding:.4rem .8rem;gap:.4rem}.command-center-header{padding:1rem 1.5rem;grid-column:1 / -1;grid-row:1 / 2;background-color:var(--background-secondary);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.command-center-header-actions{display:flex;align-items:center;gap:1rem;position:relative}.playground-response{background-color:var(--background-tertiary);border-radius:6px;padding:1rem;flex-grow:1;overflow-y:auto;word-wrap:break-word;font-family:Poppins,sans-serif;font-size:1rem;min-height:200px}.param-group{margin-bottom:1.5rem}.param-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.9rem}.param-group input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:var(--background-tertiary);border-radius:5px;outline:none;cursor:pointer}.param-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:background-color .2s}.param-group input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-hover)}.param-g-group input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:none;transition:background-color .2s}.param-group input[type=range]::-moz-range-thumb:hover{background:var(--accent-hover)}.param-group input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--background-tertiary);border-radius:5px}.param-group input[type=number]{width:70px;padding:.25rem .5rem;font-size:.9rem}.version-item{padding:1rem;border-radius:4px;margin-bottom:.5rem;cursor:pointer;transition:background-color .3s,border-color .3s;border:1px solid var(--border-color)}.version-item.active,.version-item:hover{background-color:var(--background-tertiary);border-color:var(--accent-primary)}.version-item p{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.version-item small{font-size:.75rem;color:var(--accent-primary)}.diff-viewer{background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:1rem;font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-wrap:break-word;flex-grow:1;overflow-y:auto}.diff-viewer ins{background-color:var(--diff-add);text-decoration:none}.diff-viewer del{background-color:var(--diff-remove);text-decoration:none}@keyframes toast-in{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.toast-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--accent-primary);color:var(--background-primary);padding:1rem 1.5rem;border-radius:6px;box-shadow:0 4px 15px #0006;font-weight:600;z-index:2000;animation:toast-in .5s ease-out forwards}.right-pane-empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--text-secondary);text-align:center;padding:2rem}.right-pane-empty-state h3{color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem}.dashboard-empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--text-secondary);text-align:center;padding:2rem;flex-grow:1}.dashboard-empty-state h3{color:var(--text-primary);margin-top:1.5rem;font-size:1.5rem}.dashboard-empty-state p{margin-bottom:1.5rem;max-width:300px}.command-bar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:flex-start;padding-top:15vh;z-index:1001}.command-bar{background-color:var(--background-secondary);border-radius:8px;width:90%;max-width:600px;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000080;overflow:hidden}.command-bar-input-wrapper{position:relative;border-bottom:1px solid var(--border-color)}.command-bar-input{width:100%;padding:1rem 1rem 1rem 3rem;background:transparent;border:none;color:var(--text-primary);font-size:1.1rem}.command-bar-input:focus{outline:none}.command-bar-results{max-height:400px;overflow-y:auto}.command-bar-item{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid var(--border-color)}.command-bar-item:last-child{border-bottom:none}.command-bar-item.selected{background-color:var(--accent-primary);color:var(--background-primary)}.command-bar-item:not(.selected):hover{background-color:var(--background-tertiary)}.command-bar-item-type{font-size:.8rem;color:var(--text-secondary);background-color:var(--background-tertiary);padding:.2rem .5rem;border-radius:4px}.command-bar-item.selected .command-bar-item-type{color:var(--background-primary);background-color:#0003}.inspiration-header{padding:1rem;border-bottom:1px solid var(--border-color)}.inspiration-header h2{font-size:1.25rem;margin-bottom:.5rem}.inspiration-header p{color:var(--text-secondary);font-size:.9rem}.inspiration-grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:1fr;gap:1rem}.tags-input-wrapper{position:relative}.suggest-tags-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--background-tertiary);border:1px solid var(--border-color);color:var(--accent-primary);padding:.3rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.suggest-tags-btn:hover{background-color:var(--background-primary);border-color:var(--accent-primary)}.suggest-tags-btn:disabled{cursor:not-allowed;opacity:.5}.context-menu{position:fixed;z-index:1002;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 0;min-width:180px;box-shadow:0 5px 15px #00000080}.context-menu-item{background:none;border:none;width:100%;text-align:left;padding:.75rem 1rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.context-menu-item:hover{background-color:var(--accent-primary);color:var(--background-primary)}.context-menu-item.danger{color:var(--danger)}.context-menu-item.danger:hover{background-color:var(--danger);color:var(--text-primary)}.context-menu-separator{height:1px;background-color:var(--border-color);margin:.5rem 0}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:1001;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;padding:.5rem 0;min-width:200px;box-shadow:0 5px 15px #00000080}.dropdown-item{background:none;border:none;width:100%;text-align:left;padding:.75rem 1rem;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.9rem}.dropdown-item:hover{background-color:var(--accent-primary);color:var(--background-primary)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background-color:var(--danger);color:var(--text-primary)}.dropdown-separator{height:1px;background-color:var(--border-color);margin:.5rem 0}.filter-bar{display:flex;align-items:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.tag-filter-dropdown{position:relative}.filter-btn{width:auto!important;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem!important;font-size:.9rem!important}.tag-filter-menu{position:absolute;top:calc(100% + 5px);left:0;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 5px 15px #00000080;z-index:100;min-width:200px;max-height:250px;overflow-y:auto;padding:.5rem 0}.tag-filter-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;cursor:pointer;color:var(--text-secondary);transition:background-color .2s,color .2s;font-size:.9rem;-webkit-user-select:none;user-select:none}.tag-filter-item:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.tag-filter-item input[type=checkbox]{cursor:pointer;accent-color:var(--accent-primary)}.tag-filter-item-empty{padding:.5rem 1rem;color:var(--text-secondary);font-style:italic;font-size:.9rem}.active-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.active-filter-tag{background-color:var(--accent-primary);color:var(--background-primary);font-weight:500;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .75rem;border-radius:12px;font-size:.8rem;border:1px solid var(--accent-primary)}.active-filter-tag button{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;margin-left:.25rem}.active-filter-tag button:hover{opacity:1}.clear-filters-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;text-decoration:underline;font-size:.8rem;padding:.5rem}.clear-filters-btn:hover{color:var(--text-primary)}.playground-actions{display:flex;gap:1rem;margin-bottom:1rem}.playground-actions .btn{flex-grow:1}.analysis-result{padding:1rem;border-radius:6px;background-color:var(--background-secondary);font-family:Poppins,sans-serif}.analysis-result h4{color:var(--accent-primary);margin-bottom:1rem;font-size:1.1rem}.analysis-result h5{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.analysis-total-score{text-align:center;margin-bottom:2rem}.analysis-total-score span:first-child{font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;display:block}.analysis-total-score .score-value{font-size:3rem;font-weight:700;color:var(--accent-primary);line-height:1.1}.analysis-scores-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.score-progress-item{display:flex;flex-direction:column;gap:.5rem}.score-progress-label{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:500}.score-progress-label span:first-child{color:var(--text-primary)}.score-progress-label span:last-child{color:var(--text-secondary);font-weight:600}.score-progress-bar-background{width:100%;height:8px;background-color:var(--background-tertiary);border-radius:4px;overflow:hidden}.score-progress-bar-foreground{height:100%;border-radius:4px;transition:width .5s ease-out}.analysis-result ul{list-style-position:inside;padding-left:.5rem;color:var(--text-secondary)}.analysis-result li{margin-bottom:.5rem;line-height:1.5}.analysis-actions{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.tabs-nav{display:flex;border-bottom:1px solid var(--border-color);padding:0 1.5rem;flex-shrink:0}.tab-btn{background:none;border:none;color:var(--text-secondary);padding:1rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;flex-grow:1}.console-toggle-btn{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);z-index:50;width:26px;height:50px;background-color:var(--background-secondary);border:1px solid var(--border-color);border-right:none;border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.console-toggle-btn:hover{background-color:var(--accent-primary);color:var(--background-primary);border-color:var(--accent-primary)}.command-center-layout.console-collapsed .console-toggle-btn{border-right:1px solid var(--border-color);border-left:none;border-radius:0 6px 6px 0}.prompt-editor-container{position:relative;flex-grow:1;display:flex;flex-direction:column}.prompt-editor-wrapper{position:relative;width:100%;height:100%;min-height:200px;flex-grow:1}.command-center-textarea{min-height:200px;flex-grow:1;width:100%;height:100%;padding:1rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:1rem;resize:none;font-family:Poppins,sans-serif}.command-center-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--background-primary),0 0 0 4px var(--accent-primary)}.prompt-editor-backdrop,.prompt-editor-textarea{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:1rem;border-radius:4px;font-size:1rem;line-height:1.6;font-family:Poppins,sans-serif;white-space:pre-wrap;word-wrap:break-word}.prompt-editor-textarea{z-index:2;background-color:transparent;color:transparent;caret-color:var(--text-primary);border:1px solid var(--border-color);resize:none}.prompt-editor-backdrop{z-index:1;overflow:hidden;background-color:var(--background-secondary);color:var(--text-primary)}.prompt-editor-highlights .user-variable.user-variable-default{border-bottom:1px dotted var(--accent-primary)}.prompt-editor-highlights .user-variable-name{background:linear-gradient(45deg,var(--variable-gradient-start),var(--variable-gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}.prompt-editor-highlights .variable-separator{color:var(--text-secondary);opacity:.8;padding:0 .1em}.prompt-editor-highlights .variable-default-value{color:var(--text-secondary);opacity:.9}.prompt-editor-highlights .user-variable-editing{color:var(--text-secondary)}.prompt-editor-highlights .variable-default-value-editing{color:var(--text-secondary);opacity:.9;font-style:normal;padding:0;margin:0}.prompt-editor-highlights .context-variable{border-bottom:2px dashed var(--accent-primary)}.prompt-editor-highlights .suggestion{background-color:#80deea33;border-bottom:2px dotted var(--suggestion-color)}.suggestion-tooltip{position:absolute;bottom:calc(100% + 5px);left:1rem;background-color:var(--background-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.75rem 1rem;box-shadow:0 4px 10px #0006;z-index:10;font-size:.9rem;display:flex;align-items:center;gap:1rem}.suggestion-tooltip p{margin-bottom:0}.suggestion-tooltip-actions button{background-color:var(--accent-primary);color:var(--background-primary);border:none;border-radius:4px;padding:.4rem .8rem;cursor:pointer}.suggestion-tooltip-actions button:last-child{background-color:var(--background-secondary);color:var(--text-primary)}.advanced-settings{margin-top:1rem;border:1px solid var(--border-color);border-radius:6px}.advanced-settings summary{padding:.75rem 1rem;cursor:pointer;font-weight:500;color:var(--text-secondary);list-style:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.advanced-settings summary:hover{color:var(--text-primary)}.advanced-settings summary::-webkit-details-marker{display:none}.advanced-settings summary:before{content:"►";font-size:.7em;transition:transform .2s}.advanced-settings[open]>summary:before{transform:rotate(90deg)}.advanced-settings-content{padding:1rem;border-top:1px solid var(--border-color)}.inputs-panel{border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin-bottom:1rem}.inputs-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.inputs-panel-header h4{margin:0;color:var(--text-primary);font-size:1rem}.presets-manager{display:flex;gap:.5rem}.presets-manager .input-group-select,.presets-manager .btn{height:38px;padding:.5rem 1rem;font-size:.9rem}.presets-manager .btn{width:auto}.variable-input-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:1rem;margin-bottom:1rem}.variable-input-row label{font-weight:500;color:var(--text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-input-row input{margin-bottom:0}.context-variables-display{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.context-variables-display p{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.context-variables-display .tag{font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-prompt-container{max-width:800px;margin:0 auto;padding:3rem 1.5rem 6rem;overflow-y:auto;height:100vh}.public-prompt-brand{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.public-prompt-header{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.public-prompt-header h1{font-size:1.8rem;margin-top:.25rem}.public-prompt-playground{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;margin-bottom:2rem}.public-prompt-variables{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:2rem}.public-prompt-variables h3{margin-bottom:1.5rem;color:var(--text-primary)}.public-prompt-variables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.public-prompt-variables-grid .input-group{margin-bottom:0}.prompt-view-switcher{margin-bottom:2rem}.public-prompt-panel{border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-tertiary)}.public-prompt-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--background-secondary);border-bottom:1px solid var(--border-color)}.public-prompt-panel-header h4{margin:0;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.panel-actions{display:flex;align-items:center;gap:.5rem}.panel-content{padding:1rem;white-space:pre-wrap;word-wrap:break-word;font-size:.95rem;line-height:1.7;max-height:250px;overflow-y:auto;font-family:Poppins,sans-serif}.public-highlight .user-variable{font-weight:500}.public-highlight .user-variable-name{background:linear-gradient(45deg,var(--variable-gradient-start),var(--variable-gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}.preview-highlight.placeholder{color:var(--accent-primary);font-weight:500;background-color:#c0a0621a;border-radius:3px;padding:.1em .2em;opacity:1}.public-prompt-actions{margin-top:2rem}.public-prompt-actions .btn{font-size:1.1rem;padding:1rem 1.5rem}.public-prompt-response-area{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:2rem}.public-prompt-response-area h3{margin-bottom:1rem;color:var(--accent-primary)}.public-prompt-cta{text-align:center;margin-top:4rem;padding:2.5rem 2rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px}.public-prompt-cta h2{font-size:1.8rem;color:var(--accent-primary)}.public-prompt-cta p{color:var(--text-secondary);margin-top:.5rem;margin-bottom:1.5rem;font-size:1.1rem;max-width:450px;margin-left:auto;margin-right:auto}.fullscreen-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.fullscreen-modal-content{background-color:var(--background-secondary);border-radius:8px;width:100%;height:100%;border:1px solid var(--border-color);box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column}.fullscreen-modal-content .panel-content.fullscreen{flex-grow:1;max-height:none}.share-modal-input-group{display:flex}.share-modal-input-group input{border-top-right-radius:0;border-bottom-right-radius:0}.share-modal-input-group button{border-top-left-radius:0;border-bottom-left-radius:0;width:auto}.settings-hub-layout{display:flex;flex-direction:column;height:100%}.settings-hub-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-hub-header h2{font-size:1.5rem}.settings-hub-header p{color:var(--text-secondary);margin-top:.25rem}.settings-hub-content{display:grid;grid-template-columns:220px 1fr;flex-grow:1;overflow:hidden}.settings-hub-nav{padding:1.5rem;border-right:1px solid var(--border-color)}.settings-hub-nav-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.settings-hub-nav .nav-btn{width:100%;background:none;border:none;color:var(--text-secondary);padding:.75rem 1rem;font-size:1rem;font-weight:500;border-radius:6px;text-align:left;cursor:pointer;transition:background-color .2s,color .2s}.settings-hub-nav .nav-btn:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.settings-hub-nav .nav-btn.active{background-color:var(--background-tertiary);color:var(--accent-primary);font-weight:600}.settings-hub-pane{padding:2rem;overflow-y:auto}.settings-hub-pane h3{font-size:1.5rem;color:var(--accent-primary);margin-bottom:.5rem}.settings-hub-pane p{color:var(--text-secondary);margin-bottom:2rem}.settings-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h4{font-size:1.1rem;color:var(--text-primary);margin-bottom:1.5rem}.api-key-input-wrapper{position:relative;display:flex;align-items:center}.api-key-input-wrapper input{padding-right:160px}.api-key-status{position:absolute;right:1rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500}.api-key-status.valid{color:var(--success)}.api-key-status.invalid{color:var(--danger)}.api-key-status.validating{color:var(--text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.default-models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.danger-zone{border:1px solid var(--danger);padding:1.5rem;border-radius:8px}.danger-zone h4{color:var(--danger)}.danger-zone .input-group{display:flex;justify-content:space-between;align-items:center}.danger-zone .btn-danger{width:auto}.data-actions{display:flex;gap:1rem}#import-backup-input{display:none}.creation-view-header{padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--border-color)}.creation-view-header-main{padding-bottom:1.5rem}.creation-view-header h2{font-size:1.5rem}.creation-view-header p{color:var(--text-secondary);margin-top:.25rem}.creation-view-tabs{padding:0;margin:0;border-bottom:none}.creation-view-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.creation-form{max-width:700px;display:flex;flex-direction:column;gap:1.5rem}.creation-form>.input-group,.creation-form>.modal-actions{margin:0}.creation-form textarea{min-height:200px}.settings-section .input-group input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:30px;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;padding:0}.settings-section .input-group input[type=color]::-webkit-color-swatch{border-radius:3px;border:none}.settings-section .input-group input[type=color]::-moz-color-swatch{border-radius:3px;border:none}.prompt-preview-content{font-size:1rem;line-height:1.6;font-family:Poppins,sans-serif;white-space:pre-wrap;word-wrap:break-word}.canvas-panel .prompt-preview-content{flex-grow:1;max-height:none;overflow-y:auto;border-radius:4px;border:1px solid var(--border-color);background-color:var(--background-secondary);padding:1rem}.preview-highlight{background-color:#c0a06233;font-weight:500;border-radius:3px;padding:.1em .2em}.preview-highlight.placeholder{color:var(--accent-primary);background-color:#c0a0621a}.system-prompts-actions{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.system-prompts-grid{display:grid;grid-template-columns:1fr;gap:2rem}.system-prompt-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.system-prompt-card-header{border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1rem}.system-prompt-card-header h4{font-size:1.2rem;color:var(--accent-primary);margin:0}.system-prompt-card-header p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}.system-prompt-card .input-group textarea{min-height:200px;font-family:Courier New,Courier,monospace;font-size:.9rem}.mobile-only{display:none!important}@media(max-width:800px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.mission-control-layout{grid-template-columns:1fr;position:relative;overflow:hidden}.mission-control-layout.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1100;transform:translate(-100%);box-shadow:4px 0 15px #0006}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:1050}.center-pane,.right-pane{grid-column:1 / -1}.center-pane{transition:transform .3s ease}.right-pane{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:1;pointer-events:none}.mission-control-layout.detail-view-active .center-pane{transform:translate(-30%);opacity:1;pointer-events:all}.mission-control-layout.detail-view-active .right-pane{transform:translate(0);pointer-events:all;box-shadow:-5px 0 20px #00000080}.dashboard-header{padding:1rem;position:sticky;top:0;background:var(--background-primary);z-index:50}.dashboard-header-top h2{font-size:1.1rem}.prompts-grid{grid-template-columns:1fr;gap:1rem}.prompts-list-container,.prompt-card{padding:1rem}.command-center-layout{display:flex;flex-direction:column;height:100vh;gap:0}.command-center-header{flex-shrink:0;height:var(--header-height);padding:.5rem 1rem}.command-center-header h2{font-size:1.1rem}.canvas-panel,.console-panel{flex-grow:1;height:calc(100% - var(--header-height))}.console-panel{padding-bottom:60px}.command-center-layout.mobile-view-canvas .console-panel,.command-center-layout.mobile-view-playground .canvas-panel,.command-center-layout.mobile-view-analysis .canvas-panel,.command-center-layout.mobile-view-history .canvas-panel,.console-toggle-btn,.console-panel .tabs-nav{display:none}.command-center-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background-color:var(--background-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;z-index:10}.command-center-bottom-nav .tab-btn{border-bottom:none;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.7rem;padding:.5rem;flex-grow:1;border-radius:4px;height:100%;justify-content:center}.command-center-bottom-nav .tab-btn.active{color:var(--accent-primary);background-color:var(--background-tertiary)}.tab-content{padding:1rem}.settings-hub-content{grid-template-columns:1fr}.settings-hub-nav{border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.settings-hub-nav-list{flex-direction:row;overflow-x:auto;gap:.5rem}.settings-hub-nav .nav-btn{padding:.5rem 1rem;white-space:nowrap}.settings-hub-pane{padding:1.5rem}.danger-zone .input-group{flex-direction:column;align-items:flex-start;gap:1rem}}