/* Maker Studio refresh. Screen-only presentation; original print/document styles stay intact. */
@font-face {font-family:'Studio Sans';src:url('../assets/fonts/Manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;}
@font-face {font-family:'Studio KR';src:url('../assets/fonts/StudioKR.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;}
@font-face {font-family:'Studio JP';src:url('../assets/fonts/StudioJP.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;}
@font-face {font-family:'Studio SC';src:url('../assets/fonts/StudioSC.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;}
@media screen {
 :root {--bg:#f6f5f1;--surface:#fff;--sunken:#f6f5f1;--ink:#18242d;--ink-2:#46515a;--muted:#68716f;--line:#e6e6df;--line-2:#c9cfc9;--action:#3659d9;--action-hover:#2446bd;--action-soft:#eceffd;--action-ink:#2c4db9;--r-l:20px;--font:'Studio Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;}
 :lang(ko) {--font:'Studio Sans','Studio KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;}
 :lang(ja) {--font:'Studio Sans','Studio JP','Hiragino Sans','Yu Gothic UI',system-ui,sans-serif;}
 :lang(zh-Hans) {--font:'Studio Sans','Studio SC','Microsoft YaHei',system-ui,sans-serif;}
 body {background:var(--bg);letter-spacing:-.015em;}
 .studio-icon {flex:none;vertical-align:middle;}
 h1,h2,h3 {text-wrap:balance;letter-spacing:-.035em;}
 .page {max-width:1392px;padding:32px 40px 56px;}
 .topbar {border-color:var(--line);background:#fafaf7;}
 .brand {gap:11px;letter-spacing:-.045em;font-size:19px;}
 .brand>.studio-icon {width:32px;height:32px;padding:5px;background:var(--ink);color:white;border-radius:9px;stroke-width:1.5;}
 .nav button {display:flex;align-items:center;gap:10px;border-radius:9px;font-size:14px;}
 .lang select {border:1px solid var(--line);background:transparent;border-radius:8px;font-size:13px;}
 .btn {border-radius:9px;font-size:14px;font-weight:650;box-shadow:none;}
 .btn-primary {background:var(--action);border-color:var(--action);box-shadow:0 3px 7px #2b4cc314;}
 .btn-lg {min-height:50px;padding:13px 20px;font-size:15px;}
 .btn-ghost {color:var(--ink-2);}
 .panel {border:1px solid var(--line);box-shadow:none;padding:24px;}
 .panel h2,.q-question {font-size:19px;}
 .control {border-radius:9px;border-color:#dce0db;background:#fdfefd;font-size:16px;box-shadow:none;}
 .control:focus {border-color:var(--action);box-shadow:0 0 0 3px #3659d912;}
 .field label,.flabel {font-weight:600;font-size:13px;}
 .affixed .affix {background:#f6f7f3;border-color:#dce0db;color:#68716f;}
 .tabs {gap:4px;padding:5px;background:#eeeee8;border:0;border-radius:12px;margin-bottom:24px;box-shadow:none;}
 .tabs [role=tab] {display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;color:#626b70;background:transparent;min-height:46px;padding:10px 16px;font-size:14px;}
 .tabs [role=tab][aria-selected=true] {background:white;color:var(--ink);box-shadow:0 1px 5px #18242d0e;border:0;}
 .tabs .studio-icon {width:18px;height:18px;}
 .edit-facets {gap:4px;padding:4px;background:#f2f3ee;border-radius:10px;}
 .edit-facets button {border:0;background:transparent;border-radius:7px;font-size:13px;}
 .edit-facets [aria-pressed=true] {background:white;box-shadow:0 1px 4px #18242d0b;color:var(--ink);}
 .input-editor .price-box {border:0;background:transparent;}
 .live-summary {background:var(--ink);color:#fff;border:0;border-radius:14px;padding:18px 22px;}
 .live-summary .lbl {color:#c4cecf;}
 .live-summary strong {color:white;}
 details.quote-context {border:0;background:transparent;}
 details.quote-context>.quote-management {border:1px solid var(--line);border-radius:12px;background:white;}
 details.quote-context>summary {padding-left:0;}
 .quote-context-head .context-primary {right:0;}
 .qhead.quote-context-head {margin-bottom:20px;}
 .quote-context-caption {font-size:12px;gap:4px 10px;}
 .quote-management-label {color:var(--muted);}
 .big {font-size:clamp(30px,3.5vw,44px);letter-spacing:-.055em;color:var(--ink);}
 .big-label {font-size:13px;}
 .dec-top {padding-bottom:20px;}
 .outcome {background:#f4f6f0;border-radius:10px;}
 .outcome .v {letter-spacing:-.035em;font-size:20px;}
 .outcome .l {font-size:12px;}
 .track-bar {height:8px;}
 .mbar {background:#fffefb;box-shadow:0 -2px 12px #18242d07;}
 .head-row {margin-bottom:20px;}
 .head-row h1 {font-size:24px;}
 .head-row .muted {font-size:13px;}
 .qlist {gap:10px;}
 .qrow {border:1px solid var(--line);box-shadow:none;border-radius:13px;padding:20px;}
 .qrow:hover {border-color:#c8cfc8;box-shadow:0 6px 18px #18242d05;}
 .q-title {font-weight:700;}
 .q-sub {font-size:12px;color:var(--muted);}
 .q-num>span:not(.lbl) {font-weight:650;white-space:nowrap;}
 .q-num .lbl {font-size:11px;text-transform:uppercase;letter-spacing:.03em;}
 .studio-home {min-width:0;}
 .studio-pagehead {display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:26px;}
 .studio-workshop {font-size:14px;font-weight:650;}
 .local-indicator {display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px;}
 .local-indicator .studio-icon {width:15px;height:15px;}
 .studio-hero {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-width:0;}
 .studio-hero-copy {min-width:0;padding:18px 0;}
 .eyebrow {font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#767f76;margin:0 0 16px;}
 .studio-hero h1 {font-size:clamp(35px,3.6vw,54px);line-height:1.18;max-width:11em;white-space:pre-line;font-weight:750;}
 .studio-lede {margin:22px 0 0;max-width:38em;font-size:15px;line-height:1.8;color:var(--ink-2);text-wrap:pretty;}
 .studio-hero-actions {display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;}
 .studio-firststep {margin-top:14px;font-size:11px;color:var(--muted);}
 .studio-hero-art {margin:0;position:relative;min-width:0;border-radius:24px;overflow:hidden;aspect-ratio:1.15;background:#e9e6dc;}
 .studio-hero-art>img {width:100%;height:100%;object-fit:cover;object-position:53% 50%;display:block;}
 .studio-hero-art>figcaption {position:absolute;bottom:16px;left:16px;right:16px;width:fit-content;max-width:calc(100% - 32px);padding:7px 10px;border:1px solid #fff9;border-radius:6px;background:#fffdf1d9;font-size:10px;color:#475147;}
 .studio-workflow {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:36px 0 42px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
 .studio-workflow>div {display:flex;align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:600;}
 .workflow-count {font-size:10px;color:#8c958c;}
 .studio-workflow .studio-icon {width:18px;height:18px;color:var(--action);}
 .studio-projects {min-width:0;margin-top:32px;}
 .studio-section-head {display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:18px;}
 .studio-section-head .eyebrow {margin-bottom:7px;}
 .studio-section-head h2 {font-size:22px;}
 .example-tag {flex:none;color:#6d776b;border:1px solid #d6dcd0;border-radius:5px;font-size:10px;padding:5px 7px;}
 .project-rail {display:flex;position:relative;gap:18px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;touch-action:pan-x pan-y pinch-zoom;min-width:0;padding:3px 2px 8px;cursor:grab;}
 .project-rail::-webkit-scrollbar {display:none;}
 .project-rail.is-dragging {cursor:grabbing;scroll-snap-type:none;user-select:none;}
 .project-card {display:grid;grid-template-columns:52% minmax(0,1fr);flex:0 0 72%;min-width:0;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding:0;text-align:left;cursor:inherit;}
 .project-card:focus-visible {outline-offset:-4px;}
 .project-picture {position:relative;display:block;overflow:hidden;aspect-ratio:1.15;background:#e5e2d8;}
 .project-image {display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;transform:scale(1.8);transition:transform .3s ease;}
 .project-vase {object-position:16% 50%;transform-origin:26% 55%;}
 .project-stand {object-position:66% 50%;transform-origin:63% 53%;}
 .project-tray {object-position:100% 78%;transform-origin:95% 90%;transform:scale(2.6);}
 .project-index {position:absolute;top:12px;left:12px;padding:5px 8px;background:#fffdf0d9;border-radius:4px;color:#536052;font-size:10px;}
 .project-caption {padding:24px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:10px;min-width:0;}
 .project-category {font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
 .project-caption>strong {font-size:19px;letter-spacing:-.035em;line-height:1.4;}
 .project-insight {font-size:12px;line-height:1.7;color:var(--ink-2);}
 .project-caption>.studio-icon {margin-top:8px;color:var(--action);}
 .project-controls {display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;}
 .project-direction {width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink-2);font-size:18px;}
 .project-direction:disabled {opacity:.3;}
 .project-dots {display:flex;align-items:center;}
 .project-dot {display:grid;place-items:center;width:36px;min-height:44px;border:0;background:none;padding:0;cursor:pointer;}
 .project-dot>span {width:5px;height:5px;border-radius:50%;background:#ced2c7;transition:width .2s,background .2s;}
 .project-dot[aria-current=true]>span {width:18px;border-radius:4px;background:var(--ink);}
 .project-disclosure {color:var(--muted);text-align:center;font-size:10px;margin-top:2px;}
 .studio-returning {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 26px;margin-bottom:28px;border-bottom:1px solid var(--line);}
 .studio-returning .eyebrow {margin-bottom:6px;}
 .studio-returning h2 {font-size:27px;}
 .studio-returning>p {max-width:30em;color:var(--muted);font-size:13px;line-height:1.6;}
 .sitefoot {font-size:11px;color:#748071;max-width:1392px;padding-inline:40px;}
 .demo-band {background:#fff3db;border:1px solid #f0dfbc;color:#785d30;font-size:12px;}
 .version-card {border-color:var(--line);background:#f6f7f2;}
 .version-history {border-color:var(--line);}
}
@media screen and (min-width:1101px) {
 body {padding-left:216px;}
 .topbar {position:fixed;inset:0 auto 0 0;width:216px;height:100dvh;border:0;border-right:1px solid var(--line);}
 .topbar-in,.quote-topbar .topbar-in {display:flex;flex-direction:column;align-items:stretch;justify-content:start;padding:28px 20px;height:100%;gap:0;flex-wrap:nowrap;}
 .brand {padding:0;}
 .brand-name {font-size:17px;}
 .nav {display:flex;flex-direction:column;align-items:stretch;margin-top:48px;gap:7px;}
 .nav button {min-height:46px;padding:12px;}
 .nav button[aria-current=page] {background:#e9ede3;color:var(--ink);}
 .topbar .spacer {display:none;}
 .topbar .lang {margin-top:auto;display:block;}
 .topbar .lang select {width:100%;}
 details.site-menu {display:contents;}
 details.site-menu>summary {display:none;}
 .site-menu-body {display:contents;position:static;}
 .work {grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;}
 .col-doc {display:none;}
 .doc-layout {grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);}
}
@media screen and (min-width:761px) and (max-width:1100px) {
 .page {padding:28px 24px 48px;}
 .studio-hero {gap:24px;}
 .studio-hero h1 {font-size:36px;}
 .studio-hero-art {aspect-ratio:1;}
 .project-card {flex-basis:76%;}
}
@media screen and (max-width:760px) {
 .page {padding:18px 18px 36px;}
 .topbar-in {padding:5px 18px;}
 .quote-topbar .topbar-in {min-height:58px;}
 .topbar .nav {order:3;flex-wrap:nowrap;margin-top:4px;gap:4px;padding-bottom:4px;}
 .nav button {padding:8px 12px;font-size:12px;gap:6px;}
 .nav .studio-icon {width:16px;height:16px;}
 .brand {font-size:17px;}
 .studio-pagehead {margin:4px 0 18px;}
 .studio-workshop {font-size:12px;}
 .local-indicator {font-size:9px;gap:4px;}
 .local-indicator .studio-icon {width:13px;height:13px;}
 .studio-hero {display:flex;flex-direction:column;gap:22px;align-items:stretch;}
 .studio-hero-copy {padding:0;}
 .eyebrow {margin-bottom:11px;font-size:9px;}
 .studio-hero h1 {font-size:32px;line-height:1.23;max-width:13em;}
 .studio-lede {font-size:13px;line-height:1.75;margin-top:15px;}
 .studio-hero-actions {gap:6px;margin-top:20px;flex-wrap:wrap;}
 .studio-hero-actions .btn-lg {padding:12px 17px;font-size:14px;}
 .studio-firststep {margin-top:10px;font-size:10px;}
 .studio-hero-art {aspect-ratio:1.8;border-radius:15px;}
 .studio-hero-art>img {object-position:50% 64%;}
 .studio-hero-art>figcaption {font-size:9px;left:10px;bottom:10px;padding:5px 7px;}
 .studio-workflow {gap:12px;margin:24px 0 28px;padding:16px 0;}
 .studio-workflow>div {display:grid;grid-template-columns:auto 1fr;gap:6px;font-size:10px;align-items:start;}
 .workflow-count {grid-column:1/-1;}
 .studio-workflow .studio-icon {width:15px;height:15px;}
 .studio-projects {margin-top:28px;}
 .studio-section-head h2 {font-size:20px;}
 .example-tag {font-size:9px;}
 .project-rail {gap:12px;}
 .project-card {flex:0 0 86%;display:flex;flex-direction:column;border-radius:13px;}
 .project-picture {width:100%;aspect-ratio:1.55;}
 .project-caption {padding:18px;gap:7px;}
 .project-caption>strong {font-size:18px;}
 .project-insight {font-size:11px;}
 .project-caption>.studio-icon {display:none;}
 .project-controls {margin-top:5px;}
 .project-disclosure {font-size:9px;text-align:left;line-height:1.6;}
 .studio-returning {display:block;padding-bottom:20px;margin-bottom:22px;}
 .studio-returning>p {margin-top:10px;font-size:12px;}
 .studio-returning h2 {font-size:25px;}
 .head-row h1 {font-size:20px;}
 .head-row .row-actions {gap:4px;}
 .head-row .btn-lg {min-height:44px;padding:10px 14px;font-size:13px;}
 .head-row .muted {font-size:12px;}
 .panel {padding:18px;border-radius:15px;}
 .tabs {display:flex;flex-wrap:nowrap;gap:4px;padding:4px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:4px;touch-action:pan-x pan-y;}
 .tabs::-webkit-scrollbar {display:none;}
 .tabs [role=tab] {flex:0 0 auto;white-space:nowrap;padding:9px 14px;font-size:12px;line-height:1.35;min-height:44px;scroll-snap-align:start;}
 .tabs .studio-icon {display:none;}
 .qhead.quote-context-head {margin-bottom:12px;}
 details.quote-context>summary {padding-left:0;min-height:64px;}
 details.quote-context>summary h1 {font-size:19px;}
 .quote-context-head .context-primary {top:5px;}
 .quote-management {padding:12px;}
 .edit-facets button {font-size:12px;}
 .mbar {padding:10px 18px calc(10px + env(safe-area-inset-bottom));}
 .mbar .sum .l {font-size:10px;}
 .mbar .sum .v {font-size:15px;}
 .big {font-size:32px;}
 .qrow {padding:16px;}
 .q-num>span:not(.lbl) {font-size:13px;}
 .sitefoot {padding-inline:18px;font-size:10px;}
}
@media screen and (prefers-reduced-motion:reduce) {
 .studio-home *, .project-dot>span {transition:none!important;animation:none!important;scroll-behavior:auto!important;}
}

@media screen and (min-width:1101px) {
 .studio-menu {display:contents;}
 .studio-menu>#site-menu-toggle {display:none;}
 .studio-menu .site-menu-body {display:contents;position:static;}
 .tabs {top:16px;}
}
@media screen and (max-width:1100px) {
 .studio-menu {position:relative;}
 #site-menu-toggle {min-height:44px;gap:8px;}
 #site-menu-toggle .studio-icon {width:16px;height:16px;}
 .studio-menu .site-menu-body {position:absolute;top:calc(100% + 8px);left:auto;right:0;width:min(280px,calc(100vw - 36px));z-index:50;display:grid;gap:14px;padding:16px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #18242d12;}
 .studio-menu[data-open=false] .site-menu-body {display:none;}
 .studio-menu .nav {display:grid;order:initial;width:auto;margin:0;padding:0;overflow:visible;}
 .studio-menu .lang,.studio-menu .lang select {width:100%;}
}
@media screen and (max-width:760px) {.tabs {position:static;}}

@media screen and (max-width:760px) {
 .example-tag,.project-disclosure,.studio-hero-art>figcaption,.studio-firststep {font-size:11px;}
 .project-category,.eyebrow,.workflow-count,.local-indicator {font-size:10px;}
 .mbar .sum .l {font-size:11px;}
}
@media screen {
 .download-ready {display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px;margin:0 0 20px;background:#edf1ff;border:1px solid #c9d3fa;border-radius:12px;}
 .download-ready-title {width:100%;font-weight:700;margin:0;}
 .download-ready .hint {width:100%;margin:0;line-height:1.6;}
 .download-ready a {max-width:100%;overflow-wrap:anywhere;white-space:normal;text-decoration:none;min-height:44px;}
}
@media print {.download-ready {display:none!important;}}
@media screen {
 .value-story {margin:32px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:#eeeee8;min-width:0;}
 .value-story-heading {display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;}
 .value-story-heading h2 {font-size:21px;line-height:1.4;}
 .value-story-heading .eyebrow {margin-bottom:6px;}
 .value-quantity-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
 .value-quantity-bar>p {font-size:13px;font-weight:650;}
 .value-choices {display:flex;gap:4px;padding:4px;background:#e1e3da;border-radius:10px;}
 .value-choices button {min-height:44px;padding:8px 14px;background:transparent;border:0;box-shadow:none;white-space:nowrap;}
 .value-choices [aria-pressed=true] {background:var(--ink);color:white;}
 .value-results {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;}
 .value-stage {min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:18px;}
 .value-stage-title {display:flex;align-items:center;gap:8px;margin-bottom:12px;}
 .value-stage-title h3 {font-size:15px;line-height:1.45;}
 .value-stage-title .studio-icon {color:var(--action);width:18px;height:18px;}
 .value-stage>.hint {font-size:12px;line-height:1.6;margin-bottom:12px;}
 .value-stage-copy {border-color:#bcc8ef;}
 .value-stat {display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;font-size:12px;padding:8px 0;}
 .value-stat>span {color:var(--muted);}
 .value-stat>strong {font-size:16px;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;}
 .value-plate-number>strong {font-size:24px;color:var(--action);}
 .value-note {font-size:11px;color:var(--muted);line-height:1.65;margin:10px 0 0;}
 .value-plate-diagram {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:8px 0;}
 .value-mini-plate {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:6px;border:1px solid #d8dedb;border-radius:5px;background:#f3f5f0;}
 .value-mini-plate>span {height:5px;border:1px solid #d2d9d2;border-radius:1px;}
 .value-mini-plate>.occupied {background:var(--action);border-color:var(--action);}
 .value-cost-delta {color:var(--action-ink);font-weight:650;}
 .value-paper {border-top:2px solid var(--ink);margin-top:12px;padding-top:8px;}
 .value-document-total {border-top:1px solid var(--line);margin-top:4px;padding-top:12px;}
 .value-example-action {display:flex;align-items:center;gap:16px;margin-top:18px;}
 .value-example-action>.btn {flex:none;max-width:100%;min-height:44px;white-space:normal;}
 .value-example-action>.hint {font-size:11px;line-height:1.7;margin:0;}
 .value-returning-actions {display:flex;align-items:center;gap:14px;margin:-12px 0 24px;}
 .value-recent {min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.6;}
 .studio-returning-value .studio-returning h2 {white-space:pre-line;line-height:1.35;}
}
@media screen and (max-width:760px) {
 .value-story {padding:16px;margin:24px 0;border-radius:14px;}
 .value-story-heading {display:block;margin-bottom:14px;}
 .value-story-heading h2 {font-size:19px;margin-bottom:9px;}
 .value-quantity-bar {display:block;}
 .value-quantity-bar>p {margin-bottom:8px;}
 .value-choices {width:100%;}
 .value-choices button {flex:1;min-width:0;}
 .value-results {grid-template-columns:minmax(0,1fr);gap:10px;}
 .value-stage {padding:16px;}
 .value-stage-title {margin-bottom:8px;}
 .value-stage .value-stat {padding:5px 0;}
 .value-plate-diagram {grid-template-columns:repeat(4,minmax(0,1fr));}
 .value-mini-plate {grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:4px;}
 .value-example-action,.value-returning-actions {flex-direction:column;align-items:stretch;gap:10px;}
 .value-returning-actions {margin-top:0;}
 .studio-returning-value .studio-returning h2 {font-size:26px;}
}