:root{color-scheme:dark;--bg:#0d1019;--panel:#151923;--line:#2b303e;--text:#edf0f7;--muted:#a5adbe;--orange:#ffab54;--gold:#e7c98a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,input{border:1px solid var(--line);border-radius:7px;background:#10141e;color:var(--text);padding:9px 10px}button,summary{cursor:pointer}button:hover:not(:disabled),button.active{border-color:var(--orange);background:#30261f;color:#ffd19a}button:disabled{opacity:.4;cursor:default}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}input[type=checkbox]{accent-color:var(--orange);width:15px;height:15px;vertical-align:middle}header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--text)}.brand:hover{text-decoration:none}.brand img{object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--orange);font-weight:700}.brand strong{font-size:23px;letter-spacing:-.5px}nav{display:flex;align-items:center;gap:20px}.primary,a.primary{color:#17120c;background:var(--orange);border:1px solid var(--orange);padding:10px 15px;font-weight:650;border-radius:7px}.primary:hover{background:#ffd09b;color:#17120c}.backup-note{padding:8px 24px;color:#eedda5;background:#1d1c1b;border-bottom:1px solid #393129;font-size:12px}main{display:grid;grid-template-columns:300px minmax(320px,1fr) 304px;min-height:700px;max-width:2100px;margin:auto}.catalog-panel,.build-panel{padding:20px 17px;background:var(--panel);min-width:0}.catalog-panel{border-right:1px solid var(--line)}.build-panel{border-left:1px solid var(--line)}.panel-top,.section-line,.results-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--orange);font-weight:650}.muted,.fineprint{color:var(--muted)}.panel-top .muted{font-size:11px}h1{font-size:23px;font-weight:600;margin:15px 0 18px;letter-spacing:-.6px}h2{font-size:17px;font-weight:600;margin:9px 0}p{margin:9px 0}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#10141e;padding:0 10px;font-size:25px;color:var(--muted)}.search input{border:0;width:100%;background:none;padding-left:8px;font-size:13px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}label{display:block;color:var(--muted);font-size:11px}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:5px;font-size:12px;min-width:0}.filter-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.filter-line label{font-size:11px}.text-button{border:0;background:none!important;padding:2px;color:var(--orange);font-size:12px}.results-heading{border-top:1px solid var(--line);padding-top:13px;margin:14px 0 8px;font-size:11px;color:var(--muted)}.results-heading select{padding:5px;font-size:11px}.results{min-height:220px;max-height:540px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4c5364 transparent}.item-row{display:flex;gap:10px;width:100%;text-align:left;padding:10px 7px;border:1px solid transparent;border-bottom-color:#252a36;border-radius:4px;background:none;align-items:center}.item-row.selected{background:#28241f;border-color:#b37d41}.item-row img,.item-icon-placeholder{width:37px;height:37px;object-fit:contain;background:#0c1018;border-radius:5px;flex:none}.item-icon-placeholder{display:grid;place-items:center;color:var(--gold)}.item-row strong{font-size:12px;font-weight:500;display:block;color:var(--text)}.item-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.item-row .star{margin-left:auto;color:var(--gold)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:13px;font-size:11px}.pagination button{font-size:11px;padding:6px}.fineprint{font-size:10px;line-height:1.6;margin-top:14px}.stage-panel{position:relative;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 50%,#34303b 0,#191c2a 45%,#10141e 85%);overflow:hidden}.stage-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 12px;gap:12px;z-index:1}.stage-heading h2{font-size:22px;letter-spacing:-.5px;font-weight:500}.badge{font-size:9px;letter-spacing:1.5px;border:1px solid #4e4850;color:#c4bfcd;border-radius:30px;padding:6px 10px;white-space:nowrap}.stage-tabs{display:flex;gap:4px;margin:0 auto;z-index:1;border:1px solid var(--line);padding:3px;border-radius:8px;background:#121621}.stage-tabs button{font-size:12px;border:0;background:none;padding:7px 17px}.stage-tabs button.active{background:#34302d}#viewport{position:relative;flex:1;min-height:470px;isolation:isolate;touch-action:none}#viewport canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}#viewer-message{position:absolute;top:20px;left:15px;right:15px;text-align:center;z-index:3;color:var(--gold);font-size:12px;pointer-events:none}#viewer-message.error{background:#3b2020;padding:12px;color:#ffdada}.stage-watermark{position:absolute;inset:0;display:grid;place-items:center;font:240px Georgia,serif;opacity:.035;pointer-events:none}.viewer-toolbar{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;z-index:1}.viewer-toolbar button{font-size:11px;padding:7px 10px;background:#151923cc}.viewer-toolbar label{font-size:11px;white-space:nowrap}.stage-help{text-align:center;color:var(--muted);font-size:10px;margin:0 10px 18px}.stage-note{display:flex;gap:9px;align-items:center;justify-content:center;font-size:10px;color:var(--muted);padding:12px 18px;background:#0b101ac9;border-top:1px solid #282b36}.status-dot{width:6px;height:6px;border-radius:50%;background:#90ac83;flex:none}.details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:20px}.details h2{font-size:18px;line-height:1.4;color:var(--gold)}.details p{font-size:12px;color:var(--muted)}.details dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:5px;margin:12px 0}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right}.button-row{display:flex;gap:7px;margin-top:10px}.button-row button{flex:1;font-size:11px;padding:8px}.section-line{margin-top:16px}.slot{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #272c38;font-size:11px}.slot>span{color:var(--muted);width:62px;flex:none}.slot .slot-item{border:0;background:none;padding:0;color:var(--text);text-align:left;font-size:11px;flex:1}.slot .remove{font-size:15px;border:0;background:none;padding:0 5px;color:var(--muted)}.saved-section{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}summary{font-size:13px;color:var(--gold);margin-bottom:13px}.full{width:100%;margin-top:10px}.saved-row{display:flex;gap:6px;margin-top:6px}.saved-row button:first-child{flex:1;text-align:left;font-size:12px}footer{padding:15px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;display:flex;gap:20px;justify-content:space-between}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 20px;background:#28211b;border:1px solid var(--orange);box-shadow:0 10px 35px #0008;border-radius:8px;color:var(--text);z-index:20;font-size:13px}.empty{padding:25px 10px;color:var(--muted);font-size:12px}body:has(main:fullscreen) main{background:var(--bg);width:100%;max-width:none;overflow:auto}body:has(main:fullscreen) #viewport{min-height:65vh}@media(min-width:1700px){main{grid-template-columns:330px minmax(320px,1fr) 330px}}@media(max-width:1120px){main{grid-template-columns:250px minmax(300px,1fr)}.build-panel{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.build-panel .panel-top,.build-panel .saved-section{grid-column:1/-1}.build-panel .section-line{grid-column:2;grid-row:2}.build-panel #slots{grid-column:2;grid-row:3/6}.build-panel .details{grid-column:1}.brand strong{font-size:20px}nav{gap:12px;font-size:12px}}@media(max-width:700px){header{padding:12px;flex-wrap:wrap;gap:10px}.brand strong{font-size:18px}.brand img{width:43px;height:43px}nav{width:100%;justify-content:space-between}nav .primary{padding:6px 12px}.backup-note{padding:8px 12px;font-size:11px}main{display:flex;flex-direction:column}.stage-panel{order:0}.catalog-panel{order:1;border-top:1px solid var(--line);border-right:0}.build-panel{order:2;display:block;border-left:0}.stage-heading{padding:15px}.stage-heading h2{font-size:18px}#viewport{height:390px;min-height:390px;flex:none}.results{max-height:360px}.catalog-panel h1{margin:10px 0}.catalog-panel .filter-grid{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap;gap:8px;padding:15px}.badge{display:none}.viewer-toolbar{gap:6px}.stage-watermark{font-size:180px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* v1.3.0 — Avatar Studio */
.avatar-studio{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.avatar-studio summary{color:#ffd19a}
.avatar-studio .avatar-note{margin:0 0 10px}
.avatar-studio input[type=color]{height:38px;padding:3px;cursor:pointer}
.avatar-studio input[type=color][hidden]{display:none}
#avatar-export{margin-top:10px}
#slot-filter{min-width:0}

@media(max-width:1120px) and (min-width:701px){.build-panel .avatar-studio{grid-column:1/-1}}


/* v1.3.3 — viewport-fit Armory + deep-link build visibility */
@media(min-width:1121px){
  html,body{height:100%}
  body{height:100vh;overflow:hidden;display:flex;flex-direction:column}
  header,.backup-note,footer{flex:0 0 auto}
  main{flex:1 1 auto;min-height:0;width:100%;overflow:hidden}
  .catalog-panel,.build-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4c5364 transparent}
  .stage-panel{min-height:0}
  #viewport{min-height:220px}
  .results{max-height:min(540px,42vh)}
  body.item-deep-link .build-panel{padding-top:12px}
  body.item-deep-link .build-panel .filter-grid{margin-top:8px}
  body.item-deep-link .details{margin-top:10px;padding:10px 0}
  body.item-deep-link .details p{margin:6px 0}
  body.item-deep-link .details dl{margin:8px 0}
  body.item-deep-link .section-line{margin-top:10px}
  body.item-deep-link .slot{padding:5px 0}
  body.item-deep-link .avatar-studio{margin-top:10px;padding-top:8px}
  body.item-deep-link .saved-section{margin-top:10px;padding-top:8px}
}