@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d0c;--surface:#151816;--surface2:#101412;--line:#4a4334;--line-soft:#2d332d;--text:#f0eadc;--muted:#a9a08d;--accent:#d6aa55;--accent-soft:#6f5129;--cyan:#9fc8d1;--danger:#b1604f;--shadow:0 12px 32px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.5}button,input,select{font:inherit}button,a{color:inherit}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:auto;padding:12px 8px 9px;border-bottom:1px solid rgba(214,170,85,.28)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#1b211c}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-size:17px;color:#fff6df}.brand small{margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:1.5px}.site-header nav{display:flex;align-items:center;gap:16px}.site-header nav a{color:var(--muted);font-size:12px;text-decoration:none}.site-header nav a:hover{color:var(--accent)}.theme-button{display:none}
.menu-button{display:grid;width:38px;height:34px;padding:8px;border:1px solid var(--line);border-radius:2px;background:#111512;align-content:center;gap:4px;cursor:pointer}.menu-button i{display:block;width:100%;height:1px;background:#e7d39d;transition:.2s}.menu-button[aria-expanded="true"] i:nth-child(1){transform:translateY(5px) rotate(45deg)}.menu-button[aria-expanded="true"] i:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.menu-backdrop{position:fixed;inset:0;z-index:49;background:rgba(0,0,0,.68);backdrop-filter:blur(2px)}.site-menu{position:fixed;z-index:50;top:0;right:0;width:min(410px,92vw);height:100dvh;overflow:auto;padding:18px;background:#101412;border-left:1px solid var(--line);box-shadow:-20px 0 60px #000;transform:translateX(105%);transition:transform .22s ease}.site-menu.open{transform:none}.site-menu-head{display:flex;align-items:start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.site-menu-head-brand{display:flex;align-items:center;gap:10px}.site-menu-head-brand>img{width:44px;height:44px;border:1px solid var(--line);border-radius:4px;object-fit:cover}.site-menu-head small,.site-menu-head strong{display:block}.site-menu-head small{color:var(--accent);font-size:9px;letter-spacing:2px}.site-menu-head strong{margin-top:3px;color:#fff3d2;font-size:17px}.site-menu-head>button{width:34px;height:34px;border:1px solid var(--line);background:#161a17;color:var(--muted);font-size:20px;cursor:pointer}.site-menu nav{display:block}.site-menu section{padding:16px 0 8px;border-bottom:1px solid var(--line-soft)}.site-menu h2{margin:0 0 5px;color:#8f8777;font-size:9px;letter-spacing:1.5px}.site-menu a{display:flex;align-items:center;justify-content:space-between;padding:8px 3px;border-bottom:1px solid rgba(45,51,45,.55);color:#eee4d0;font-size:12px;text-decoration:none}.site-menu a:hover{padding-left:7px;color:var(--accent)}.site-menu a span{color:var(--accent)}body.menu-open{overflow:hidden}
.page-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:22px;max-width:1180px;margin:auto;padding:14px 8px 5px}.page-title h1{margin:0;line-height:1}.page-title h1 img{display:block;width:min(310px,72vw);height:auto;max-height:92px;object-fit:contain;object-position:left center}.top-equipment{min-width:0;border:1px solid var(--line);border-left:3px solid #8e6a35;border-radius:3px;background:var(--surface)}.top-equipment-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 9px;border-bottom:1px solid var(--line)}.top-equipment-head small,.top-equipment-head strong{display:block}.top-equipment-head small{color:var(--muted);font-size:8px}.top-equipment-head strong{color:#f1dca5;font-size:11px}.top-equipment-head a{padding:3px 6px;border:1px solid var(--line-soft);color:var(--muted);font-size:9px;text-decoration:none}.top-equipment-head a span{color:var(--cyan)}.top-equipment-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.top-equipment-item{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:5px;min-width:0;padding:5px;border:0;border-right:1px solid var(--line-soft);background:transparent;color:var(--text);text-align:left;cursor:pointer}.top-equipment-item:last-child{border:0}.top-equipment-item:hover{background:#1d221e}.top-equipment-item.fixed{box-shadow:inset 0 3px #9b7850}.top-equipment-item.empty{color:#777267}.top-equipment-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:2px;background:#0c100e;color:var(--accent);font-size:13px}.top-equipment-icon img{width:100%;height:100%;object-fit:cover}.top-equipment-item small,.top-equipment-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-equipment-item small{color:var(--muted);font-size:7px}.top-equipment-item strong{font-size:9px}
.section{max-width:1180px;margin:0 auto;padding:10px 8px}.simulator{border:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:7px}.section-heading h2{margin:0;color:#f3dfab;font-size:16px}.toolbar{display:flex;gap:6px}.primary-button,.secondary-button{min-height:30px;padding:4px 10px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(#344039,#1b221e);color:var(--text);font-size:12px;font-weight:500;clip-path:none;cursor:pointer}.primary-button:hover,.secondary-button:hover{border-color:var(--accent)}.primary-button.compact{padding:4px 10px;font-size:12px}
.build-name-row{display:grid;grid-template-columns:auto minmax(140px,1fr) 220px minmax(220px,1fr);align-items:center;gap:7px;margin-bottom:8px;padding:8px;border:1px solid var(--line);border-left:3px solid #8d6a60;border-radius:3px;background:var(--surface);box-shadow:var(--shadow)}.build-name-row label{color:var(--muted);font-size:12px}input,select{width:100%;min-height:30px;padding:4px 7px;border:1px solid var(--line);border-radius:3px;background:#101412;color:var(--text);outline:none}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}
.sim-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:8px;align-items:start}.equipment-panel,.summary-panel,.skill-card,.notice{border:1px solid var(--line);border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 72px),var(--surface);box-shadow:var(--shadow)}.equipment-panel{border-left:3px solid #8e6a35}.summary-panel{position:sticky;top:8px;border-left:3px solid #8e6a35}
.weapon-type-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line)}.weapon-type-tabs button{flex:1;min-width:90px;padding:7px 8px;border:0;border-right:1px solid var(--line-soft);border-radius:0;background:#101412;color:var(--muted);font-size:12px;cursor:pointer}.weapon-type-tabs button small{margin-left:3px;opacity:.65;font-size:10px}.weapon-type-tabs button.active{background:linear-gradient(180deg,rgba(214,170,85,.18),transparent),#22271f;color:#f1dca5;font-weight:700}
.weapon-type-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;line-height:1}.weapon-type-tabs button>img{display:block;width:32px;height:32px;flex:0 0 32px;margin:0;object-fit:contain;object-position:center}.weapon-type-tabs button>span{display:flex;align-items:baseline;gap:3px;white-space:nowrap}.weapon-type-tabs button small{display:inline-block;min-width:16px;margin:0;text-align:left}
.weapon-type-tabs button{flex:0 0 auto;width:max-content;min-width:104px}.weapon-type-tabs button>span{flex:0 0 auto;overflow:visible}
.slot-tabs{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.slot-tabs button{padding:7px 3px;border:0;border-right:1px solid var(--line-soft);border-radius:0;background:#101412;color:var(--muted);font-size:11px;cursor:pointer}.slot-tabs button span{display:inline;margin-right:4px;color:var(--accent);font-size:13px}.slot-tabs button.active{background:#20251f;color:#f1dca5}.picker-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--line)}.picker-head>div{display:flex;align-items:center;gap:7px}.picker-head strong{font-size:13px}.picker-head>span{color:var(--muted);font-size:10px}.slot-icon{color:var(--accent)}
.item-options{max-height:470px;overflow:auto;padding:5px}.item-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:rgba(12,16,14,.65);color:var(--text);text-align:left;cursor:pointer}.item-option:hover{background:#1d221e}.item-option.selected{box-shadow:inset 3px 0 var(--accent);background:rgba(214,170,85,.09)}.item-glyph,.gear-icon{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:2px;background:#0c100e;color:var(--accent);font-size:15px}.item-info{min-width:0;flex:1}.item-info strong,.item-info small{display:block}.item-info strong{font-size:12px}.item-info small{overflow:hidden;margin-top:2px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.radio{width:13px;height:13px;border:1px solid var(--line);border-radius:50%}.selected .radio{border:4px solid var(--accent)}
.summary-top{display:flex;align-items:start;justify-content:space-between;padding:10px}.summary-top h3{margin:0;color:#fff2d0;font-size:16px}.grade-badge{padding:4px 7px;border:1px solid rgba(214,170,85,.58);border-radius:2px;background:#11120f;color:var(--accent);font-size:11px}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.stat-cards div{padding:8px;border-right:1px solid var(--line-soft)}.stat-cards div:last-child{border:0}.stat-cards span,.stat-cards strong{display:block}.stat-cards span{color:var(--muted);font-size:9px}.stat-cards strong{margin-top:2px;color:var(--cyan);font-size:18px}.selected-gear{padding:5px}.selected-gear button{display:flex;align-items:center;gap:7px;width:100%;padding:5px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.selected-gear button:hover{background:#1d221e}.selected-gear button span:nth-child(2){min-width:0;flex:1}.selected-gear small,.selected-gear strong{display:block}.selected-gear small{color:var(--muted);font-size:9px}.selected-gear strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.selected-gear b{color:var(--accent);font-size:10px}
.summary-drifts{margin:0 5px 7px;border:1px solid #574255;border-radius:2px;background:#151116}.summary-drifts h4{margin:0;padding:6px 8px;border-bottom:1px solid #574255;color:#d8add5;font-size:10px}.summary-drift-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;padding:5px 8px;border-bottom:1px solid rgba(112,85,111,.35);font-size:10px}.summary-drift-row:last-child{border:0}.summary-drift-row small{color:#a991a7}.summary-drift-row span{color:#ead9e8}.summary-drifts .empty-state{margin:0;padding:8px;color:var(--muted);font-size:9px}
.skills-section{padding-top:14px}.skill-count{margin:0;color:var(--muted);font-size:11px}.skill-count strong{color:var(--accent);font-size:16px}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.skill-card{display:flex;gap:8px;padding:8px;box-shadow:none}.skill-number{color:var(--muted);font-size:9px}.skill-body{min-width:0;flex:1}.skill-body>div:first-child{display:flex;justify-content:space-between}.skill-body h3{margin:0;font-size:12px}.skill-body strong{color:var(--cyan);font-size:12px}.skill-body p{margin:4px 0 0;color:var(--muted);font-size:10px}.level-bar{display:flex!important;gap:2px;margin-top:5px}.level-bar i{height:3px;flex:1;background:var(--line-soft)}.level-bar i.on{background:var(--accent)}.notice{margin-top:10px;margin-bottom:18px;padding:10px;border-left:3px solid #6f8790;box-shadow:none}.notice strong{color:var(--accent);font-size:12px}.notice p{margin:3px 0 0;color:var(--muted);font-size:10px}.empty-state,.data-error{padding:18px;color:var(--muted);text-align:center}
footer{display:flex;justify-content:space-between;max-width:1180px;margin:10px auto 0;padding:12px 8px 18px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:11px}footer a{color:var(--accent);text-decoration:none}.toast{position:fixed;right:18px;bottom:18px;padding:8px 12px;border:1px solid var(--line);border-radius:3px;background:#20251f;color:var(--accent);font-size:11px;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:800px){.site-header,.page-title,.section,footer{padding-inline:10px}.site-header nav a{display:none}.page-title{grid-template-columns:1fr;gap:7px}.top-equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-equipment-item:nth-child(3){border-right:0}.top-equipment-item:nth-child(-n+3){border-bottom:1px solid var(--line-soft)}.build-name-row{grid-template-columns:1fr}.build-name-row label{display:none}.sim-grid{grid-template-columns:1fr}.summary-panel{position:static}.skill-grid{grid-template-columns:1fr}.section-heading{align-items:start}.slot-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:470px){.site-header{align-items:flex-start}.toolbar{flex-direction:column}.weapon-type-tabs button{min-width:82px}.stat-cards strong{font-size:15px}footer{flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.item-glyph,.gear-icon{width:38px;height:38px;overflow:hidden;background:#0c100e}.item-glyph img,.gear-icon img{width:100%;height:100%;object-fit:contain}.item-info strong,.item-info small,.series-name{display:block}.series-name{margin-bottom:1px;color:var(--accent);font-size:9px}
.pixel-ui-icon{image-rendering:pixelated;image-rendering:crisp-edges;object-fit:contain!important}.slot-tabs button span,.slot-icon{display:inline-grid;place-items:center;vertical-align:middle}.slot-tabs .pixel-ui-icon,.slot-icon .pixel-ui-icon,.monster-equipment-groups h3 .pixel-ui-icon{width:24px;height:24px}.monster-equipment-groups h3>span{display:inline-grid;place-items:center;vertical-align:middle;margin-right:5px}.top-equipment-icon .pixel-ui-icon{object-fit:contain}
.official-equipment-icon{width:100%;height:100%;object-fit:contain}.slot-tabs .official-equipment-icon,.slot-icon .official-equipment-icon,.monster-equipment-groups h3 .official-equipment-icon{width:24px;height:24px}
.equipment-icon-stack{position:relative;overflow:visible}.equipment-icon-stack>img:first-child{width:100%;height:100%;object-fit:contain}.equipment-icon-stack .equipment-source-badge{position:absolute;right:-13px;bottom:-9px;display:grid;place-items:center;width:23px;height:23px;pointer-events:none;filter:drop-shadow(0 1px 1px #000)}.equipment-source-badge img{width:23px;height:23px;max-width:none;object-fit:contain;image-rendering:pixelated}.equipment-icon-stack+span{margin-left:7px}.top-equipment-icon .equipment-source-badge{right:-12px;bottom:-8px}.top-equipment-item .equipment-icon-stack+span{margin-left:6px}.selected-gear-row .equipment-source-badge{right:-17px;bottom:-10px;width:32px;height:32px}.selected-gear-row .equipment-source-badge img{width:32px;height:32px}.selected-gear-row .equipment-icon-stack+span{margin-left:12px}
.monster-thumb{border-color:rgba(151,119,72,.72);background:linear-gradient(180deg,rgba(196,166,119,.48) 0%,rgba(113,79,45,.62) 52%,rgba(48,32,21,.82) 100%)}.monster-thumb img{object-fit:contain;image-rendering:pixelated}
.element-badge{display:flex!important;align-items:center;gap:3px;width:max-content;margin-top:2px;color:var(--muted);font-size:10px;line-height:1}.element-badge img{width:16px;height:16px;object-fit:contain;image-rendering:pixelated}.element-badge b{color:#ead49b;font-size:10px;font-weight:700}
.optimizer-section{padding-top:14px}.optimizer-status{margin:0;color:var(--muted);font-size:11px}.optimizer-panel{display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-left:3px solid #8e6a35;border-radius:3px;background:var(--surface);box-shadow:var(--shadow)}.optimizer-controls{padding:9px;border-bottom:1px solid var(--line)}.skill-conditions{display:grid;gap:5px}.skill-condition{display:grid;grid-template-columns:minmax(0,1fr) 72px 26px;gap:5px}.skill-condition select{min-width:0}.skill-condition button{border:1px solid var(--line);border-radius:2px;background:#101412;color:var(--muted);cursor:pointer}.optimizer-controls>.secondary-button{width:100%;margin-top:7px}.drift-toggle{display:flex;align-items:center;gap:7px;margin:9px 0;padding:8px;border-block:1px solid var(--line-soft);color:var(--text);font-size:12px}.drift-toggle input{width:15px;min-height:15px;accent-color:var(--accent)}.optimizer-controls>.primary-button{width:100%}.optimizer-results{min-height:0;padding:7px}.result-card{margin-bottom:7px;border:1px solid var(--line-soft);border-radius:2px;background:#101412}.result-head{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid var(--line-soft)}.result-head strong{font-size:12px}.result-head span{color:var(--accent);font-size:10px}.result-gears{display:grid;grid-template-columns:repeat(5,1fr)}.result-gear{min-width:0;padding:7px;border-right:1px solid var(--line-soft)}.result-gear:last-child{border:0}.result-gear small,.result-gear strong{display:block}.result-gear small{color:var(--muted);font-size:9px}.result-gear strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.result-skills{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;border-top:1px solid var(--line-soft)}.result-skills span{padding:2px 5px;border:1px solid var(--line);border-radius:2px;color:var(--muted);font-size:9px}.result-skills .met{color:#efd89d}.result-skills .drift{border-color:#70556f;color:#d8add5}.apply-result{margin-left:auto;border:1px solid var(--line);border-radius:2px;background:#242a23;color:var(--accent);font-size:10px;cursor:pointer}
.drift-note{margin:-4px 0 9px;color:var(--muted);font-size:9px;line-height:1.45}
.optimizer-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.optimizer-options label{color:var(--muted);font-size:9px}.optimizer-options span{display:block;margin-bottom:2px}.build-actions{display:grid;gap:7px;margin:-2px 0 8px}.build-actions button,.build-actions select{width:auto;min-height:30px;padding:4px 8px;border:1px solid var(--line);border-radius:2px;background:#151816;color:var(--muted);font-size:10px}.build-output-actions{display:flex;flex-wrap:wrap;gap:5px}.build-set-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.build-set-card{display:grid;gap:5px;padding:7px;border:1px solid var(--line-soft);border-left:3px solid #705f3d;border-radius:2px;background:#101412}.build-set-card>span{color:#ead49b;font-size:10px;font-weight:700}.build-set-card>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.build-set-card select{width:100%}.build-set-card small{color:var(--muted);font-size:8px}.compare-section details{border:1px solid var(--line);border-radius:3px;background:var(--surface)}.compare-section summary{padding:8px;color:#f3dfab;font-size:13px;cursor:pointer}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px}.compare-grid article{border:1px solid var(--line-soft);background:#101412}.compare-grid header{display:flex;justify-content:space-between;padding:7px;border-bottom:1px solid var(--line-soft)}.compare-grid header button{border:0;background:transparent;color:var(--danger)}.compare-grid article>div{display:grid;grid-template-columns:34px 1fr;gap:5px;padding:4px 7px;font-size:9px}.compare-grid article small{color:var(--muted)}.compare-grid article p{margin:5px;padding:6px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:9px}.item-option-wrap{display:grid;grid-template-columns:minmax(0,1fr) 28px}.exclude-item{border:0;border-bottom:1px solid var(--line-soft);background:#101412;color:var(--muted);cursor:pointer}.exclude-item.active{background:#2a1715;color:#d98978}.gear-mini-actions{display:grid;gap:3px;padding:4px}.fix-item{border:1px solid var(--line);border-radius:2px;background:#111;color:var(--muted);font-size:9px}.fix-item.active{border-color:var(--accent);color:var(--accent)}
.optimizer-section{padding-top:8px}.optimizer-controls details{border-bottom:1px solid var(--line-soft)}.optimizer-controls summary{padding:8px 2px;color:#ead49b;font-size:12px;font-weight:700;cursor:pointer;list-style-position:inside}.skill-category-tabs{display:flex;gap:4px;overflow-x:auto;padding:3px 0 7px;scrollbar-width:thin}.skill-category-tabs button{flex:0 0 auto;padding:5px 9px;border:1px solid var(--line);border-radius:2px;background:#101412;color:var(--muted);font-size:10px;cursor:pointer}.skill-category-tabs button.active{border-color:var(--accent);background:#29271e;color:#f2dca4}.skill-button-grid{display:flex;flex-wrap:wrap;gap:4px;max-height:210px;overflow:auto;padding:2px 0 8px}.skill-button-grid button{padding:5px 7px;border:1px solid var(--line-soft);border-radius:2px;background:#111512;color:var(--muted);font-size:10px;cursor:pointer}.skill-button-grid button.selected{border-color:#8d7441;background:rgba(214,170,85,.14);color:#f0d69c}.skill-select-picker .skill-conditions{padding-top:3px}.skill-select-picker>.secondary-button{width:100%;margin:7px 0}.drift-source{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-bottom:8px;color:var(--muted);font-size:10px}.drift-source select{min-width:0}.selected-gear-row{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid var(--line-soft)}.selected-gear-row>button:first-child{border-bottom:0}.edit-drift-button{align-self:stretch;margin:5px;padding:4px 7px;border:1px solid #70556f;border-radius:2px;background:#191419;color:#d8add5;font-size:9px;cursor:pointer}.drift-dialog{width:min(520px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:0;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);box-shadow:0 20px 70px #000}.drift-dialog::backdrop{background:rgba(0,0,0,.72)}.drift-editor{padding:10px}.drift-editor-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line-soft);padding-bottom:8px}.drift-editor-head small{color:var(--muted);font-size:9px}.drift-editor-head h2{margin:2px 0 0;color:#f3dfab;font-size:16px}.drift-editor-head>button{width:32px;border:1px solid var(--line);background:#111;color:var(--muted)}.drift-editor>p{color:var(--muted);font-size:10px}.drift-owned-list{max-height:42vh;overflow:auto;border-block:1px solid var(--line-soft)}.drift-owned-list label{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 3px;border-bottom:1px solid var(--line-soft);font-size:11px}.drift-owned-list input{width:15px;min-height:15px;accent-color:var(--accent)}.drift-owned-list button{border:0;background:transparent;color:#c27d70;font-size:9px}.drift-add-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.drift-add-row button{border:1px solid var(--line);border-radius:2px;background:#242a23;color:var(--accent)}.drift-editor-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}
.optimizer-output-section{padding-top:18px}.optimizer-output-section .optimizer-results{border:1px solid var(--line);border-left:3px solid #8e6a35;border-radius:3px;background:var(--surface);box-shadow:var(--shadow)}
.template-tabs{display:flex;gap:4px;overflow-x:auto;padding:3px 0 7px}.template-tabs button{flex:0 0 auto;padding:5px 9px;border:1px solid var(--line);border-radius:2px;background:#101412;color:var(--muted);font-size:10px;cursor:pointer}.template-tabs button.active{border-color:var(--accent);background:#29271e;color:#f2dca4}.template-grid{display:grid;gap:5px;padding-bottom:8px}.template-card{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid var(--line-soft);border-radius:2px;background:#101412}.template-card>button{display:grid;gap:3px;padding:7px 8px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.template-card strong{font-size:11px}.template-card span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.template-card>a{display:grid;place-items:center;padding:0 9px;border-left:1px solid var(--line-soft);color:var(--accent);font-size:9px;text-decoration:none}
@media(max-width:800px){.optimizer-panel{grid-template-columns:1fr}.optimizer-controls{border-right:0;border-bottom:1px solid var(--line)}.result-gears{grid-template-columns:1fr}.result-gear{border-right:0;border-bottom:1px solid var(--line-soft)}}
@media(max-width:600px){body{padding-bottom:58px}.site-header{position:sticky;top:0;z-index:20;padding-block:8px;background:rgba(11,13,12,.96);backdrop-filter:blur(8px)}.brand-mark{width:28px;height:28px}.brand strong{font-size:14px}.page-title{padding-top:12px}.page-title h1{font-size:20px}.section{padding-block:7px}.section-heading{align-items:center}.section-heading h2{font-size:15px}.optimizer-panel{border-left-width:2px}.optimizer-controls{padding:7px}.skill-button-grid{max-height:180px}.skill-button-grid button{min-height:34px;padding:6px 8px}.skill-condition{grid-template-columns:minmax(0,1fr) 66px 34px}.skill-condition select,.skill-condition button{min-height:38px}.drift-toggle{min-height:42px}.optimizer-controls>.primary-button{position:sticky;bottom:6px;z-index:4;min-height:44px;box-shadow:0 5px 20px #000}.optimizer-results{padding:5px}.result-head{position:sticky;top:45px;z-index:2;align-items:center;background:#101412}.result-head span{margin-left:auto}.apply-result{min-height:34px}.result-gears{grid-template-columns:repeat(2,minmax(0,1fr))}.result-gear{min-height:52px}.build-name-row{padding:6px}.toolbar{gap:4px}.toolbar button{min-height:36px}.weapon-type-tabs{scroll-snap-type:x proximity}.weapon-type-tabs button{min-width:78px;scroll-snap-align:start}.slot-tabs{position:sticky;top:45px;z-index:5;background:#101412}.slot-tabs button{min-height:42px}.item-options{max-height:56vh}.item-option{min-height:58px;padding:7px 5px}.summary-panel{order:-1}.selected-gear{padding:3px}.selected-gear-row>button:first-child{min-height:50px}.edit-drift-button{min-width:48px}.skill-grid{grid-template-columns:1fr}.toast{right:10px;bottom:68px;left:10px;text-align:center}.drift-dialog{max-height:calc(100dvh - 12px)}.drift-editor-actions{position:sticky;bottom:-10px;padding:8px 0 10px;background:var(--surface)}footer{padding-bottom:8px}}
@media(max-width:600px){.build-output-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.build-set-actions{grid-template-columns:1fr}.build-actions button,.build-actions select{width:100%;min-height:38px}.optimizer-options{grid-template-columns:1fr}.compare-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.compare-grid article{flex:0 0 88%;scroll-snap-align:start}.item-option-wrap{grid-template-columns:minmax(0,1fr) 34px}.exclude-item{font-size:15px}.gear-mini-actions{min-width:54px}.fix-item,.edit-drift-button{min-height:28px}.result-head strong{white-space:nowrap}.result-head span{font-size:9px}.result-head .apply-result{padding-inline:6px}.compare-section summary{min-height:42px}}
.template-card strong em{margin-left:5px;padding:1px 4px;border:1px solid #755a42;border-radius:2px;color:#cda874;font-size:8px;font-style:normal;font-weight:400}
.skill-body strong small{color:var(--muted);font-size:10px;font-weight:500}.skill-body strong em{display:inline-block;margin-left:5px;padding:1px 4px;border:1px solid #755a42;border-radius:2px;color:#cda874;font-size:8px;font-style:normal}.skill-card{min-height:58px}.skill-body h3{overflow-wrap:anywhere}.level-bar{max-width:100%}
.custom-template-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:4px;padding:0 0 8px}.custom-template-actions button,.custom-template-actions select{min-height:30px;padding:4px 6px;border:1px solid var(--line);border-radius:2px;background:#151816;color:var(--muted);font-size:9px}.optimizer-options{grid-template-columns:repeat(4,1fr)}
.build-actions-panel{margin-bottom:8px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}.build-actions-panel>summary{display:block;padding:8px;color:#ead49b;font-size:12px;font-weight:700;cursor:pointer}.build-actions-panel .build-actions{margin:0;padding:6px}.build-actions-panel:not([open]) .build-actions{display:grid}
@media(max-width:600px){.custom-template-actions{grid-template-columns:1fr 1fr}.custom-template-actions select{grid-column:1/-1;grid-row:1}.optimizer-options{grid-template-columns:1fr}.build-actions-panel>summary{display:block}.build-actions-panel:not([open]) .build-actions{display:none}.build-actions-panel .build-actions{padding:6px}}
.back-to-top{position:fixed;z-index:30;right:max(14px,calc((100vw - 1180px)/2 + 14px));bottom:18px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(214,170,85,.65);border-radius:50%;background:rgba(21,24,22,.94);box-shadow:0 8px 24px #000;color:var(--accent);font-size:19px;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s,transform .18s}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover,.back-to-top:focus-visible{border-color:#f0cf80;color:#ffe3a5;outline:none}
.equipment-mobile-controls{display:none;grid-template-columns:1fr 1fr;gap:6px;padding:7px;border-bottom:1px solid var(--line)}.equipment-mobile-controls label span{display:block;margin-bottom:2px;color:var(--muted);font-size:9px}.monster-filter{padding:7px;border-bottom:1px solid var(--line)}.monster-filter-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.monster-filter-head strong{font-size:11px}.monster-filter-head select{width:min(240px,60%)}.monster-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:5px;max-height:142px;overflow:hidden}.monster-icon-grid.expanded{max-height:none}.monster-icon-grid button{display:grid;min-width:0;place-items:center;gap:2px;padding:5px 2px;border:1px solid var(--line-soft);border-radius:2px;background:#101412;color:var(--muted);cursor:pointer}.monster-icon-grid button.active{border-color:var(--accent);background:#29271e;color:#f2dca4}.monster-icon-grid img,.monster-icon-grid button>span{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.monster-icon-grid button>span{display:grid;place-items:center}.monster-icon-grid small{width:100%;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.monster-grid-toggle{display:block;width:100%;margin-top:6px;padding:5px;border:1px solid var(--line-soft);border-radius:2px;background:#151816;color:var(--accent);font-size:10px;cursor:pointer}.monster-grid-toggle[hidden]{display:none}
.monster-equipment-head{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid var(--line);background:#151816}.monster-equipment-head img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}.monster-equipment-head div{min-width:0;flex:1}.monster-equipment-head small,.monster-equipment-head strong{display:block}.monster-equipment-head small{color:var(--muted);font-size:9px}.monster-equipment-head strong{color:#f2dca4;font-size:14px}.monster-equipment-head>span{color:var(--accent);font-size:10px}.monster-equipment-groups>section{border-bottom:1px solid var(--line)}.monster-equipment-groups h3{display:flex;align-items:center;gap:6px;margin:0;padding:7px 9px;background:#111412;color:#ead49b;font-size:11px}.monster-equipment-groups h3 small{margin-left:auto;color:var(--muted);font-size:9px;font-weight:400}.monster-equipment-groups .item-options{max-height:none}
@media(max-width:800px){.equipment-mobile-controls{display:grid}.weapon-type-tabs{display:none}.slot-tabs{display:none}.monster-filter-head{align-items:end}.monster-filter-head{display:grid;grid-template-columns:1fr}.monster-filter-head select{width:100%}.monster-icon-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));max-height:139px}.monster-icon-grid button{min-height:62px}}
.summary-drifts h4{display:flex;align-items:center;justify-content:space-between}.summary-drifts h4 button{padding:3px 6px;border:1px solid #70556f;border-radius:2px;background:#211a21;color:#e4bce1;font-size:9px;cursor:pointer}.bulk-drift-dialog{width:min(760px,calc(100% - 20px))}.bulk-drift-list{display:grid;gap:7px;max-height:65vh;overflow:auto}.bulk-drift-item{border:1px solid var(--line);border-left:3px solid #70556f;background:#111512}.bulk-drift-item>header{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:7px;padding:7px;border-bottom:1px solid var(--line-soft)}.bulk-drift-item>header span,.bulk-drift-item>header small{color:var(--muted);font-size:9px}.bulk-drift-item>header strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.bulk-drift-chips{display:flex;flex-wrap:wrap;gap:4px;padding:6px}.bulk-drift-chips label{display:grid;grid-template-columns:15px auto 18px;align-items:center;gap:4px;padding:3px 4px;border:1px solid #574255;border-radius:2px;background:#191419;color:#ead9e8;font-size:9px}.bulk-drift-chips input{width:13px;min-height:13px;margin:0;accent-color:#c994c5}.bulk-drift-chips button{padding:0;border:0;background:transparent;color:#c27d70}.bulk-drift-chips p{margin:2px;color:var(--muted);font-size:9px}.bulk-drift-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:0 6px 7px}.bulk-drift-add button{border:1px solid var(--line);background:#242a23;color:var(--accent)}.bulk-drift-item.empty{display:flex;justify-content:space-between;padding:8px;color:var(--muted);font-size:10px}
@media(min-width:1100px){
  .site-header,.page-title,.section,footer{max-width:1540px;padding-inline:18px}
  .page-title{padding-top:18px}
  .page-title{grid-template-columns:minmax(250px,330px) minmax(0,1fr)}.top-equipment{justify-self:end;width:100%}.top-equipment-item{grid-template-columns:36px minmax(0,1fr);padding:7px}.top-equipment-icon{width:36px;height:36px}.top-equipment-item strong{font-size:10px}
  .section{padding-block:13px}
  .section-heading{margin-bottom:10px}.section-heading h2{font-size:18px}
  .optimizer-panel{grid-template-columns:1fr;align-items:start}
  .optimizer-controls{padding:14px 16px;border-right:0;border-bottom:0}.optimizer-results{min-height:0;padding:12px 16px}
  #runOptimizer{display:block;width:min(320px,100%);margin-left:auto;min-height:40px}
  .skill-button-grid{max-height:260px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sim-grid{grid-template-columns:minmax(0,1fr) minmax(400px,440px);gap:14px}
  .equipment-panel,.summary-panel{border-radius:4px}
  .weapon-type-tabs button{min-width:104px;padding:9px 10px}
  .slot-tabs button{padding:9px 5px;font-size:12px}
  .monster-filter{padding:11px}.monster-icon-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:7px;max-height:164px}
  .monster-icon-grid button{min-height:68px;padding:7px 3px}.monster-icon-grid img,.monster-icon-grid button>span{width:38px;height:38px}.monster-icon-grid small{font-size:9px}
  .picker-head{padding:10px 13px}.picker-head strong{font-size:14px}
  .item-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 8px;max-height:600px;padding:8px}
  .item-option{min-height:58px;padding:8px}.item-info strong{font-size:13px}.item-info small{font-size:10px}
  .monster-equipment-groups .item-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .summary-top{padding:14px}.summary-top h3{font-size:18px}.stat-cards div{padding:11px}.stat-cards span{font-size:10px}.selected-gear{padding:8px}.selected-gear-row>button:first-child{min-height:58px;padding:8px}.selected-gear strong{font-size:12px}.selected-gear small{font-size:10px}
  .summary-drifts{margin:0 8px 10px}.summary-drifts h4{padding:8px 10px;font-size:11px}.summary-drift-row{padding:7px 10px;font-size:11px}
  .skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skill-card{min-height:66px;padding:10px}.skill-body h3{font-size:13px}
  .compare-grid{gap:10px;padding:10px}
}

/* Two-screen simulator workspace */
body{padding-top:58px}
.site-header{position:fixed;z-index:60;top:0;right:0;left:0;max-width:none;padding-inline:max(12px,calc((100vw - 1504px)/2));background:rgba(11,13,12,.96);box-shadow:0 5px 22px rgba(0,0,0,.32);backdrop-filter:blur(10px)}
.site-header nav{min-width:38px;margin-left:auto;padding-right:50px;flex:0 0 auto}.site-header .menu-button{position:fixed!important;z-index:71;top:9px;right:12px;display:grid!important}.menu-backdrop{z-index:65}.site-menu{z-index:70}
.language-button{min-width:36px;height:30px;padding:0 7px;border:1px solid var(--line);border-radius:2px;background:#171b18;color:var(--accent);font-size:10px;font-weight:700;cursor:pointer}
.workspace-tabs{position:sticky;z-index:18;top:57px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1504px;margin:8px auto 4px;padding:0 8px;background:rgba(11,13,12,.94);box-shadow:0 10px 18px rgba(0,0,0,.2);backdrop-filter:blur(8px)}
.workspace-tabs button{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;gap:0 8px;padding:9px 12px;border:1px solid var(--line);background:#101412;color:var(--muted);text-align:left;cursor:pointer}
.workspace-tabs button+button{border-left:0}.workspace-tabs button>span{grid-row:1/3;align-self:center;color:#756e60;font-size:11px;letter-spacing:1px}.workspace-tabs strong{font-size:13px}.workspace-tabs small{font-size:9px}.workspace-tabs button.active{z-index:1;border-color:var(--accent);background:linear-gradient(180deg,rgba(214,170,85,.17),transparent),#181b17;color:#f2dca4}.workspace-tabs button.active>span{color:var(--accent)}
body[data-workspace="search"] #simulator,body[data-workspace="search"] #compare{display:none}
body[data-workspace="equipment"] #optimizer,body[data-workspace="equipment"] #skills,body[data-workspace="equipment"] #search-results{display:none}
.skill-input-switch{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:8px;border:1px solid var(--line)}
.template-quick-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;margin-bottom:8px;padding:9px;border:1px solid #75613c;border-left:3px solid var(--accent);background:#151712}.template-quick-picker label span{display:block;margin-bottom:3px;color:#e6cb8d;font-size:10px}.template-quick-picker button{min-height:30px;padding:4px 11px;border:1px solid var(--line);background:#29271e;color:#f2dca4;cursor:pointer}
.skill-input-switch button{min-height:36px;border:0;background:#101412;color:var(--muted);font-size:11px;cursor:pointer}.skill-input-switch button+button{border-left:1px solid var(--line)}.skill-input-switch button.active{background:#29271e;color:#f2dca4;box-shadow:inset 0 -2px var(--accent)}
[hidden]{display:none!important}
.skill-check-option{display:grid;grid-template-columns:18px minmax(0,1fr) 78px;align-items:center;gap:5px;min-height:38px;padding:4px 6px;border:1px solid var(--line-soft);border-radius:2px;background:#111512;color:var(--muted);font-size:10px;cursor:pointer}.skill-check-option.selected{border-color:#8d7441;background:rgba(214,170,85,.14);color:#f0d69c}.skill-check-option input{width:15px;min-height:15px;margin:0;accent-color:var(--accent)}.skill-check-option select{width:78px;min-height:30px;padding:2px 5px;font-size:10px}.skill-check-option select:disabled{opacity:.35}
.skill-button-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
@media(max-width:800px){body{padding-top:53px}.site-header{padding-inline:10px}.workspace-tabs{top:52px;padding-inline:10px}.workspace-tabs button{grid-template-columns:22px minmax(0,1fr);padding:8px}.workspace-tabs small{display:none}.workspace-tabs strong{font-size:11px}.skill-button-grid{grid-template-columns:1fr}}
@media(max-width:600px){.template-quick-picker{grid-template-columns:1fr}.template-quick-picker button{min-height:38px}}

/* Saved-build and comparison actions */
.saved-build-compare{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px}.saved-build-compare button{min-width:58px;border:1px solid #725f38;border-radius:3px;background:#181d19;color:#ead49b;cursor:pointer}.saved-build-compare button:disabled{opacity:.42;cursor:not-allowed}
.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 8px 7px;border-bottom:1px solid var(--line-soft)}.compare-toolbar p{margin:0;color:var(--muted);font-size:10px}.compare-toolbar button{padding:5px 9px;border:1px solid var(--line);border-radius:2px;background:#151816;color:var(--muted);font-size:9px;cursor:pointer}.compare-toolbar button:disabled{opacity:.4;cursor:not-allowed}
.compare-grid .compare-card{overflow:hidden;border:1px solid var(--line-soft);border-radius:3px;background:#101412}.compare-grid .compare-card>header{display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:7px;padding:7px;border-bottom:1px solid var(--line-soft)}.compare-card>header>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-card>header>div{display:flex;grid-template-columns:none;gap:4px;padding:0}.compare-card>header button{padding:3px 6px;border:1px solid var(--line);border-radius:2px;background:#171b18;color:var(--accent);font-size:8px;cursor:pointer}.compare-card>header .compare-remove{border-color:transparent;color:var(--danger);font-size:13px}
.compare-grid .compare-card>.compare-equipment,.compare-grid .compare-card>.compare-skills{display:block;padding:0}.compare-equipment-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;min-height:64px;padding:7px 9px;border-bottom:1px solid var(--line-soft);font-size:9px}.compare-equipment-icon{display:grid;place-items:center;width:40px;height:40px}.compare-equipment-icon .equipment-source-badge{right:-12px;bottom:-10px;width:32px;height:32px}.compare-equipment-icon .equipment-source-badge img{width:32px;height:32px}.compare-no-icon{display:grid;place-items:center;width:40px;height:40px;color:var(--muted)}.compare-gear-copy{display:grid;grid-template-columns:none;gap:1px;padding:0;min-width:0}.compare-gear-copy small,.compare-gear-copy strong,.compare-gear-copy span,.compare-gear-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-gear-copy small{color:var(--muted)}.compare-gear-copy strong{font-size:10px}.compare-gear-skills{color:#b9b09e;font-size:8px}.compare-gear-copy em{color:#d8add5;font-size:8px;font-style:normal}.compare-equipment-row.different,.compare-skill-row.different{background:rgba(214,170,85,.08)}
.compare-skills h4{margin:0;padding:7px;border-bottom:1px solid var(--line-soft);color:#f3dfab;font-size:10px}.compare-skills>p{margin:0;padding:7px;color:var(--muted);font-size:9px}.compare-skill-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:4px 7px;border-bottom:1px solid rgba(45,51,45,.45);font-size:9px}.compare-skill-row span{overflow-wrap:anywhere;color:var(--muted)}.compare-skill-row b{color:var(--cyan)}
@media(max-width:600px){.saved-build-compare button{min-height:38px}.compare-toolbar{align-items:stretch;flex-direction:column}.compare-toolbar button{min-height:34px}.compare-grid .compare-card{flex-basis:92%}.compare-card>header button{min-height:30px}.compare-equipment-row{min-height:49px}}

/* Search result save/export actions */
.site-menu .menu-result-actions button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 3px;border:0;border-bottom:1px solid rgba(45,51,45,.55);background:transparent;color:#eee4d0;font-size:12px;text-align:left;cursor:pointer}.site-menu .menu-result-actions button:hover,.site-menu .menu-result-actions button:focus-visible{padding-left:7px;color:var(--accent);outline:none}.site-menu .menu-result-actions button span{color:var(--accent);font-size:15px}
.menu-image-format{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:7px 3px;border-bottom:1px solid rgba(45,51,45,.55);color:var(--muted);font-size:10px}.menu-image-format select{min-height:30px;font-size:10px}
.site-menu .menu-language button b{display:grid;place-items:center;min-width:30px;height:22px;border:1px solid var(--accent-soft);border-radius:2px;color:var(--accent);font-size:10px}.site-menu .menu-language button span{color:#eee4d0;font-size:12px}
.result-head{align-items:center}.result-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:auto}.result-card-actions button{min-height:30px;padding:4px 8px;border:1px solid var(--line);border-radius:2px;background:#181d19;color:var(--muted);font-size:10px;cursor:pointer}.result-card-actions button:hover,.result-card-actions button:focus-visible{border-color:var(--accent);color:#f1dca5;outline:none}.result-card-actions .apply-result{margin-left:0;background:#242a23;color:var(--accent)}.result-card-actions .save-result{border-color:#725f38;color:#ead49b}.result-card-actions .compare-result{border-color:#706047;color:#d7bd80}.result-card-actions .export-result{border-color:#536d73;color:var(--cyan)}
.optimizer-output-section .section-heading>div .optimizer-status{margin-top:2px}
@media(max-width:600px){.result-head{position:static;flex-wrap:wrap}.result-head>span{margin-left:auto}.result-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0}.result-card-actions button{min-height:38px;padding-inline:4px;font-size:9px;white-space:normal}.optimizer-output-section .section-heading{align-items:flex-start}.optimizer-output-section .section-heading>p{display:none}}
.build-actions{align-items:end}.image-format-picker{display:grid;gap:2px;color:var(--muted);font-size:8px}.image-format-picker span{padding-left:2px}@media(max-width:600px){.image-format-picker{width:100%}}