:root{--bg-main:#0a0c12;--bg-card:#121622bf;--bg-card-hover:#1a2032d9;--bg-card-elevated:#181e30d9;--bg-input:#0f1320;--border-subtle:#ffffff14;--border-active:#f43f5e80;--border-glow:#8b5cf64d;--accent-pink:#f43f5e;--accent-pink-hover:#fb7185;--accent-pink-glow:#f43f5e40;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf640;--accent-cyan:#38bdf8;--accent-amber:#f59e0b;--accent-emerald:#10b981;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px;--font-sans:"Outfit", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-glow:0 0 20px #f43f5e26;--shadow-card:0 10px 30px -10px #00000080}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,#8b5cf614 0%,#0000 40%),radial-gradient(circle at 85% 85%,#f43f5e14 0%,#0000 40%),radial-gradient(circle,#0f172a80 0%,#0000 100%);background-attachment:fixed;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#252d44}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.app-container{box-sizing:border-box;flex-direction:column;gap:.9rem;width:100%;max-width:1800px;margin:0 auto;padding:1rem 1.25rem 2rem;display:flex;overflow-x:hidden}.app-header.topbar{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:58px;padding:.65rem 1.25rem;display:flex}.brand{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.brand-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent-pink), var(--accent-purple));color:#fff;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 0 15px #f43f5e66}.brand-text{flex-direction:column;display:flex}.brand-title{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:800;line-height:1.2}.brand-subtitle{color:var(--text-muted);letter-spacing:.02em;font-size:.68rem}.header-controls{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.mode-selector{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:.15rem;padding:.15rem;display:flex}.mode-btn{color:var(--text-secondary);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#f43f5e40,#8b5cf640);border:1px solid #f43f5e66;box-shadow:0 0 10px #f43f5e33}.icon-btn-group{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.15rem;display:flex}.icon-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.35rem .5rem;transition:all .15s;display:flex}.icon-btn:hover:not(:disabled){color:#fff;background:#ffffff14}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.search-box{flex:1;align-items:center;max-width:520px;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.9rem}.search-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:.55rem 4.5rem .55rem 2.4rem;font-size:.85rem;transition:all .2s}.search-input:focus{border-color:var(--accent-pink);background:#111526;box-shadow:0 0 15px #f43f5e33}.search-trailing{align-items:center;gap:.35rem;display:flex;position:absolute;right:.65rem}.search-count{color:var(--text-muted);border-radius:var(--radius-xs);background:#ffffff0f;padding:.1rem .4rem;font-size:.72rem}.search-clear{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;align-items:center;padding:.15rem;display:flex}.search-clear:hover{color:#fff;background:#ffffff1a}.kbd{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:4px;padding:.15rem .35rem;font-size:.68rem;line-height:1}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .65rem;font-size:.76rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 4px 12px #f43f5e4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f43f5e73}.btn-secondary{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#fff3}.btn-outline-danger{color:#f87171;background:0 0;border:1px solid #ef44444d}.btn-outline-danger:hover{background:#ef444426;border-color:#ef4444}.quick-preset-bar{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.45rem;padding:.55rem 1rem;display:flex;box-shadow:0 4px 16px #0003}.quick-preset-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.quick-preset-title{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex}.quick-preset-hint{color:var(--text-muted);margin-left:.3rem;font-size:.7rem;font-weight:400}.quick-preset-mode-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0000004d;gap:.15rem;padding:.15rem;display:flex}.preset-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:600;transition:all .15s}.preset-mode-btn:hover{color:var(--text-primary)}.preset-mode-btn.active{color:#fff;background:linear-gradient(135deg,#8b5cf659,#f43f5e40);border:1px solid #8b5cf680}.quick-preset-chips-container{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.quick-preset-chip-wrapper{align-items:center;display:flex;position:relative}.quick-preset-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.76rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.quick-preset-chip:hover{border-color:var(--accent-pink);background:linear-gradient(135deg,#8b5cf626,#f43f5e26);transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e33}.chip-icon{color:var(--accent-pink)}.chip-count{color:var(--text-muted);background:#ffffff1a;border-radius:9999px;padding:.05rem .35rem;font-size:.65rem}.quick-preset-delete-btn{color:#f87171;cursor:pointer;z-index:1;background:#ef444433;border:1px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;margin-left:-.35rem;transition:all .15s;display:flex}.quick-preset-delete-btn:hover{color:#fff;background:#ef4444}.quick-preset-add-trigger{border-radius:var(--radius-sm);color:var(--accent-pink);cursor:pointer;background:0 0;border:1px dashed #f43f5e66;align-items:center;gap:.25rem;padding:.3rem .6rem;font-size:.74rem;font-weight:600;transition:all .2s;display:inline-flex}.quick-preset-add-trigger:hover{border-color:var(--accent-pink);background:#f43f5e1a;transform:translateY(-1px)}.quick-preset-add-form{border-radius:var(--radius-sm);border:1px solid var(--accent-pink);background:#0003;align-items:center;gap:.3rem;padding:.15rem .35rem;display:flex}.quick-preset-input{color:#fff;background:0 0;border:none;outline:none;width:150px;font-size:.75rem}.quick-preset-manage-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.2rem;margin-left:auto;padding:.25rem .45rem;font-size:.72rem;transition:all .2s;display:inline-flex}.quick-preset-manage-btn:hover{color:var(--text-primary);background:#ffffff0d}.workspace-layout{grid-template-columns:210px minmax(0,1fr) 400px;align-items:start;gap:1rem;width:100%;display:grid}.workspace-layout>*{min-width:0}.rail-column{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow-y:auto}.category-rail{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:.4rem;padding:.65rem .5rem;display:flex}.rail-group{flex-direction:column;gap:.15rem;margin-top:.25rem;display:flex}.rail-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.35rem .6rem .15rem;font-size:.68rem;font-weight:700}.rail-item{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.55rem;width:100%;padding:.45rem .6rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.rail-item:hover{color:var(--text-primary);background:#ffffff0a}.rail-item.active{border-color:var(--accent-purple);color:#fff;background:linear-gradient(135deg,#8b5cf633,#f43f5e26);box-shadow:0 0 10px #8b5cf640}.rail-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rail-selected{color:#fff;background:#f43f5e14;border:1px solid #f43f5e40;margin-bottom:.3rem}.rail-selected:hover{border-color:var(--accent-pink);background:#f43f5e26}.rail-selected.active{border-color:var(--accent-pink);background:linear-gradient(135deg,#f43f5e4d,#8b5cf633);box-shadow:0 0 12px #f43f5e4d}.cat-tab-badge{background:linear-gradient(135deg, var(--accent-pink), var(--accent-purple));color:#fff;text-align:center;border-radius:9999px;min-width:1.1rem;padding:.08rem .35rem;font-size:.65rem;font-weight:700;line-height:1.2;box-shadow:0 0 8px #f43f5e66}.selector-column{flex-direction:column;gap:1rem;min-width:0;display:flex}.selector-panel{flex-direction:column;gap:1rem;width:100%;min-width:0;display:flex}.tags-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-height:520px;box-shadow:var(--shadow-card);flex-direction:column;gap:.85rem;padding:1.15rem;display:flex}.cat-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding-bottom:.75rem;display:flex}.cat-heading{flex-direction:column;gap:.15rem;display:flex}.cat-title{align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;display:flex}.cat-desc{color:var(--text-muted);font-size:.76rem}.cat-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tag-toolbar{color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem .2rem;font-size:.76rem;display:flex}.tag-toolbar-count b{color:var(--accent-pink)}.tag-toolbar-actions{align-items:center;gap:.45rem;display:flex}.seg{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:.15rem;padding:.15rem;display:flex}.seg-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem .45rem;transition:all .15s;display:flex}.seg-btn:hover{color:var(--text-primary)}.seg-btn.active{color:#fff;background:#ffffff1f}.seg-toggle{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.72rem;font-weight:700;transition:all .15s;display:inline-flex}.seg-toggle:hover{color:var(--text-primary)}.seg-toggle.on{color:var(--accent-cyan);background:#38bdf826;border-color:#38bdf866}.menu-backdrop{z-index:25;position:fixed;inset:0}.dict-menu{border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:30;background:#131828;flex-direction:column;gap:.3rem;min-width:210px;padding:.45rem;display:flex;position:absolute;top:110%;right:0;box-shadow:0 10px 25px #00000080}.menu-item{justify-content:flex-start;width:100%}.menu-divider{background:var(--border-subtle);height:1px;margin:.2rem 0}.tags-scroll{flex:1;max-height:calc(100vh - 270px);padding-right:.25rem;overflow-y:auto}.tags-cloud{flex-wrap:wrap;align-content:flex-start;gap:.45rem;display:flex}.tags-cloud.card{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.55rem;display:grid}.tag-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;flex-direction:column;gap:.2rem;padding:.45rem .65rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.tag-card.compact{flex-direction:row;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.8rem}.tag-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.tag-card.selected{color:#fff;background:linear-gradient(135deg,#f43f5e47,#e11d4829);border-color:#f43f5e;transform:translateY(-1px);box-shadow:0 0 14px #f43f5e59,inset 0 0 10px #f43f5e1f}.tag-card-main{align-items:center;gap:.4rem;display:flex}.tag-card-icon{color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.tag-card.selected .tag-card-icon{background:var(--accent-pink);color:#fff;border-radius:50%;box-shadow:0 2px 6px #f43f5e80}.tag-chip-ja{font-size:.83rem;font-weight:600;line-height:1.3}.tag-card.selected .tag-chip-ja{color:#fff;text-shadow:0 1px 3px #0009;font-weight:700}.tag-chip-en{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all;font-size:.72rem;line-height:1.2}.tag-card.selected .tag-chip-en{color:#ffe1ebe6}.search-highlight{color:#fda4af;text-decoration:underline;-webkit-text-decoration-color:var(--accent-pink);text-decoration-color:var(--accent-pink);background:#f43f5e4d;border-radius:2px;padding:0 2px;font-weight:700}.ribbon-badge{cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .15s,opacity .15s,box-shadow .15s}.ribbon-badge:active{cursor:grabbing}.ribbon-badge.dragging{opacity:.4;border-style:dashed;transform:scale(.95)}.ribbon-badge.drag-over{transform:scale(1.05);box-shadow:0 0 12px #38bdf880;border-color:#38bdf8!important}.ribbon-badge.conflict{background:#f59e0b26;border-color:#f59e0b!important}.tag-badge-custom{color:#fca5a5;background:#f43f5e40;border-radius:3px;padding:.08rem .25rem;font-size:.62rem;font-weight:600}.tag-cat-label{color:var(--text-muted);background:#ffffff14;border-radius:3px;margin-left:auto;padding:.08rem .3rem;font-size:.62rem}.tag-edit-controls{align-items:center;gap:.2rem;margin-left:auto;display:flex}.tags-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;width:100%;padding:3rem 1.5rem;font-size:.85rem}.sidebar-column{flex-direction:column;gap:.9rem;min-width:0;max-height:calc(100vh - 2rem);padding-right:.25rem;display:flex;position:sticky;top:1rem;overflow-y:auto}.active-tags-ribbon{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);flex-direction:column;gap:.55rem;padding:.65rem 1rem;transition:all .25s;display:flex}.ribbon-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.ribbon-title-group{align-items:center;gap:.75rem;display:flex}.ribbon-title{color:var(--text-primary);align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;display:flex}.ribbon-count{color:var(--accent-pink);font-size:.85rem;font-weight:700}.ribbon-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ribbon-input-group{align-items:center;gap:.35rem;display:flex}.ribbon-input{min-width:260px;max-width:380px;height:32px;padding:.35rem .65rem;font-size:.8rem}.ribbon-collapse-btn{border-radius:var(--radius-sm);width:30px;height:30px}.ribbon-body{border-top:1px solid #ffffff0f;padding-top:.55rem}.ribbon-empty{color:var(--text-muted);padding:.35rem 0;font-size:.82rem;font-style:italic}.ribbon-tags-list{flex-wrap:wrap;align-content:flex-start;gap:.35rem;max-height:135px;padding-right:.25rem;display:flex;overflow-y:auto}.active-tags-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.active-tags-header{justify-content:space-between;align-items:center;display:flex}.active-count{color:var(--accent-pink);margin-left:.35rem;font-size:.85rem;font-weight:700}.active-tags-list{flex-wrap:wrap;align-content:flex-start;gap:.35rem;min-height:44px;max-height:220px;padding-right:.25rem;display:flex;overflow-y:auto}.active-badge{border-radius:var(--radius-sm);background:#181d2f;border:1px solid #f43f5e66;align-items:center;gap:.35rem;padding:.25rem .45rem;font-size:.76rem;display:flex;box-shadow:0 2px 6px #0000004d}.badge-name{font-weight:600}.badge-weight-ctrl{font-family:var(--font-mono);color:var(--accent-cyan);background:#0000004d;border-radius:4px;align-items:center;gap:.2rem;padding:.08rem .2rem;font-size:.7rem;display:flex}.weight-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 .15rem;font-size:.7rem;display:flex}.weight-btn:hover{color:#fff}.badge-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:.1rem;display:flex}.badge-remove:hover{color:#f87171;background:#f8717126}.output-column{flex-direction:column;gap:.75rem;display:flex}.output-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.output-header{justify-content:space-between;align-items:center;display:flex}.output-title{align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;display:flex}.prompt-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;font-family:var(--font-mono);color:#e2e8f0;resize:vertical;outline:none;min-height:120px;padding:.75rem;font-size:.8rem;line-height:1.55;transition:border-color .2s}.prompt-textarea:focus{border-color:var(--accent-purple)}.token-bar{flex-direction:column;gap:.3rem;font-size:.72rem;display:flex}.token-labels{color:var(--text-muted);justify-content:space-between;display:flex}.token-progress-bg{border-radius:var(--radius-full);background:#ffffff14;height:4px;overflow:hidden}.token-progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s,background .3s}.token-progress-fill.safe{background:linear-gradient(90deg,#10b981,#059669)}.token-progress-fill.caution{background:linear-gradient(90deg,#f59e0b,#d97706)}.token-progress-fill.danger{background:linear-gradient(90deg,#ef4444,#dc2626)}.token-warning{color:#f87171;align-items:center;gap:.3rem;margin-top:.15rem;font-size:.7rem;display:flex}.nl-field{flex-direction:column;gap:.3rem;display:flex}.nl-field label{color:var(--text-secondary);font-size:.74rem;font-weight:600}.output-details{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.65rem .85rem;transition:all .2s}.output-details summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;list-style:none;display:flex}.output-details summary::-webkit-details-marker{display:none}.summary-title{align-items:center;gap:.4rem;display:flex}.summary-chevron{color:var(--text-muted);transition:transform .2s}.output-details[open] .summary-chevron{transform:rotate(180deg)}.output-details[open] .prompt-textarea{margin-top:.65rem}.guide-list{color:#cbd5e1;margin:.65rem 0 0;padding-left:1.1rem;font-size:.75rem;line-height:1.6}.guide-list strong{color:#c084fc}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-active);border-radius:var(--radius-lg);background:#111422;flex-direction:column;gap:1.1rem;width:100%;max-width:580px;padding:1.5rem;display:flex;box-shadow:0 20px 40px #0009,0 0 30px #f43f5e33}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;display:flex}.modal-close:hover{color:#fff}.scenario-box{border-left:3px solid var(--accent-pink);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f43f5e0f;padding:.85rem 1rem;font-size:.88rem;line-height:1.6}.toast{color:#fff;border-radius:var(--radius-md);z-index:200;background:linear-gradient(135deg,#10b981,#059669);align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.82rem;font-weight:600;animation:.25s ease-out slideUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #10b98166}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (width<=1400px){.workspace-layout{grid-template-columns:180px minmax(0,1fr) 370px}}@media (width<=1150px){.workspace-layout{grid-template-columns:170px 1fr}.sidebar-column{grid-column:1/-1;max-height:none;position:static;overflow-y:visible}}@media (width<=800px){.app-header.topbar{flex-direction:column;align-items:stretch}.search-box{order:3;max-width:none}.header-controls{flex-wrap:wrap;justify-content:space-between}.workspace-layout{grid-template-columns:1fr}.rail-column{max-height:none;position:static}.category-rail{flex-direction:row;overflow-x:auto}.rail-group{flex-direction:row}}.conflict-banner-container{border-radius:var(--radius-sm);background:#f59e0b14;border:1px solid #f59e0b40;flex-direction:column;gap:.45rem;margin:.5rem 0 .25rem;padding:.65rem .85rem;animation:.2s ease-out fadeIn;display:flex}.conflict-banner-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.conflict-banner-title{color:#fbbf24;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;display:flex}.conflict-icon-warn{color:#f59e0b;flex-shrink:0}.auto-sort-btn-mini{color:#38bdf8;border-radius:var(--radius-xs);cursor:pointer;background:#38bdf81f;border:1px solid #38bdf859;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.auto-sort-btn-mini:hover{background:#38bdf840;border-color:#38bdf8;transform:translateY(-1px)}.conflict-list{flex-direction:column;gap:.35rem;display:flex}.conflict-item{border-radius:var(--radius-xs);background:#0f172a99;border-left:3px solid #f59e0b;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .65rem;display:flex}.conflict-item.info{border-left-color:#38bdf8}.conflict-item-content{flex-direction:column;gap:.15rem;font-size:.74rem;display:flex}.conflict-item-title{color:#e2e8f0;align-items:center;gap:.35rem;font-size:.76rem;display:flex}.conflict-item-title strong{font-weight:600}.conflict-item-desc{color:var(--text-muted);font-size:.72rem;line-height:1.35}.text-warning{color:#f59e0b}.text-info{color:#38bdf8}.conflict-resolve-btn{color:#f8fafc;border-radius:var(--radius-xs);cursor:pointer;background:#f43f5e26;border:1px solid #f43f5e59;flex-shrink:0;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.72rem;transition:all .15s;display:inline-flex}.conflict-resolve-btn:hover{border-color:var(--accent-pink);background:#f43f5e4d}.auto-sort-btn{color:#38bdf8!important;background:#38bdf814!important;border-color:#38bdf84d!important}.auto-sort-btn:hover{background:#38bdf82e!important;border-color:#38bdf8!important}.header-feature-btn{align-items:center;gap:.4rem;display:inline-flex;position:relative}.header-badge-count{border-radius:var(--radius-full);color:#38bdf8;background:#38bdf833;border:1px solid #38bdf866;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.65rem;font-weight:700;display:inline-flex}.header-badge-fav{border-radius:var(--radius-full);color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66;align-items:center;gap:2px;padding:.1rem .35rem;font-size:.65rem;font-weight:700;display:inline-flex}.shortcut-hint-badge{font-size:.62rem;font-family:var(--font-mono);opacity:.75;background:#00000059;border:1px solid #ffffff2e;border-radius:3px;margin-left:.25rem;padding:.08rem .3rem;display:inline-block}.modal-history{flex-direction:column;width:95vw;max-width:1000px;max-height:88vh;padding:1.25rem;display:flex}.modal-title-with-badge{align-items:center;gap:.65rem;display:flex}.count-badge{color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#ffffff0d;padding:.15rem .5rem;font-size:.72rem}.history-toolbar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.history-tabs{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#0f172a99;align-items:center;gap:.35rem;padding:.2rem;display:flex}.history-tab-btn{color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.76rem;transition:all .15s;display:inline-flex}.history-tab-btn.active{background:var(--bg-card-elevated);color:var(--text-primary);font-weight:600;box-shadow:0 2px 8px #0003}.text-favorite{color:#fbbf24}.history-search-box{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex:1;align-items:center;gap:.4rem;min-width:220px;max-width:320px;padding:.25rem .6rem;display:flex}.history-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.76rem}.history-actions-bar{align-items:center;gap:.4rem;display:flex}.btn-secondary-compact,.btn-danger-compact{border-radius:var(--radius-xs);cursor:pointer;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-subtle);align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.72rem;transition:all .15s;display:inline-flex}.btn-secondary-compact:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:#fff3}.btn-danger-compact:hover{color:#f87171;background:#ef444426;border-color:#ef444466}.history-list-container{flex-direction:column;max-height:calc(85vh - 140px);padding:.75rem 0;display:flex;overflow-y:auto}.history-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.85rem;display:flex}.history-grid{flex-direction:column;gap:.75rem;display:flex}.history-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#121622bf;flex-direction:column;gap:.55rem;padding:.85rem 1rem;transition:all .15s;display:flex}.history-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 16px #0000004d}.history-card.is-fav{background:#f59e0b08;border-left:3px solid #fbbf24}.history-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.history-card-meta{align-items:center;gap:.5rem;font-size:.74rem;display:flex}.history-time{color:var(--text-muted)}.history-mode-badge{text-transform:uppercase;border-radius:3px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.history-mode-badge.mode-base{color:#fb7185;background:#f43f5e26}.history-mode-badge.mode-aesthetic{color:#a78bfa;background:#8b5cf626}.history-mode-badge.mode-turbo{color:#38bdf8;background:#38bdf826}.history-title-text{color:var(--text-primary);font-weight:600}.history-default-title{color:var(--text-secondary)}.history-card-top-actions{align-items:center;gap:.3rem;display:flex}.fav-btn.favorited{color:#fbbf24}.history-tags-preview{flex-wrap:wrap;gap:.3rem;display:flex}.history-tag-badge{color:#cbd5e1;border-radius:var(--radius-xs);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:.2rem;padding:.15rem .45rem;font-size:.7rem;display:inline-flex}.history-tag-badge .weight-num{color:#38bdf8;font-weight:600}.history-tag-more{color:var(--text-muted);align-self:center;margin-left:.2rem;font-size:.68rem}.history-prompt-text-preview{font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-xs);text-overflow:ellipsis;white-space:nowrap;background:#0a0c1299;padding:.4rem .6rem;font-size:.72rem;overflow:hidden}.history-note-display{color:#38bdf8;border-radius:var(--radius-xs);cursor:pointer;background:#38bdf814;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.72rem;display:flex}.history-note-display:hover{background:#38bdf826}.history-edit-box{border-radius:var(--radius-sm);background:#0f172acc;border:1px solid #38bdf84d;flex-direction:column;gap:.4rem;padding:.5rem;display:flex}.history-input-title,.history-input-note{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-xs);outline:none;width:100%;padding:.35rem .55rem;font-size:.76rem}.history-input-title:focus,.history-input-note:focus{border-color:#38bdf8}.history-edit-actions{justify-content:flex-end;gap:.4rem;display:flex}.btn-primary-mini,.btn-secondary-mini,.btn-ghost-mini{border-radius:var(--radius-xs);cursor:pointer;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;transition:all .15s;display:inline-flex}.btn-primary-mini{background:var(--accent-pink);color:#fff;border:none}.btn-primary-mini:hover{background:var(--accent-pink-hover)}.btn-secondary-mini{color:var(--text-primary);border:1px solid var(--border-subtle);background:#ffffff0f}.btn-secondary-mini:hover{background:#ffffff1f}.btn-ghost-mini{color:var(--text-muted);background:0 0;border:none}.btn-ghost-mini:hover{color:var(--text-primary)}.history-card-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem;display:flex}.history-footer-right{align-items:center;gap:.4rem;display:flex}.apply-studio-btn{font-weight:600;box-shadow:0 2px 8px #f43f5e40;background:linear-gradient(135deg,#8b5cf6,#f43f5e)!important}.apply-studio-btn:hover{opacity:.95;transform:translateY(-1px)}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:.65rem;margin-top:.5rem;padding-top:1rem;display:flex}.group-manager-modal{box-shadow:0 25px 50px -12px #000000b3,0 0 40px #f43f5e26}.group-manager-modal select option,.group-manager-modal select optgroup{background:var(--bg-card);color:var(--text-primary)}.group-manager-modal input:focus,.group-manager-modal select:focus{outline:none;border-color:var(--accent-pink)!important;box-shadow:0 0 0 2px #f43f5e33!important}