/* Scoped to the approved MoKlip experiences; original site tokens remain authoritative. */
#discover[hidden],#discover [hidden] {display:none!important}
/* The informative homepage uses styles.css without hero/layout overrides. */
#discover {min-width:0}
#discover #customization-controls {padding:0}
#product-power {position:absolute;left:32.9%;top:46.5%;width:9.5%;height:7.5%;min-width:44px;min-height:32px;transform:translate(-50%,-50%) rotate(10deg);border-radius:999px;cursor:pointer}
#product-power:hover,#product-power:focus-visible {box-shadow:0 0 0 5px rgba(174,200,71,.35)}
.capability-development-note {max-width:70ch;margin:0 auto 20px;text-align:center;font-size:.8rem;color:var(--color-muted)}
#discover button,#discover input,#discover select {font:inherit}
#discover button {cursor:pointer}
#discover button:disabled {opacity:.5;cursor:not-allowed}
#discover :is(button,a,input,select):focus-visible,#product-power:focus-visible {outline:3px solid var(--color-green-dark);outline-offset:4px}
.companion-app {overflow:hidden;border:1px solid var(--color-border);border-radius:28px;background:var(--color-surface);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;height:min(800px,calc(100dvh - 36px));min-height:min(460px,calc(100dvh - 36px))}
.companion-app-header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0}
.companion-app-brand {display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--font-display)}
.companion-app-brand span {font:400 .72rem var(--font-body);color:var(--color-muted)}
.app-header-actions {display:flex;gap:12px;flex-shrink:0}
.app-header-actions button {border:0;background:transparent;font-size:.8rem;padding:8px;color:var(--color-muted)}
#demo-controls,#preference-fields {min-width:0;border:0;padding:0;margin:0}
#demo-controls {display:flex;flex-direction:column;flex:1;min-height:0}
.companion-app-toolbar {display:flex;align-items:center;gap:16px;padding:10px 24px;min-height:46px;background:var(--color-ivory);flex-shrink:0}
.companion-app-toolbar p {margin:0;font-size:.8rem;color:var(--color-muted)}
.companion-app-toolbar button {border:0;background:transparent;padding:4px 0;font-size:.85rem;flex-shrink:0}
.companion-app-body {display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1fr);gap:28px;padding:20px 24px;align-items:start;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.companion-app-body[data-view="full"] {grid-template-columns:1fr}
.companion-app-body[data-view="full"] .companion-app-screen {width:100%;max-width:800px;margin:auto}
.moklip-body-stage {min-width:0}
.body-viewer {position:relative;width:100%;height:clamp(280px,47svh,470px);overflow:hidden;background:#182219;border-radius:20px}
#body-viewport {display:block;width:100%;height:100%;touch-action:none}
#body-loading {position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#dce4dc;background:#182219;font-size:.9rem;pointer-events:none}
#body-loading button {pointer-events:auto}
.body-view-controls {display:flex;justify-content:space-between;gap:8px;margin-top:8px}
.body-view-controls button {border:0;border-radius:999px;background:transparent;padding:7px 10px;min-height:36px;font-size:.75rem}
.body-view-controls button[aria-pressed="true"] {background:var(--color-green-soft)}
.companion-app-screen {min-width:0}
#demo-step-title {font:600 clamp(1.35rem,2.5vw,1.9rem)/1.2 var(--font-display);letter-spacing:-.025em;margin:0 0 12px;scroll-margin-top:100px}
.app-guidance {padding:12px 16px;background:var(--color-green-soft);border-radius:14px;font-size:.85rem;margin:0 0 18px}
.companion-app-screen fieldset,#preference-fields fieldset {border:0;padding:0;margin:16px 0}
.companion-app-screen legend,#preference-fields legend {font-weight:600;margin-bottom:12px}
.companion-app-screen p {font-size:.9rem}
.moklip-choices {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.moklip-choices button,.companion-app-screen>div>button,.app-insight-card button {border:1px solid var(--color-border);background:var(--color-ivory);border-radius:999px;padding:10px 14px;min-height:44px;color:var(--color-text)}
.moklip-choices button[aria-pressed="true"],#discover [data-perspective][aria-pressed="true"] {border-color:var(--color-green);background:var(--color-green-soft)}
#discover .button-primary {background:var(--color-green-dark);color:var(--color-white)}
.dimension-choices {display:grid;gap:10px}
.dimension-choices button {text-align:left;border:1px solid var(--color-border);background:var(--color-ivory);border-radius:14px;padding:12px 16px;min-height:48px}
.dimension-choices button[aria-pressed="true"] {background:var(--color-green-soft);border-color:var(--color-green-dark)}
.dimension-choices small {display:block;color:var(--color-muted);font-size:.72rem;margin-top:4px}
#discover .app-small,.demo-more {font-size:.76rem;color:var(--color-muted)}
#demo-progress {width:100%;accent-color:var(--color-green)}
#demo-signal {display:block;width:100%;max-height:90px;color:var(--color-green-dark)}
#demo-signal path {stroke-dasharray:500;animation:sample-signal 3s linear infinite}
#demo-signal.paused path {animation-play-state:paused}
@keyframes sample-signal {to{stroke-dashoffset:-1000}}
.readiness-choice {display:flex;align-items:flex-start;gap:10px;margin:18px 0}
#discover input[type="checkbox"] {accent-color:var(--color-green-dark);width:18px;height:18px;flex-shrink:0}
.app-insight-card {border:1px solid var(--color-border);border-radius:18px;padding:20px;background:var(--color-ivory);margin:16px 0}
.app-insight-card h3 {font:600 1.1rem var(--font-display);margin:8px 0}
.app-insight-card>span,.app-insight-card>small {font-size:.75rem;color:var(--color-muted)}
.app-history-chart {width:100%;height:auto;max-height:140px;color:var(--color-green-dark)}
.sample-records {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.sample-records .app-insight-card {margin:0 0 12px}
.sample-values {font-variant-numeric:tabular-nums}
.assistant-heading {display:flex;justify-content:space-between;gap:12px;align-items:center}
.assistant-heading button {border:0;background:none;min-height:44px}
.companion-app-nav {display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--color-border);background:var(--color-ivory);flex-shrink:0}
.companion-app-nav button {min-height:54px;border:0;border-top:3px solid transparent;background:transparent;font-size:.85rem;color:var(--color-muted)}
.companion-app-nav button[aria-current="page"] {color:var(--color-green-dark);font-weight:600;border-top-color:var(--color-green);background:var(--color-green-soft)}
.app-demo-note {padding:12px 24px;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-muted);flex-shrink:0;max-height:160px;overflow:auto}
#discover summary {cursor:pointer}
.app-demo-note button {border:1px solid var(--color-border);border-radius:999px;padding:8px 12px;background:var(--color-ivory);margin-top:10px}
.app-device-card img {height:200px;object-fit:contain;max-width:100%;border-radius:16px}
.demo-more {margin-top:20px}
#placement-image {max-height:220px;max-width:100%;object-fit:contain;margin:16px 0}
#customizer-title {font:600 clamp(1.8rem,3vw,2.5rem)/1.2 var(--font-display);margin:0 0 12px}
#preference-fields>fieldset {margin:28px 0}
.moklip-interest-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:12px}




