:root{--color-bg:#1a241a;--color-surface:#172217;--color-input:#163016;--color-border:#204520;--color-border-dim:#3a4a3a;--color-row-divider:#1a2a1a;--color-tooltip-bg:#122912;--color-tooltip-border:#1e4a20;--color-crafted-bg:#0a2a1a;--color-accent:#6ef070;--color-accent-soft:#8cd47a;--color-accent-crafted:#64cba0;--color-accent-alt:#c8905a;--color-tab-active-count-bg:#0a2a10;--color-tab-count-bg:#0d2010;--color-tab-other-active-bg:#0f2010;--color-text:#e0e0e0;--color-text-cell:#d0e8d0;--color-text-label:#a0c0a0;--color-text-muted:#a0c8a0;--color-text-dim:#5a7a5a;--color-text-dimmer:#3a5a3a;--color-text-hover:#c0d8c0;--color-filter-count:#8ab08a;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238cd47a'/%3E%3C/svg%3E")}[data-theme=forest]{--color-bg:#0f1a0f;--color-surface:#121a10;--color-input:#0e1a0c;--color-border:#1a4018;--color-border-dim:#2a3a28;--color-row-divider:#122012;--color-tooltip-bg:#0a1808;--color-tooltip-border:#1a4018;--color-crafted-bg:#0a2010;--color-accent:#58c038;--color-accent-soft:#78a840;--color-accent-crafted:#50b870;--color-accent-alt:#e8aa30;--color-tab-active-count-bg:#0a2008;--color-tab-count-bg:#0a1808;--color-tab-other-active-bg:#0c1c0a;--color-text:#d8e8d0;--color-text-cell:#c0d8b8;--color-text-label:#90b888;--color-text-muted:#6a9068;--color-text-dim:#4a7048;--color-text-dimmer:#304a30;--color-text-hover:#b0c8a8;--color-filter-count:#4a6a48;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2378a840'/%3E%3C/svg%3E")}[data-theme=classic]{--color-bg:#1a1a2e;--color-surface:#16213e;--color-input:#0f3460;--color-border:#1a4080;--color-border-dim:#3a4a5a;--color-row-divider:#1a2a3a;--color-tooltip-bg:#12293f;--color-tooltip-border:#1a4a70;--color-crafted-bg:#1a2a4a;--color-accent:#e2b96f;--color-accent-soft:#a0c4ff;--color-accent-crafted:#6aadff;--color-accent-alt:#e2b96f;--color-tab-active-count-bg:#2a2800;--color-tab-count-bg:#0d2040;--color-tab-other-active-bg:#0f2050;--color-text:#e0e0e0;--color-text-cell:#d0e0f0;--color-text-label:#aac;--color-text-muted:#89a;--color-text-dim:#678;--color-text-dimmer:#456;--color-text-hover:#c0d0e0;--color-filter-count:#567;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a0c4ff'/%3E%3C/svg%3E")}[data-theme=ocean]{--color-bg:#0d1e2a;--color-surface:#102234;--color-input:#0a1c2c;--color-border:#1a4a6a;--color-border-dim:#1e3a50;--color-row-divider:#0d2030;--color-tooltip-bg:#0a1c28;--color-tooltip-border:#1a4a6a;--color-crafted-bg:#132a40;--color-accent:#40c4ee;--color-accent-soft:#5aadcc;--color-accent-crafted:#6adcb0;--color-accent-alt:#e88040;--color-tab-active-count-bg:#0a2040;--color-tab-count-bg:#0a1630;--color-tab-other-active-bg:#0a1830;--color-text:#d0e8f8;--color-text-cell:#c8e0f0;--color-text-label:#7ab8d0;--color-text-muted:#5a8aa0;--color-text-dim:#3a6878;--color-text-dimmer:#244860;--color-text-hover:#a0c8e0;--color-filter-count:#3a6878;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%235aadcc'/%3E%3C/svg%3E")}[data-theme=desert]{--color-bg:#e8d880;--color-surface:#d4c068;--color-input:#bfa848;--color-border:#9a7c38;--color-border-dim:#c0a848;--color-row-divider:#ccba58;--color-tooltip-bg:#dccf70;--color-tooltip-border:#9a7c38;--color-crafted-bg:#b09830;--color-accent:#336a20;--color-accent-soft:#254a14;--color-accent-crafted:#143828;--color-accent-alt:#2e6018;--color-tab-active-count-bg:#c8e880;--color-tab-count-bg:#e0d868;--color-tab-other-active-bg:#b8de68;--color-text:#1e1006;--color-text-cell:#281808;--color-text-label:#4a2c0e;--color-text-muted:#6a4820;--color-text-dim:#8a6838;--color-text-dimmer:#a88848;--color-text-hover:#100804;--color-filter-count:#1e1006;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a8830'/%3E%3C/svg%3E")}[data-theme=nether]{--color-bg:#241414;--color-surface:#2a1818;--color-input:#351818;--color-border:#6a2020;--color-border-dim:#4a2a2a;--color-row-divider:#2a1a1a;--color-tooltip-bg:#291212;--color-tooltip-border:#6a2020;--color-crafted-bg:#3a1a0a;--color-accent:#f84;--color-accent-soft:#c63;--color-accent-crafted:#f96;--color-accent-alt:#fe4;--color-tab-active-count-bg:#2a0a0a;--color-tab-count-bg:#200d0d;--color-tab-other-active-bg:#200f0f;--color-text:#e8d8d0;--color-text-cell:#f0d0c8;--color-text-label:#c0a0a0;--color-text-muted:#9a7a7a;--color-text-dim:#7a5a5a;--color-text-dimmer:#5a3a3a;--color-text-hover:#e0b8a8;--color-filter-count:#6d4d4d;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23cc6633'/%3E%3C/svg%3E")}[data-theme=end]{--color-bg:#1e1624;--color-surface:#221828;--color-input:#2a1e38;--color-border:#5a3a80;--color-border-dim:#3a2a50;--color-row-divider:#241a2e;--color-tooltip-bg:#1e1628;--color-tooltip-border:#5a3a80;--color-crafted-bg:#1e1a30;--color-accent:#c87ff0;--color-accent-soft:#9a7ac8;--color-accent-crafted:#78aaff;--color-accent-alt:#d4c878;--color-tab-active-count-bg:#2a1040;--color-tab-count-bg:#1e1030;--color-tab-other-active-bg:#1a1030;--color-text:#e8e0f0;--color-text-cell:#e0d0f0;--color-text-label:#c0a0d8;--color-text-muted:#9a8aaa;--color-text-dim:#7a6a8a;--color-text-dimmer:#5a4a6a;--color-text-hover:#d0b8e8;--color-filter-count:#6d5a80;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239a7ac8'/%3E%3C/svg%3E")}[data-theme=deepdark]{--color-bg:#080c0e;--color-surface:#0c1215;--color-input:#080e10;--color-border:#1e5050;--color-border-dim:#143838;--color-row-divider:#0a1010;--color-tooltip-bg:#060a0c;--color-tooltip-border:#1e5050;--color-crafted-bg:#081818;--color-accent:#00d4b0;--color-accent-soft:#00a890;--color-accent-crafted:#40dcc8;--color-accent-alt:#68f;--color-tab-active-count-bg:#081a18;--color-tab-count-bg:#081010;--color-tab-other-active-bg:#081218;--color-text:#d0e8e8;--color-text-cell:#c0e0e0;--color-text-label:#60a0a0;--color-text-muted:#408080;--color-text-dim:#306060;--color-text-dimmer:#1e4040;--color-text-hover:#80c0c0;--color-filter-count:#306060;--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2300a890'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);height:100vh;font-family:system-ui,sans-serif;font-size:14px;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-input);flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.app-header h1{color:var(--color-accent-alt);font-size:18px;font-weight:700}.kofi-link{border:0;align-items:center;line-height:0;display:flex}.kofi-link img{border:0;height:36px}.version-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;display:flex}.version-select{color:var(--color-accent-soft);background:var(--color-input);border:1px solid var(--color-border);appearance:none;background-image:var(--select-arrow);cursor:pointer;background-position:right 7px center;background-repeat:no-repeat;border-radius:10px;padding:2px 22px 2px 8px;font-size:12px;font-weight:600}.version-select:focus{border-color:var(--color-accent);outline:none}.version-select:disabled{opacity:.5;cursor:not-allowed}.version-switching{color:var(--color-accent);font-size:11px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-body{flex:1;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.global-vars-panel{background:var(--color-surface);border-right:1px solid var(--color-input);flex-direction:column;flex-shrink:0;gap:20px;width:220px;padding:16px 12px;transition:width .2s,padding .2s;display:flex;overflow-y:auto}.global-vars-panel.collapsed{gap:0;width:36px;padding:8px 4px;overflow:hidden}.panel-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.global-vars-panel.collapsed .panel-header{justify-content:center}.panel-toggle-btn{border:1px solid var(--color-border);color:var(--color-accent-soft);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:16px;line-height:1;transition:background .15s,border-color .15s,color .15s}.panel-toggle-btn:hover{background:var(--color-input);border-color:var(--color-accent);color:var(--color-accent)}.global-vars-panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-soft);font-size:13px}.global-vars-panel h3{color:var(--color-text-muted);margin-bottom:8px;font-size:12px}.profit-section,.alias-section{flex-direction:column;gap:6px;display:flex}.profit-section label,.alias-section label{color:var(--color-text-label);flex-direction:column;gap:3px;font-size:12px;display:flex}.profit-section input,.alias-section input{background:var(--color-input);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;width:100%;padding:4px 6px;font-size:12px}.profit-section input:focus,.alias-section input:focus{border-color:var(--color-accent);outline:none}.alias-key{color:var(--color-accent-alt);font-family:monospace}.alias-hint,.alias-empty{color:var(--color-text-dim);font-size:11px;line-height:1.4}.item-table-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.item-row{border-bottom:1px solid var(--color-row-divider);grid-template-columns:2fr 90px 95px 95px 140px 110px;align-items:center;gap:0;display:grid}.item-row-header{background:var(--color-surface);border-bottom:2px solid var(--color-input);flex-shrink:0}.item-row-header .cell{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);white-space:normal;padding:8px 10px;font-size:11px;font-weight:700;line-height:1.15}.item-table-scroll{flex:1;overflow-y:auto}.item-table-empty{text-align:center;color:var(--color-text-muted);padding:64px 24px}.item-table-empty-title{color:var(--color-text);margin-bottom:6px;font-size:16px;font-weight:600}.item-table-empty-hint{font-size:13px}.cell{text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;padding:0 10px;display:flex;overflow:hidden}.cell-name{color:var(--color-text-cell);font-weight:500}.cell-cost,.cell-sell{justify-content:flex-end;font-family:monospace;font-size:13px}.price-input-wrapper{background:var(--color-input);border:1px solid var(--color-border);border-radius:4px;align-items:center;width:100%;display:flex;overflow:hidden}.price-input-wrapper:focus-within{border-color:var(--color-accent)}.price-prefix{color:var(--color-accent-alt);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:3px 4px 3px 6px;font-family:monospace;font-size:12px}.cell-base-price input{min-width:0;color:var(--color-text);background:0 0;border:none;flex:1;padding:3px 6px 3px 0;font-family:monospace;font-size:12px}.cell-base-price input:focus{outline:none}.cell-recipe select{background:var(--color-input);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:4px;width:100%;padding:3px 6px;font-size:12px}.cell-recipe select:focus{border-color:var(--color-accent);outline:none}.cell-type{overflow:visible}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.badge-source{color:#6ddc8a;background:#1a4020}.badge-crafted{background:var(--color-crafted-bg);color:var(--color-accent-crafted)}.badge-unobtainable{color:#ff8a8a;background:#3a1a1a}.badge-virtual{color:#fa5;background:#3a2010}.badge-hoverable{cursor:default;-webkit-user-select:none;user-select:none}.badge-hoverable:hover{filter:brightness(1.25)}.recipe-tooltip{z-index:9999;background:var(--color-tooltip-bg);border:1px solid var(--color-tooltip-border);pointer-events:none;border-radius:6px;flex-direction:column;gap:3px;min-width:150px;max-width:280px;padding:6px 10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 18px #0009}.recipe-tooltip-title{text-transform:uppercase;letter-spacing:.07em;color:var(--color-accent-crafted);border-bottom:1px solid var(--color-tooltip-border);margin-bottom:3px;padding-bottom:3px;font-size:10px;font-weight:700}.recipe-tooltip-row{white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;display:flex}.tooltip-qty{color:var(--color-text-muted);text-align:right;flex-shrink:0;min-width:30px;font-family:monospace}.tooltip-name{color:var(--color-text-cell)}.tooltip-alias{color:var(--color-accent);font-family:monospace;font-style:italic}.tooltip-empty{color:var(--color-text-muted);font-style:italic}.cell-sell-clickable{cursor:help}.unknown{color:#ff8a6a;font-style:italic}.loading-screen{height:100vh;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex}.loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite loading-spin}.loading-label{color:var(--color-text);letter-spacing:.03em;font-size:15px}.loading-progress{color:var(--color-text-dim,var(--color-text-muted));letter-spacing:.05em;font-size:12px}@keyframes loading-spin{to{transform:rotate(360deg)}}.skel-app{background:var(--color-bg);height:100vh;color:var(--color-text);flex-direction:column;display:flex}.skel-bar{background:linear-gradient(90deg, var(--color-input) 0%, var(--color-border-dim) 50%, var(--color-input) 100%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.4s ease-in-out infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-header{background:var(--color-surface);border-bottom:1px solid var(--color-border-dim);flex-shrink:0;align-items:center;gap:14px;padding:16px 20px;display:flex}.skel-bar-title{width:280px;height:22px}.skel-bar-version{width:140px;height:28px;margin-left:24px}.skel-bar-export{width:80px;height:28px;margin-left:auto}.skel-bar-theme{width:120px;height:28px}.skel-body{flex:1;min-height:0;display:flex}.skel-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border-dim);flex-direction:column;flex-shrink:0;gap:10px;width:260px;padding:16px;display:flex}.skel-bar-section{width:60%;height:12px;margin-top:8px}.skel-bar-line{width:100%;height:28px}.skel-main{flex-direction:column;flex:1;min-width:0;display:flex}.skel-tabs{border-bottom:1px solid var(--color-border-dim);gap:8px;padding:12px 16px;display:flex}.skel-pill{background:linear-gradient(90deg, var(--color-input) 0%, var(--color-border-dim) 50%, var(--color-input) 100%);background-size:200% 100%;border-radius:14px;height:28px;animation:1.4s ease-in-out infinite skel-shimmer}.skel-search{border-bottom:1px solid var(--color-border-dim);gap:10px;padding:10px 16px;display:flex}.skel-search-input{flex:1;height:32px}.skel-search-filter{width:220px;height:32px}.skel-rows{flex:1;padding:0 16px;overflow:hidden}.skel-row{border-bottom:1px solid var(--color-row-divider);grid-template-columns:2.2fr .9fr 1.1fr 1.1fr 1.4fr 1.2fr;align-items:center;gap:12px;height:48px;display:grid}.skel-cell-name{width:70%}.skel-cell-type{border-radius:9px;width:60px;height:18px}.skel-cell-num{justify-self:end;width:70%}.skel-cell-recipe{width:90%;height:24px}.skel-cell-input{width:95%;height:26px}.skel-row:first-child .skel-bar{animation-delay:0s}.skel-row:nth-child(2) .skel-bar{animation-delay:70ms}.skel-row:nth-child(3) .skel-bar{animation-delay:.14s}.skel-row:nth-child(4) .skel-bar{animation-delay:.21s}.skel-row:nth-child(5) .skel-bar{animation-delay:.28s}.skel-row:nth-child(6) .skel-bar{animation-delay:.35s}.skel-row:nth-child(7) .skel-bar{animation-delay:.42s}.skel-row:nth-child(8) .skel-bar{animation-delay:.49s}.skel-row:nth-child(9) .skel-bar{animation-delay:.56s}.skel-row:nth-child(10) .skel-bar{animation-delay:.63s}.skel-row:nth-child(11) .skel-bar{animation-delay:.7s}.skel-row:nth-child(12) .skel-bar{animation-delay:.77s}.skel-footer{background:var(--color-surface);border-top:1px solid var(--color-border-dim);color:var(--color-text-muted);flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;font-size:13px;display:flex}.skel-spinner{border-width:3px;width:22px;height:22px}.skel-step-text{letter-spacing:.03em}.skel-step-counter{color:var(--color-text-dim,var(--color-text-muted));letter-spacing:.06em;font-size:11px}.error-banner{color:#ff8a8a;background:#3a1a1a;border-bottom:1px solid #7a3a3a;flex-shrink:0;padding:8px 16px;font-size:12px}.search-filter-bar{background:var(--color-bg);border-bottom:1px solid var(--color-input);flex-direction:column;flex-shrink:0;gap:5px;padding:6px 10px;display:flex}.search-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-input-wrap{background:var(--color-input);border:1px solid var(--color-border);border-radius:6px;flex:220px;align-items:center;min-width:0;display:flex;overflow:hidden}.search-input-wrap:focus-within{border-color:var(--color-accent)}.search-icon{color:var(--color-text-dim);flex-shrink:0;padding:0 6px 0 8px;font-size:16px;line-height:1}.search-input{min-width:0;color:var(--color-text);background:0 0;border:none;flex:1;padding:5px 6px;font-size:13px}.search-input::placeholder{color:var(--color-text-dimmer)}.search-input:focus{outline:none}.search-clear{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 8px;font-size:16px;line-height:1}.search-clear:hover{color:var(--color-text-label)}.type-filter-group{flex-shrink:0;gap:4px;display:flex}.filter-btn{background:var(--color-filter-btn-bg,var(--color-crafted-bg));border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .1s,color .1s}.filter-btn:hover{background:var(--color-surface);color:var(--color-text-hover)}.filter-btn-active{background:var(--color-input);border-color:var(--color-accent-soft);color:var(--color-accent-soft)}.filter-btn-type-source.filter-btn-active{color:#6ddc8a;background:#1a4020;border-color:#6ddc8a}.filter-btn-type-crafted.filter-btn-active{border-color:var(--color-accent-crafted);color:var(--color-accent-crafted);background:var(--color-crafted-bg)}.filter-btn-type-unobtainable.filter-btn-active{color:#ff8a8a;background:#3a1a1a;border-color:#ff8a8a}.filter-btn-type-virtual.filter-btn-active{color:#fa5;background:#3a2010;border-color:#fa5}.filter-count{color:var(--color-filter-count);white-space:nowrap;flex-shrink:0;font-size:11px}.filter-clear-all{border:1px solid var(--color-border-dim);color:var(--color-text-dim);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;flex-shrink:0;padding:3px 9px;font-size:11px}.filter-clear-all:hover{border-color:var(--color-accent);color:var(--color-accent)}.tab-bar{background:var(--color-surface);border-bottom:2px solid var(--color-input);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-shrink:0;gap:2px;padding:0 8px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{height:3px}.tab-bar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.tab-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:5px;margin-bottom:-2px;padding:8px 14px 7px;font-size:12px;transition:color .12s,border-color .12s;display:flex}.tab-btn:hover{color:var(--color-text-hover)}.tab-btn-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-btn-other{color:var(--color-text-dim)}.tab-btn-other:hover{color:var(--color-text-label)}.tab-btn-other.tab-btn-active{color:var(--color-accent-soft);border-bottom-color:var(--color-accent-soft)}.tab-count{background:var(--color-tab-count-bg);color:var(--color-filter-count);border-radius:9px;padding:1px 5px;font-size:10px;font-weight:600}.tab-btn-active .tab-count{background:var(--color-tab-active-count-bg);color:var(--color-accent)}.tab-btn-other.tab-btn-active .tab-count{background:var(--color-tab-other-active-bg);color:var(--color-accent-soft)}.theme-dropdown{flex-shrink:0;position:relative}.theme-dropdown-btn{border:1px solid var(--color-border);color:var(--color-accent-soft);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;transition:border-color .15s,color .15s;display:flex}.theme-dropdown-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-dropdown-caret{opacity:.6;font-size:8px}.theme-dot{width:11px;height:11px;box-shadow:0 0 0 2px var(--swatch-accent,#fff);border-radius:50%;flex-shrink:0}.theme-dropdown-panel{background:var(--color-surface);border:1px solid var(--color-border);z-index:1000;border-radius:8px;flex-direction:column;gap:2px;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0009}.theme-option{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:9px;width:100%;padding:5px 9px;font-size:12px;transition:background .1s,color .1s;display:flex}.theme-option:hover{background:var(--color-input);color:var(--color-text)}.theme-option-active{color:var(--color-accent);background:var(--color-input)}.export-btn{color:var(--color-accent);background:var(--color-input);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.export-btn:hover{background:var(--color-crafted-bg);border-color:var(--color-accent)}.export-modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.export-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:720px;max-width:100%;max-height:90vh;display:flex;box-shadow:0 10px 40px #00000080}.export-modal-header{border-bottom:1px solid var(--color-input);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.export-modal-header h2{color:var(--color-accent-alt);margin:0;font-size:16px}.export-modal-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.export-modal-close:hover{color:var(--color-accent)}.export-modal-body{flex-direction:column;gap:14px;padding:16px 18px;display:flex;overflow-y:auto}.export-field{flex-direction:column;gap:4px;font-size:12px;display:flex}.export-field-label{color:var(--color-text-label);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.export-field-help{color:var(--color-text-muted);font-size:11px;font-style:italic}.export-input,.export-textarea,.export-select{background:var(--color-input);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;padding:5px 8px;font-family:inherit;font-size:13px}.export-input:focus,.export-textarea:focus,.export-select:focus{border-color:var(--color-accent);outline:none}.export-checkbox{width:16px;height:16px;accent-color:var(--color-accent);align-self:flex-start}.export-description{color:var(--color-text);margin:0;font-size:13px}.export-long-description{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.45}.export-config{background:var(--color-bg);border:1px solid var(--color-border-dim);border-radius:8px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.export-error{color:#ff8a8a;background:#3a1a1a;border:1px solid #ff8a8a;border-radius:6px;padding:8px 10px;font-size:12px}.export-result{background:var(--color-crafted-bg);border:1px solid var(--color-accent-crafted);color:var(--color-text-cell);border-radius:6px;padding:8px 12px;font-size:12px}.export-result-title{color:var(--color-accent-soft);margin-bottom:4px;font-weight:600}.export-result-files,.export-result-notes{margin:0;padding-left:20px}.export-result-files code{color:var(--color-accent)}.export-result-size{color:var(--color-text-muted)}.export-result-notes{color:var(--color-text-muted);margin-top:6px}.export-modal-footer{border-top:1px solid var(--color-input);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.export-cancel-btn,.export-run-btn{cursor:pointer;border:1px solid var(--color-border);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.export-cancel-btn{color:var(--color-text-muted);background:0 0}.export-cancel-btn:hover{color:var(--color-text)}.export-run-btn{background:var(--color-accent);color:#0a1a0a;border-color:var(--color-accent)}.export-run-btn:hover:not(:disabled){background:var(--color-accent-soft)}.export-run-btn:disabled{opacity:.5;cursor:not-allowed}.export-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-soft);border-bottom:1px solid var(--color-border-dim);margin-top:4px;padding-bottom:4px;font-size:11px;font-weight:700}.export-picker{background:var(--color-bg);border:1px solid var(--color-border-dim);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.export-picker-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.export-picker-search{flex:200px;min-width:0}.export-picker-stats{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.export-picker-buttons{flex-wrap:wrap;gap:4px;display:flex}.export-picker-btn{border:1px solid var(--color-border);background:var(--color-input);color:var(--color-accent-soft);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.export-picker-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.export-picker-btn-danger{color:#ff8a8a}.export-picker-btn-danger:hover{color:#ff8a8a;border-color:#ff8a8a}.export-picker-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;height:260px;overflow-y:auto}.export-picker-empty{text-align:center;color:var(--color-text-muted);padding:20px;font-size:12px;font-style:italic}.export-picker-row{cursor:pointer;box-sizing:border-box;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:flex}.export-picker-row:hover{background:var(--color-input)}.export-picker-name{color:var(--color-text-cell);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.export-picker-id{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:45%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.mobile-banner{background:var(--color-crafted-bg);border-bottom:1px solid var(--color-border);color:var(--color-text-cell);flex-shrink:0;align-items:flex-start;gap:10px;padding:8px 12px;font-size:12px;line-height:1.35;display:flex}.mobile-banner-icon{color:var(--color-accent);flex-shrink:0;font-size:14px;line-height:1.2}.mobile-banner-text{flex:1;min-width:0}.mobile-banner-text strong{color:var(--color-accent-soft);font-weight:600}.mobile-banner-actions{flex-shrink:0;gap:4px;display:flex}.mobile-banner-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:11px;line-height:1.4}.mobile-banner-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.mobile-banner-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1}.mobile-banner-close:hover{color:var(--color-accent)}@media (width<=700px){.global-vars-panel{display:none}.app-header{flex-wrap:wrap;gap:8px;padding:8px 10px}.app-header h1{flex:100%;font-size:15px}.export-btn,.kofi-link,.version-label-text{display:none}.version-label{flex:none}.version-select{width:auto}.tab-count{display:none}.theme-dropdown-panel{left:0;right:auto}.item-table-wrap{overflow:auto hidden}.item-table-scroll{min-width:620px;overflow-x:hidden}.item-row,.item-row-header{min-width:620px}.search-input-wrap{flex:100%;order:-1}.filter-count{display:none}.filter-clear-all{font-size:10px}.cell{padding:0 6px}.item-row-header .cell{padding:6px;font-size:10px}}