/* Silver / graphite workshop theme. Layout stays in style.css. */
.stage-bottom{flex-wrap:wrap;padding:0 12px;max-width:100%}
.decal-mode-controls{flex:0 0 100%;max-width:230px}
@media(max-width:760px){.stage-bottom{column-gap:6px;row-gap:6px}.decal-mode-controls{margin:0 calc((100% - 230px)/2)}.decal-mode-controls button{padding:6px 8px;font-size:11px}}
:root{color-scheme:dark;--red:#d7dade;--green:#c1c8ce;--line:#373b40;--muted:#a3aab2;color:#e2e5e8;background:#111315}
body,body[data-scene]{background:#111315}
.header{border-bottom:1px solid #34383d;margin-bottom:0}
.brand{color:#dce0e4;gap:16px}
.brand-wordmark{width:104px;height:45px;object-fit:contain;filter:grayscale(1)}
.brand-model{font:900 italic 15px/1 'Arial Black',Impact,sans-serif;letter-spacing:2px;border-left:1px solid #50565c;padding-left:16px;color:#aeb5bd}
.text-button,.reset-button{color:#b5bdc6}
.workspace{border-color:#393e44;border-radius:3px;box-shadow:0 12px 40px #0005}
.stage{background:#20252b;border-color:#393e44}
.editor{background:linear-gradient(115deg,#22262b,#191c20 65%)}
.tabs{background:#14171a;border-bottom-color:#3e444a}
.tabs button{color:#989fa8;letter-spacing:2px;font-weight:600}
.tabs button.active{color:#f3f5f7;border-color:#dce1e6;background:linear-gradient(0deg,#ffffff0d,transparent)}
.panel,.scene-panel{scrollbar-color:#59616a #191c20}
.section{border-bottom:1px solid #ffffff0b;padding-bottom:22px;margin-bottom:22px}
.section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.section-heading{color:#e0e4e8;letter-spacing:1px;font-weight:700}
.section-heading:before{content:'';width:3px;height:11px;background:#aab3bc;margin-right:8px;transform:skew(-16deg)}
.section-heading{justify-content:flex-start}.section-heading small,.section-heading button{margin-left:auto}
.section-heading small,.section-heading button,.field output,.color-detail,.custom-color,.option-card small,.decal-row small,.empty,.panel-note{color:#a5aeb8}
.color-detail strong{color:#cbd1d7}
.swatch{border:1px solid #ffffff36}.swatch.active:after{border-color:#e1e6eb}
.segmented,.fit-controls,.selected-decal{background:#111417;border:1px solid #363c43;border-radius:2px}
.segmented button{color:#aeb6bf;border-radius:1px}
.segmented button.active,.view-controls button.active{color:#15191d;background:linear-gradient(135deg,#eef0f2,#9ba4ae);box-shadow:inset 0 1px #fff9}
.option-card,.plain-option,.livery-card,.decal-tile{border-color:#41474e;background:#202429;border-radius:2px}
.option-card:hover,.plain-option:hover,.decal-tile:hover{border-color:#aeb8c2;background:#2b3137}
.option-card.active,.plain-option.active,.livery-card.active{border-color:#bdc6cf;background:#30373e;box-shadow:inset 2px 0 #d2d9df}
.option-card.active:after,.check,.part-status,.link-button{color:#dae1e8!important}
.part-icon{color:#aeb9c3}.livery-caption{background:#202429}.livery-caption span{color:#b3bcc5}
.custom-color input{background:#252b31;border-color:#626b74}
select,input[type=text]{color:#e0e5eb;background:#15191d;border-color:#454e57;border-radius:2px}
.primary-button{color:#14191e;background:linear-gradient(120deg,#e1e6eb,#a3adb7);border:1px solid #e0e5eb;border-radius:2px;font-weight:700}
.decal-row{background:#262c32;border-radius:2px}.decal-row.active{background:#3b454f;box-shadow:inset 2px 0 #d4dde5}.decal-row>button:last-child{color:#c1cbd5}
.toolbar-hint,.edit-mode-badge{color:#d2dbe4;background:#2b353eeF;border:1px solid #56616b;border-radius:2px}
.panel-note{border-color:#59636d}
.editor-footer{background:#15181c;border-top-color:#3a4148}
.scene-toggle,.round-button,.view-controls{color:#d9dfe5;background:#191e23ed;border:1px solid #555e67;border-radius:3px;box-shadow:0 4px 16px #0004}
.view-controls button{color:#b2bdc7;border-radius:1px}
.scene-toggle[aria-expanded=true],.round-button.active{background:#c3ccd5;color:#161b20;border-color:#e2e8ed}
.scene-drawer{background:#1b2026f7;border-color:#59626c;border-radius:3px;box-shadow:0 12px 30px #0007}
.scene-drawer-heading{background:#12161a;border-color:#434c55}.scene-drawer-heading button{color:#c2cbd5}
.jennifer-toggle{background:linear-gradient(115deg,#303840,#191e24);color:#d6dce3;border-color:#68717c;border-radius:3px;box-shadow:inset 0 1px #ffffff12,0 4px 15px #0003}
.jennifer-toggle:hover{background:linear-gradient(115deg,#45515d,#262e36);box-shadow:0 4px 18px #0005}
.jennifer-toggle[aria-pressed=true]{background:linear-gradient(115deg,#d8dfe6,#9da8b3);color:#171c22;border-color:#e2e7ec}
dialog{background:#1b2025;color:#e3e8ee;border-color:#5c6670;border-radius:3px}dialog::backdrop{background:#000b}dialog p{color:#b2bec8}
#loading{background:#151a20df;color:#dce3eb}#toast{background:#d0d8e0;color:#11171d;border:1px solid #f0f3f6;border-radius:2px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.livery-card:focus-visible{outline:2px solid #e3ebf3;outline-offset:3px}
@media(max-width:760px){.brand-wordmark{width:90px;height:40px}.brand-model{font-size:12px;padding-left:12px}.brand{gap:12px}.workspace{border-radius:0}.tabs{background:#14171a}.stage{border-bottom-color:#4c555f}}

.kit-part{padding:10px 0 14px;border-bottom:1px solid #ffffff12}.kit-part:last-child{border-bottom:0}.kit-part .switch-row{padding:5px 0}.kit-part .custom-color{margin-top:7px}

.tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.fit-controls summary{cursor:pointer;padding:10px 0;font-size:12px;color:#bdc7d1}

/* Comic-inspired stamped lettering for the Itsumi kit action. */
.itsumi-toggle{position:absolute;top:16px;right:16px;z-index:5;width:210px;padding:13px 15px;border:1px solid #c2c7cd;border-left:5px solid #c73036;background:linear-gradient(135deg,#33383e,#141619);color:#f0e9c9;font:italic 900 18px/1.4 Impact,'Arial Black','Microsoft YaHei',sans-serif;letter-spacing:1px;text-align:left;transform:skew(-5deg);text-shadow:2px 2px 0 #000;box-shadow:4px 4px 0 #070808;cursor:pointer;transition:background .2s,color .2s}
.itsumi-toggle:hover,.itsumi-toggle[aria-pressed="true"]{background:#703035;color:#fff}
.itsumi-toggle:disabled{cursor:wait;opacity:.65}
.itsumi-toggle:focus-visible{outline:2px solid #f2d673;outline-offset:4px}
@media(max-width:760px){.itsumi-toggle{top:12px;right:12px;width:153px;padding:8px 10px;font-size:14px;letter-spacing:0}}


.character-actions{position:absolute;left:16px;top:62px;z-index:7;display:flex;gap:9px}
.character-actions .jennifer-toggle,.character-actions .itsumi-toggle{position:relative;inset:auto;width:126px;height:43px;padding:5px 8px;display:grid;grid-template-columns:25px 1fr;grid-template-rows:19px 12px;column-gap:3px;row-gap:1px;align-items:center;border-radius:1px;cursor:pointer;letter-spacing:0;text-align:left;box-shadow:3px 3px 0 #08090a}
.character-actions .jennifer-toggle{background:linear-gradient(120deg,#d6dce0,#88949f);border:1px solid #e0e6eb;border-bottom:3px solid #58616c;color:#101419;transform:skew(-8deg);text-shadow:1px 1px 0 #fff6}
.character-actions .jennifer-name{font:italic 900 22px/.9 Impact,'Arial Black',sans-serif;letter-spacing:-1px;text-transform:uppercase;transform:scaleX(.83);transform-origin:left center;width:100px;padding:0}
.character-actions .jennifer-action,.character-actions .itsumi-action{grid-row:1 / 3;font:900 10px/1.2 'Microsoft YaHei',sans-serif;letter-spacing:0}
.character-kit{grid-column:2;white-space:nowrap}
.rwb-label{font:900 13px/.9 Impact,'Arial Black',sans-serif;letter-spacing:5px}
.character-actions .itsumi-toggle{background:linear-gradient(130deg,#37151b,#171316);border:1px solid #ac4a50;border-right:3px solid #d93b45;color:#fff0d0;transform:skew(-4deg);text-shadow:2px 2px 0 #8a1529}
.character-actions .character-name{font:italic 900 25px/.85 'Brush Script MT','Segoe Print',cursive;letter-spacing:-1px;transform:rotate(-5deg);padding:0}
.bosozoku-label{font:italic 900 13px/1 KaiTi,'楷体',serif;letter-spacing:4px;color:#ff646b;transform:skew(-10deg);text-shadow:1px 1px 0 #050505}
.character-actions .jennifer-toggle:hover,.character-actions .jennifer-toggle[aria-pressed=true]{background:linear-gradient(120deg,#f5f6ee,#b8c1c9);color:#080b0f;border-color:#fff}
.character-actions .itsumi-toggle:hover,.character-actions .itsumi-toggle[aria-pressed=true]{background:linear-gradient(130deg,#722230,#24161b);color:#fff5d9;border-color:#fa707b}
.character-actions button:disabled{opacity:.65;cursor:wait}
.scene-drawer{top:115px}
@media(max-width:760px){.character-actions{left:12px;top:54px;gap:7px}.character-actions .jennifer-toggle,.character-actions .itsumi-toggle{width:120px;height:43px;padding-left:6px;padding-right:6px}.scene-drawer{top:107px}}

/* Use the supplied 911 artwork; crop its whitespace within the tab. */
.tabs .porsche-wordmark{display:block;width:44px;height:19px;margin:auto;background-image:url('./assets/911-wordmark.jpg');background-size:61px 46px;background-position:center 48%;background-repeat:no-repeat;filter:invert(1);mix-blend-mode:screen;opacity:.72}
.tabs button.active .porsche-wordmark,.tabs button:hover .porsche-wordmark{opacity:1}

.character-actions{display:grid;grid-template-columns:repeat(2,126px);row-gap:7px}
.character-actions .factory-reset{grid-column:1;width:126px;height:27px;border:1px solid #626d76;border-radius:2px;background:#1d2227;color:#d5dce1;font:italic 800 12px/1 'Arial Black','Microsoft YaHei',sans-serif;cursor:pointer}
.character-actions .factory-reset:hover{background:#39434c;color:#fff}
.scene-drawer{top:149px}
@media(max-width:760px){.character-actions{grid-template-columns:repeat(2,120px)}.character-actions .factory-reset{width:120px}.scene-drawer{top:141px}}

.character-actions .jennifer-action,.character-actions .itsumi-action{display:none}
.character-actions .jennifer-toggle,.character-actions .itsumi-toggle{grid-template-columns:1fr;justify-items:center;text-align:center}
.character-actions .character-kit{grid-column:1}
.character-actions .jennifer-name{width:auto;transform-origin:center}

/* Equal-sized, vertically stacked character and factory actions. */
.character-actions{grid-template-columns:126px;gap:8px}
.character-actions .jennifer-toggle,.character-actions .itsumi-toggle,.character-actions .factory-reset{width:126px;height:43px;box-sizing:border-box}
.character-actions .factory-reset{grid-column:1}
.scene-drawer{top:219px}
@media(max-width:760px){.character-actions{grid-template-columns:120px;gap:8px}.character-actions .jennifer-toggle,.character-actions .itsumi-toggle,.character-actions .factory-reset{width:120px;height:43px}.scene-drawer{top:211px}}