/* Silver studio: restrained typography, aluminium surfaces and floating controls. */
:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;color:#1d1d1f;background:#e7e9ec;--line:#d3d6da;--muted:#676c73;--red:#404954;--green:#404954}
body,body[data-scene]{background:radial-gradient(ellipse at 30% 0%,#fff 0%,#eceef1 45%,#d5d9de 100%);color:#1d1d1f}
.header{height:70px;margin:0 28px;border-bottom:1px solid #c7cbd080}
.brand{gap:18px;color:#24272c}.brand-wordmark{filter:grayscale(1) brightness(.25);width:96px;height:40px}.brand-model{font:600 14px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:2px;border-color:#bec3c9;color:#515862}
.text-button{color:#525c68;font-size:12px;font-weight:500}
.workspace{margin:18px 28px 24px;height:calc(100dvh - 112px);border:1px solid #ffffffc9;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px #333f5118,0 1px 3px #26344712}
.stage{background:#b9bec5;border-color:#d8dce1}
.editor{background:linear-gradient(125deg,#fafbfc,#edf0f3);color:#24272b}
.tabs{padding:10px 14px;gap:3px;background:#e4e7ebbd;border-bottom:1px solid #cbd0d680;backdrop-filter:blur(18px)}
.tabs button{padding:12px 0;font-size:12px;font-weight:600;letter-spacing:0;border:0;border-radius:10px;color:#676e77;transition:background .18s,box-shadow .18s}
.tabs button.active{color:#20252c;background:linear-gradient(#fff,#f2f4f6);border:0;box-shadow:0 2px 6px #27364b18,inset 0 1px #fff}
.tabs button:hover{color:#20252c;background:#ffffff80}
.tabs .porsche-wordmark{filter:none;mix-blend-mode:multiply;opacity:.6}.tabs button.active .porsche-wordmark{opacity:1}
.panel{padding:28px 24px}.panel,.scene-panel{scrollbar-width:thin;scrollbar-color:#b1b8c1 transparent}
.section{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid #cbd0d680}
.section-heading{font-size:15px;font-weight:650;letter-spacing:-.2px;color:#24272b;margin-bottom:18px}.section-heading:before{display:none}
.section-heading small,.section-heading button,.field output,.color-detail,.custom-color,.option-card small,.decal-row small,.empty,.panel-note{color:#626b76}
.color-detail strong{color:#343b43;font-weight:500}.color-code{font-variant-numeric:tabular-nums;font-size:11px}
.swatch{border:1px solid #0002;box-shadow:inset 0 2px 4px #00000012}.swatch.active:after{border-color:#606d7d}.swatch.active:before{filter:drop-shadow(0 1px 2px #0008)}
.segmented{background:#dfe3e8;border:1px solid #d3d8df;border-radius:12px;padding:4px}.segmented button{border-radius:8px;color:#56606c;font-weight:500}
.segmented button.active,.view-controls button.active{background:linear-gradient(#fff,#eef0f3);color:#20262e;box-shadow:0 2px 5px #27344721,inset 0 1px #fff}
.option-card,.plain-option,.livery-card,.decal-tile{border:1px solid #d1d6dd;border-radius:14px;background:#ffffffa6;box-shadow:0 1px 2px #35435605;transition:border-color .18s,background .18s}
.option-card:hover,.plain-option:hover,.decal-tile:hover{border-color:#7d8999;background:#fff}
.option-card.active,.plain-option.active,.livery-card.active{border-color:#768496;background:#e8edf3;box-shadow:inset 0 0 0 1px #768496}
.option-card.active:after,.check,.part-status,.link-button{color:#455e7c!important}.part-icon{color:#667383}
.option-card strong{font-weight:600}.livery-caption{background:#f5f7f9;color:#303842}.livery-caption span{color:#687483}
.fit-controls,.selected-decal{background:#e8ecf1;border:1px solid #d2d8e0;border-radius:14px;padding:14px}.fit-controls summary{color:#4a586b;font-weight:500}
.field{color:#3d454f;font-size:12px}.field output{font-variant-numeric:tabular-nums}.field>span{line-height:1.6}
input[type=range]{accent-color:#64778d}input[type=checkbox]{accent-color:#536982;width:17px;height:17px}
select,input[type=text]{color:#303842;background:#ffffffbf;border:1px solid #c9d0d9;border-radius:10px;padding:12px;font-size:12px}
.custom-color input{background:#eef1f5;border:1px solid #b6c0cc;border-radius:8px}
.primary-button{color:#fff;background:linear-gradient(#66788d,#46596e);border:1px solid #44576d;border-radius:12px;font-weight:600}
.decal-row{background:#e2e7ed;border-radius:10px}.decal-row.active{background:#d5dfe9;box-shadow:inset 2px 0 #647991}.decal-row>button:last-child{color:#627188}
.kit-part{border-bottom:1px solid #cbd0d680}.panel-note{border-color:#c4ccd6;border-radius:10px}
.scene-toggle,.round-button,.view-controls{background:linear-gradient(135deg,#fbfcf5ed,#d2d8e2e8);color:#2e3947;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 5px 18px #16273c24;backdrop-filter:blur(16px)}
.scene-toggle{font-weight:600}.scene-toggle[aria-expanded=true],.round-button.active{background:#4d6075;color:#fff;border-color:#8999aa}
.view-controls{padding:4px}.view-controls button{border-radius:14px;color:#586474;font-weight:500}.stage-bottom .segmented{background:#d9dfe8eb;border-color:#ffffffb3;box-shadow:0 4px 16px #16273c20}
.scene-drawer{background:#f1f4f8f5;border:1px solid #fff;border-radius:16px;box-shadow:0 15px 40px #17243835;color:#303944;top:62px;left:158px;bottom:16px;max-width:calc(100% - 174px)}
.scene-drawer-heading{background:#e5eaf0;border-color:#cbd3dd}.scene-drawer-heading button{color:#5e6d7e}
.character-actions .factory-reset{background:linear-gradient(#f4f6f8,#ced6e0);border:1px solid #f6f8fb;border-radius:12px;color:#3a485a;font:600 12px/1 'Segoe UI','Microsoft YaHei',sans-serif;box-shadow:0 3px 10px #13223822}
.character-actions .factory-reset:hover{background:#fff;color:#192c42}
dialog{background:#f4f6f9;color:#242a32;border:1px solid #fff;border-radius:20px;box-shadow:0 24px 80px #0005}dialog::backdrop{background:#14203188;backdrop-filter:blur(5px)}
#loading{background:#e3e8eef0;color:#48566a}#toast{background:#f5f7fbea;color:#334254;border:1px solid #fff;border-radius:14px;box-shadow:0 8px 32px #13223833;backdrop-filter:blur(16px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.livery-card:focus-visible{outline:2px solid #4476a8;outline-offset:3px}
@media(max-width:1000px) and (min-width:761px){.header{margin:0 16px}.workspace{margin:14px 16px 20px;height:calc(100dvh - 104px)}.panel{padding:22px 18px}}
@media(max-width:760px){.header{height:50px;flex-basis:50px;margin:0 16px}.brand-wordmark{width:80px;height:34px}.brand-model{font-size:12px}.workspace{margin:0;height:auto;border:0;border-radius:0;box-shadow:none}.stage{border-bottom:1px solid #aeb9c5}.editor{border-radius:18px 18px 0 0}.tabs{padding:8px 12px}.tabs button{padding:10px 0}.panel{padding:22px 20px;padding-bottom:max(22px,env(safe-area-inset-bottom))}.scene-drawer{top:54px;left:146px;bottom:8px;width:260px;max-width:calc(100% - 158px)}.scene-panel{padding:12px}.scene-drawer-heading{padding:8px 10px}.section{margin-bottom:22px;padding-bottom:22px}.stage-bottom{bottom:10px}}
@media(prefers-reduced-motion:reduce){.tabs button,.option-card,.plain-option,.decal-tile{transition:none}}

/* Compact masthead and straight outer frame. */
.header{height:46px}.header .brand-wordmark{width:82px;height:32px}.header .brand{gap:14px}
.header .brand-model{display:inline-block;padding:0 5px 2px 14px;font:italic 900 30px/1 Georgia,'Times New Roman',serif;letter-spacing:-2px;transform:skew(-8deg);color:#485361;background:linear-gradient(175deg,#9ca8b5 8%,#303b49 43%,#778494 53%,#36414f 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border-color:#bdc5ce}
.workspace{height:calc(100dvh - 88px);border-radius:0}.editor{border-radius:0}
@media(max-width:1000px) and (min-width:761px){.workspace{height:calc(100dvh - 80px)}}
@media(max-width:760px){.header{height:40px;flex-basis:40px}.header .brand-wordmark{width:72px;height:28px}.header .brand-model{font-size:27px}.workspace{height:auto;border-radius:0}.editor{border-radius:0}}