/* Public site themes: shared palette, approved service objects, and landing pages. */
:root {
  color-scheme:dark;
  --page-bg:#2c3437;--page-text:#e1e7df;--page-muted:#bdc9c1;--page-surface:#33413e;--page-raised:#3c4c45;--page-line:#56685d;
  --theme-well:#202a2c;--theme-active:#e0e8df;--theme-active-text:#26372b;--page-accent:#a6c2ac;--intro-caret:#7b9385;
  --document-bg:#f7f9f2;--document-alt:#e7efdf;--document-text:#334737;--document-muted:#54644d;--document-line:#cad8c2;--document-value:#dce8ca;
  background:var(--page-bg);color:var(--page-text);
}
:root[data-theme=light] {
  color-scheme:light;
  --page-bg:#f3f5f2;--page-text:#2c3437;--page-muted:#56665b;--page-surface:#e9eee7;--page-raised:#f9fbf7;--page-line:#c2cec0;
  --theme-well:#e1e8de;--theme-active:#fff;--theme-active-text:#293b2c;--page-accent:#4f705a;--intro-caret:#648370;
}
:root[data-theme=dark] {
  color-scheme:dark;
  --page-bg:#111618;--page-text:#e3eae5;--page-muted:#b4c1b8;--page-surface:#1a2523;--page-raised:#26352e;--page-line:#43544a;
  --theme-well:#202b26;--theme-active:#3c5042;--theme-active-text:#e4efe5;--page-accent:#a6c2ac;--intro-caret:#88a894;
  --document-bg:#233028;--document-alt:#2b3c30;--document-text:#e0ead8;--document-muted:#bacbb0;--document-line:#4a6248;--document-value:#3d5236;
}
.world-home,.public-guide {background:var(--page-bg);color:var(--page-text);--product-paper:var(--page-bg);--product-ink:var(--page-text);--product-muted:var(--page-muted);--product-line:var(--page-line)}
.world-header {color:var(--page-text);gap:24px;flex-wrap:wrap;padding:22px 6%}
.world-header .wordmark {margin-right:auto}
.world-header .wordmark span {color:var(--page-accent)}
.world-header nav {gap:24px}
.theme-picker {display:inline-flex;align-items:center;padding:3px;gap:2px;background:var(--theme-well);border:1px solid var(--page-line);border-radius:26px}
.theme-picker[hidden] {display:none}
.theme-picker button {appearance:none;border:0;border-radius:22px;padding:0 14px;min-height:44px;background:transparent;color:var(--page-muted);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.theme-picker button[aria-pressed=true] {background:var(--theme-active);color:var(--theme-active-text)}
.theme-picker button:focus-visible {outline:2px solid var(--page-accent);outline-offset:1px}
.world-home a:focus-visible,.world-home button:focus-visible {outline-color:var(--page-accent)}
.world-skip,.skip,.intro-skip {background:var(--page-bg);color:var(--page-text)}
.intro-scene {background:var(--page-bg);color:var(--page-text)}
.world-prompt .prompt-mark,.intro-skip span {color:var(--page-accent)}
.world-prompt .cursor {background:var(--intro-caret)}
.service-picker-scene {min-height:100svh;padding:126px 32px 56px;display:flex;align-items:center;justify-content:center}
.service-picker-inner {width:max-content;max-width:100%}
.picker-heading {text-align:center;font-size:clamp(25px,3vw,34px);font-weight:500;letter-spacing:-.045em;line-height:1.4;margin:0 0 46px}
.picker-heading span {display:block;font-size:14px;font-weight:400;letter-spacing:-.02em;color:var(--page-muted);margin-top:10px}
.picker-footnote {font-size:11px;color:var(--page-muted);margin-top:60px;letter-spacing:-.01em}
.picker-footnote span {display:inline-block;margin-inline:13px}
.service-grid{display:grid;grid-template-columns:repeat(2,240px);gap:72px}.service-link{text-decoration:none;display:flex;align-items:center;flex-direction:column;text-align:center;border-radius:42px 42px 10px 10px}.tile{position:relative;width:100%;aspect-ratio:1;border-radius:42px;display:grid;place-items:center;background:linear-gradient(145deg,#d0ddcd 0%,#b3c7b7 58%,#9db5a6 100%);border:1px solid #d5e1d0;box-shadow:inset 0 2px 2px #f7fff6ad,inset -2px -4px 5px #718e7b38,0 5px 0 #789083,0 8px 0 #617d70,0 25px 32px -10px #080f1266;transform:translateY(0);transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s}
.mandal .tile{background:linear-gradient(145deg,#d4dfea 0%,#b9c8dc 58%,#9babca 100%);border-color:#d7e1ee;box-shadow:inset 0 2px 2px #f8fdffb8,inset -2px -4px 5px #7085a345,0 5px 0 #7d91ae,0 8px 0 #677e9e,0 25px 32px -10px #080f1266}
.tile::after{content:"";position:absolute;inset:11px;border:1px solid #ffffff24;border-radius:33px;pointer-events:none}
.canvas-object{width:156px;height:126px;border-radius:13px;background:linear-gradient(140deg,#fbfff6,#dfebdc);padding:11px;box-shadow:inset 0 1px 0 #fff,0 3px 0 #91aa90,0 8px 10px #48634d24,0 18px 22px -8px #49624c55;transform:perspective(500px) rotateX(12deg) rotateY(-9deg) rotateZ(-5deg);transition:transform .24s}
.canvas-top{display:flex;gap:4px;height:9px;margin-bottom:7px;align-items:center}.canvas-top i{height:3px;width:27px;background:#6a836f;border-radius:3px}.canvas-top i+i{width:15px;background:#b6c8b0}.canvas-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,31px) 16px;gap:3px}.canvas-grid i{border-radius:2px;background:#c4d5bc;box-shadow:inset 0 1px 2px #768a6726}.canvas-grid i:nth-child(1){grid-area:1/1/3/2}.canvas-grid i:nth-child(2){grid-area:1/2/2/3}.canvas-grid i:nth-child(3){grid-area:1/3/3/4;background:#809c73}.canvas-grid i:nth-child(4){grid-area:1/4/2/5}.canvas-grid i:nth-child(5){grid-area:1/5/3/6}.canvas-grid i:nth-child(6){grid-area:2/2/3/3}.canvas-grid i:nth-child(7){grid-area:2/4/3/5}.canvas-grid i:nth-child(8){grid-area:3/1/4/4}.canvas-grid i:nth-child(9){grid-area:3/4/4/6}
.mandal-object{width:136px;height:136px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform:perspective(500px) rotateX(12deg) rotateY(-9deg) rotateZ(-5deg);transition:transform .24s}.mandal-object i{border-radius:9px;background:linear-gradient(145deg,#f6faff,#dce5f1);border:1px solid #edf4fe;box-shadow:0 3px 0 #8d9fbb,0 6px 7px #40577730,inset 0 1px 1px #fff}.mandal-object i:nth-child(5){background:linear-gradient(145deg,#7892b8,#536e9a);border-color:#889fc0;box-shadow:0 3px 0 #425b81,0 6px 9px #3d537b50,inset 0 1px 1px #b6c9e3;position:relative}.mandal-object i:nth-child(5)::after{content:"";position:absolute;inset:13px;border:1px solid #e7effec9;border-radius:4px}
.service-link h2{font-size:23px;font-weight:550;letter-spacing:-.04em;margin-top:29px;line-height:1.4}.service-link p{font-size:14px;color:var(--page-muted);line-height:1.65;margin-top:7px;letter-spacing:-.025em}.service-link .open{font-size:12px;color:var(--page-muted);margin-top:17px;display:flex;gap:8px;align-items:center}.open b{font-weight:400;font-size:15px}
@media(hover:hover) and (pointer:fine){.service-link:hover .tile{transform:translateY(-6px)}.service-link:hover .canvas-object,.service-link:hover .mandal-object{transform:perspective(500px) rotateX(8deg) rotateY(-5deg) rotateZ(-3deg)}.service-link:hover .open{color:var(--page-text)}}.service-link:active .tile{transform:translateY(3px)}

html[data-theme=light] .tile{background:linear-gradient(145deg,#f1f5eb,#e2eadd);border-color:#d6e0d0;box-shadow:inset 1px 2px 3px #fff,inset -2px -3px 4px #bac6b733,0 4px 0 #d2ddcd,0 6px 0 #c4d0bf,12px 20px 28px -12px #667c6952,-5px -5px 16px #ffffff80}
html[data-theme=light] .mandal .tile{background:linear-gradient(145deg,#f2f5fb,#dfe6f1);border-color:#d1dae8;box-shadow:inset 1px 2px 3px #fff,inset -2px -3px 4px #aebed233,0 4px 0 #cfd8e5,0 6px 0 #becbdd,12px 20px 28px -12px #61738c45,-5px -5px 16px #ffffff80}
html[data-theme=light] .tile::after{border-color:#ffffff8a}
html[data-theme=dark] .tile{background:linear-gradient(145deg,#40554a,#2e4037 62%,#25362e);border-color:#597062;box-shadow:inset 0 2px 2px #8ca88e42,inset -2px -4px 5px #10231966,0 5px 0 #1e3027,0 8px 0 #19281f,0 25px 32px -10px #0009}
html[data-theme=dark] .mandal .tile{background:linear-gradient(145deg,#414d64,#2f3c52 62%,#273247);border-color:#5b6a83;box-shadow:inset 0 2px 2px #a4b7d738,inset -2px -4px 5px #14203466,0 5px 0 #202d43,0 8px 0 #1c2637,0 25px 32px -10px #0009}
html[data-theme=dark] .tile::after{border-color:#b8c9be18}
html[data-theme=dark] .canvas-object{background:linear-gradient(140deg,#afc3a9,#8fa789);box-shadow:inset 0 1px 0 #e2eddbb0,0 3px 0 #566e52,0 8px 10px #0b1c1540,0 18px 22px -8px #07130c77}
html[data-theme=dark] .canvas-grid i{background:#687f60;box-shadow:inset 0 1px 2px #253b2433}
html[data-theme=dark] .canvas-grid i:nth-child(3){background:#3d593d}
html[data-theme=dark] .canvas-top i{background:#465e43}
html[data-theme=dark] .canvas-top i+i{background:#7e9873}
html[data-theme=dark] .mandal-object i{background:linear-gradient(145deg,#a5b6d0,#8399b9);border-color:#b3c4db;box-shadow:0 3px 0 #536b8e,0 6px 7px #111e3544,inset 0 1px 1px #d7e5f577}
html[data-theme=dark] .mandal-object i:nth-child(5){background:linear-gradient(145deg,#506b94,#354c73);border-color:#748caf;box-shadow:0 3px 0 #253b5d,0 6px 9px #11213a66,inset 0 1px 1px #aac1e266}
/* Preserve the useful public content below the service chooser. */
.product-details {padding:90px 6%;background:var(--page-surface)}
.service-introduction h2 {font-size:clamp(30px,3.5vw,48px);font-weight:600;line-height:1.25;letter-spacing:-.055em}
.service-introduction h2 span,.service-introduction>p,.product-description,.product-workflow p,.example-disclosure {color:var(--page-muted)}
.product-open {background:var(--theme-active);color:var(--theme-active-text)}
.product-open:hover {background:var(--theme-active);color:var(--theme-active-text);filter:brightness(.94)}
.product-preview,.preview-toolbar {background:var(--document-alt);border-color:var(--document-line)}
.preview-toolbar {background:var(--document-bg)}
.preview-tabs button,.preview-note {color:var(--document-muted)}
.preview-tabs button[aria-selected=true],.preview-tabs button:hover {color:var(--document-text)}
.preview-tabs button[aria-selected=true]::after {background:var(--document-text)}
.canvas-sheet,.feedback-sheet,.version-sheet {background:var(--document-bg);color:var(--document-text);border-color:var(--document-line)}
.canvas-preview-grid,.canvas-cell {border-color:var(--document-line)}
.cell-value {background:var(--document-value)}
.canvas-cell h4,.feedback-after p,.version-record.current strong {color:var(--document-text)}
.canvas-cell p,.sheet-heading>span,.preview-kicker,.feedback-context p,.feedback-detail>div>span,.version-field>span,.feedback-before p,.feedback-footnote,.version-record strong,.version-record small,.version-field p {color:var(--document-muted)}
.feedback-context,.feedback-after {border-color:var(--document-line)}
.version-history {background:var(--document-alt);border-color:var(--document-line)}
.version-record {border-color:var(--document-line)}
.version-record.current {border-color:var(--document-text)}
.home-guides {background:var(--page-surface)}
.home-section-heading>p,.home-guide-list p,.home-about p,.home-guide-list>a>span {color:var(--page-muted)}
.home-guide-list>a,.home-guide-list>a:last-child {border-color:var(--page-line)}
.home-mandal {padding:80px 6%}
.home-mandal .home-section-inner {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.home-mandal h2 {font-size:clamp(30px,3.2vw,42px);font-weight:600}
.home-mandal p {font-size:15px;color:var(--page-muted);line-height:1.9;max-width:30em;margin-top:24px}
.home-mandal .product-open {margin-top:28px}
.mandal-example {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:360px;aspect-ratio:1;margin-inline:auto;padding:14px;border-radius:24px;background:var(--theme-well)}
.mandal-example> :is(span,div) {display:flex;align-items:center;justify-content:center;text-align:center;background:var(--page-raised);border:1px solid var(--page-line);border-radius:10px;color:var(--page-text);font-size:14px;line-height:1.5;padding:8px;word-break:keep-all}
.mandal-example .core {background:var(--theme-active);color:var(--theme-active-text);font-weight:650}
.home-mandal .mandal-caption {max-width:1080px;margin:24px auto 0;font-size:12px;text-align:right}
.world-footer {background:var(--page-bg);color:var(--page-muted)}
.world-footer .wordmark,.world-footer small,.world-footer nav a:hover {color:var(--page-muted)}
.world-footer .footer-inner {border-color:var(--page-line)}
.world-footer small {grid-column:auto}
.world-footer .theme-picker {justify-self:end}
/* The same theme follows visitors into public guides and the Mandalart landing. */
.public-guide footer .theme-picker {margin-top:20px}
.public-guide .nav,.public-guide footer,.public-guide .next {border-color:var(--page-line)}
.public-guide .article {background:var(--page-surface);color:var(--page-text)}
.public-guide .article p,.public-guide .article li,.public-guide .article dd,.public-guide .article td,.public-guide .back,.public-guide .byline,.public-guide footer p,.public-guide footer small {color:var(--page-muted)}
.public-guide .article .lead {color:var(--page-text)}
.public-guide .note,.public-guide .record,.public-guide thead {background:var(--page-raised);color:var(--page-text)}
.public-guide th,.public-guide td {border-color:var(--page-line)}
.public-guide .button {background:var(--theme-active);border-color:var(--page-line);color:var(--theme-active-text)}
.landing-main {max-width:1120px;width:88%;margin:auto;padding:155px 0 80px}
.landing-hero {display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-bottom:70px}
.landing-copy h1 {font-size:clamp(34px,4.5vw,58px);line-height:1.25;font-weight:600;letter-spacing:-.055em}
.landing-copy p {font-size:16px;line-height:1.9;color:var(--page-muted);margin-block:24px;max-width:32em}
.landing-copy>a {margin-right:16px}
.landing-copy .button {background:var(--theme-active);border-color:var(--page-line);color:var(--theme-active-text)}
.landing-section {padding:60px 0;border-top:1px solid var(--page-line)}
.landing-section h2 {font-size:30px;line-height:1.4;margin-bottom:24px}
.landing-section p {color:var(--page-muted);line-height:1.9;max-width:48em}
.landing-steps {margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:0;list-style:none}
.landing-steps h3 {font-size:19px;margin-bottom:12px}
.landing-steps p {font-size:15px}
.landing-faq details {border-top:1px solid var(--page-line);padding:18px 0}
.landing-faq summary {font-weight:600;cursor:pointer;min-height:32px}
.landing-faq p {padding:16px 0 8px;font-size:15px}
.landing-preview {margin:0}
.landing-copy .landing-eyebrow {font-size:13px;color:var(--page-accent);margin-top:0}
.landing-copy .landing-note {font-size:12px;margin-top:16px}
.landing-step-number {display:block;color:var(--page-accent);font-size:13px;margin-bottom:16px}
.landing-closing .product-open {margin-top:24px}
.landing-preview figcaption,.landing-example-caption {font-size:12px;color:var(--page-muted);margin-top:14px;text-align:center}
@media(max-width:760px) {
  .world-header {gap:10px 20px;padding:20px 6%}
  .world-header nav {gap:18px;font-size:12px}
  .home-mandal .home-section-inner,.landing-hero {grid-template-columns:1fr;gap:36px}
  .home-mandal .mandal-caption {text-align:center}
  .landing-steps {grid-template-columns:1fr;gap:26px}
}
@media(max-width:650px) {
  .service-picker-scene {padding-inline:24px;padding-bottom:42px}
  .service-picker-inner {width:100%;max-width:326px}
  .picker-heading {font-size:26px;margin-bottom:36px}
  .picker-heading span {font-size:12px}
  .service-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
  .tile {border-radius:28px}
  .tile::after {inset:8px;border-radius:21px}
  .canvas-object {width:68%;height:auto;aspect-ratio:1.24;padding:7%;border-radius:9px}
  .canvas-top {display:none}
  .canvas-grid {grid-template-rows:repeat(2,1fr) .55fr;height:100%;gap:2px}
  .mandal-object {width:60%;height:auto;aspect-ratio:1;gap:5px}
  .mandal-object i {border-radius:6px}
  .mandal-object i:nth-child(5)::after {inset:8px;border-radius:2px}
  .service-link h2 {font-size:19px;margin-top:24px}
  .service-link p {font-size:12px;word-break:keep-all}
  .service-link .open {font-size:11px;margin-top:12px}
  .picker-footnote {font-size:10px;margin-top:48px}
  .picker-footnote span {margin-inline:8px}
  .product-details,.home-mandal {padding:54px 6%}
  .mandal-example {max-width:320px}
  .mandal-example> :is(span,div) {font-size:12px;padding:5px}
  .landing-section {padding-block:42px}
}
@media(prefers-reduced-motion:reduce) {
  .service-link:hover .tile,.service-link:active .tile {transform:none}
  .service-link:hover .canvas-object,.service-link:hover .mandal-object {transform:perspective(500px) rotateX(12deg) rotateY(-9deg) rotateZ(-5deg)}
}
/* Home: a one-line request becomes a tool (요청 → 설계 → 제작 → 완성). The finished state is the HTML itself; main.js only rewinds and replays it. */
:root {
  --make-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;--make-ease:cubic-bezier(.2,.8,.2,1);
  --make-bp:#a6c2acb3;--make-bp-soft:#a6c2ac40;
  --make-c-paper:#eef4e8;--make-c-cell:#c4d5bc;--make-c-core:#809c73;--make-c-bar:#6a836f;--make-c-bar-2:#b6c8b0;
  --make-c-shadow:inset 0 1px 0 #fff,0 1.3cqi 0 #91aa90,0 3.5cqi 4cqi #48634d24,0 7.5cqi 9cqi -3cqi #49624c55;
  --make-m-paper:#dfe7f2;--make-m-core:#6580a9;--make-m-edge:#edf4fe;--make-m-core-edge:#889fc0;
  --make-m-shadow:0 1.3cqi 0 #8d9fbb,0 2.5cqi 3cqi #40577730,inset 0 1px 1px #fff;
  --make-m-core-shadow:0 1.3cqi 0 #425b81,0 2.5cqi 4cqi #3d537b50,inset 0 1px 1px #b6c9e3;
  --tone-h:135;--tone-s:15%;
}
:root[data-theme=light] {--make-bp:#4f705ab3;--make-bp-soft:#4f705a33}
:root[data-theme=dark] {
  --make-c-paper:#9fb599;--make-c-cell:#687f60;--make-c-core:#3d593d;--make-c-bar:#465e43;--make-c-bar-2:#7e9873;
  --make-c-shadow:inset 0 1px 0 #e2eddbb0,0 1.3cqi 0 #566e52,0 3.5cqi 4cqi #0b1c1540,0 7.5cqi 9cqi -3cqi #07130c77;
  --make-m-paper:#94a8c6;--make-m-core:#435d85;--make-m-edge:#b3c4db;--make-m-core-edge:#748caf;
  --make-m-shadow:0 1.3cqi 0 #536b8e,0 2.5cqi 3cqi #111e3544,inset 0 1px 1px #d7e5f577;
  --make-m-core-shadow:0 1.3cqi 0 #253b5d,0 2.5cqi 4cqi #11213a66,inset 0 1px 1px #aac1e266;
}
.make-pm {color:var(--page-accent);margin-right:.45em}
/* Hero */
.make-hero {position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding:126px 32px 104px;display:flex;align-items:center;justify-content:center}
.make-hero-inner {width:100%;max-width:1080px;display:flex;flex-direction:column;align-items:center}
.make-mat {
  --mat-minor:color-mix(in srgb,var(--page-line) 32%,transparent);--mat-major:color-mix(in srgb,var(--page-line) 72%,transparent);
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(58% 52% at 50% 56%,color-mix(in srgb,var(--page-accent) 13%,transparent),transparent 72%),
    linear-gradient(var(--mat-major) 1px,transparent 1px) 50% 50%/120px 120px,linear-gradient(90deg,var(--mat-major) 1px,transparent 1px) 50% 50%/120px 120px,
    linear-gradient(var(--mat-minor) 1px,transparent 1px) 50% 50%/24px 24px,linear-gradient(90deg,var(--mat-minor) 1px,transparent 1px) 50% 50%/24px 24px;
  -webkit-mask-image:radial-gradient(90% 80% at 50% 50%,#000 42%,transparent 100%);mask-image:radial-gradient(90% 80% at 50% 50%,#000 42%,transparent 100%);
  transition:opacity 1s var(--make-ease),transform 1.4s var(--make-ease)
}
.make-ruler {position:absolute;left:50%;bottom:30px;width:min(960px,86%);transform:translateX(-50%);display:grid;grid-template-columns:repeat(10,1fr);border-right:1px solid var(--mat-major);font:10px/1 var(--make-mono);color:var(--page-muted)}
.make-ruler span {padding:15px 0 0 4px;background:linear-gradient(90deg,var(--mat-major) 1px,transparent 1px) 0 0/100% 11px no-repeat,repeating-linear-gradient(90deg,var(--mat-minor) 0 1px,transparent 1px 10%) 0 0/100% 6px no-repeat}
.make-hero.is-waiting .make-mat {opacity:0;transform:scale(1.06)}
.make-title {width:100%;font-size:clamp(34px,5vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1.18;text-align:center;text-wrap:balance}
.make-phrase {display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.make-phrase>span {display:inline-block;transition:transform .9s var(--make-ease),opacity .9s var(--make-ease);transition-delay:calc(180ms + var(--i) * 130ms)}
.make-hero.is-waiting .make-phrase>span {opacity:0;transform:translateY(105%);transition-duration:0s;transition-delay:0s}
.make-sub {font-size:16px;line-height:1.6;color:var(--page-muted);margin-top:16px;text-align:center;letter-spacing:-.02em;--d:560ms}
.make-cta {margin-top:28px;--d:680ms}
.make-enter {transition:opacity .5s var(--make-ease) var(--d,0ms),transform .5s var(--make-ease) var(--d,0ms)}
.make-hero.is-waiting .make-enter {opacity:0;transform:translateY(14px)}
.make-builds {list-style:none;margin:64px 0 0;padding:0;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,210px));gap:clamp(24px,5vw,56px);justify-content:center}
.make-build {display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.make-req {font:12.5px/1.6 var(--make-mono);letter-spacing:-.01em;word-break:keep-all;color:var(--page-muted);min-height:3.2em;max-width:100%}
.make-req-mark {color:var(--page-accent);margin-right:.45em}
.make-req-caret {display:inline-block;width:.55em;height:1.1em;margin-left:2px;vertical-align:-.2em;background:var(--intro-caret);opacity:0}
.make-build.is-typing .make-req-caret {opacity:1}
.make-build.is-asking .make-req-caret {opacity:1;animation:welcome-cursor 1s steps(1,end) 2}
.make-log {font:11.5px/1.5 var(--make-mono);color:var(--page-accent);min-height:1.5em;margin:4px 0 16px}
.make-tool {font-size:20px;font-weight:550;letter-spacing:-.04em;line-height:1.4;margin-top:36px}
.make-desc {font-size:13.5px;line-height:1.6;color:var(--page-muted);letter-spacing:-.02em;margin-top:4px}
.make-tile {position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:17.5%;container-type:inline-size;text-decoration:none;transition:opacity .42s var(--make-ease),transform .42s var(--make-ease)}
.make-clay {--tone:var(--tone-h) var(--tone-s);position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--tone) 88%);background:linear-gradient(145deg,hsl(var(--tone) 85%) 0%,hsl(var(--tone) 76%) 58%,hsl(var(--tone) 68%) 100%);box-shadow:inset 0 2px 2px hsl(var(--tone) 98% / .68),inset -2px -4px 5px hsl(var(--tone) 40% / .22),0 5px 0 hsl(var(--tone) 52%),0 8px 0 hsl(var(--tone) 43%),0 25px 32px -10px #080f1266;transition:opacity .45s var(--make-ease),transform .65s cubic-bezier(.34,1.4,.64,1)}
.make-clay::after {content:"";position:absolute;inset:4.6%;border:1px solid #ffffff24;border-radius:13.75%}
html[data-theme=light] .make-clay {background:linear-gradient(145deg,hsl(var(--tone) 95%),hsl(var(--tone) 89%));border-color:hsl(var(--tone) 86%);box-shadow:inset 1px 2px 3px #fff,inset -2px -3px 4px hsl(var(--tone) 70% / .2),0 4px 0 hsl(var(--tone) 84%),0 6px 0 hsl(var(--tone) 79%),12px 20px 28px -12px hsl(var(--tone) 40% / .32),-5px -5px 16px #ffffff80}
html[data-theme=light] .make-clay::after {border-color:#ffffff8a}
html[data-theme=dark] .make-clay {background:linear-gradient(145deg,hsl(var(--tone) 30%),hsl(var(--tone) 23%) 62%,hsl(var(--tone) 19%));border-color:hsl(var(--tone) 39%);box-shadow:inset 0 2px 2px hsl(var(--tone) 62% / .26),inset -2px -4px 5px hsl(var(--tone) 10% / .4),0 5px 0 hsl(var(--tone) 15%),0 8px 0 hsl(var(--tone) 12%),0 25px 32px -10px #0009}
html[data-theme=dark] .make-clay::after {border-color:#b8c9be18}
.make-draft {position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s var(--make-ease)}
.make-draft i {position:absolute;display:block;transition:transform .6s var(--make-ease) var(--dd,0ms),background-size .5s var(--make-ease) var(--dd,0ms)}
.make-draft .d-h {left:-16%;right:-16%;top:50%;height:1px;background:var(--make-bp);transform:scaleX(0);transform-origin:0 50%}
.make-draft .d-v {top:-16%;bottom:-16%;left:50%;width:1px;background:var(--make-bp);transform:scaleY(0);transform-origin:50% 0;--dd:120ms}
.make-draft .d-k {width:7px;height:7px;margin:-3.5px;border:1px solid var(--page-accent);background:var(--page-bg);transform:scale(0)}
.make-draft .d-k:nth-child(3) {left:0;top:0;--dd:260ms}.make-draft .d-k:nth-child(4) {right:0;top:0;--dd:320ms}.make-draft .d-k:nth-child(5) {right:0;bottom:0;--dd:380ms}.make-draft .d-k:nth-child(6) {left:0;bottom:0;--dd:440ms}
.make-draft .d-bez {left:0;top:0;width:17.5%;height:17.5%;--dd:480ms;background:linear-gradient(var(--page-accent),var(--page-accent)) 0 100%/1px 0 no-repeat,linear-gradient(var(--page-accent),var(--page-accent)) 100% 0/0 1px no-repeat}
.make-draft .d-bez::before,.make-draft .d-bez::after {content:"";position:absolute;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:var(--page-accent);opacity:0;transition:opacity .3s 800ms}
.make-draft .d-bez::before {left:0;top:45%}.make-draft .d-bez::after {left:45%;top:0}
.make-draft .d-dim {left:0;right:0;top:calc(100% + 14px);height:9px;border-inline:1px solid var(--make-bp);transform:scaleX(0);--dd:560ms}
.make-draft .d-dim::before {content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:var(--make-bp)}
.make-draft .d-dim b {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 6px;font:500 10.5px/1 var(--make-mono);letter-spacing:.02em;color:var(--page-accent);background:var(--page-bg);white-space:nowrap}
:is(.make-build:is([data-stage=blueprint],[data-stage=build]),.is-next:not([data-stage=wait])) .make-draft {opacity:1}
:is(.make-build:is([data-stage=blueprint],[data-stage=build]),.is-next:not([data-stage=wait])) .make-draft :is(.d-h,.d-v,.d-k,.d-dim) {transform:none}
:is(.make-build:is([data-stage=blueprint],[data-stage=build]),.is-next:not([data-stage=wait])) .make-draft .d-bez {background-size:1px 55%,55% 1px}
:is(.make-build:is([data-stage=blueprint],[data-stage=build]),.is-next:not([data-stage=wait])) .make-draft .d-bez::before,:is(.make-build:is([data-stage=blueprint],[data-stage=build]),.is-next:not([data-stage=wait])) .make-draft .d-bez::after {opacity:1}
.make-outline {position:absolute;inset:0;border-radius:inherit;border:1.5px dashed var(--make-bp);opacity:0;transition:opacity .3s,border-color .3s}
.make-obj {position:relative;transform:perspective(500px) rotateX(12deg) rotateY(-9deg) rotateZ(-5deg);transition:transform .55s var(--make-ease),background-color .4s,border-color .3s,box-shadow .45s}
.make-canvas {width:66cqi;aspect-ratio:1.24;padding:5cqi;border-radius:5.5cqi;display:grid;grid-template-rows:auto 1fr;gap:3cqi;background-color:var(--make-c-paper);border:1px dashed transparent;box-shadow:var(--make-c-shadow)}
.make-canvas-head {display:flex;gap:1.7cqi;height:1.5cqi}
.make-canvas-head i {width:11cqi;border-radius:2px;background-color:var(--make-c-bar);transition:background-color .3s}
.make-canvas-head i+i {width:6cqi;background-color:var(--make-c-bar-2)}
.make-canvas-cells {display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr .55fr;gap:1.3cqi}
.make-canvas-cells i,.make-mandal i {border:1px dashed transparent;transition:background-color .3s var(--make-ease),border-color .3s,box-shadow .3s}
.make-canvas-cells i {border-radius:1cqi;background-color:var(--make-c-cell)}
.make-canvas-cells i:nth-child(1) {grid-area:1/1/3/2}.make-canvas-cells i:nth-child(2) {grid-area:1/2/2/3}.make-canvas-cells i:nth-child(3) {grid-area:1/3/3/4;background-color:var(--make-c-core)}.make-canvas-cells i:nth-child(4) {grid-area:1/4/2/5}.make-canvas-cells i:nth-child(5) {grid-area:1/5/3/6}.make-canvas-cells i:nth-child(6) {grid-area:2/2/3/3}.make-canvas-cells i:nth-child(7) {grid-area:2/4/3/5}.make-canvas-cells i:nth-child(8) {grid-area:3/1/4/4}.make-canvas-cells i:nth-child(9) {grid-area:3/4/4/6}
.make-mandal {width:57cqi;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:3.4cqi}
.make-mandal i {position:relative;border-radius:3.8cqi;background-color:var(--make-m-paper);border:1px solid var(--make-m-edge);box-shadow:var(--make-m-shadow)}
.make-mandal i:nth-child(5) {background-color:var(--make-m-core);border-color:var(--make-m-core-edge);box-shadow:var(--make-m-core-shadow)}
.make-mandal i:nth-child(5)::after {content:"";position:absolute;inset:24%;border:1px solid #e7effec9;border-radius:2px;transition:opacity .3s}
.make-plus {position:relative;width:22cqi;height:22cqi;transition:transform .35s var(--make-ease)}
.make-plus::before,.make-plus::after {content:"";position:absolute;left:50%;top:50%;width:100%;height:max(2px,1.6cqi);border-radius:2px;background:var(--page-accent);transform:translate(-50%,-50%)}
.make-plus::after {transform:translate(-50%,-50%) rotate(90deg)}
.is-next .make-outline {opacity:1}
/* Build stages set by main.js: wait → blueprint → build → done (no attribute = finished) */
.make-build[data-stage=wait] .make-tile {opacity:0;transform:translateY(10px)}
.make-build :is(.make-tool,.make-desc) {transition:opacity .45s var(--make-ease),transform .45s var(--make-ease)}
.make-build:is([data-stage=wait],[data-stage=blueprint],[data-stage=build]) :is(.make-tool,.make-desc) {opacity:0;transform:translateY(6px)}
.make-build:is([data-stage=wait],[data-stage=blueprint],[data-stage=build]) .make-clay {opacity:0;transform:translateY(-14px) scale(1.05)}
.make-build:is([data-stage=blueprint],[data-stage=build]) .make-outline {opacity:1}
.make-build:is([data-stage=wait],[data-stage=blueprint],[data-stage=build]) .make-obj {background-color:transparent;border-color:var(--make-bp);box-shadow:none;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.make-build:is([data-stage=wait],[data-stage=blueprint],[data-stage=build]) .make-canvas-head i {background-color:var(--make-bp-soft)}
.make-build:is([data-stage=wait],[data-stage=blueprint]) :is(.make-canvas-cells i,.make-mandal i) {background-color:transparent;border-color:var(--make-bp);border-style:dashed;box-shadow:none}
.make-build:is([data-stage=wait],[data-stage=blueprint]) .make-mandal i::after {opacity:0}
.make-build[data-stage=build] :is(.make-canvas-cells i,.make-mandal i) {transition-delay:calc(var(--o) * 65ms)}
.make-build[data-stage=build] .make-mandal i {box-shadow:none}
@media(hover:hover) and (pointer:fine) {
  .make-build:is(:not([data-stage]),[data-stage=done]) .make-tile:hover {transform:translateY(-6px)}
  .make-build:is(:not([data-stage]),[data-stage=done]) .make-tile:hover .make-obj {transform:perspective(500px) rotateX(8deg) rotateY(-5deg) rotateZ(-3deg)}
  .is-next .make-tile:hover .make-outline {border-color:var(--page-accent)}
  .is-next .make-tile:hover .make-plus {transform:rotate(90deg)}
}
/* Pressed */
.make-build:is(:not([data-stage]),[data-stage=done]) .make-tile:active {transform:translateY(1px)}
.product-open:active,.make-idea:active {scale:.98}
/* Header */
.make-header.is-fixed {position:fixed;border-bottom:1px solid transparent;transition:transform .35s var(--make-ease),background-color .3s,border-color .3s}
.make-header.is-floating {padding-block:12px;background:color-mix(in srgb,var(--page-bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--page-line)}
.make-header.is-tucked:not(:focus-within) {transform:translateY(-100%)}
.make-header-cta {min-height:40px;padding-inline:18px;font-size:13px}
.make-header:not(.has-cta) .make-header-cta {display:none}
/* Bands */
.make-band {padding:clamp(72px,10vw,120px) 6%}
.make-inner {max-width:1080px;margin:0 auto}
.make-head {max-width:640px}
.make-eyebrow {font:12px/1.4 var(--make-mono);color:var(--page-accent);letter-spacing:.02em;margin-bottom:14px}
.make-head h2 {font-size:clamp(28px,3.4vw,44px);font-weight:600;letter-spacing:-.05em;line-height:1.25;text-wrap:balance}
.make-lead {font-size:15px;line-height:1.85;color:var(--page-muted);margin-top:18px;max-width:34em}
/* Process: one scroll-scrubbed line lights each step */
.make-process,.make-request {background:var(--page-surface)}
.make-track {position:relative;margin-top:64px}
.make-track-line {position:absolute;top:203px;left:calc(12.5% - 9px);right:calc(12.5% - 9px);height:2px;border-radius:2px;background:var(--page-line)}
.make-track-fill {position:absolute;inset:0;border-radius:inherit;background:var(--page-accent);transform-origin:0 50%;transform:scaleX(var(--p,1))}
.make-stations {list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.make-station {display:grid;grid-template-rows:168px auto auto auto;align-content:start;justify-items:center;text-align:center;min-width:0}
.make-visual {width:100%;height:168px;display:grid;place-items:center}
.make-dot {position:relative;z-index:1;width:28px;height:28px;margin:22px 0 18px;border-radius:50%;display:grid;place-items:center;font:12px/1 var(--make-mono);border:1.5px solid var(--page-line);background:var(--page-surface);color:var(--page-muted);transition:background-color .3s,border-color .3s,color .3s}
html:not(.make-motion) .make-dot,.make-station.is-on .make-dot {background:var(--page-accent);border-color:var(--page-accent);color:var(--page-bg)}
.make-station h3 {font-size:18px;font-weight:600;letter-spacing:-.03em;line-height:1.4}
.make-station>p {font-size:13.5px;line-height:1.7;color:var(--page-muted);margin-top:8px;max-width:15em;text-wrap:balance}
.make-v-request {max-width:100%;text-align:left;word-break:keep-all;font:13px/1.6 var(--make-mono);color:var(--page-text);background:var(--theme-well);border:1px solid var(--page-line);border-radius:12px;padding:14px 16px;transition:opacity .4s var(--make-ease)}
.make-v-caret {display:inline-block;width:.55em;height:1.1em;margin-left:2px;vertical-align:-.2em;background:var(--intro-caret);opacity:0}
.make-v-request.is-typing .make-v-caret {opacity:1}
.make-mini {display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:104px;aspect-ratio:1}
.make-mini i {border-radius:8px;border:1.5px dashed var(--make-bp)}
.make-v-blueprint i {transition:opacity .35s var(--make-ease),transform .35s var(--make-ease);transition-delay:calc(var(--o) * 55ms)}
.make-v-build i {background-color:var(--make-m-paper);border-color:var(--make-m-paper);transition:background-color .3s,border-color .3s;transition-delay:calc(var(--o) * 75ms)}
.make-v-build i:nth-child(5) {background-color:var(--make-m-core);border-color:var(--make-m-core)}
.make-v-done .make-tile {width:112px;transition:opacity .45s var(--make-ease),transform .5s cubic-bezier(.34,1.45,.64,1)}
.make-motion .make-station:not(.is-on) .make-v-request {opacity:.4}
.make-motion .make-station:not(.is-on) .make-v-blueprint i {opacity:.15;transform:scale(.7);transition-delay:0ms}
.make-motion .make-station:not(.is-on) .make-v-build i {background-color:transparent;border-color:var(--make-bp);transition-delay:0ms}
.make-motion .make-station:not(.is-on) .make-v-done .make-tile {opacity:.3;transform:scale(.86)}
/* Made tools */
.make-shelf {margin-top:64px;display:grid;grid-template-columns:168px minmax(0,1fr);gap:56px;align-items:start}
.make-index {position:sticky;top:112px}
.make-index ol {list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--page-line)}
.make-index a {display:flex;align-items:baseline;gap:10px;margin-left:-1px;padding:9px 0 9px 16px;border-left:2px solid transparent;color:var(--page-muted);font-size:14px;letter-spacing:-.02em;text-decoration:none;transition:color .3s,border-color .3s}
.make-index a span {min-width:2.4em;font:11px/1 var(--make-mono);color:var(--page-accent)}
.make-index a:hover,.make-index a[aria-current] {color:var(--page-text);border-left-color:var(--page-accent)}
.make-chapter {padding:44px 0 80px;border-top:1px solid var(--page-line);scroll-margin-top:96px}
.make-chapter:first-child {padding-top:0;border-top:0}
.make-chapter:last-child {padding-bottom:0}
.make-chapter-name {display:flex;align-items:flex-start;gap:clamp(12px,2vw,24px);overflow:hidden;padding-bottom:.08em;font-size:clamp(46px,8.4vw,116px);font-weight:650;letter-spacing:-.065em;line-height:1}
.make-chapter-no {flex:none;padding-top:.55em;font:500 12px/1 var(--make-mono);letter-spacing:.04em;color:var(--page-accent)}
.make-chapter-word {display:inline-block;transition:transform 1s var(--make-ease),opacity .8s var(--make-ease)}
.make-motion .make-chapter-name:not(.is-shown) .make-chapter-word {opacity:0;transform:translateY(70%)}
.make-chapter-body {margin-top:40px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.make-chapter-copy {display:grid;gap:22px;justify-items:start}
.make-chapter .product-open {min-height:44px;padding-inline:20px;font-size:14px;text-decoration:none}
.make-need {display:grid;gap:6px}
.make-need small {font-size:12px;line-height:1.5;color:var(--page-muted)}
.make-need p {font:13px/1.6 var(--make-mono);color:var(--page-text)}
.make-card-text {font-size:15px;line-height:1.85;color:var(--page-muted)}
.make-figure {display:grid;gap:12px}
.make-caption {font-size:12px;line-height:1.6;color:var(--page-muted);text-align:center}
.make-lc {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:78px 78px 58px;gap:1px;padding:1px;border-radius:10px;background:var(--document-line);overflow:hidden}
.make-lc-cell {min-width:0;padding:9px;display:flex;flex-direction:column;gap:5px;background:var(--document-bg);color:var(--document-text);transition:background-color .5s}
.make-lc-cell span {font:10.5px/1 var(--make-mono);color:var(--document-muted)}
.make-lc-cell b {font-size:12px;font-weight:650;letter-spacing:-.03em;line-height:1.35;word-break:keep-all}
.make-lc-cell>* {transition:opacity .35s var(--make-ease),transform .35s var(--make-ease);transition-delay:calc(150ms + (var(--o) - 1) * 110ms)}
.make-lc .is-value {background:var(--document-value);transition-delay:1250ms}
.make-figure.is-shown .make-lc-cell {animation:make-pen .8s var(--make-ease) calc(150ms + (var(--o) - 1) * 110ms)}
@keyframes make-pen {0% {box-shadow:inset 0 0 0 2px var(--document-muted)}100% {box-shadow:inset 0 0 0 2px transparent}}
.make-motion .make-figure:not(.is-shown) .make-lc-cell>* {opacity:.2;transform:translateY(4px);transition-delay:0ms}
.make-motion .make-figure:not(.is-shown) .make-lc .is-value {background:var(--document-bg);transition-delay:0ms}
.make-md {width:100%;max-width:300px;aspect-ratio:1;margin:0 auto;padding:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-radius:22px;background:var(--theme-well)}
.make-md>span {position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:6px;text-align:center;font-size:13px;line-height:1.45;word-break:keep-all;color:var(--page-text);background:var(--page-raised);border:1px solid var(--page-line);border-radius:10px;transition:transform .6s var(--make-ease),opacity .4s var(--make-ease),border-color .3s;transition-delay:calc(220ms + var(--o,0) * 45ms)}
.make-md .is-core {z-index:1;font-weight:650;background:var(--theme-active);color:var(--theme-active-text);border-color:var(--theme-active);transition-delay:0ms}
.make-md .is-focus {border-color:var(--page-accent);transition-delay:310ms,310ms,1050ms}
.make-md .is-focus::after {content:"이번 주";position:absolute;top:-9px;right:-5px;padding:4px 7px;border-radius:999px;font-size:10.5px;font-weight:600;line-height:1;background:var(--page-accent);color:var(--page-bg);transition:opacity .3s,transform .35s var(--make-ease);transition-delay:1050ms}
.make-motion .make-figure:not(.is-shown) .make-md>span:not(.is-core) {opacity:.25;transform:translate(calc((1 - var(--c)) * (100% + 8px)),calc((1 - var(--r)) * (100% + 8px))) scale(.5);transition-delay:0ms}
.make-motion .make-figure:not(.is-shown) .make-md .is-core {transform:scale(.9)}
.make-motion .make-figure:not(.is-shown) .make-md .is-focus {border-color:var(--page-line)}
.make-motion .make-figure:not(.is-shown) .make-md .is-focus::after {opacity:0;transform:translateY(4px) scale(.6);transition-delay:0ms}
/* Tagline */
.make-tagline-band {background:var(--page-surface)}
.make-tagline {max-width:920px;font-size:clamp(28px,4.2vw,52px);font-weight:600;letter-spacing:-.05em;line-height:1.3;text-wrap:balance}
.make-tl-line {display:block}
.make-word {transition:opacity .5s var(--make-ease)}
.make-motion .make-word:not(.is-lit) {opacity:.28}
/* FAQ */
.make-faq-list {margin-top:40px;max-width:760px;border-bottom:1px solid var(--page-line)}
.make-q {border-top:1px solid var(--page-line)}
.make-q summary {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:16px 0;font-size:17px;font-weight:600;letter-spacing:-.03em;line-height:1.5;cursor:pointer;list-style:none}
.make-q summary::-webkit-details-marker {display:none}
.make-q summary::after {content:"+";flex:none;font:400 20px/1 var(--make-mono);color:var(--page-accent);transition:transform .3s var(--make-ease)}
.make-q[open] summary::after {transform:rotate(45deg)}
.make-q summary:focus-visible {outline:2px solid var(--page-accent);outline-offset:4px}
.make-q p {padding:0 40px 22px 0;font-size:15px;line-height:1.85;color:var(--page-muted);max-width:44em}
/* Request */
.make-request {position:relative;isolation:isolate;overflow:hidden}
.make-request::before {content:"";position:absolute;z-index:-1;left:50%;bottom:-42%;width:min(1100px,150%);height:95%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side at 34% 55%,hsl(135 42% 58% / .55),transparent),radial-gradient(closest-side at 66% 50%,hsl(214 62% 62% / .55),transparent);filter:blur(56px);opacity:.7;pointer-events:none}
html[data-theme=light] .make-request::before {opacity:.45}
.make-ideas {margin-top:18px;max-width:760px;display:flex;flex-wrap:wrap;gap:8px}
.make-ideas[hidden] {display:none}
.make-idea {appearance:none;cursor:pointer;padding:9px 14px;border-radius:999px;border:1px solid var(--page-line);background:color-mix(in srgb,var(--page-bg) 55%,transparent);color:var(--page-text);font:13px/1.4 var(--make-mono);letter-spacing:-.01em;transition:border-color .2s,transform .2s var(--make-ease)}
.make-idea::before {content:"> ";color:var(--page-accent)}
.make-idea:hover {border-color:var(--page-accent);transform:translateY(-1px)}
.make-terminal {margin-top:40px;max-width:760px;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;border-radius:14px;background:var(--theme-well);border:1px solid var(--page-line)}
.make-terminal:focus-within {outline:2px solid var(--page-accent);outline-offset:3px}
.make-example {display:flex;align-items:center;flex:1;min-width:0;padding:10px 0;font:15px/1.5 var(--make-mono);color:var(--page-text);word-break:keep-all}
.make-request-input {flex:1;min-width:0;background:transparent;border:0;outline:0;font:inherit;color:inherit}
.make-request-input::placeholder {color:var(--page-muted);opacity:1}
.make-terminal button.product-open {flex:none;font-family:inherit;border:0;cursor:pointer}
.make-note {margin-top:12px;max-width:760px;font-size:13px;line-height:1.6;color:var(--page-muted)}
.make-foot-caret {display:inline-block;width:.55em;height:1.05em;margin-left:4px;vertical-align:-.15em;background:var(--intro-caret)}
.world-footer.is-shown .make-foot-caret {animation:welcome-cursor 1s steps(1,end) 2}
@media(max-width:760px) {
  .make-hero {padding-top:120px}
  .make-track-line {top:14px;bottom:var(--line-bottom,40px);left:13px;right:auto;width:2px;height:auto}
  .make-track-fill {transform-origin:50% 0;transform:scaleY(var(--p,1))}
  .make-stations {grid-template-columns:1fr;gap:0}
  .make-station {grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"dot title" ". text" ". visual";column-gap:18px;justify-items:start;text-align:left;padding-bottom:44px}
  .make-station:last-child {padding-bottom:0}
  .make-dot {grid-area:dot;margin:0}
  .make-station h3 {grid-area:title;align-self:center}
  .make-station>p {grid-area:text;max-width:none}
  .make-visual {grid-area:visual;height:auto;min-height:112px;margin-top:16px;justify-items:start}
  .make-shelf {grid-template-columns:1fr;gap:40px;margin-top:40px}
  .make-index {position:static}
  .make-index ol {display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;border-left:0;border-bottom:1px solid var(--page-line)}
  .make-index a {margin:0 0 -1px;padding:10px 0;border-left:0;border-bottom:2px solid transparent;white-space:nowrap}
  .make-index a:hover,.make-index a[aria-current] {border-bottom-color:var(--page-accent)}
  .make-chapter-body {grid-template-columns:1fr;gap:28px;margin-top:28px}
}
@media(max-width:650px) {
  .world-header .nav-wide {display:none}
  .make-hero {padding-inline:24px;padding-bottom:88px}
  .make-ruler {bottom:24px}
  .make-builds {grid-template-columns:1fr;gap:34px;max-width:440px;margin-top:44px}
  .make-build {display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:18px;align-items:start;text-align:left}
  .make-build .make-tile {grid-column:1;grid-row:1/5;align-self:center}
  .make-req {grid-column:2;grid-row:1;min-height:0}
  .make-log {grid-column:2;grid-row:2;margin:2px 0 4px}
  .make-tool {grid-column:2;grid-row:3;margin-top:0;font-size:17px}
  .make-desc {grid-column:2;grid-row:4;font-size:12.5px;margin-top:2px}
  .make-cta {margin-top:24px}
  .make-header.has-cta nav {display:none}
  .make-q summary {font-size:16px;min-height:56px}
  .make-q p {padding-right:0;font-size:14px}
  .make-band {padding-block:64px}
  .make-chapter {padding-bottom:64px}
  .make-lc {grid-template-rows:70px 70px 52px}
  .make-lc-cell {padding:6px}
  .make-lc-cell b {font-size:11px}
  .make-md>span {font-size:12px;padding:4px}
  .make-terminal {flex-direction:column;align-items:stretch;gap:8px;padding:12px}
  .make-example {padding:6px 6px 0}
}
@media(max-width:900px) {.world-footer .theme-picker {justify-self:start;margin:8px 0 0}}
@media(prefers-reduced-motion:reduce) {.make-header.is-fixed {transition:none}}