@import url('./mobile-refinements.css');
/* Calm surfaces keep category identity in accents and the product in focus. */
:root.creator-v3[data-mode="light"] {
 --paper:#f6f5f2;--panel:#fff;--raised:#eeede9;--soft:#f0efec;
 --ink:#292b2d;--muted:#65686b;--line:#dedfdb;
 --accent:#426c7c;--accent-on:#fff;--glow:#96acb5;
}
:root.creator-v3[data-mode="light"][data-design="single"] { --accent:#8d5269;--glow:#c2a4af; }
:root.creator-v3[data-mode="light"][data-design="double"] { --accent:#4c7059;--glow:#a1b3a6; }
:root.creator-v3[data-mode="dark"] {
 --paper:#17191c;--panel:#202327;--raised:#2b2f34;--soft:#292d31;
 --ink:#f3f1ed;--muted:#b7b9bc;--line:#3e4248;
 --accent:#a4c5d0;--accent-on:#1b262c;--glow:#78929c;
}
:root.creator-v3[data-mode="dark"][data-design="single"] { --accent:#d5afbd;--glow:#a1818e; }
:root.creator-v3[data-mode="dark"][data-design="double"] { --accent:#b0cab7;--glow:#83998a; }
.creator-v3 .light-tracks { opacity:.18; }
.creator-v3 .ticker { background:var(--raised);color:var(--muted);border-color:var(--line); }
.creator-v3 .edition-card.selected { background:var(--panel);box-shadow:inset 0 0 0 1px var(--line); }
.creator-v3 .config-section { background:var(--paper); }
.creator-v3 .calculator { background:var(--panel);box-shadow:0 12px 42px #00000007; }
.creator-v3 .live-model .canvas-wrap { background-color:var(--raised);background-image:none; }
:root.creator-v3[data-mode="light"] .live-model .canvas-wrap { background-color:#e5e6e2; }
:root.creator-v3[data-mode="dark"] .live-model .canvas-wrap { background-color:#2a3035; }
.creator-v3 .calculator .config-route button[aria-current="step"] { background:var(--soft);color:var(--ink);border-color:var(--accent);box-shadow:inset 0 -2px var(--accent); }
.creator-v3 .creator-product-choice { display:none; }
.creator-v3 #inner-dimension-values-a,.creator-v3 #inner-dimension-values-b,
.creator-v3 #texture-intro,.creator-v3 #texture-help,.creator-v3 .delivery-field .delivery-options,
.creator-v3 .modular-review>.eyebrow,.creator-v3 .modular-review>h3,.creator-v3 .modular-review>p { display:none; }
.creator-v3 .calculator .creator-measure-value { float:right;font-size:24px;line-height:1.2;font-weight:650;color:var(--ink);letter-spacing:-.5px; }
.creator-v3 .calculator .circ-field:has(input[type="range"])>label { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px; }
.creator-v3 .circ-field:has(input[type="range"]) #width-help { grid-column:1/-1; }
.creator-v3 .circ-field:has(input[type="range"]) .number-wrap>span { display:none; }
.creator-v3 .calculator [data-inside="true"] .measure-header output { font-size:24px; }
.creator-v3 .calculator [data-inside="true"] .creator-size-readout { background:none;border-bottom:1px solid var(--line);padding:0 0 14px;border-radius:0;color:var(--muted);font-size:13px;font-weight:500; }
.creator-v3 .creator-fit-guide svg { display:block;width:min(100%,300px);height:auto;margin:0 auto 16px; }
.creator-v3 .creator-fit-guide p { font-size:13px;line-height:1.65;margin:10px 0;color:var(--muted); }
.creator-v3 .creator-fit-guide strong { color:var(--ink); }
.creator-v3 :is(#creator-zones-a,#creator-zones-b) { border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:0 14px;margin-top:20px;background:var(--panel); }
.creator-v3 :is(#creator-zones-a,#creator-zones-b)>summary { font-size:14px;min-height:56px; }
.creator-v3 .creator-structure-scope { padding:0 0 4px;max-width:55ch; }
.creator-v3 .calculator .housing-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
.creator-v3 .creator-detail-body>.housing-preset-button { display:block;width:100%;min-height:54px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:12px;margin-bottom:12px; }
.creator-v3 .creator-detail-body>.housing-preset-button span { display:block;font-size:12px;color:var(--muted); }
.creator-v3 .creator-detail-body>.housing-preset-button[aria-pressed="true"] { border-color:var(--accent);background:var(--soft); }
.creator-v3 .creator-texture-gallery { margin-top:12px; }
.creator-v3 .creator-texture-gallery>summary { font-size:13px; }
.creator-v3 .creator-copy-zone { min-height:44px;margin:12px 0 4px;font-size:13px; }
.creator-v3 .zone-card .creator-texture-gallery .structure-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }
.creator-v3 .texture-lines { background:repeating-linear-gradient(90deg,var(--soft) 0 8px,var(--muted) 9px 11px,var(--soft) 12px 18px); }
.creator-v3 .texture-wave { background:repeating-radial-gradient(ellipse at 0 -25px,var(--soft) 0 10px,var(--muted) 11px 13px,var(--soft) 14px 21px); }
.creator-v3 .texture-folds { background:repeating-linear-gradient(115deg,var(--soft),var(--raised) 5px,var(--muted) 8px,var(--soft) 16px,var(--raised) 26px); }
.creator-v3 .texture-honeycomb { background:linear-gradient(30deg,var(--muted) 12%,transparent 12.5%,transparent 87%,var(--muted) 87.5%),linear-gradient(150deg,var(--muted) 12%,transparent 12.5%,transparent 87%,var(--muted) 87.5%),linear-gradient(90deg,var(--muted) 2%,var(--soft) 2.5%,var(--soft) 97%,var(--muted) 97.5%);background-size:22px 38px; }
.creator-v3 .texture-diamond { background:repeating-linear-gradient(45deg,transparent 0 12px,var(--muted) 13px 15px,transparent 16px 26px),repeating-linear-gradient(-45deg,var(--soft) 0 12px,var(--muted) 13px 15px,var(--soft) 16px 26px); }
.creator-v3 .texture-facets { background:repeating-linear-gradient(90deg,var(--raised) 0 13px,var(--muted) 14px,var(--soft) 28px); }

/* Guided creator: keep the original controls and data; change their presentation. */
.creator-v3 { --toolbar-height:80px; --preview-height:clamp(420px,65dvh,610px); }
.creator-v3 [hidden] { display:none!important; }
.creator-v3 .edition-toolbar-inner { min-height:var(--toolbar-height);gap:16px;padding-block:8px;flex-wrap:nowrap; }
.creator-v3 .edition-toolbar-label { display:none; }
.creator-v3 .edition-switch { min-width:0;flex:1;width:auto;flex-basis:auto;grid-template-columns:repeat(4,minmax(0,1fr)); }
.creator-v3 .edition-switch button { min-width:0;min-height:48px; }
.creator-look-menu { position:relative;flex:0 0 auto; }
.creator-look-menu>summary { list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:24px;padding:12px 16px;font-size:13px;min-height:44px; }
.creator-look-menu>summary::-webkit-details-marker { display:none; }
.creator-look-menu[open]>summary { background:var(--soft); }
.creator-v3 .creator-look-menu .appearance-controls { position:absolute;top:calc(100% + 8px);right:0;width:240px;display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 12px 36px #0002; }
.creator-v3 .creator-look-menu .appearance-controls::before { display:none; }
.creator-v3 .appearance-controls button { min-height:44px;font-size:13px; }
.creator-v3 .config-layout { width:min(1280px,calc(100% - 64px));display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,1.05fr);gap:28px;align-items:start; }
.creator-v3 .config-intro { display:block;position:sticky;top:calc(var(--toolbar-height) + 16px);padding:0; }
.creator-v3 .calculator { padding:26px;border:1px solid var(--line);border-radius:20px;overflow:visible; }
.creator-v3 .calc-head { margin-bottom:18px; }
.creator-v3 .calc-head h3 { font-size:19px; }
.creator-v3 .calculator .config-route { grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 12px; }
.creator-v3 .calculator .config-route button { display:flex;align-items:center;gap:6px;justify-content:flex-start;text-align:left;min-height:46px;padding:8px 10px;font-size:12px;line-height:1.3;border-radius:10px; }
.creator-v3 .config-route button span { display:grid;place-items:center;flex:0 0 19px;width:19px;height:19px;margin:0;font-size:11px;font-weight:400; }
.creator-v3 .config-route button b { font-weight:500; }
.creator-v3 .config-route button[aria-current="step"] b { font-weight:700; }
.creator-v3 .config-route button.is-past:not([aria-current="step"]) { color:var(--ink);border-color:color-mix(in srgb,var(--accent) 35%,var(--line)); }
.creator-progress-track { height:3px;border-radius:6px;background:var(--line);overflow:hidden;margin:0 0 24px; }
.creator-progress-track span { display:block;height:100%;background:var(--accent);transition:width .2s; }
.creator-v3 .config-group-title { gap:0;margin-bottom:24px;scroll-margin-top:calc(var(--toolbar-height) + 24px); }
.creator-v3 .config-group-title>span { display:none; }
.creator-v3 .config-group-title b { font-size:clamp(23px,2.1vw,29px);line-height:1.15;letter-spacing:-.6px; }
.creator-v3 .config-group-title small { font-size:14px;line-height:1.5;margin-top:10px; }
.creator-side-tabs,.creator-product-choice,.creator-zone-tabs { display:grid;gap:8px; }
.creator-side-tabs { grid-template-columns:1fr 1fr;margin:0 0 22px; }
.creator-product-choice { grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px; }
.creator-zone-tabs { grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 12px; }
.creator-side-tabs button,.creator-product-choice button,.creator-zone-tabs button { min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);padding:10px;font-size:13px;line-height:1.4; }
.creator-side-tabs button[aria-pressed="true"],.creator-product-choice button[aria-pressed="true"],.creator-zone-tabs button[aria-pressed="true"] { background:var(--soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent); }
.creator-product-choice b { display:block;font-size:19px;letter-spacing:.04em; }
.creator-product-choice span { display:block;font-size:11px;margin-top:4px;color:var(--muted); }
.creator-v3 .calculator fieldset { border:0;padding:0;margin:0 0 22px;min-width:0; }
.creator-v3 .calculator fieldset legend { margin-bottom:12px;font-size:15px;font-weight:700; }
.creator-v3 .calculator :is(.field-help,.design-help,.shape-note,.print-limit) { font-size:13px;line-height:1.6; }
.creator-v3 .calculator :is(.exterior-options,.shape-options,.pair-options,.tip-card-grid,.structure-choices) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.creator-v3 .calculator :is(.exterior-options,.shape-options,.pair-options) label>span { min-height:66px;border-radius:12px;padding:12px; }
.creator-v3 .calculator :is(.exterior-options,.shape-options,.pair-options) b { font-size:14px;line-height:1.4; }
.creator-v3 .calculator :is(.exterior-options,.shape-options,.pair-options) small { font-size:12px;line-height:1.4; }
.creator-v3 .calculator .tip-card-grid button { min-height:120px;border-radius:12px;padding:10px; }
.creator-v3 .calculator .tip-card-grid svg { height:60px;width:60px; }
.creator-v3 .calculator .tip-card-grid b { font-size:13px; }
.creator-v3 .calculator .tip-card-grid small { font-size:11px;line-height:1.45; }
.creator-v3 .calculator .structure-choices label { min-width:0; }
.creator-v3 .calculator .structure-choices label>span { min-height:48px;align-items:center;padding:10px;font-size:13px;border-radius:10px; }
.creator-v3 .calculator :is(input[type="number"],input[type="text"],select) { min-height:46px;font-size:16px;max-width:100%; }
.creator-v3 :is(.calculator,.model-controls) input[type="range"] { height:44px;min-height:44px;touch-action:pan-y;cursor:pointer;margin:12px 0 10px;border:0;background:linear-gradient(var(--line),var(--line)) center/100% 6px no-repeat; }
.creator-v3 .calculator input[type="range"]::-webkit-slider-thumb { width:26px;height:26px;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--accent); }
.creator-v3 .calculator input[type="range"]::-moz-range-thumb { width:22px;height:22px;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--accent); }
.creator-v3 .calculator .measure-header { padding:0;border:0;font-size:15px; }
.creator-v3 .calculator .circ-field>label { font-size:15px; }
.creator-size-readout { padding:10px 14px;background:var(--soft);border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:700;color:var(--accent); }
.creator-v3 .second-measures { grid-template-columns:1fr;margin:0;gap:0; }
.creator-v3 .second-measures label { font-size:15px;margin:8px 0; }
.creator-v3 .second-measures input[type="range"] { padding:0; }
.creator-details { grid-column:1/-1;min-width:0;border-top:1px solid var(--line);margin-top:14px; }
.creator-details>summary { list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 2px;color:var(--ink);font-size:13px;font-weight:600;line-height:1.5; }
.creator-details>summary::-webkit-details-marker { display:none; }
.creator-details>summary::after { content:'+';font-size:22px;font-weight:400;flex-shrink:0; }
.creator-details[open]>summary::after { content:'−'; }
.creator-detail-body { padding:6px 0 16px;min-width:0; }
.creator-form-extras { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.creator-v3 .creator-select-source { display:none; }
.creator-secondary-choices .creator-form-extras>button { border:1px solid var(--line);border-radius:12px;min-height:66px;background:var(--panel);padding:12px;color:var(--ink);text-align:left; }
.creator-secondary-choices button[aria-pressed="true"] { border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent); }
.creator-secondary-choices button b { display:block;font-size:14px; }
.creator-secondary-choices button small { display:block;font-size:12px;line-height:1.5;color:var(--muted); }
.creator-secondary-choices button svg { width:44px;height:44px;display:block;margin-bottom:8px; }
.creator-v3 .creator-form-group-title { font-size:13px;line-height:1.4;font-weight:650;margin:18px 0 10px;color:var(--muted); }
.creator-v3 .creator-new-forms { margin-bottom:22px; }
.creator-v3 .creator-new-forms>.creator-form-group-title { margin-top:0;color:var(--ink); }
.creator-v3 .creator-new-forms .creator-form-marker { display:block;width:64px;height:76px;margin:0 0 8px;color:var(--accent);flex-shrink:0; }
.creator-v3 .calculator .creator-new-forms :is(label>span,button) { min-height:164px; }
.creator-v3 .creator-out-measure-note { margin:14px 0 0;padding:12px;border-radius:10px;background:var(--raised); }
.creator-v3 .creator-details .field-help { margin-bottom:12px; }
.creator-v3 .creator-details fieldset { margin-bottom:0; }
.creator-v3 .creator-legacy-guidance { display:none; }
.creator-v3 .calculator .second-side { border:0!important;padding:0!important; }
.creator-v3 .calculator .zone-grid { grid-template-columns:1fr;gap:0; }
.creator-v3 .calculator .zone-card { padding:16px;border:1px solid var(--line);border-radius:12px; }
.creator-v3 .calculator .zone-card h4 { margin:0 0 16px; }
.creator-v3 .calculator .zone-card label { font-size:14px; }
.creator-v3 .housing-presets { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 14px; }
.creator-v3 .housing-presets button { text-align:left;min-width:0;min-height:72px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:10px;color:var(--ink);text-decoration:none; }
.creator-v3 .housing-presets strong { display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere; }
.creator-v3 .housing-presets span { display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:4px; }
.creator-v3 .housing-presets button[aria-pressed="true"] { border-color:var(--accent);background:var(--soft); }
.creator-v3 .housing-exterior label { font-size:14px; }
.creator-v3 .housing-exterior output { font-weight:700; }
.creator-v3 .nickname-start { margin:24px 0 0;padding:16px;border-radius:12px; }
.creator-v3 .design-tools { margin:0;border:0;padding:0; }
.creator-v3 .design-tools-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
.creator-v3 .design-tools-actions button { min-height:44px;font-size:12px;padding:10px; }
.creator-v3 .material-coating-grid { grid-template-columns:1fr;gap:0; }
.creator-v3 .material-properties { margin:0; }
.creator-v3 .material-result { font-size:13px; }
.creator-v3 .hardness-ends { font-size:13px; }
.creator-v3 #color-options { margin-top:24px; }
.creator-v3 .calculator .color-palette { grid-template-columns:repeat(2,minmax(0,1fr)); }
.creator-v3 .color-palette-heading { grid-column:1/-1;margin:12px 0 0;font-size:12px;font-weight:700;line-height:1.5;color:var(--muted); }
.creator-v3 .creator-preview-color { padding:12px 16px;border-top:1px solid var(--line); }
.creator-v3 .creator-preview-color-switches { display:flex;flex-wrap:wrap;gap:8px; }
.creator-v3 .creator-preview-color-switches button { border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:transparent;color:inherit;font-size:11px; }
.creator-v3 .creator-preview-color-switches button[aria-pressed=true] { background:var(--ink);color:var(--paper);border-color:var(--ink); }
.creator-v3 .creator-preview-color .field-help { margin-top:8px;font-size:11px;line-height:1.5; }
.creator-v3 .creator-share { margin:24px 0; }
.creator-v3 .config-pager { position:sticky;bottom:0;z-index:8;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:24px -12px -12px;padding:12px;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -12px 20px -15px #0003;border-radius:0 0 16px 16px; }
.creator-v3 #config-progress { grid-column:1/-1;grid-row:1;text-align:left;font-size:12px; }
.creator-v3 .config-pager button { grid-row:2;min-height:48px;min-width:0;font-size:14px; }
.creator-v3 #config-previous { grid-column:1; }
.creator-v3 :is(#config-next,#configure-button) { grid-column:2;justify-content:center;gap:8px;margin:0; }
.creator-v3 #measure-error { font-size:14px;line-height:1.5;padding:14px;border:1px solid currentColor;border-radius:10px; }
.creator-v3 #creator-review h3 { margin-bottom:20px;overflow-wrap:anywhere;font-size:22px; }
.creator-review-module { padding:16px;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;background:var(--panel); }
.creator-review-module h4 { font-size:15px;margin:0 0 10px; }
.creator-review-module>div { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line); }
.creator-review-module p { min-width:0; }
.creator-review-module p b { display:block;color:var(--muted);font-size:11px; }
.creator-review-module p span { display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere; }
.creator-review-module button { min-height:44px;font-size:12px; }
.creator-review-finish { font-size:14px;line-height:1.7;margin:20px 0 8px; }
.creator-v3 #creator-review { margin-bottom:28px; }
.creator-v3 .cost-breakdown { font-size:14px; }
.creator-v3 .live-quote { flex-wrap:wrap;gap:12px; }
.creator-v3 .live-quote>div { min-width:0; }
.creator-v3 .live-quote strong { font-size:34px; }
.creator-v3 .modular-review { margin-top:24px;padding:18px;border-radius:12px; }

/* One canvas, moved into a dialog for inspection without losing the current view. */
.creator-v3 .live-model { position:relative;top:auto;margin:0;max-width:none;height:var(--preview-height);display:grid;grid-template-rows:48px minmax(0,1fr) 60px;overflow:visible;border-radius:18px;background:var(--paper);box-shadow:0 12px 40px #0000000c; }
.creator-v3 .live-model .canvas-wrap { height:auto;min-height:0; }
.creator-v3 .live-model .model-top { padding:2px 12px;min-height:0;border-radius:18px 18px 0 0;gap:8px;font-size:12px;letter-spacing:0; }
.creator-v3 #creator-preview-step { margin-right:auto;min-width:0;font-weight:600; }
.creator-v3 .live-model .model-top>button,.creator-preview-tools>summary { min-height:44px;display:flex;align-items:center;padding:8px;color:var(--ink);font-size:12px;line-height:1;cursor:pointer; }
.creator-preview-tools>summary { list-style:none; }
.creator-preview-tools>summary::-webkit-details-marker { display:none; }
.creator-preview-tools[open]>summary { color:var(--accent); }
.creator-v3 .creator-preview-tools .model-controls { position:absolute;top:46px;right:8px;left:8px;z-index:11;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 12px 32px #0003;max-height:min(62dvh,440px);overflow-y:auto;overscroll-behavior:contain; }
.creator-v3 .creator-preview-tools .model-controls>div:first-child { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
.creator-v3 .creator-preview-tools .model-controls button { min-width:0;min-height:44px;padding:8px 6px;border:1px solid var(--line);border-radius:8px;font-size:12px;line-height:1.4;color:var(--ink);background:var(--panel); }
.creator-v3 .creator-preview-tools .model-controls button[aria-pressed="true"] { color:var(--accent-on);background:var(--accent); }
.creator-v3 .creator-preview-tools .model-controls label { display:flex;margin:14px 0;align-items:center;font-size:13px; }
.creator-v3 .creator-preview-tools .model-controls p { display:block;margin:12px 0 0;font-size:12px;line-height:1.6; }
.creator-v3 .creator-preview-tools .model-disclaimer { padding:0; }
.creator-v3 .live-model .model-bottom { padding:6px 14px;min-width:0;border-radius:0 0 18px 18px; }
.creator-v3 .live-model .model-bottom>div { min-width:0; }
.creator-v3 .live-model .model-bottom strong { font-size:12px;line-height:1.4; }
.creator-v3 .live-model .model-bottom span { font-size:11px;margin:0;line-height:1.5; }
.creator-v3 .live-model .model-bottom button { width:44px;height:44px;flex:0 0 44px; }
.creator-v3 .live-model>.mount-preview,.creator-v3 .live-model>.interior-preview { display:none; }
.creator-v3 .live-model .model-scale { font-size:14px;bottom:10px;right:12px; }
.creator-v3 .live-model .model-length { font-size:11px;left:10px;padding:12px 5px 12px 0; }
.creator-v3 .creator-preview-anchor { height:var(--preview-height); }
.creator-v3 .creator-preview-dialog { width:min(1080px,calc(100vw - 32px));max-width:none;max-height:none;height:min(860px,calc(100dvh - 32px));padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink); }
.creator-preview-dialog::backdrop { background:#000b;backdrop-filter:blur(4px); }
.creator-dialog-top { display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px; }
.creator-dialog-top button { min-height:44px;padding:8px;font-size:14px; }
.creator-preview-slot { height:calc(100% - 48px); }
.creator-v3 .creator-preview-dialog .live-model { width:100%;height:100%;position:relative;top:auto; }
.creator-v3 .creator-preview-dialog #creator-expand-preview { display:none; }
.creator-preview-open { overflow:hidden; }
.creator-v3 .creator-preview-dialog #model-fallback svg { max-height:50dvh; }

@media (max-width:1050px) {
 .creator-v3 .config-layout { width:calc(100% - 40px);gap:18px;grid-template-columns:minmax(0,1fr) minmax(360px,1.1fr); }
 .creator-v3 .calculator { padding:20px; }
 .creator-v3 .edition-switch button { padding:8px;gap:8px; }
 .creator-v3 .edition-check { display:none; }
 .creator-v3 .edition-toolbar-inner { width:calc(100% - 40px); }
}
@media (max-width:820px) {
 .creator-v3 { --toolbar-height:64px;--preview-height:clamp(220px,31dvh,280px);scroll-padding-top:calc(var(--toolbar-height) + 12px); }
 .creator-v3 .edition-toolbar-inner { width:calc(100% - 24px);gap:8px;padding-block:5px; }
 .creator-v3 .edition-switch { min-width:0;padding:2px;gap:2px; }
 .creator-v3 .edition-switch button { min-height:44px;justify-content:center;gap:5px;padding:5px 3px; }
 .creator-v3 .edition-switch b { font-size:12px; }
 .creator-v3 .edition-switch small { display:none; }
 .creator-v3 .edition-switch [data-page-selection] .edition-swatch { display:none; }
 .creator-v3 .edition-swatch { width:6px;height:16px; }
 .creator-v3 .creator-look-menu>summary { padding:12px 10px;font-size:12px; }
 .creator-v3 .config-layout { display:block;width:calc(100% - 24px); }
 .creator-v3 .config-intro { display:contents; }
 .creator-v3 .live-model { position:sticky;top:var(--toolbar-height);z-index:9;margin:0 0 16px;height:var(--preview-height);grid-template-rows:44px minmax(100px,1fr) 52px;box-shadow:0 8px 20px #0002; }
 .creator-v3 .calculator { padding:20px 16px; }
 .creator-v3 .calculator .config-route { grid-template-columns:repeat(3,minmax(0,1fr));scroll-margin-top:calc(var(--toolbar-height) + var(--preview-height) + 18px); }
 .creator-v3 .config-group-title { scroll-margin-top:calc(var(--toolbar-height) + var(--preview-height) + 24px); }
 .creator-v3 .calculator :is(input,select,button) { scroll-margin-top:calc(var(--toolbar-height) + var(--preview-height) + 20px); }
 .creator-v3 .config-group-title b { font-size:25px; }
 .creator-v3 .config-pager { margin-inline:-8px;margin-bottom:-12px;padding-bottom:max(12px,env(safe-area-inset-bottom)); }
 .creator-v3 .live-model .model-bottom { padding:4px 10px; }
 .creator-v3 .live-model .model-bottom strong { font-size:11px; }
 .creator-v3 .live-model .model-bottom span { font-size:10px; }
 .creator-v3 .live-model .model-length { font-size:10px; }
 .creator-v3 #model-fallback svg { max-height:110px; }
 .creator-v3 .creator-preview-dialog { width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:10px;border-radius:16px; }
 .creator-v3 .creator-preview-dialog .live-model { margin:0; }
 .creator-v3 .creator-preview-dialog .model-controls { max-height:65dvh; }
}
@media (max-width:370px) {
 .creator-v3 .calculator { padding-inline:12px; }
 .creator-v3 .calculator .config-route button { font-size:11px;padding:7px 5px;gap:3px; }
 .creator-v3 .creator-product-choice span { font-size:10px; }
 .creator-v3 .housing-presets { grid-template-columns:1fr; }
 .creator-v3 .housing-presets button { min-height:48px; }
 .creator-v3 .housing-presets span { margin-top:0; }
 .creator-v3 .creator-zone-tabs { gap:4px; }
 .creator-v3 .creator-zone-tabs button { font-size:11px;padding:8px 4px; }
 .creator-v3 .config-pager { gap:8px; }
 .creator-v3 .config-pager button { font-size:13px;padding:10px; }
}
@media (max-height:560px) and (max-width:820px) {
 .creator-v3 .live-model { position:relative;top:auto;height:260px; }
 .creator-v3 .calculator .config-route,.creator-v3 .config-group-title,.creator-v3 .calculator :is(input,select,button) { scroll-margin-top:calc(var(--toolbar-height) + 12px); }
}
@media (prefers-reduced-motion:reduce) {
 .creator-v3 { scroll-behavior:auto; }
 .creator-progress-track span { transition:none; }
}

.creator-family-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px;grid-column:1/-1}.creator-family-tabs button{flex:1;min-height:48px;padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-weight:650}.creator-family-tabs button[aria-pressed="true"]{border-color:var(--accent);background:var(--raised);box-shadow:inset 0 0 0 1px var(--accent)}.creator-v3 .creator-family-cards .creator-form-marker{display:block;width:64px;height:76px;margin:0 0 8px;color:var(--accent)}.creator-family-cards{grid-column:1/-1}.creator-v3 .creator-family-cards :is(label>span,button){min-height:150px}.creator-family-cards [hidden]{display:none!important}

.side-arm-controls{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)!important}.side-arm-part-title{font-size:15px;margin:20px 0 12px}.side-arm-controls [data-arm-group="lower"]{border-top:1px solid var(--line);margin-top:20px}.side-arm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.side-arm-grid label{display:block;min-width:0;font-size:13px;line-height:1.5}.side-arm-grid output{display:block;font-weight:700;color:var(--accent)}.side-arm-grid select{display:block;width:100%;min-height:44px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px;margin-top:6px}.side-arm-grid input[type="range"]{width:100%;margin-top:12px}@media(max-width:420px){.side-arm-grid{grid-template-columns:1fr}}
.side-arm-layout-label,.side-arm-orientation{display:block;margin-top:16px;font-size:13px}.side-arm-layout-label select{display:block;width:100%;min-height:44px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.side-arm-orientation output{display:block;color:var(--accent);font-weight:700}.side-arm-orientation input{width:100%}.side-arm-shape-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.side-arm-shape-cards button{min-width:0;padding:10px 4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);cursor:pointer}.side-arm-shape-cards button[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--raised)}.side-arm-shape-cards svg{display:block;width:50px;height:58px;margin:0 auto 6px;color:var(--accent)}.side-arm-shape-cards b{font-size:13px}.creator-function-label{font-weight:700}.creator-use-tabs{margin-bottom:12px}.creator-subfamily-tabs button{font-size:12px}.creator-use-help{margin:0 0 14px}

/* Base form first; optional contacts remain visible as a second choice. */
.side-arm-disclosure>summary{display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:space-between;align-items:center;min-height:48px}
.side-arm-summary{font-size:.8rem;color:var(--muted);font-weight:400}
.innovation-zones span{min-width:0;font-size:12px;overflow-wrap:anywhere}
.feel-compass>summary{flex-wrap:wrap}.feel-mini{width:100%;font-size:.65rem;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.4}
.creator-zone-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 10px}.creator-zone-overview button{min-width:0;min-height:74px;text-align:left;border:1px solid var(--accent);border-radius:12px;background:var(--panel);color:var(--ink);padding:10px;cursor:pointer}.creator-zone-overview b,.creator-zone-overview span{display:block}.creator-zone-overview b{font-size:.85rem}.creator-zone-overview span{font-size:.75rem;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.creator-zone-overview [data-custom="true"]{background:var(--soft)}.creator-zone-inheritance{font-size:.8rem;color:var(--muted)}
.live-model>.feel-compass{position:absolute;right:12px;bottom:70px;z-index:10;width:min(270px,calc(100% - 24px));border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 8px 26px #0002;max-height:calc(100% - 110px);overflow:auto;overscroll-behavior:contain}.feel-compass>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;cursor:pointer;padding:10px 12px;list-style:none}.feel-compass>summary::-webkit-details-marker{display:none}.feel-compass>summary b{font-size:.85rem}.feel-compass>summary b::before{content:'◈ ';color:var(--accent)}.feel-compass>summary small{font-size:.63rem;color:var(--muted)}.feel-compass-body{padding:0 12px 12px}.feel-compass label{display:block;font-size:.7rem;color:var(--muted)}.feel-compass select{width:100%;min-height:36px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px;margin:4px 0}.feel-caption{font-size:.72rem;color:var(--accent);margin:6px 0 10px}.feel-metric{margin-top:10px}.feel-metric>div:first-child,.feel-ends{display:flex;justify-content:space-between;gap:8px}.feel-metric b,.feel-metric output{font-size:.73rem}.feel-metric output{font-variant-numeric:tabular-nums;color:var(--accent)}.feel-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:5px 0}.feel-bars i{height:7px;border-radius:2px;background:linear-gradient(to right,var(--accent) var(--fill),var(--line) var(--fill))}.feel-ends{font-size:.62rem;color:var(--muted)}
@media(max-width:820px){.live-model>.feel-compass{bottom:56px;right:8px;width:min(258px,calc(100% - 16px));max-height:calc(100% - 62px)}}
@media(max-width:380px){.creator-zone-overview{grid-template-columns:1fr}.creator-zone-overview button{min-height:50px;display:flex;justify-content:space-between;align-items:center;gap:8px}.creator-zone-overview span{margin:0}}
.arm-step-heading{font-size:1rem;margin:22px 0 12px;font-weight:750}.arm-edit-tabs{display:flex;gap:8px;margin-top:24px}.arm-edit-tabs button{flex:1;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.arm-edit-tabs button[aria-pressed="true"]{background:var(--accent);color:var(--panel);border-color:var(--accent)}
.arm-surface-picker{margin:20px 0;padding:16px;border:1px solid var(--accent);border-radius:16px;background:var(--panel)}.arm-surface-picker .arm-step-heading{margin-top:0}.arm-surface-value{font-size:.85rem;color:var(--accent);margin:8px 0 16px}.arm-surface-category>b{display:block;font-size:.8rem;color:var(--muted);margin:16px 0 8px}.arm-surface-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arm-surface-cards button{min-width:0;min-height:100px;border:1px solid var(--line);border-radius:12px;padding:10px 5px;background:var(--raised);color:var(--ink);cursor:pointer}.arm-surface-cards button[aria-pressed="true"]{border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.arm-surface-cards svg{display:block;width:100%;max-width:80px;height:46px;margin:auto;color:var(--accent)}.arm-surface-cards span{font-size:.8rem;line-height:1.3;display:block}.side-arm-controls [data-arm-group]{scroll-margin-top:110px}
@media(max-width:380px){.arm-surface-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.side-arm-controls{padding:14px!important}}
.mix-side-finish{border:1px solid var(--accent);border-radius:16px;padding:18px;margin-top:20px}#second-hardness-field{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.side-arm-controls{padding:20px!important;border:2px solid var(--accent)!important;border-radius:20px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));box-shadow:0 6px 24px color-mix(in srgb,var(--accent) 10%,transparent)}
.side-arm-controls>legend{font-size:1.05rem;font-weight:800;padding:0 8px;color:var(--accent)}
.side-arm-disclosure>summary{padding:14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 13%,var(--panel));cursor:pointer}
.side-arm-invite{font-weight:800;font-size:1.05rem}.side-arm-invite small{display:block;font-weight:500;font-size:.8rem;margin-top:5px;color:var(--muted)}
.fantasy-shuffle{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 18%,var(--panel))!important}
.side-arm-layout-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0 0 1rem}
.side-arm-layout-cards button{display:flex;flex-direction:column;gap:.4rem;text-align:left;padding:.9rem;min-height:80px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);cursor:pointer}
.side-arm-layout-cards small{color:var(--muted);line-height:1.4}
.side-arm-layout-cards button[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.side-arm-fine{margin:.8rem 0}.side-arm-fine>summary{min-height:44px}
@media(max-width:360px){.side-arm-layout-cards{grid-template-columns:1fr}}

.creator-reference-ticks{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:4px;font-size:11px;color:var(--muted);margin:4px 0 16px;line-height:1.4}
.creator-reference-ticks>span:last-child{text-align:right}.creator-reference-center{text-align:center;color:var(--accent);position:relative}.creator-reference-center:before{content:"";position:absolute;left:50%;height:6px;border-left:1px solid var(--accent);top:-9px}
.side-arm-starting-values{padding:12px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.side-arm-starting-values .text-button{min-height:44px;text-align:left}

.creator-v3 .calculator [data-inside="false"] .creator-measure-value{float:none;font-size:15px;line-height:1.4;letter-spacing:0;min-width:0;overflow-wrap:break-word}
.creator-v3 .calculator [data-inside="false"] .circ-field>label{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}

#connection-accessory{border:1px solid var(--line);padding:18px;border-radius:12px;margin:18px 0}#connection-accessory .adapter-choice{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.5}#connection-accessory input{width:20px;height:20px;flex-shrink:0}