.customization-studio {display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(280px,1fr);gap:32px;align-items:start}
.moklip-preview {position:sticky;top:110px;margin:0;background:var(--color-ivory);border-radius:22px;padding:16px}
#product-preview {display:block;width:min(100%,44svh);height:auto;aspect-ratio:1;object-fit:contain;border-radius:14px;margin:auto}
#discover #product-preview[hidden] {display:none}
.moklip-preview figcaption {font-size:.78rem;color:var(--color-muted);margin-top:12px}
#appearance-summary {font-size:.85rem}
[data-color-group]::before {content:'';display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--swatch);border:1px solid #aaa;vertical-align:middle;margin-right:7px}
#preference-fields label:not(.moklip-consent) {display:block;margin-top:12px;font-size:.85rem}
#preference-fields input[type="range"] {width:100%;accent-color:var(--color-green-dark)}
#graphic-upload {max-width:100%;margin-top:12px;font-size:.8rem}
#graphic-error {font-size:.8rem;color:var(--color-green-dark)}
#graphic-reset {padding:8px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-ivory)}
.moklip-consent {display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:.85rem}
.waitlist-summary {border-top:1px solid var(--color-border);padding:28px 0;margin-top:32px;max-width:800px}
.waitlist-summary h3 {font:600 1.4rem var(--font-display);margin:0 0 12px}
#history-dimension {display:block;width:100%;max-width:540px;padding:12px;border:1px solid var(--color-border);border-radius:12px;background:white;margin:8px 0 18px;font:inherit}
@media(max-width:800px){.moklip-interest-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
 #discover #customization-controls{padding:0}.companion-app{border-radius:18px;height:calc(100dvh - 20px);min-height:min(440px,calc(100dvh - 20px))}.companion-app-header{padding:12px;align-items:flex-start}.companion-app-brand{gap:6px}.companion-app-brand span{width:100%;font-size:.65rem}.app-header-actions{gap:2px}.app-header-actions button{font-size:.7rem;padding:8px 4px}
 .companion-app-body{grid-template-columns:1fr;gap:16px;padding:16px}.companion-app-toolbar{padding:8px 14px}.body-viewer{height:27svh;min-height:190px}.body-view-controls{margin-top:4px}.companion-app-nav button{font-size:.75rem;min-height:50px}.app-demo-note{padding:10px 14px}
 .customization-studio{grid-template-columns:1fr;gap:20px}.moklip-preview{position:static}#product-preview{width:100%;max-width:400px}.moklip-interest-grid{gap:8px}
}
@media(prefers-reduced-motion:reduce){#product-power,#demo-signal path{animation:none}}

/* Standalone studios share the homepage brand; neither is a modal or hidden page section. */
.studio-header {position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:12px 28px;border-bottom:1px solid var(--color-border);background:var(--color-ivory)}

.studio-header nav {display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;font-size:.85rem}
.studio-header nav a {min-height:44px;display:flex;align-items:center;color:var(--color-muted)}
.studio-header nav a[aria-current="page"] {color:var(--color-green-dark);font-weight:650;text-decoration:underline;text-underline-offset:6px}
.studio-shell {width:min(1480px,calc(100% - 48px));margin:24px auto 40px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.studio-guide {position:sticky;top:100px;padding:18px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-ivory)}
.studio-guide .eyebrow {font-size:.65rem;margin:0 0 14px}
.studio-guide h1,.studio-guide h2 {font-size:1.4rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
.studio-guide p {font-size:.8rem;line-height:1.55;color:var(--color-muted)}
.studio-guide>a {display:block;font-size:.8rem;color:var(--color-green-dark);text-decoration:underline;text-underline-offset:4px;margin:20px 0 8px}
.studio-guide .button {font-size:.78rem;min-height:44px;padding:10px 12px;width:100%}
.studio-steps {padding:0;list-style:none;counter-reset:studio-step;display:grid;gap:8px;margin:20px 0}
.studio-steps li {counter-increment:studio-step;border:1px solid var(--color-border);border-radius:12px;padding:10px;font-size:.78rem;color:var(--color-muted)}
.studio-steps li::before {content:counter(studio-step) ' · ';font-weight:650}
.studio-steps li[aria-current="step"] {background:var(--color-green-soft);border-color:var(--color-green);color:var(--color-green-dark)}
.studio-steps a {text-decoration:underline;text-underline-offset:3px}
.studio-workspace {min-width:0}
.studio-page .companion-app {height:calc(100dvh - 130px);min-height:480px}
.studio-page .app-header-actions a {display:flex;align-items:center;font-size:.75rem;padding:8px;color:var(--color-muted)}
.studio-page .companion-app-header {padding:14px 18px}
.studio-page .body-viewer {height:clamp(260px,43svh,440px)}
.studio-page #customizer-title {font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.15;letter-spacing:-.03em}
.studio-page #design-dimensions,.studio-page #design-appearance,.studio-page #waitlist {scroll-margin-top:100px}
.studio-page .moklip-interest-grid {grid-template-columns:repeat(2,1fr)}
.studio-page .customization-studio {gap:24px;grid-template-columns:minmax(240px,1fr) minmax(230px,1fr)}
.studio-footer {display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:24px;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-muted)}
.studio-page :is(a,button,input,select):focus-visible {outline:3px solid var(--color-green-dark);outline-offset:3px}
@media(max-width:1000px){.studio-shell{grid-template-columns:180px minmax(0,1fr);gap:18px;width:calc(100% - 32px)}.studio-guide{padding:14px}.studio-page .companion-app-body{grid-template-columns:1fr}.studio-page .customization-studio{grid-template-columns:1fr}.studio-page .moklip-preview{position:static}.studio-page .body-viewer{height:30svh;min-height:220px}}
@media(max-width:720px){.studio-header{padding:8px 14px;gap:10px;align-items:flex-start}.studio-header nav{gap:4px 12px;font-size:.72rem;justify-content:flex-end}.studio-shell{grid-template-columns:1fr;width:calc(100% - 24px);margin:16px auto 28px;gap:16px}.studio-guide{position:static;padding:14px}.studio-guide .eyebrow{margin-bottom:8px}.studio-guide h1,.studio-guide h2{font-size:1.2rem;margin-bottom:10px}.studio-steps{grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.studio-steps li{padding:8px;font-size:.7rem}.studio-guide .button{width:auto}.studio-page .companion-app{height:calc(100dvh - 110px);min-height:440px}.studio-page .moklip-interest-grid{grid-template-columns:1fr 1fr}.studio-page .body-viewer{height:27svh;min-height:190px}.studio-page .companion-app-brand span{font-size:.65rem}.studio-page .studio-guide>a{margin-top:12px}.studio-page .studio-guide>p{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.studio-page{scroll-behavior:auto}}

/* Consumer app fidelity: tokens and layout from ConsumerTheme / ConsumerApp. */
body[data-studio="experience"] .companion-app {--color-ivory:#fcfdfb;--color-green-soft:#f0f3ed;--color-text:#182219;--color-muted:#737c71;--color-green-dark:#30452f;--color-border:#dde2d8;background:#f6f7f3;width:100%;max-width:460px;height:min(820px,calc(100svh - 130px));max-height:none;min-height:0;margin:0 auto;border-radius:30px;box-shadow:0 12px 48px #18221912;font-family:Arial,sans-serif}
body[data-studio="experience"] .studio-workspace {background:radial-gradient(ellipse at center,#dde5d366,transparent 70%);padding:0 20px}
body[data-studio="experience"] .companion-app-body {display:flex;flex-direction:column;padding:18px;gap:12px;overflow-y:auto;scroll-padding:18px}
body[data-studio="experience"] .companion-app-body[data-view="full"] .companion-app-screen {margin:0;width:100%;max-width:none}
body[data-studio="experience"] .companion-app-screen {overflow-wrap:break-word}
body[data-studio="experience"] .companion-app-body[data-view="body"] .companion-app-screen {display:contents}
body[data-studio="experience"] #demo-step-title {font:800 28px/31px Arial,sans-serif;letter-spacing:-.7px;margin:0 0 8px;order:-3}
body[data-studio="experience"] #guide-message {order:-2;font-size:14px;line-height:20px;margin:0}
body[data-studio="experience"] #app-body-view {order:-1;width:100%;flex-shrink:0}
body[data-studio="experience"] .body-viewer {height:clamp(200px,28svh,260px);min-height:0;border-radius:24px;background:#1c1f1c}
body[data-studio="experience"] .companion-app-header {background:white;min-height:66px;padding:12px 18px}
body[data-studio="experience"] .companion-app-brand {gap:7px;flex-wrap:wrap}
body[data-studio="experience"] .companion-app-brand span {display:block;font:10px/14px Arial,sans-serif;width:100%}
body[data-studio="experience"] .app-header-actions a {display:none}
body[data-studio="experience"] #demo-profile {background:#dde5d3;border:0;border-radius:40px;padding:9px 13px;min-height:44px;color:#30452f}
.consumer-screen-name {font-size:13px;font-weight:700;color:#30452f}
body[data-studio="experience"] .companion-app-toolbar {padding:9px 18px;gap:8px;flex-wrap:wrap}
body[data-studio="experience"] #demo-context {width:100%;margin:0;font-size:11px}
body[data-studio="experience"] .companion-app-nav {background:white;min-height:74px}
body[data-studio="experience"] .companion-app-nav button {border:0;font-size:12px;letter-spacing:.3px}
body[data-studio="experience"] .companion-app-nav button span {display:block;font-size:23px;line-height:30px;width:52px;border-radius:30px;margin:0 auto}
body[data-studio="experience"] .companion-app-nav button[aria-current="page"] {background:none}
body[data-studio="experience"] .companion-app-nav button[aria-current="page"] span {background:#dde5d3}
body[data-studio="experience"] .dimension-choices {grid-template-columns:1fr}
body[data-studio="experience"] .dimension-choices button {padding:16px 18px;text-align:left;border-radius:18px;background:#fcfdfb;font-size:15px}
body[data-studio="experience"] .app-insight-card {background:#fcfdfb;border-radius:24px}
.consumer-device-link,.consumer-ask {border:1px solid #dde2d8;border-radius:14px;background:#fcfdfb;min-height:44px;padding:10px 14px;text-align:left;width:100%;margin-bottom:10px;color:#30452f;font-size:12px}
.consumer-placement {margin:18px 0 14px;background:#f0e5d8;border-radius:24px;padding:12px}
.consumer-placement figcaption {font-size:12px;font-weight:700;color:#30452f;text-transform:capitalize}
#discover .consumer-placement #placement-image {width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:16px;display:block;margin:10px 0}
#discover .consumer-placement #placement-image[hidden] {display:none}
#placement-motion {background:#fcfdfb;border:1px solid #dde2d8;border-radius:30px;padding:8px 12px;font-size:12px;min-height:44px}
.consumer-instructions {padding:18px;border-radius:24px;background:#30452f;color:white;margin:14px 0}
.consumer-instructions h3,.consumer-result-label {font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800}
.consumer-instructions h3 {color:#dde5d3;margin:0 0 12px}
.consumer-instructions ol {padding-left:18px;margin:0;font-size:14px;line-height:20px}
.consumer-instructions li+li {margin-top:10px}
.consumer-readiness {padding:18px;border:1px solid #dde2d8;border-radius:24px;background:#fcfdfb}
.consumer-readiness>div {display:flex;justify-content:space-between;gap:14px;font-size:12px;margin-bottom:14px}
body[data-studio="experience"] .app-step-actions {flex-shrink:0;margin:0;padding:12px 18px;border-top:1px solid var(--color-border);background:var(--color-ivory)}
body[data-studio="experience"] .app-step-actions .button {width:100%;background:#30452f;color:white;border:0;font-size:14px;min-height:48px;padding:12px 16px;white-space:normal;text-align:center}
body[data-studio="experience"] .app-demo-note {max-height:150px;font-size:12px;line-height:1.5;background:#fcfdfb}

/* Simple studio: MAKIW mounted studio's composer + preview, scoped to customization. */
body[data-studio="customize"] .studio-shell{display:block;width:min(1160px,calc(100% - 48px));margin:24px auto 40px}


body[data-studio="customize"] #customizer-title{font:600 1.8rem/1.15 var(--font-display);letter-spacing:-.03em;margin:0}

body[data-studio="customize"] .customization-studio{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.2fr);gap:28px;align-items:start}
body[data-studio="customize"] .customization-tools{min-width:0}
body[data-studio="customize"] .moklip-preview{position:sticky;top:100px;background:white;border:1px solid var(--color-border);border-radius:22px;min-width:0}
body[data-studio="customize"] #product-preview{width:100%;height:auto;max-height:58dvh;object-fit:contain}
body[data-studio="customize"] .moklip-preview figcaption{margin-top:10px;font-size:.75rem}
body[data-studio="customize"] #appearance-summary{font-size:.75rem;margin:8px 0;color:var(--color-muted)}
body[data-studio="customize"] #preview-status{font-size:.68rem;line-height:1.4;margin:6px 0}
.studio-composer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px;padding:22px}
.studio-composer>.eyebrow{font-size:.65rem;margin:0 0 12px}
.studio-composer h2{font:600 1.25rem/1.2 var(--font-display);letter-spacing:-.02em;margin:0 0 8px}
.studio-composer>p{font-size:.8rem;line-height:1.55;color:var(--color-muted);margin:8px 0 16px}
.studio-color-controls{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0}
#preference-fields .studio-color-controls fieldset{margin:0;min-width:0}
#preference-fields .studio-color-controls legend{font-size:.72rem;font-weight:500;margin-bottom:6px}
.studio-color-controls .moklip-choices{gap:8px;margin:0}
.studio-color-controls [data-color-group]{font-size:0;border-radius:50%;width:44px;height:44px;min-height:44px;padding:4px;background:white}
.studio-color-controls [data-color-group]::before{width:26px;height:26px;margin:0;border-color:#0002}
.studio-color-controls [data-color-group][aria-pressed="true"]{outline:2px solid var(--color-green-dark);outline-offset:2px;border-color:white}
#ai-design-prompt{display:block;width:100%;padding:14px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-ivory);font:inherit;font-size:.85rem;resize:vertical;min-height:110px;margin:12px 0}
.studio-composer-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}
#preference-fields label.studio-upload-label{display:flex;align-items:center;margin:0;min-height:44px;font-size:.75rem;color:var(--color-green-dark);cursor:pointer}
#ai-generate{font-size:.78rem;padding:10px 16px;min-height:44px}
.studio-text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:6px 0;min-height:44px;font-size:.78rem;color:var(--color-green-dark)}
.studio-composer #ai-design-status{font-size:.72rem;margin:12px 0 2px;line-height:1.45}
.ai-design-versions{display:flex;gap:8px;overflow:auto;margin-top:10px}
.ai-design-versions:empty{display:none}
.ai-design-versions button{flex:0 0 76px;border:1px solid var(--color-border);border-radius:12px;padding:5px;background:white}
.ai-design-versions img{width:64px;height:72px;object-fit:contain}
.ai-design-versions span{display:block;font-size:10px}
.studio-design-review{border-bottom:1px solid var(--color-border);padding:16px 0;font-size:.8rem}
.studio-design-review>summary{min-height:36px;cursor:pointer;color:var(--color-green-dark);align-content:center}
body[data-studio="customize"] #design-guide-next{width:100%;font-size:.85rem;margin:8px 0;background:var(--color-ivory);color:var(--color-green-dark)}
body[data-studio="customize"] .moklip-interest-grid{grid-template-columns:1fr 1fr;gap:8px}



body[data-studio="customize"] #design-dimensions{margin:18px 0}
body[data-studio="customize"] .waitlist-summary{margin-top:18px;padding:18px 0 0}
body[data-studio="customize"] .waitlist-summary h3{font-size:1rem}
body[data-studio="customize"] .waitlist-summary p{font-size:.76rem}
#graphic-error{font-size:.75rem;line-height:1.4}
body[data-studio="customize"] #graphic-upload:focus-visible{position:static;width:100%;height:auto;clip:auto;clip-path:none;margin:8px 0}
@media(max-width:760px){body[data-studio="customize"] .studio-shell{width:calc(100% - 24px);margin:16px auto 28px}body[data-studio="customize"] .customization-studio{flex-direction:column;gap:18px}body[data-studio="customize"] .moklip-preview{position:static;order:-1;width:100%;padding:12px}body[data-studio="customize"] .customization-tools{width:100%}body[data-studio="customize"] #product-preview{max-height:36dvh}.studio-composer{padding:18px}.studio-color-controls{margin:16px 0;gap:20px}}


/* Override the shared inherited button font only inside the compact color picker. */
#discover .studio-color-controls [data-color-group]{font-size:0;line-height:0;display:grid;place-items:center}
#discover .studio-text-button{font-size:.78rem}
/* MoKlip Lab: product-page canvas paired with the Studio conversation. */
body[data-studio="customize"] .customization-studio{grid-template-columns:minmax(0,1.15fr) minmax(320px,.9fr);gap:24px}

.lab-text-button{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-green-dark);min-height:44px;padding:10px 16px;font:inherit;font-size:.78rem;cursor:pointer}
.lab-draft-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-green-soft);font-size:.78rem;margin-bottom:18px}
.lab-draft-notice[hidden]{display:none}
.lab-draft-notice button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--color-green-dark);min-height:44px;cursor:pointer}



body[data-studio="customize"] .moklip-preview{padding:18px}
body[data-studio="customize"] #product-preview{max-height:48dvh}
body[data-studio="customize"] .moklip-preview .studio-color-controls{border-top:1px solid var(--color-border);padding-top:16px;margin:14px 0}
body[data-studio="customize"] .studio-composer{padding:0;overflow:hidden}
.lab-agent-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--color-border);padding:18px}
.lab-agent-mark{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:var(--color-green-soft);color:var(--color-green-dark);font-size:22px}
.lab-agent-heading h2{font-size:.95rem;margin:0 0 4px}
.lab-agent-heading p{font-size:.68rem;color:var(--color-muted);margin:0}
.lab-conversation{padding:18px;min-height:190px;max-height:34dvh;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px}
.lab-message{font-size:.8rem;line-height:1.6;max-width:94%;padding:12px 14px;margin:0;border-radius:16px}
.lab-message-guide{background:var(--color-ivory);align-self:flex-start;border:1px solid var(--color-border)}
.lab-message-user{background:var(--color-green-soft);align-self:flex-end;color:var(--color-green-dark)}
body[data-studio="customize"] #ai-design-prompt{width:calc(100% - 32px);margin:0 16px 8px;min-height:86px;font-size:.8rem}
.studio-composer-actions{padding:0 16px}
body[data-studio="customize"] #ai-design-status{padding:0 16px;margin:10px 0;font-size:.68rem}
body[data-studio="customize"] .ai-design-versions{margin:0 16px 16px}
body[data-studio="customize"] .ai-design-versions:empty{margin:0}
@media(max-width:760px){body[data-studio="customize"] .customization-studio{display:flex}body[data-studio="customize"] #product-preview{max-height:32dvh}.lab-conversation{min-height:140px;max-height:36dvh}.lab-draft-notice{flex-wrap:wrap}}

/* Durable Lab uses the established studio layout and brand controls. */
#saved-designs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#saved-designs button{font:inherit;padding:8px 12px;border:1px solid var(--color-border);border-radius:12px;background:white;color:var(--color-forest)}
.ai-design-versions button[aria-pressed="true"]{outline:2px solid var(--color-forest);outline-offset:2px}
@media(max-width:760px){body[data-studio="customize"] .studio-header nav{flex-wrap:wrap}body[data-studio="customize"] .moklip-preview .studio-color-controls{margin:8px 0;padding-top:8px}.lab-conversation{max-height:30dvh;min-height:110px}}

@media(max-width:760px){body[data-studio="customize"] #product-preview{max-height:22dvh}body[data-studio="customize"] .lab-draft-notice{margin-bottom:14px;padding:10px 14px}}
@media(max-width:760px){
 body[data-studio="customize"] .moklip-preview #appearance-summary,
 body[data-studio="customize"] .moklip-preview figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 body[data-studio="customize"] #preview-status{font-size:.65rem;margin:6px 0}
}
/* Six-dimension sample summaries, keeping reference scope visible. */
.demo-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:16px 0}
.demo-metrics>div{padding:12px 8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}
.demo-metrics dt{font-size:.65rem;line-height:1.4;color:var(--color-muted)}
.demo-metrics dd{font-size:1.1rem;font-weight:600;margin:7px 0;line-height:1.2}
.demo-metrics small{font-size:.6rem;color:var(--color-muted);line-height:1.35;display:block}
.dimension-choices button[data-reference="true"]{border-style:dashed}
.consumer-device-link{color:var(--color-green-dark)}

/* The shared Explore corner replaces the old shortcuts column. */
body[data-studio="experience"] .studio-shell{width:min(1280px,calc(100% - 48px));grid-template-columns:minmax(180px,220px) minmax(0,1fr)}
@media(max-width:1200px){body[data-studio="experience"] .studio-shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px){
 body[data-studio="experience"] .studio-shell{grid-template-columns:minmax(0,1fr);width:calc(100% - 24px);gap:24px}
 body[data-studio="experience"] .studio-guide{position:static}
 body[data-studio="experience"] .studio-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-studio="experience"] .studio-workspace{padding:0}
}
/* On narrow or short screens the page owns scrolling; no fixed-height phone trap. */
@media(max-width:900px),(max-height:740px){
 body[data-studio="experience"] .companion-app{height:auto;min-height:0;max-height:none;border-radius:24px}
 body[data-studio="experience"] #demo-controls{flex:none}
 body[data-studio="experience"] .companion-app-body{flex:none;overflow:visible}
 body[data-studio="experience"] .app-demo-note{max-height:none;overflow:visible}
}
@media(max-height:740px){body[data-studio="experience"] .studio-guide{position:static}}


/* Two homepage routes and one shared newsletter form. */
#newsletter-fields{border:0;padding:0;margin:0;min-width:0}#updates [hidden]{display:none!important}
#newsletter-confirm{max-width:780px;margin:38px auto 0}#newsletter-confirm h3{font-size:1rem}#newsletter-confirm p,#newsletter-local-help{font-size:.85rem;line-height:1.6}#newsletter-back{border:0;background:none;color:var(--color-green-soft);font:inherit;padding:10px;margin-left:8px;cursor:pointer}

/* The forearm example separates illustrative output from its research context. */
#result-evidence[hidden],#result-trend[hidden]{display:none}
.bioimpedance-signal-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.bioimpedance-signal-metrics dt{font-size:.68rem;color:var(--color-muted)}
.bioimpedance-signal-metrics dd{margin:4px 0 0;font-size:.85rem;font-weight:600}
#result-sources{padding-left:18px;line-height:1.6}
#result-sources li+li{margin-top:6px}