button,a,input,select,textarea,[role=button],[role=checkbox]{touch-action:manipulation}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--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, .08);--glass-bg: rgba(22, 22, 24, .7);--glass-border: rgba(192, 160, 98, .15);--luxury-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--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: 55px;--f-1: 1px;--f-2: 2px;--f-3: 3px;--f-5: 5px;--f-8: 8px;--f-13: 13px;--f-21: 21px;--f-34: 34px;--f-55: 55px;--f-89: 89px;--f-144: 144px;--phi: 1.618;--type-base: 1rem;--type-h6-min: .85rem;--type-h5-min: .95rem;--type-h4-min: 1.05rem;--type-h3-min: 1.15rem;--type-h2-min: 1.5rem;--type-h1-min: 1.8rem;--type-h6-max: calc(var(--type-base) * .85);--type-h5-max: calc(var(--type-base) * 1);--type-h4-max: calc(var(--type-base) * 1.2);--type-h3-max: calc(var(--type-base) * var(--phi));--type-h2-max: calc(var(--type-h3-max) * var(--phi));--type-h1-max: calc(var(--type-h2-max) * var(--phi));--type-h6: clamp(var(--type-h6-min), .8rem + .25vw, var(--type-h6-max));--type-h5: clamp(var(--type-h5-min), .9rem + .35vw, var(--type-h5-max));--type-h4: clamp(var(--type-h4-min), 1rem + .5vw, var(--type-h4-max));--type-h3: clamp(var(--type-h3-min), 1.05rem + 1vw, var(--type-h3-max));--type-h2: clamp(var(--type-h2-min), 1.25rem + 2.5vw, var(--type-h2-max));--type-h1: clamp(var(--type-h1-min), 1.3rem + 4.7vw, var(--type-h1-max))}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.7;overflow:hidden;overscroll-behavior-y:none;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:4rem 0}h1,h2,h3,h4{font-family:Playfair Display,serif;color:var(--text-primary);font-weight:500;letter-spacing:.05em}h1{font-size:var(--type-h1)}h2{font-size:var(--type-h2)}h3{font-size:var(--type-h3)}h4{font-size:var(--type-h4)}h5{font-size:var(--type-h5)}h6{font-size:var(--type-h6)}.subheading-luxury{font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--text-secondary)}.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:4rem;border-radius:8px;box-shadow:0 20px 40px #0006;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 #c0a0624d,0 4px 12px #0000001a;background-color:var(--background-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--f-13) var(--f-21);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s ease,box-shadow .2s ease,opacity .2s ease;position:relative;overflow:hidden;touch-action:manipulation}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:radial-gradient(circle 100px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.15),transparent 80%);opacity:0;transition:opacity .3s ease;z-index:0}.btn:hover:before{opacity:1}.btn>*{position:relative;z-index:1}.btn:disabled{cursor:not-allowed;opacity:.7;transform:none!important;box-shadow:none!important}.btn:active{transform:translateY(1px)}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(pointer:coarse){.btn,.action-btn-subtle,.console-toggle-btn,.header-action-btn,.action-btn,.modal-close-btn,.folder-dropdown-toggle,.tab-btn,.settings-hub-nav .nav-btn,.diff-toggle-btn,.advanced-settings summary,.mobile-menu-btn,.version-item,.social-btn{min-height:44px;align-items:center}.action-btn-subtle,.header-action-btn,.action-btn,.modal-close-btn,.mobile-menu-btn,.suggest-tags-btn,.password-toggle-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.btn-primary{background-color:var(--accent-primary);color:var(--background-primary);box-shadow:0 2px 8px #0000004d;position:relative;z-index:1}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--accent-primary);filter:blur(20px);opacity:.15;z-index:-1;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s ease,transform .3s ease;border-radius:inherit}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #c0a06266,0 0 15px #c0a06233}.btn-primary:hover:before{opacity:.3;transform:translate(-50%,-50%) scale(1.05)}.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:233px 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;padding-top:max(1.5rem,var(--safe-area-top));padding-bottom:max(1.5rem,var(--safe-area-bottom));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;padding-top:max(1.5rem,var(--safe-area-top));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);transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.search-bar input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #c0a0624d,0 4px 12px #0000001a;background-color:var(--background-tertiary)}.spotlight-active .prompts-list-container,.spotlight-active .dashboard-empty-state{opacity:.5;filter:blur(2px);transition:opacity .3s ease,filter .3s ease}.spotlight-active .search-bar{position:relative;z-index:100}.spotlight-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:90;pointer-events:none;transition:background .3s ease}.center-pane.spotlight-active{position:relative}.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;overscroll-behavior-y:contain;padding:1.5rem;display:flex;flex-direction:column}.prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--f-21)}@keyframes prompt-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.prompt-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:var(--f-34);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease;cursor:pointer;height:100%;position:relative;min-width:0;word-break:break-word;overflow-wrap:break-word;overflow:hidden}.prompt-card:before,.package-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background:radial-gradient(circle 300px at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(192,160,98,.15),transparent 80%);opacity:0;transition:opacity .3s ease;z-index:0}.prompt-card:hover:before,.package-card:hover:before{opacity:1}.prompts-grid>:nth-child(1){animation-delay:.05s}.prompts-grid>:nth-child(2){animation-delay:.1s}.prompts-grid>:nth-child(3){animation-delay:.15s}.prompts-grid>:nth-child(4){animation-delay:.2s}.prompts-grid>:nth-child(5){animation-delay:.25s}.prompts-grid>:nth-child(6){animation-delay:.3s}.prompts-grid>:nth-child(n+7){animation-delay:.35s}.prompt-card.selected-card{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary);background-color:var(--background-tertiary)}.card-selection-indicator{position:absolute;top:1rem;right:1rem;z-index:10}.card-selection-indicator input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.bulk-action-toolbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-tertiary);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color)}@media(hover:hover){.prompt-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 25px 50px #00000080,0 0 20px #c0a0624d}}@keyframes thump{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.prompt-card.thumping{animation:thump .3s ease-in-out;border-color:var(--accent-primary);box-shadow:0 0 20px #c0a06266}.prompt-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0d0fd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:20;border-radius:8px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.copied-text{font-size:2.5rem;font-weight:800;color:var(--accent-primary);letter-spacing:2px;text-shadow:0 4px 12px rgba(0,0,0,.5);transform:rotate(-5deg);text-transform:uppercase}.prompt-overlay-hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:50;pointer-events:none;animation:fadeIn .2s ease-out;background:#0d0d0f33;border-radius:inherit}.prompt-overlay-hud .copied-text{font-size:3rem;text-shadow:0 4px 20px rgba(0,0,0,.8);opacity:0;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn{0%{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}@keyframes panel-flash-anim{0%{box-shadow:0 0 #c0a06200;border-color:var(--border-color)}30%{box-shadow:0 0 30px #c0a0624d inset;border-color:var(--accent-primary)}to{box-shadow:0 0 #c0a06200;border-color:var(--border-color)}}.panel-flash{animation:panel-flash-anim .6s ease-out;position:relative}.copy-stats{margin-top:1rem;font-family:Courier New,Courier,monospace;color:var(--text-primary);background:var(--background-tertiary);padding:.25rem .75rem;border-radius:4px;border:1px solid var(--border-color);font-size:.9rem;box-shadow:0 4px 10px #0000004d}.persistent-copy-count{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-secondary);background:var(--background-tertiary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color);margin-right:auto}.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}@media(hover:hover){.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}@media(pointer:coarse){.tag.clickable{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}.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;min-width:44px;min-height:44px}.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)}.package-skill-card{border:2px solid var(--accent-primary);background-color:#c0a0621a}.package-skill-badge{position:absolute;top:1rem;left:1rem;background:var(--background-secondary);color:var(--accent-primary);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;display:flex;align-items:center;gap:.25rem;border:1px solid var(--accent-primary);z-index:10;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prompt-card-skeleton{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;min-height:180px;position:relative;overflow:hidden}.organic-shimmer{background:linear-gradient(90deg,var(--background-tertiary) 0%,var(--background-secondary) 25%,var(--background-tertiary) 50%);background-size:200% 100%;animation:shimmer 2s infinite linear}.loading-skeleton.fallback{padding:2rem;border-radius:8px;color:transparent;-webkit-user-select:none;user-select:none;min-height:200px}.package-creator-modal{max-width:800px}.share-modal-content{max-width:500px}.shortcuts-modal-content{max-width:500px;padding:2rem}.skeleton{background:linear-gradient(90deg,var(--background-tertiary) 0%,var(--background-secondary) 25%,var(--background-tertiary) 50%);background-size:200% 100%;border-radius:4px;animation:shimmer 2.5s infinite linear}.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:4rem;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;overscroll-behavior-y:contain;position:relative;border:1px solid var(--border-color);box-shadow:0 20px 40px #0006}.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;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.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);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.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.618fr) 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;overscroll-behavior-y:contain;padding:1.5rem}.console-panel{grid-row:2 / 3;grid-column:2 / 3;padding:0;position:relative;min-width:0;overscroll-behavior-y:contain}.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-overlay[data-state=open]{animation:fadeIn .15s ease-out}.command-bar{background-color:var(--background-secondary);border-radius:8px;width:90%;max-width:600px;border:1px solid var(--border-color);box-shadow:0 20px 40px #0006;overflow:hidden}@media(max-width:600px){.command-bar-overlay{padding:0;align-items:flex-start}.command-bar{width:100%;max-width:100%;height:100vh;height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.command-bar-results{flex-grow:1;overflow-y:auto;overscroll-behavior-y:contain}}.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;overscroll-behavior-y:contain}.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[aria-selected=true]{background-color:var(--accent-primary);color:var(--background-primary)}.command-bar-item:not([aria-selected=true]):hover{background-color:var(--background-tertiary)}.cmdk-group-heading{padding:.5rem 1rem;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;background-color:var(--background-primary);position:sticky;top:0;z-index:1}.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[aria-selected=true] .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);transform:translateY(-2px);box-shadow:0 4px 12px #c0a06233}.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;max-width:calc(100vw - 2rem);word-wrap:break-word;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-width:calc(100vw - 2rem);word-wrap:break-word;max-height:250px;overflow-y:auto;overscroll-behavior-y:contain;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);position:relative;z-index:1}.active-filter-tag:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--accent-primary);filter:blur(8px);opacity:.2;z-index:-1;transform:translate(-50%,-50%);pointer-events:none;border-radius:inherit}.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);position:relative;z-index:1}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:50%;width:60%;height:12px;background:var(--accent-primary);filter:blur(8px);opacity:.25;z-index:-1;transform:translate(-50%);pointer-events:none;border-radius:50%}.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}.split-view-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex-grow:1;overflow:hidden}@media(max-width:1024px){.split-view-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.split-view-container .prompt-editor-container{height:100%}.split-view-container .prompt-preview-content{height:100%;margin-top: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}.preset-manager-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-tertiary);margin-bottom:.5rem}.preset-actions{display:flex;gap:.5rem}.preset-action-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.preset-action-btn:hover{color:var(--text-primary)}.preset-action-btn.active{color:var(--accent-primary)}.draft-badge{display:inline-flex;align-items:center;gap:.3rem;background-color:#e5737326;color:var(--danger);font-size:.7rem;padding:.2rem .5rem;border-radius:4px;font-weight:600;margin-left:.5rem;border:1px solid rgba(229,115,115,.3);cursor:help}.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;overscroll-behavior-y:contain;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{position:relative;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 20px 40px #0006;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior-y:contain}@media(max-width:800px){.fullscreen-modal-overlay{padding:0}.fullscreen-modal-content{border-radius:0;border:none;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);height:100vh;height:100dvh}}.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;overscroll-behavior-y:contain}.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;max-width:600px}.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}@keyframes fadeInUpStaggered{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-entrance{animation:fadeInUpStaggered .4s ease-out forwards;opacity:0}.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}@media(min-width:1024px){.system-prompts-grid{grid-template-columns:1fr 1fr}}.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){.modal-content{padding:1.5rem;max-width:100%!important}.modal-actions{flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%;margin:0;min-height:44px}.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;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.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,.store-grid{grid-template-columns:1fr;gap:1rem}.prompts-list-container{padding:1rem}.prompt-card{padding:1rem;min-width:0}.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:calc(60px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);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;min-height:44px;min-width:44px}.command-center-bottom-nav .tab-btn.active{color:var(--accent-primary);background-color:var(--background-tertiary);position:relative;z-index:1}.command-center-bottom-nav .tab-btn.active:after{content:"";position:absolute;top:50%;left:50%;width:70%;height:70%;background:var(--accent-primary);filter:blur(14px);opacity:.15;z-index:-1;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%}.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.desktop-only{display:none!important}.danger-zone .input-group{flex-direction:column;align-items:flex-start;gap:1rem}.api-key-input-wrapper{flex-direction:column;align-items:stretch}.api-key-input-wrapper input{padding-right:1rem;max-width:100%;box-sizing:border-box}.settings-hub-pane{padding:1rem;word-break:break-word;max-width:100%;overflow-x:hidden}.api-key-status{position:static;margin-top:.5rem;justify-content:flex-end}pre,code{overflow-x:auto;max-width:100%;white-space:pre-wrap}.modal-overlay{align-items:flex-end}.modal-content{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:16px 16px 0 0;max-height:85vh;margin:0;border:none;border-top:1px solid var(--border-color);transform:translateY(0);animation:slideUp .3s ease-out;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));overscroll-behavior-y:contain}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.offline-toast{bottom:calc(80px + var(--safe-area-bottom))}.main-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background-color:var(--background-secondary);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;z-index:100}.main-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;min-height:44px;min-width:44px}.main-bottom-nav .tab-btn.active{color:var(--accent-primary);background-color:var(--background-tertiary);position:relative;z-index:1}.main-bottom-nav .tab-btn.active:after{content:"";position:absolute;top:50%;left:50%;width:70%;height:70%;background:var(--accent-primary);filter:blur(14px);opacity:.15;z-index:-1;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%}.main-bottom-nav .tab-btn.action-fab{background-color:var(--accent-primary);color:var(--background-primary);border-radius:50%;width:48px;height:48px;min-width:48px;flex-grow:0;transform:translateY(-15px);box-shadow:0 4px 12px #0000004d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .2s;position:relative;z-index:1}.main-bottom-nav .tab-btn.action-fab:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:var(--accent-primary);filter:blur(16px);opacity:.3;z-index:-1;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s ease,transform .3s ease;border-radius:inherit}.main-bottom-nav .tab-btn.action-fab:hover{background-color:var(--accent-hover);transform:translateY(-17px)}.main-bottom-nav .tab-btn.action-fab.open{transform:translateY(-15px) rotate(45deg);background-color:var(--background-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.fab-menu{position:absolute;bottom:70px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.75rem;align-items:center;pointer-events:none;z-index:101}.fab-menu.open{pointer-events:auto}.fab-item{background-color:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0006;cursor:pointer;opacity:0;transform:translateY(20px) scale(.9);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.fab-menu.open .fab-item{opacity:1;transform:translateY(0) scale(1)}.fab-menu.open .fab-item:nth-child(1){transition-delay:.05s}.fab-menu.open .fab-item:nth-child(2){transition-delay:.1s}.content-area.has-bottom-nav{padding-bottom:calc(60px + var(--safe-area-bottom))}}.online-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:.5rem}.online-dot{width:8px;height:8px;background-color:var(--success);border-radius:50%;box-shadow:0 0 5px var(--success);animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #66bb6ab3}70%{transform:scale(1);box-shadow:0 0 0 4px #66bb6a00}to{transform:scale(.95);box-shadow:0 0 #66bb6a00}}.mission-control-layout.sidebar-collapsed .online-text{display:none}.mission-control-layout.sidebar-collapsed .online-indicator{justify-content:center;padding:.5rem}.store-view,.packages-view{display:flex;flex-direction:column;height:100%}.store-header,.packages-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.store-header h2,.packages-header h2{font-size:1.5rem;color:var(--accent-primary)}.store-header p,.packages-header p{color:var(--text-secondary);margin-top:.25rem}.store-content,.packages-content{flex:1;overflow-y:auto;overscroll-behavior-y:contain;padding:1.5rem}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.package-card{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease;height:100%;position:relative;overflow:hidden}.store-grid>:nth-child(1){animation-delay:.05s}.store-grid>:nth-child(2){animation-delay:.1s}.store-grid>:nth-child(3){animation-delay:.15s}.store-grid>:nth-child(4){animation-delay:.2s}.store-grid>:nth-child(5){animation-delay:.25s}.store-grid>:nth-child(6){animation-delay:.3s}.store-grid>:nth-child(n+7){animation-delay:.35s}.package-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000004d,0 0 20px #c0a0621a;border-color:var(--accent-primary)}.package-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.package-icon-wrapper{width:48px;height:48px;background-color:var(--background-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);margin-right:1rem}.package-meta{flex:1}.package-meta h3{font-size:1.1rem;margin-bottom:.25rem;line-height:1.3}.package-price{font-family:Courier New,Courier,monospace;font-weight:700;color:var(--success);font-size:.9rem}.package-card-content{flex:1;margin-bottom:1.5rem}.package-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}.package-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.package-stats{display:flex;gap:.5rem}.stat-badge{font-size:.75rem;color:var(--text-secondary);background-color:var(--background-tertiary);padding:.2rem .5rem;border-radius:4px}.package-creator-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:800px){.package-creator-layout{grid-template-columns:1fr}.prompt-selector{border-left:none!important;padding-left:0!important;border-top:1px solid var(--border-color);padding-top:2rem}}.command-bar{background-color:#161618d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a}.command-bar-input-wrapper{display:flex;align-items:center}.command-bar-badge{position:absolute;right:1rem;font-size:.7rem;background:var(--background-tertiary);padding:.2rem .5rem;border-radius:4px;color:var(--text-secondary);pointer-events:none;border:1px solid var(--border-color)}.command-bar-icon{display:flex;align-items:center;color:var(--text-secondary);min-width:20px;justify-content:center}.command-bar-item.selected .command-bar-icon{color:var(--background-primary)}.command-bar-footer{display:flex;justify-content:flex-end;gap:1.5rem;padding:.75rem 1rem;border-top:1px solid var(--border-color);background:#0003;font-size:.8rem;color:var(--text-secondary)}.footer-item{display:flex;align-items:center;gap:.5rem}kbd{background:var(--background-tertiary);padding:.1rem .4rem;border-radius:4px;font-family:inherit;font-size:.7rem;border:1px solid var(--border-color);min-width:20px;text-align:center}.context-menu-item{background:transparent;border:none;color:var(--text-primary);padding:.5rem 1rem;text-align:left;width:100%;cursor:pointer;border-radius:4px;display:flex;align-items:center;transition:background .2s;font-size:.9rem}.context-menu-item:hover{background:#ffffff1a}.empty-state-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:1.5rem;width:100%;max-width:800px;padding:1rem}.empty-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease}.empty-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 30px #0000004d}.empty-card-icon{width:64px;height:64px;background:var(--background-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--accent-primary);transition:transform .3s ease}.empty-card:hover .empty-card-icon{transform:scale(1.1);background:var(--accent-primary);color:var(--background-primary)}.empty-card h4{margin-bottom:.5rem;color:var(--text-primary)}.empty-card p{font-size:.9rem;color:var(--text-secondary)}.auth-split-layout{display:flex;min-height:100vh;width:100%;background-color:var(--background-primary)}.auth-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem;width:100%;margin:0 auto;overflow-y:auto;overscroll-behavior-y:contain}@media(max-width:400px){.auth-left{padding:1rem}}.auth-right{display:none}@media(min-width:1024px){.auth-split-layout{flex-direction:row}.auth-left{max-width:50%;padding:2rem 6rem}.auth-right{display:flex;flex:1;background-color:var(--background-secondary);position:relative;overflow:hidden;align-items:center;justify-content:center}}.auth-hero-content{position:relative;z-index:10;padding:4rem;text-align:center;max-width:600px}.auth-hero-quote{font-family:Playfair Display,serif;font-size:2.5rem;color:var(--accent-primary);margin-bottom:2rem;font-style:italic;line-height:1.3}.auth-hero-author{font-family:Poppins,sans-serif;font-size:1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--background-tertiary);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s;font-size:.95rem}.social-btn:hover{background-color:var(--background-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.social-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;margin:2rem 0;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.password-input-wrapper{position:relative}.password-toggle-btn{position:absolute;right:0;top:0;height:100%;min-width:44px;padding:0 1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle-btn:hover{color:var(--accent-primary)}.auth-error-banner{background-color:#e573731a;border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;animation:fadeIn .3s ease-out}.top-global-header{height:calc(var(--header-height) + var(--safe-area-top));padding-top:var(--safe-area-top);background-color:var(--background-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding-left:1.5rem;padding-right:1.5rem;flex-shrink:0}.main-content-wrapper{grid-column:2 / -1;grid-row:1 / -1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.content-area{flex:1;position:relative;overflow:hidden;background-color:var(--background-primary)}.main-content-wrapper .center-pane,.main-content-wrapper .right-pane{grid-column:auto;grid-row:auto;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.header-action-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;position:relative;transition:color .2s,background-color .2s}.header-action-btn:hover{color:var(--text-primary);background-color:var(--background-tertiary)}.header-action-btn .badge{position:absolute;top:-2px;right:-2px;background-color:var(--accent-primary);color:var(--background-primary);font-size:.6rem;padding:.1rem .3rem;border-radius:4px;font-weight:700}.logout-btn span{font-size:.9rem;font-weight:500}.folder-dropdown{position:relative}.folder-dropdown-toggle{background:none;border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:6px;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;min-width:180px;justify-content:space-between;transition:background-color .2s}.folder-dropdown-toggle:hover{background-color:var(--background-tertiary)}.folder-dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px;width:250px;box-shadow:0 10px 25px #00000080;z-index:1000;padding:.5rem 0}.folder-search-wrapper{padding:.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:.5rem}.folder-search-input{background:none;border:none;color:var(--text-primary);width:100%;outline:none;font-size:.9rem}.folder-list-dropdown{list-style:none;max-height:200px;overflow-y:auto;overscroll-behavior-y:contain}.folder-list-item{padding:.5rem 1rem;cursor:pointer;color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;justify-content:space-between}.folder-list-item:hover,.folder-list-item.active{background-color:var(--background-tertiary);color:var(--text-primary)}.folder-list-item.active{color:var(--accent-primary);font-weight:500}.folder-dropdown-footer{border-top:1px solid var(--border-color);padding:.5rem;text-align:center}.create-folder-btn{background:none;border:none;color:var(--accent-primary);font-size:.85rem;cursor:pointer;font-weight:500;padding:.25rem .5rem;width:100%;text-align:left;display:flex;align-items:center;gap:.5rem}.create-folder-btn:hover{text-decoration:underline}.mobile-menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.mobile-menu-btn svg{width:24px;height:24px}@media(max-width:800px){.mission-control-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.sidebar{z-index:2000}.main-content-wrapper{width:100%;flex:1;min-height:0}.top-global-header{padding:var(--safe-area-top) 1rem 0;height:calc(var(--header-height) + var(--safe-area-top));justify-content:space-between}.folder-dropdown-toggle{min-width:auto;border:none;padding:.5rem;gap:.5rem}.folder-dropdown-toggle .folder-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-dropdown-menu{width:220px}.dashboard-header .mobile-only{display:none!important}.content-area{height:auto;flex:1}}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.offline-toast{position:fixed;bottom:calc(20px + var(--safe-area-bottom));left:50%;transform:translate(-50%);animation:slideUpToast .3s cubic-bezier(.16,1,.3,1) forwards;background:#0d0d0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--danger);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:50px;display:flex;align-items:center;gap:1rem;z-index:10000;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));box-shadow:0 10px 25px #00000080,0 0 0 1px #e5737333;animation:toast-in .5s cubic-bezier(.175,.885,.32,1.275);min-width:300px;max-width:calc(100vw - 2rem);word-wrap:break-word}.offline-icon{display:flex;align-items:center;justify-content:center;color:var(--danger);width:32px;height:32px;background:#e573731a;border-radius:50%;flex-shrink:0}.offline-message{display:flex;flex-direction:column;font-size:.85rem;line-height:1.3}.offline-message strong{color:var(--danger);font-weight:600}.offline-message span{color:var(--text-secondary)}@media(max-width:768px){input,select,textarea,.input-group input,.input-group-select,.input-group textarea{font-size:16px!important}}.header-action-btn{min-width:44px;min-height:44px}.mission-control-layout.zen-mode{grid-template-columns:0px 1fr}.mission-control-layout.zen-mode .sidebar{padding:0;opacity:0;pointer-events:none;transform:translate(-20px)}.mission-control-layout.zen-mode .top-global-header{height:0;opacity:0;pointer-events:none;padding:0;overflow:hidden;transform:translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.mission-control-layout.zen-mode .content-area{height:100vh}.mission-control-layout.zen-mode .main-content-wrapper{max-width:1200px;margin:0 auto;position:relative;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:var(--background-primary);box-shadow:0 0 100px #00000080}.direct-answer{display:block;margin:0 1.5rem 1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border-left:4px solid var(--accent-primary);color:var(--text-secondary);font-size:.9rem;line-height:1.5;font-weight:500}.inspiration-header+.direct-answer{margin:0 0 1.5rem}@media(max-width:800px){.mission-control-layout.zen-mode{grid-template-columns:1fr}.mission-control-layout.zen-mode .main-content-wrapper{border:none;max-width:100%}}.exit-zen-btn{position:fixed;bottom:2rem;right:2rem;z-index:2000;background:var(--background-secondary);border:1px solid var(--accent-primary);color:var(--accent-primary);padding:.5rem 1rem;border-radius:50px;box-shadow:0 4px 20px #0006;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.exit-zen-btn:hover{background:var(--accent-primary);color:var(--background-primary);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px #c0a0624d}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;background:#161618d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;color:var(--text-primary);font-size:.95rem;min-width:300px;transform-origin:bottom right;animation:toast-in .4s cubic-bezier(.16,1,.3,1) forwards;transition:all .3s ease}.toast-success{border-color:#66bb6a4d}.toast-error{border-color:#e573734d}.toast-info{border-color:#c0a0624d}.toast-success .toast-icon{color:#66bb6a}.toast-error .toast-icon{color:#e57373}.toast-info .toast-icon{color:var(--accent-primary)}.toast-close{margin-left:auto;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;font-size:1.25rem;line-height:1;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.toast-container{bottom:1rem;left:1rem;right:1rem;align-items:center}.toast{width:100%;min-width:0}}.presentation-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;flex-direction:column;transition:background .3s,color .3s}.presentation-mode.theme-dark{background:#000;color:#fff}.presentation-mode.theme-light{background:#fff;color:#000}.presentation-toolbar{padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003}.presentation-title{font-family:Playfair Display,serif;font-size:1.5rem;margin:0;opacity:.8}.presentation-actions{display:flex;gap:1rem}.presentation-btn{background:none;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;transition:all .2s}.presentation-btn:hover{background:#ffffff1a;transform:scale(1.1)}.presentation-content{flex:1;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:2rem}.content-scroller{max-width:900px;width:100%;font-family:Poppins,sans-serif;font-size:1.8rem;line-height:1.6;white-space:pre-wrap}.theme-light .presentation-btn{border-color:#0003}.theme-light .presentation-btn:hover{background:#0000000d}.diff-viewer-container{display:flex;flex-direction:column;gap:1rem;font-family:Fira Code,monospace;font-size:.9rem;background:var(--background-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border-color);margin-top:1rem}.diff-toolbar{display:flex;align-items:center;padding:.5rem 1rem;background:#0003;border-bottom:1px solid var(--border-color)}.diff-toggle-group{display:flex;background:var(--background-tertiary);border-radius:6px;padding:2px}.diff-toggle-btn{background:none;border:none;color:var(--text-secondary);padding:.25rem .75rem;font-size:.8rem;cursor:pointer;border-radius:4px}.diff-toggle-btn.active{background:var(--accent-primary);color:var(--background-primary);font-weight:600}.diff-content{padding:1rem;overflow-x:auto;overflow-y:auto;overscroll-behavior-y:contain;max-height:500px}.diff-content.split{display:flex;gap:1rem}.diff-pane{flex:1;min-width:0}.diff-header{font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.diff-line{white-space:pre-wrap;line-height:1.5;padding:0 .5rem;display:flex}.diff-marker{-webkit-user-select:none;user-select:none;margin-right:.5rem;opacity:.5;width:1em;display:inline-block}.diff-added{background-color:#2ea04326;color:#e6ffec}.diff-removed{background-color:#f8514926;color:#ffcdcd;opacity:.7}.diff-text{flex:1}.prompt-card .prompt-card-actions{opacity:0;transform:translateY(10px);transition:all .2s cubic-bezier(.4,0,.2,1)}.prompt-card:hover .prompt-card-actions,.prompt-card:focus-within .prompt-card-actions{opacity:1;transform:translateY(0)}@media(max-width:768px){.prompt-card .prompt-card-actions{opacity:1;transform:none}}@media(pointer:coarse){.suggest-tags-btn{min-height:44px}}.reading-progress-bar{height:3px;background-color:var(--accent-primary);width:0%;transition:width .1s ease-out;position:absolute;top:96px;left:0;z-index:10001}@media(max-width:768px){.reading-progress-bar{top:80px}}.history-list{display:flex;flex-direction:column;gap:.5rem}@media(min-width:1024px){.history-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media(min-width:1024px){.modal-content.wide-modal{max-width:800px}.form-grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.settings-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.input-group.max-w-md input,.input-group.max-w-md select{max-width:450px}}@media(min-width:1024px){.settings-hub-pane{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;align-content:start}.settings-hub-pane>h2{grid-column:1 / -1;margin-bottom:0}.settings-hub-pane>p{grid-column:1 / -1;margin-bottom:2rem}.settings-section{margin-bottom:0;padding-bottom:0;border-bottom:none;background:var(--background-secondary);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a}}@media(max-width:800px){.empty-state-cards{grid-template-columns:1fr}}@media(min-width:1024px){.input-group input:not([type=color]):not([type=checkbox]):not([type=radio]),.input-group-select,.input-group textarea{max-width:800px}}.ai-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem;width:100%}.ai-loader-container.inline{flex-direction:row;padding:1rem;gap:1rem}.ai-morph-svg{animation:ai-pulse 2.5s ease-in-out infinite}@keyframes ai-pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.ai-loader-text{font-size:1rem;font-weight:500;letter-spacing:.05em;animation:ai-text-shimmer 2.5s linear infinite;background:linear-gradient(90deg,var(--text-secondary) 0%,var(--accent-primary) 50%,var(--text-secondary) 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes ai-text-shimmer{to{background-position:200% center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.glass-panel,.command-bar,.toast-container>div,.prompt-card-overlay,.presentation-toolbar,.modal-content,.fullscreen-modal-content{box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0003,0 25px 50px -12px #0006,inset 0 1px #ffffff0d!important;position:relative;isolation:isolate}.glass-panel{background:var(--glass-bg)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border)}.modal-content,.fullscreen-modal-content{background:var(--glass-bg)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important}.glass-panel:before,.command-bar:before,.toast-container>div:before,.prompt-card-overlay:before,.presentation-toolbar:before,.modal-content:before,.fullscreen-modal-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay}.sparkle-text{background:linear-gradient(120deg,var(--accent-primary) 0%,#ff8a00 50%,var(--accent-primary) 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shine 2s linear infinite}@keyframes shine{to{background-position:200% center}}.pulse-gradient-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;outline:none;opacity:.9;transition:opacity .2s}.pulse-gradient-slider:hover{opacity:1}.pulse-gradient-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:currentColor;cursor:pointer;box-shadow:0 0 5px #0003}.pulse-gradient-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:currentColor;cursor:pointer;box-shadow:0 0 5px #0003;border:none}.playground-response.generating-active{position:relative}.playground-response.generating-active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary) 0%,#3b82f6 50%,var(--accent-primary) 100%);background-size:200% 100%;animation:gradient-slide 2s linear infinite;border-top-left-radius:inherit;border-top-right-radius:inherit}@keyframes gradient-slide{0%{background-position:100% 0}to{background-position:-100% 0}}