@charset "UTF-8";
/* Immersive material atelier. Scoped independently from the original site composer. */
.fxw-workbench{
  --fxw-ink:#ede7d8;--fxw-muted:#a49d8b;--fxw-line:#c9b88d2d;--fxw-gold:#d0b978;
  width:100%;max-width:1160px;margin:0 auto;color:var(--fxw-ink);font-family:inherit;
  color-scheme:dark;container:fxw / inline-size;
}
.fxw-workbench,.fxw-workbench *,.fxw-workbench *::before,.fxw-workbench *::after{box-sizing:border-box}
.fxw-workbench h2,.fxw-workbench h3,.fxw-workbench p{margin:0}
.fxw-workbench button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.fxw-workbench button:focus-visible{outline:2px solid #dac48e;outline-offset:5px}
.fxw-workbench button:disabled{opacity:.32;cursor:default}
.fxw-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 0 29px;border-bottom:1px solid var(--fxw-line)}
.fxw-kicker{font:8px/1.7 GillSans,Arial,sans-serif;letter-spacing:.23em;color:var(--fxw-muted)}
.fxw-workbench .fxw-title{font:400 clamp(29px,3.2vw,42px)/1.35 var(--serif,serif);letter-spacing:.035em;margin-top:12px}
.fxw-workbench .fxw-instruction{font-size:11px;line-height:1.8;color:var(--fxw-muted);padding-bottom:5px}
.fxw-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.85fr);gap:clamp(28px,4.2vw,64px);padding:28px 0}
.fxw-preview,.fxw-controls{min-width:0}
.fxw-view-switch{display:flex;align-items:center;gap:24px;position:relative;z-index:2}
.fxw-view-switch button{font-size:10px;letter-spacing:.05em;padding:9px 0;color:#8b8a79;border-bottom:1px solid transparent}
.fxw-view-switch button[aria-pressed="true"]{color:var(--fxw-ink);border-color:var(--fxw-gold)}
.fxw-stage{height:390px;position:relative;perspective:1400px;isolation:isolate}
.fxw-stage-light{position:absolute;inset:14% -6% 3%;background:radial-gradient(ellipse,#a4926035,transparent 65%);pointer-events:none}
.fxw-board{
  position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1.75;
  background:#70452c;border:1px solid #9e774f66;border-radius:5px;
  transform:translate(-50%,-50%) rotateX(35deg) rotateZ(-8deg);transform-style:preserve-3d;
  box-shadow:0 1px #826447,0 3px #644329,0 5px #3c281c,0 8px #2b1f17,0 9px #6b4b32,0 32px 44px #0008;
  transition:transform .85s cubic-bezier(.22,.75,.2,1),box-shadow .65s;
}
.fxw-board-grain{
  position:absolute;inset:0;border-radius:4px;pointer-events:none;
  /* Existing concept-image left-side grain; the repaired area is outside this crop. */
  background:linear-gradient(115deg,#b9995633,#301d1044 70%),url('assets/material-detail.png') 0% 62% / 315% auto;
}
.fxw-board::after{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none;background:linear-gradient(125deg,#f9d79318,transparent 42%,#0003);box-shadow:inset 0 1px 1px #ffe7bd3b,inset 0 -1px 1px #0008}
.fxw-board-mark{position:absolute;left:6%;bottom:9%;color:#dfc9a348;font:6px/1.4 Arial,sans-serif;letter-spacing:.18em;pointer-events:none}
.fxw-patch{position:absolute;left:48%;top:21%;width:39%;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3px;padding:3px;background:#211a12;box-shadow:0 1px 0 #ca9c5b55,inset 0 2px 7px #000;transform:translateZ(1px);transform-style:preserve-3d}
.fxw-cell{position:relative;min-width:0;min-height:0;padding:0;margin:0;aspect-ratio:1;background:#211a12!important;transform-style:preserve-3d}
.fxw-cell-face,.fxw-cell-ghost{position:absolute;inset:0;border:1px solid #f7edce32;border-radius:1px;display:block;transform-style:preserve-3d;backface-visibility:hidden;pointer-events:none;box-shadow:0 1px 0 #a68c5e,0 3px 0 #392d20,inset 0 1px #fff3;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s}
.fxw-cell-face::after,.fxw-cell-ghost::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#fff2,transparent 45%,#0001);pointer-events:none}
.fxw-cell-selected .fxw-cell-face{outline:1px solid #eedda899;outline-offset:2px}
.fxw-cell-ghost{opacity:0;transform:translateZ(26px) rotateY(5deg);transition:opacity .25s,transform .35s;box-shadow:0 3px 0 #695338,0 14px 20px #0007}
.fxw-cell-moving .fxw-cell-ghost{opacity:0!important}
.fxw-cell-moving .fxw-cell-face{transition:none}
.fxw-cell-number{position:absolute;right:5px;bottom:4px;font:8px/1 Arial,sans-serif;color:#fff9e19c;text-shadow:0 1px 2px #0008;opacity:0}
.fxw-cell-selected .fxw-cell-number,.fxw-cell:focus-visible .fxw-cell-number{opacity:1}
.fxw-cell:focus-visible{z-index:3;outline-offset:5px!important}
.fxw-cell:focus-visible .fxw-cell-face{transform:translateZ(13px);box-shadow:0 3px 0 #483a27,0 14px 16px #0006}
.fxw-texture-oak{
  background-color:#af8b56;
  background-image:linear-gradient(110deg,#d9b88299,#cfac7277),url('assets/material-detail.png');
  background-position:center,1% 75%;background-size:auto,850% auto;background-blend-mode:screen,normal;
}
.fxw-texture-brass{background:repeating-linear-gradient(91deg,#fff3ce0b 0 1px,transparent 1px 3px),linear-gradient(128deg,#836b36,#c6ae6b 35%,#ded0a0 43%,#a99155 65%,#dac58d)}
.fxw-texture-stone{background:radial-gradient(ellipse at 10% 20%,#e2e5d488,transparent 70%),repeating-linear-gradient(130deg,transparent 0 32px,#faf8e824 33px 34px,transparent 35px 56px),linear-gradient(115deg,#a5ac96,#c4c6b4 50%,#929d87)}
.fxw-texture-resin{background:radial-gradient(ellipse at 75% 12%,#d9e7d39a,transparent 55%),linear-gradient(135deg,#89998a80,transparent 33%,#17221c66 70%),linear-gradient(35deg,#263b32,#738579 66%,#364b3f);box-shadow:inset 0 0 12px #d5e4c329,inset 0 1px 2px #fff8,0 3px 0 #1d2b23}
.fxw-stage-coordinate{position:absolute;left:0;bottom:2px;color:#a69a7d99;font:7px/1.8 Arial,sans-serif;letter-spacing:.17em;pointer-events:none}
.fxw-preview-caption{display:flex;justify-content:space-between;gap:18px;padding-top:21px;font-size:10px;line-height:1.8;color:var(--fxw-muted)}
.fxw-combination-name{font-weight:400;color:var(--fxw-gold)}
.fxw-selected-cell{display:flex;gap:18px;align-items:center;margin-top:13px;color:#7f8375;font-size:9px;line-height:1.6}
.fxw-cell-location{color:#b4ae98;font:9px Arial,sans-serif;letter-spacing:.05em}
.fxw-workbench[data-view="flat"] .fxw-board{transform:translate(-50%,-50%) rotateX(0deg) rotateZ(0deg) scale(.9);box-shadow:0 2px 0 #553a24,0 14px 34px #0007}
.fxw-selection-preview{display:grid;grid-template-columns:104px 1fr;gap:15px;align-items:center;min-height:104px;margin:0 0 15px}
.fxw-sample-stage{height:100px;position:relative;perspective:400px}
.fxw-sample{position:absolute;left:16%;top:12%;width:74%;aspect-ratio:1;transform:rotateX(42deg) rotateZ(-22deg) rotateY(0deg);border:1px solid #f4ebd133;border-radius:2px;box-shadow:2px 4px #473d2c,7px 15px 22px #0006;transition:filter .4s}
.fxw-workbench .fxw-chosen-name{font:400 27px/1.4 var(--serif,serif);letter-spacing:.04em;margin:6px 0}
.fxw-workbench .fxw-material-note{font-size:10px;line-height:1.7;color:var(--fxw-muted)}
.fxw-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px;row-gap:1px}
.fxw-material{display:flex;gap:11px;align-items:center;min-height:54px;padding:8px 0!important;border-bottom:1px solid var(--fxw-line)!important;color:#bdb8a6!important;font-size:11px!important;text-align:left;transition:color .2s,border-color .2s}
.fxw-material i{font-style:normal;margin-left:auto;font-size:11px;opacity:0;transform:translate(-4px,4px);transition:.25s}
.fxw-material[aria-pressed="true"]{color:#f0e4c1!important;border-color:var(--fxw-gold)!important}
.fxw-material[aria-pressed="true"] i{opacity:1;transform:none}
.fxw-swatch{display:block;width:30px;height:30px;flex:none;box-shadow:inset 0 0 0 1px #e4d7b42e;transition:transform .3s}
.fxw-presets-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:25px 0 14px;color:#c4bfad;font-size:10px}
.fxw-presets-heading small{color:#777f6f;font-size:8px}
.fxw-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fxw-presets button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;padding:9px 8px 10px!important;border:1px solid transparent!important;font-size:9px!important;color:#a7a28c!important;transition:background .3s,border-color .3s}
.fxw-presets button[aria-pressed="true"]{border-color:#bea36b66!important;background:#ad93620b!important;color:#e2d3ab!important}
.fxw-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;width:37px;aspect-ratio:1;transform:rotate(-7deg);transition:transform .35s}
.fxw-preset-grid i{display:block;aspect-ratio:1}
.fxw-balance{padding-top:23px}
.fxw-balance-label{display:flex;justify-content:space-between;gap:12px;font-size:8px;line-height:1.8;color:#8a8d7e}
.fxw-ratio{display:flex;height:3px;gap:0;margin:11px 0 16px;overflow:hidden;border-radius:2px;background:#34372b}
.fxw-ratio span{min-width:0;flex:0 0 0;transition:flex-grow .65s cubic-bezier(.2,.7,.2,1)}
.fxw-ratio-oak{background:#a58455}.fxw-ratio-brass{background:#cdb773}.fxw-ratio-stone{background:#b2baa2}.fxw-ratio-resin{background:#536c5c}
.fxw-workbench .fxw-advice-title{font:400 15px/1.7 var(--serif,serif);color:#d5cdb7;margin:0 0 5px}
.fxw-workbench .fxw-advice{font-size:10px;line-height:1.9;color:#8f9582;min-height:38px}
.fxw-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 0;border-top:1px solid var(--fxw-line)}
.fxw-history,.fxw-export{display:flex;align-items:center;gap:22px}
.fxw-history button{font-size:10px!important;color:#a4a18e!important;padding:10px 0!important;white-space:nowrap}
.fxw-export{gap:19px}
.fxw-export-secondary{padding:13px 0!important;font-size:10px!important;color:#9d9d89!important;white-space:nowrap}
.fxw-export-secondary small{font:6px Arial,sans-serif;letter-spacing:.06em;margin-left:3px;opacity:.7}
.fxw-export-primary{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;min-height:44px;padding:12px 20px!important;color:#20291f!important;background:#d7c59c!important;font-size:11px!important;border:1px solid #e5d5b7!important;transition:background .25s,transform .25s}
.fxw-export-primary span{font-size:17px}
.fxw-bottom-note{display:flex;justify-content:space-between;gap:24px;margin-top:15px;font-size:8px;color:#747e6b;line-height:1.7}
.fxw-workbench .fxw-status{min-height:16px;color:#959f86}
.fxw-disclosure{white-space:nowrap;opacity:.75}
@media(hover:hover){
 .fxw-cell:hover{z-index:4}
 .fxw-cell:hover .fxw-cell-face{transform:translateZ(14px);box-shadow:0 3px #584832,0 16px 20px #0006;filter:brightness(1.08)}
 .fxw-cell:hover .fxw-cell-ghost{opacity:.85;transform:translateZ(25px) rotateY(0deg)}
 .fxw-material:hover .fxw-swatch{transform:translateY(-3px) rotate(-5deg)}
 .fxw-material:hover{color:#e4dbc3!important}
 .fxw-presets button:hover .fxw-preset-grid{transform:rotate(0deg) translateY(-3px)}
 .fxw-export-primary:hover{background:#e4d3ae!important;transform:translateY(-2px)}
}
.fxw-workbench[data-paused="true"] .fxw-cell-face,.fxw-workbench[data-paused="true"] .fxw-cell-ghost{transition:none}
@container fxw (max-width:780px){
 .fxw-layout{grid-template-columns:minmax(0,1fr);gap:29px}
 .fxw-stage{height:390px;max-width:600px;margin:auto}
 .fxw-board{width:80%}
 .fxw-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}
 .fxw-selection-preview{grid-column:1}
 .fxw-materials{grid-column:1}
 .fxw-presets-heading{grid-column:2;grid-row:1;margin-top:20px}
 .fxw-presets{grid-column:2;grid-row:1;margin-top:48px}
 .fxw-balance{grid-column:2;grid-row:2;padding-top:13px}
}
@container fxw (max-width:500px){
 .fxw-header{display:block;padding-bottom:21px}
 .fxw-workbench .fxw-title{font-size:29px}
 .fxw-workbench .fxw-instruction{margin-top:10px;font-size:10px}
 .fxw-layout{padding:20px 0 24px;gap:25px}
 .fxw-stage{height:260px}
 .fxw-board{width:83%;top:49%;aspect-ratio:1.52;transform:translate(-50%,-50%) rotateX(25deg) rotateZ(-7deg)}
 .fxw-patch{width:49%;left:40%;top:19%;gap:2px;padding:2px}
 .fxw-board-mark{font-size:4px;left:5%;bottom:8%}
 .fxw-preview-caption{padding-top:14px;font-size:9px}
 .fxw-selected-cell{font-size:8px}
 .fxw-controls{display:block}
 .fxw-selection-preview{grid-template-columns:89px 1fr;min-height:87px;margin-bottom:9px}
 .fxw-sample-stage{height:84px}
 .fxw-workbench .fxw-chosen-name{font-size:23px}
 .fxw-materials{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
 .fxw-material{flex-direction:column;align-items:flex-start;gap:8px;min-height:69px;font-size:9px!important}
 .fxw-material i{display:none}
 .fxw-swatch{width:33px;height:33px}
 .fxw-presets-heading{margin-top:23px}
 .fxw-presets{gap:12px;margin:0}
 .fxw-presets button{flex-direction:row;align-items:center;gap:10px;padding:10px 6px!important}
 .fxw-preset-grid{width:30px;flex:none}
 .fxw-balance{padding-top:20px}
 .fxw-footer{flex-wrap:wrap;gap:14px;padding-top:15px}
 .fxw-history{gap:23px;flex:1 1 100%}
 .fxw-export{width:100%;justify-content:space-between;gap:14px}
 .fxw-export-primary{flex:1;max-width:240px;font-size:10px!important}
 .fxw-bottom-note{flex-direction:column;gap:4px;margin-top:12px;font-size:8px}
 .fxw-disclosure{font-size:7px}
}
@media(max-width:640px){.fxw-stage{perspective:750px}}
@media(prefers-reduced-motion:reduce){
 .fxw-workbench *,.fxw-workbench *::before,.fxw-workbench *::after{animation:none!important;transition:none!important}
}

.fxw-cell:hover,.fxw-cell:focus-visible{z-index:auto}
.fxw-cell{transform:translateZ(3px)}