:root,[data-theme=dark]{--bg-0: #08090c;--bg-1: #0e1015;--bg-2: #14161d;--bg-3: #1a1d27;--bg-4: #222635;--text-0: #eae8e3;--text-1: #b0ada5;--text-2: #706d65;--text-3: #454340;--gold: #d4a843;--gold-bright: #edc35a;--gold-dim: rgba(212, 168, 67, .08);--gold-glow: rgba(212, 168, 67, .2);--red: #c94a42;--red-dim: rgba(201, 74, 66, .12);--green: #5a9e6a;--green-dim: rgba(90, 158, 106, .12);--blue: #4a8ec9;--blue-dim: rgba(74, 142, 201, .12);--border: #1e2130;--border-light: #282c3a;--shadow: rgba(0, 0, 0, .5);--font-body: "Outfit", "Noto Sans JP", sans-serif;--font-mono: "JetBrains Mono", monospace;--r: 6px;--r-lg: 10px;--m1: #d4a843;--m2: #c94a42;--m3: #4a8ec9;--m4: #5a9e6a;--m5: #b06ad4;--m6: #d48a43;--m7: #4ac9b5;--m8: #c94a8e;--m9: #7a9e5a;--m10: #d4d043}[data-theme=light]{--bg-0: #f0eeea;--bg-1: #f7f5f1;--bg-2: #ffffff;--bg-3: #eae8e3;--bg-4: #dddbd5;--text-0: #1a1916;--text-1: #5c5a54;--text-2: #9a9790;--text-3: #c0bdb5;--gold: #8a6c1e;--gold-bright: #a5822a;--gold-dim: rgba(138, 108, 30, .06);--gold-glow: rgba(138, 108, 30, .12);--red: #b03a32;--red-dim: rgba(176, 58, 50, .08);--green: #3a7e4a;--green-dim: rgba(58, 126, 74, .08);--blue: #2a6ea9;--blue-dim: rgba(42, 110, 169, .08);--border: #d5d3cc;--border-light: #e5e3dc;--shadow: rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-0);color:var(--text-0);line-height:1.5;height:100vh;overflow:hidden;transition:background-color .4s,color .3s}.layout{display:grid;grid-template-columns:var(--left-w, 340px) auto 1fr auto var(--right-w, 320px);grid-template-rows:48px 1fr;grid-template-areas:"topbar topbar topbar topbar topbar" "left   lhandle center rhandle right";height:100vh;gap:0}.resize-handle{width:5px;cursor:col-resize;background:transparent;position:relative;z-index:5;transition:background-color .15s}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:32px;border-radius:2px;background:var(--border);opacity:0;transition:opacity .2s}.resize-handle:hover:after,.resize-handle.dragging:after{opacity:1}.resize-handle:hover,.resize-handle.dragging{background:var(--border)}.resize-handle-left{grid-area:lhandle}.resize-handle-right{grid-area:rhandle}.topbar{grid-area:topbar;background:var(--bg-1);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;z-index:10}.topbar-brand{display:flex;align-items:baseline;gap:.6rem}.topbar-logo{font-family:var(--font-body);font-size:1.1rem;font-weight:700;letter-spacing:-.03em;color:var(--gold)}.topbar-sep{color:var(--text-3);font-weight:300}.topbar-page{font-size:.78rem;color:var(--text-2);font-weight:400}.topbar-actions{display:flex;align-items:center;gap:.5rem}.theme-pill{display:flex;background:var(--bg-3);border-radius:4px;overflow:hidden;border:1px solid var(--border)}.theme-btn{padding:.25rem .6rem;background:transparent;border:none;color:var(--text-2);font-family:var(--font-mono);font-size:.62rem;cursor:pointer;transition:all .2s;letter-spacing:.03em}.theme-btn:hover{color:var(--text-1)}.theme-btn.active{background:var(--gold);color:var(--bg-0);font-weight:600}.left-panel{grid-area:left;background:var(--bg-1);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden}.left-panel::-webkit-scrollbar{width:4px}.left-panel::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.panel-section{border-bottom:1px solid var(--border)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}.panel-header:hover{background:var(--bg-2)}.panel-header-left{display:flex;align-items:center;gap:.55rem}.panel-icon{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}.panel-icon.data{background:var(--blue-dim);color:var(--blue)}.panel-icon.rules{background:var(--gold-dim);color:var(--gold)}.panel-icon.cost{background:var(--green-dim);color:var(--green)}.panel-icon.time{background:var(--red-dim);color:var(--red)}.panel-title{font-size:.76rem;font-weight:600;color:var(--text-0)}.panel-badge{font-family:var(--font-mono);font-size:.58rem;color:var(--text-2);background:var(--bg-3);padding:.1rem .4rem;border-radius:3px}.panel-chevron{font-size:.65rem;color:var(--text-3);transition:transform .25s}.panel-section.open .panel-chevron{transform:rotate(90deg)}.panel-body{padding:0 1rem .85rem;display:none}.panel-section.open .panel-body{display:block}.p-label{font-size:.72rem;color:var(--text-2);margin-bottom:.25rem;display:block;font-weight:500}.p-input,.p-select{width:100%;padding:.4rem .55rem;background:var(--bg-0);border:1px solid var(--border);border-radius:4px;color:var(--text-0);font-family:inherit;font-size:.78rem;outline:none;transition:border-color .2s}.p-input:focus,.p-select:focus{border-color:var(--gold)}.p-textarea{width:100%;padding:.5rem;background:var(--bg-0);border:1px solid var(--border);border-radius:4px;color:var(--text-0);font-family:var(--font-mono);font-size:.7rem;line-height:1.65;resize:vertical;outline:none;tab-size:14;white-space:pre;min-height:70px;transition:border-color .2s}.p-textarea:focus{border-color:var(--gold)}.p-textarea::placeholder{color:var(--text-3)}.p-row{margin-bottom:.6rem}.p-inline{display:flex;gap:.4rem;align-items:center}.p-help{font-size:.65rem;color:var(--text-3);margin-top:.2rem;line-height:1.45}.p-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .8rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-3);color:var(--text-1);font-family:inherit;font-size:.72rem;font-weight:500;cursor:pointer;transition:all .15s}.p-btn:hover{border-color:var(--gold);color:var(--gold)}.p-btn-accent{background:var(--gold);color:var(--bg-0);border-color:var(--gold);font-weight:600}.p-btn-accent:hover{background:var(--gold-bright);border-color:var(--gold-bright);color:var(--bg-0)}.p-btn-sm{padding:.25rem .5rem;font-size:.65rem}.p-btn-danger{color:var(--red);border-color:var(--red-dim)}.p-btn-danger:hover{background:var(--red-dim)}.p-error{font-size:.68rem;color:var(--red);margin-top:.3rem;line-height:1.4}.p-success{font-size:.68rem;color:var(--green);margin-top:.3rem;padding:.3rem .5rem;background:var(--green-dim);border-radius:4px}.cost-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.cost-cell{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .2rem;background:var(--bg-0);border:1px solid var(--border);border-radius:4px;transition:border-color .2s}.cost-cell:hover{border-color:var(--border-light)}.cost-cell-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-2)}.cost-cell input{width:32px;text-align:center;background:transparent;border:none;color:var(--text-0);font-family:var(--font-mono);font-size:.85rem;font-weight:600;outline:none}.rule-chip{display:flex;align-items:center;justify-content:space-between;padding:.35rem .55rem;background:var(--bg-0);border:1px solid var(--border);border-radius:4px;font-size:.7rem;color:var(--text-1);margin-bottom:.3rem;transition:border-color .15s;cursor:pointer}.rule-chip:hover{border-color:var(--gold)}.rule-chip-text{flex:1}.rule-chip-actions{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.rule-chip .x,.rule-chip .rule-edit-btn{color:var(--text-3);cursor:pointer;font-size:.8rem;padding:0 .2rem;background:none;border:none;transition:color .15s}.rule-chip .x:hover{color:var(--red)}.rule-chip .rule-edit-btn:hover{color:var(--gold)}.rule-chip.rule-editing{border-color:var(--gold);background:var(--gold-dim)}.rule-editing-label{font-size:.58rem;color:var(--gold);font-weight:600;letter-spacing:.03em}.rules-validation-warn{font-size:.68rem;color:var(--red);padding:.4rem .55rem;background:var(--red-dim);border:1px solid rgba(201,74,66,.2);border-radius:4px;line-height:1.5;margin-bottom:.3rem}.optimize-bar.has-warnings{border-color:var(--red)}.optimize-bar .opt-warn{font-size:.68rem;color:var(--red);font-weight:500}.rule-builder-row{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;font-size:.72rem;color:var(--text-1);margin-bottom:.4rem}.rule-builder-row .p-select,.rule-builder-row .p-input{font-size:.72rem;padding:.3rem .4rem;width:auto}.rule-builder-row .p-input-narrow{width:50px;text-align:center}.rule-error-msg{font-size:.68rem;color:var(--red);margin-top:.3rem}.rule-warning{font-size:.68rem;color:var(--gold);margin-top:.3rem;padding:.3rem .5rem;background:var(--gold-dim);border-radius:4px;line-height:1.4}.tag-area{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.mini-tag{padding:.15rem .4rem;background:var(--gold-dim);border:1px solid var(--border);border-radius:3px;font-size:.62rem;color:var(--text-1)}.p-tag-wrap{background:var(--bg-0);border:1px solid var(--border);border-radius:4px;padding:.3rem .4rem;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;cursor:text;transition:border-color .2s;min-height:34px}.p-tag-wrap:focus-within{border-color:var(--gold)}.p-tag-input{flex:1;min-width:80px;padding:.15rem .3rem;background:transparent;border:none;outline:none;color:var(--text-0);font-family:inherit;font-size:.75rem}.p-tag-input::placeholder{color:var(--text-3)}.p-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;background:var(--gold-dim);border:1px solid var(--border);border-radius:3px;font-size:.62rem;color:var(--text-0)}.p-chip-delete{background:none;border:none;cursor:pointer;color:var(--text-3);font-size:.58rem;padding:0;transition:color .15s;line-height:1}.p-chip-delete:hover{color:var(--red)}.band-mini-list{margin-top:.4rem}.band-mini-item{display:flex;align-items:center;justify-content:space-between;padding:.3rem .45rem;background:var(--bg-0);border:1px solid var(--border);border-radius:4px;margin-bottom:.2rem;font-size:.7rem}.band-mini-name{font-weight:500;color:var(--text-0);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.band-mini-time{font-family:var(--font-mono);font-size:.62rem;color:var(--text-2);margin:0 .4rem}.band-mini-delete{background:none;border:none;cursor:pointer;color:var(--text-3);font-size:.75rem;padding:0 .15rem;transition:color .15s}.band-mini-delete:hover{color:var(--red)}.p-toggle-wrap{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.p-toggle-track{position:relative;width:34px;height:19px;background:var(--border);border-radius:10px;flex-shrink:0;transition:background-color .25s}.p-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;background:var(--text-2);border-radius:50%;transition:transform .25s,background-color .25s}.p-toggle-input{display:none}.p-toggle-input:checked+.p-toggle-track{background:var(--gold)}.p-toggle-input:checked+.p-toggle-track:after{transform:translate(15px);background:var(--bg-0)}.p-toggle-text{font-size:.72rem;color:var(--text-1)}.p-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:.6rem}.p-tab{padding:.35rem .7rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-2);font-family:inherit;font-size:.7rem;font-weight:500;cursor:pointer;margin-bottom:-1px;transition:color .2s,border-color .2s}.p-tab:hover{color:var(--text-1)}.p-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.clear-confirm-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.clear-confirm-text{font-size:.7rem;color:var(--red);font-weight:500}.manual-form-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:.3rem;margin-bottom:.4rem}.manual-form-parts .p-label{font-size:.65rem}.manual-form-parts .p-select{font-size:.7rem;padding:.3rem .35rem}.center-panel{grid-area:center;background:var(--bg-0);overflow:hidden;position:relative;display:flex;flex-direction:column}.center-inner{flex:1;overflow-y:auto;overflow-x:hidden}.center-inner::-webkit-scrollbar{width:5px}.center-inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:2rem;text-align:center}.empty-icon{font-size:3rem;opacity:.15}.empty-title{font-size:1.1rem;font-weight:600;color:var(--text-2)}.empty-desc{font-size:.8rem;color:var(--text-3);max-width:340px;line-height:1.55}.timeline-container{height:100%;display:flex;flex-direction:column}.timeline-header{position:sticky;top:0;z-index:5;background:var(--bg-0);border-bottom:1px solid var(--border);padding:.65rem 1.2rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.timeline-title{font-size:.82rem;font-weight:600;color:var(--text-0);display:flex;align-items:center;gap:.5rem}.timeline-title .dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.timeline-body{padding:.75rem 1.2rem 6rem;flex:1;overflow-y:auto}.timeline-body::-webkit-scrollbar{width:5px}.timeline-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.band-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:2px;overflow:hidden;transition:border-color .2s,transform .15s,box-shadow .2s}.band-card:hover{border-color:var(--border-light);transform:translate(2px);box-shadow:-4px 0 20px var(--shadow)}.band-card-inner{display:grid;grid-template-columns:40px 1fr auto;align-items:stretch;min-height:60px}.band-order{display:flex;align-items:center;justify-content:center;background:var(--bg-3);font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text-2);border-right:1px solid var(--border)}.band-main{padding:.5rem .85rem;display:flex;flex-direction:column;gap:.2rem}.band-name{font-size:.88rem;font-weight:600;color:var(--text-0)}.band-members{display:flex;gap:.25rem;flex-wrap:wrap}.member-dot{display:inline-flex;align-items:center;gap:.15rem;padding:.06rem .3rem;border-radius:3px;font-size:.6rem;font-weight:500;border:1px solid transparent}.member-dot .part-label{font-size:.5rem;color:var(--text-3);margin-left:.1rem}.band-time-col{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:.5rem .85rem;gap:.1rem;border-left:1px solid var(--border);min-width:85px}.band-time{font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--gold)}.band-duration{font-family:var(--font-mono);font-size:.58rem;color:var(--text-3)}.transition-indicator{display:flex;align-items:center;justify-content:center;padding:.15rem 0;position:relative}.transition-line{position:absolute;left:20px;right:20px;height:1px;background:var(--border)}.transition-cost{position:relative;z-index:1;font-family:var(--font-mono);font-size:.58rem;padding:.1rem .45rem;border-radius:10px;font-weight:500}.cost-low{background:var(--green-dim);color:var(--green);border:1px solid rgba(90,158,106,.2)}.cost-med{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(212,168,67,.2)}.cost-high{background:var(--red-dim);color:var(--red);border:1px solid rgba(201,74,66,.2)}.break-card{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.5rem;margin:2px 0;border:1px dashed var(--border-light);border-radius:var(--r);background:var(--bg-1)}.break-label{font-size:.72rem;color:var(--text-2);font-weight:500}.break-time{font-family:var(--font-mono);font-size:.7rem;color:var(--gold);font-weight:500}.break-remove-btn{background:none;border:none;cursor:pointer;color:var(--text-3);font-size:.75rem;padding:0 .2rem;transition:color .15s}.break-remove-btn:hover{color:var(--red)}.add-break-zone{display:flex;align-items:center;justify-content:center;padding:.1rem;opacity:0;transition:opacity .2s}.timeline-body:hover .add-break-zone{opacity:.4}.add-break-zone:hover{opacity:1!important}.add-break-btn{font-size:.65rem;color:var(--text-3);background:none;border:1px dashed var(--border);border-radius:4px;padding:.08rem .6rem;cursor:pointer;font-family:inherit;transition:all .15s}.add-break-btn:hover{color:var(--gold);border-color:var(--gold);background:var(--gold-dim)}.break-input-inline{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.3rem;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r);margin:2px 0}.break-input-inline .p-input{width:60px;text-align:center;font-family:var(--font-mono);font-size:.75rem}.break-input-inline .p-help{font-size:.6rem;margin:0}.optimize-bar{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:var(--bg-3);border:1px solid var(--border-light);border-radius:var(--r-lg);padding:.5rem .6rem .5rem 1rem;display:flex;align-items:center;gap:.8rem;box-shadow:0 8px 40px var(--shadow);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.optimize-status{font-size:.72rem;color:var(--text-2);display:flex;align-items:center;gap:.4rem}.optimize-status .check{color:var(--green);font-weight:600}.optimize-btn{padding:.45rem 1.2rem;background:var(--gold);color:var(--bg-0);border:none;border-radius:var(--r);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.optimize-btn:hover{background:var(--gold-bright);box-shadow:0 0 20px var(--gold-glow)}.optimize-btn:disabled{opacity:.5;cursor:not-allowed}.result-selector{padding:.5rem 1.2rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border);background:var(--bg-1);flex-wrap:wrap}.result-pill{padding:.3rem .7rem;background:var(--bg-3);border:1px solid var(--border);border-radius:4px;color:var(--text-2);font-family:var(--font-mono);font-size:.68rem;cursor:pointer;transition:all .15s;font-weight:500}.result-pill:hover{border-color:var(--gold);color:var(--gold)}.result-pill.active{background:var(--gold);border-color:var(--gold);color:var(--bg-0)}.result-label{font-size:.68rem;color:var(--text-3);font-weight:500}.error-box{padding:1.25rem;margin:1.5rem 1.2rem;background:var(--red-dim);border:1px solid rgba(201,74,66,.25);border-radius:var(--r);color:var(--red);font-size:.85rem;line-height:1.55;text-align:center}.right-panel{grid-area:right;background:var(--bg-1);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.right-panel::-webkit-scrollbar{width:4px}.right-panel::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.stat-block{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.stat-label{font-size:.62rem;font-weight:500;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);margin-bottom:.2rem}.stat-value{font-size:1.6rem;font-weight:700;color:var(--text-0);line-height:1.2}.stat-value .unit{font-size:.65rem;font-weight:400;color:var(--text-2);margin-left:.2rem}.stat-sub{font-size:.65rem;color:var(--text-2);margin-top:.1rem}.member-section{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.member-section-title{font-size:.68rem;font-weight:600;color:var(--text-2);margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between}.member-row{display:flex;align-items:center;gap:.5rem;padding:.25rem .4rem;background:var(--bg-0);border-radius:4px;border:1px solid var(--border);margin-bottom:.2rem}.member-name{font-size:.68rem;font-weight:500;color:var(--text-0);min-width:44px}.member-pips{display:flex;gap:.15rem;flex:1;flex-wrap:wrap}.member-pip{width:14px;height:7px;border-radius:2px;opacity:.8}.member-count{font-family:var(--font-mono);font-size:.58rem;color:var(--text-2);min-width:18px;text-align:right}.arc-section{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.arc-title{font-size:.68rem;font-weight:600;color:var(--text-2);margin-bottom:.5rem}.arc-svg{width:100%;overflow:visible;cursor:default}.arc-path{transition:opacity .2s,stroke-width .2s}.arc-svg.has-highlight .arc-path{opacity:.06!important;stroke-width:1!important}.arc-svg.has-highlight .arc-path.arc-active{opacity:.85!important;stroke-width:2.5!important}.arc-path:hover{opacity:.8!important;stroke-width:2.5!important}.arc-dot{transition:opacity .2s,r .15s}.arc-svg.has-highlight .arc-dot{opacity:.2}.arc-svg.has-highlight .arc-dot.arc-active{opacity:1;r:5}.arc-label-text{transition:opacity .2s}.arc-svg.has-highlight .arc-label-text{opacity:.15}.arc-svg.has-highlight .arc-label-text.arc-active{opacity:1}.arc-tooltip{position:absolute;padding:.2rem .5rem;background:var(--bg-4);border:1px solid var(--border-light);border-radius:4px;font-size:.62rem;font-weight:500;color:var(--text-0);pointer-events:none;z-index:20;white-space:nowrap;box-shadow:0 4px 12px var(--shadow);opacity:0;transition:opacity .15s}.arc-tooltip.visible{opacity:1}.member-row{transition:border-color .15s,background-color .15s;cursor:pointer}.member-row:hover,.member-row.active{border-color:var(--gold);background:var(--gold-dim)}.member-row.active{box-shadow:inset 2px 0 0 var(--gold)}.band-card.member-highlight{border-color:var(--gold)!important}.member-dot.member-highlight{border:1px solid currentColor!important;font-weight:700}.export-section{padding:1rem;margin-top:auto;border-top:1px solid var(--border)}.export-btn{width:100%;padding:.6rem;background:var(--gold);color:var(--bg-0);border:none;border-radius:var(--r);font-family:var(--font-body);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.export-btn:hover{background:var(--gold-bright);box-shadow:0 4px 20px var(--gold-glow);transform:translateY(-1px)}.export-btn:active{transform:translateY(0)}.export-btn.copied{background:var(--green)}.export-hint{text-align:center;font-size:.6rem;color:var(--text-3);margin-top:.35rem}.right-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 1rem;text-align:center;color:var(--text-3);font-size:.78rem}.toast-container{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.65rem 1.2rem;border-radius:var(--r);font-size:.8rem;font-weight:500;line-height:1.45;box-shadow:0 8px 32px var(--shadow);pointer-events:auto;animation:toastIn .3s ease-out;max-width:480px}.toast-error{background:var(--bg-2);border:1px solid var(--red);color:var(--red)}.toast-warn{background:var(--bg-2);border:1px solid var(--gold);color:var(--gold)}.toast-title{font-weight:600;margin-bottom:.2rem}.toast-body{font-size:.75rem;color:var(--text-1);line-height:1.5}.toast.removing{animation:toastOut .25s ease-in forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.hidden{display:none!important}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}@media(max-width:900px){.layout{grid-template-columns:1fr!important;grid-template-rows:48px auto 1fr auto;grid-template-areas:"topbar" "left" "center" "right"!important;height:auto;min-height:100vh}.resize-handle{display:none}body{overflow-y:auto;overflow-x:hidden}.center-panel{min-height:60vh}.left-panel{border-right:none;border-bottom:1px solid var(--border);max-height:50vh}.right-panel{border-left:none;border-top:1px solid var(--border)}.optimize-bar{position:sticky;bottom:0;left:0;right:0;transform:none;width:100%;border-radius:0}}