:root{--navy:#142f40;--teal:#126b70;--line:#c9d9dc;--muted:#405966;--font-copy:SUIT,'Malgun Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--navy);font-family:var(--font-copy);background:#fff;font-size:16px;line-height:1.75}button,a,summary{-webkit-tap-highlight-color:transparent}button,a{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:var(--teal);text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #168b82;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h2{letter-spacing:-.035em}.eyebrow{display:block;font-size:11px;letter-spacing:.13em;color:#405966;margin-bottom:14px}.design-note{font-size:13px;line-height:1.8;color:#405966}.skip-design{position:absolute;top:-100px}.skip-design:focus{top:20px;background:white;padding:12px;z-index:9}.review-ribbon{padding:7px 24px;background:#e9f1f1;color:#214c59;font-size:12px;text-align:center}.review-ribbon span{margin-left:16px}.design-header{max-width:1280px;margin:auto;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.design-brand{display:flex;align-items:center;gap:10px}.quiet-link{font-size:14px;text-decoration:none;border-bottom:1px solid #9bb9be;min-height:44px;display:inline-flex;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:6px;text-decoration:none;font-weight:600!important}.btn:hover{background:var(--navy);border-color:var(--navy)}.btn:disabled{background:#e6eded;border-color:#c4d5d8;color:#526c76}
#design-main{max-width:1280px;margin:auto}.home-intro{padding:35px 0 34px}.home-intro h1{font-family:MaruBuri,serif;font-size:52px;line-height:1.35;font-weight:700;margin:8px 0 18px}.home-intro h2{font-size:27px;line-height:1.5}.home-intro h2 br{display:none}.home-intro>p{margin-top:12px;color:#405966}.making-guide{list-style:none;margin:30px 0 16px;padding:20px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.making-guide li{display:flex;align-items:center;gap:16px;padding:6px 18px;border-left:1px solid var(--line)}.making-guide li:first-child{border:0;padding-left:0}.making-guide svg{width:36px;height:36px;fill:none;stroke:var(--teal);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}.making-guide small{display:block;font-size:11px;color:#405966}.making-guide b{font-size:16px;font-weight:600}.product-entry{padding:24px 0 42px}.product-entry h2{font-size:29px;margin:8px 0}.product-entry>div>p{color:#405966;font-size:15px}.website-entry{margin-top:24px;padding:30px;border:1px solid #9fbbc1;border-radius:9px;display:grid;grid-template-columns:.75fr 1.25fr;gap:36px;align-items:center}.website-entry .label{font-size:12px;color:#28606a}.website-entry h3{font-size:32px;margin:10px 0 12px}.website-entry p{font-size:16px;color:#344e5d;line-height:1.8}.website-entry .btn{margin-top:22px}.entry-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.entry-mosaic a{display:block;text-decoration:none;color:var(--navy);font-size:12px}.entry-mosaic img{width:100%;height:160px;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:5px}.entry-mosaic span{display:block;margin-top:7px}.other-products{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:24px;padding:20px 0;border-bottom:1px solid var(--line)}.other-products b{font-size:16px}.other-products p{font-size:14px;color:#405966;margin-top:6px}.other-products small{display:block;font-size:12px;color:#405966;margin-top:6px}.other-products summary{cursor:pointer;min-height:44px;font-size:16px}.home-belief{display:flex;align-items:center;gap:25px;background:var(--navy);color:white;padding:28px 34px;margin-bottom:30px}.home-belief h2{font-family:MaruBuri,serif;font-size:26px}.home-belief p{font-size:13px;color:#cbdfdf;margin-top:8px}
.studio-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 22px;border-bottom:1px solid var(--line);margin-bottom:26px}.studio-top>p{font-size:18px;font-weight:600}.studio-top>p span{font-size:13px;color:#405966;margin-left:12px;font-weight:400}.studio-top button{border:0;border-bottom:1px solid #a7bdc2;background:white;color:#405966;font-size:13px;min-height:44px}.workspace{display:grid;grid-template-columns:170px minmax(0,1fr) 250px;gap:28px;align-items:start}.stage-nav{position:sticky;top:22px;display:grid;gap:10px}.stage-nav button{display:grid;grid-template-columns:26px 1fr;gap:0 8px;text-align:left;background:none;border:0;border-left:2px solid #cfdee0;padding:12px 8px 12px 14px;min-height:74px;border-radius:0;color:#405966}.stage-nav button>span{grid-row:span 2;font-size:12px;padding-top:4px}.stage-nav b{font-size:15px;font-weight:600}.stage-nav small{font-size:12px}.stage-nav button[aria-current=step]{border-color:var(--teal);background:#eff6f5;color:#142f40}.stage-nav button:disabled{opacity:.6}.studio-center{min-width:0}.studio-stage>h2{font-size:32px;line-height:1.45;margin:7px 0 16px}.studio-stage>h3,.studio-stage>section>h3{font-size:18px;line-height:1.6;margin:24px 0 14px}.stage-lead{font-size:15px;color:#344e5d;line-height:1.8;margin-bottom:22px}.choices-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choices-grid button{background:white;border:1px solid #9fb8bf;border-radius:6px;min-height:105px;padding:18px;text-align:left;color:#142f40}.choices-grid b{display:block;font-size:18px}.choices-grid span{font-size:13px;color:#405966}.choices-grid button[aria-pressed=true],.purpose-buttons button[aria-pressed=true],.mood-design button[aria-pressed=true],.layout-design button[aria-pressed=true],.material-buttons button[aria-pressed=true]{border-color:var(--teal);background:#ecf6f4;box-shadow:inset 0 0 0 1px var(--teal)}.purpose-buttons{display:grid;gap:10px}.purpose-buttons button,.material-buttons button{min-height:50px;padding:12px 16px;border:1px solid #9fb8bf;background:white;color:#142f40;text-align:left;border-radius:6px;font-size:15px}.layout-design{display:grid;gap:10px}.layout-design button{min-height:92px;padding:14px;display:flex;align-items:center;gap:16px;background:white;color:#142f40;border:1px solid #9fb8bf;border-radius:6px;text-align:left}.layout-design b{display:block;font-size:19px}.layout-design small{display:block;font-size:14px;color:#405966;margin-top:4px}.layout-design em{font-style:normal;font-size:12px;color:#126b70;margin-left:auto;flex:none}.layout-mini{width:64px;height:49px;background:#e3edef;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:5px;flex:none}.layout-mini i{background:#6fa4aa}.layout-mini.focused{grid-template-columns:1fr}.layout-mini.hybrid i:first-child{grid-column:1/-1}.recommend-design{font-size:13px;line-height:1.8;color:#405966;margin-bottom:14px}.materials-refine{margin-top:12px}.materials-refine summary{min-height:44px;font-size:13px;color:#214b5a;cursor:pointer}.materials-refine p{font-size:13px;color:#405966;margin:8px 0}.material-buttons{display:flex;flex-wrap:wrap;gap:8px}.material-buttons button{font-size:13px}.mood-design{display:grid;gap:9px}.mood-design button{display:flex;align-items:center;gap:14px;min-height:53px;padding:10px 14px;background:white;border:1px solid #9fb8bf;color:#142f40;border-radius:6px;font-size:15px}.mood-design i{width:43px;height:24px;background:linear-gradient(90deg,#e7eff1 40%,#397e86 40%,#397e86 65%,#fff 65%);border:1px solid #c0d2d7}.mood-design .mood-confidence{background:linear-gradient(90deg,#163a4e 45%,#64aaa3 45%,#64aaa3 70%,#fff 70%)}.mood-design .mood-calm{background:linear-gradient(90deg,#e9e4db 45%,#8d9c96 45%,#8d9c96 70%,#fff 70%)}.studio-stage>.design-note{margin-top:15px}.selection-sidebar{position:sticky;top:22px;min-width:0}.selection-sidebar details{border:1px solid var(--line);padding:18px;border-radius:7px;background:#fafcfc}.selection-sidebar summary{font-size:16px;min-height:28px;cursor:pointer;font-weight:600}.selection-sidebar dl{margin:16px 0 0}.selection-sidebar dl>div{padding:10px 0;border-top:1px solid #e0e8ea}.selection-sidebar dt{font-size:12px;color:#405966}.selection-sidebar dd{font-size:14px;margin:4px 0 0;line-height:1.7}.sidebar-interest{font-size:14px;margin:12px 0}.existing-preview img{width:100%;height:150px;object-fit:cover;object-position:top;border:1px solid #cadbde}.existing-preview b{display:block;font-size:11px;color:#265865;margin:8px 0}.existing-preview p{font-size:12px;color:#405966;line-height:1.8}.existing-preview a{font-size:13px;display:inline-flex;align-items:center;min-height:44px}.selection-sidebar .design-note{font-size:12px;margin-top:12px}.mobile-progress{display:none}#step-hint{font-size:13px;color:#405966;line-height:1.8;margin:24px 0 14px}.stage-actions{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:18px 0 30px}.stage-actions>button:first-child{min-height:50px;border:1px solid #9bb7be;border-radius:6px;background:white;padding:10px 18px;color:#214b5a}.final-selection{margin:0 0 22px}.final-selection>div{padding:13px 0;border-bottom:1px solid #d1dfe2}.final-selection dt{font-size:13px;color:#405966}.final-selection dd{font-size:16px;line-height:1.8;margin:5px 0 0}.material-plan{display:grid;gap:18px;margin-top:26px}.material-plan article{padding-left:16px;border-left:2px solid #9bbfc3}.material-plan article>span{font-size:12px;color:#405966}.material-plan h3{font-size:18px;margin:5px 0 8px}.material-plan p{font-size:14px;color:#344e5d;line-height:1.8}.intake-hold{border:1px solid var(--line);padding:20px;margin-top:26px;border-radius:6px}.intake-hold b{font-size:16px}.intake-hold p{font-size:14px;color:#405966;margin:8px 0 16px}.intake-hold button{min-height:50px;background:#e8eeee;border:1px solid #c2d2d6;border-radius:6px;color:#526c76;width:100%}.design-footer{max-width:1280px;margin:35px auto 0;padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#405966}.design-options{margin-top:22px}.studio-stage .feature-tabs03{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:0;margin-top:14px}.studio-stage .feature-tabs03 button{border:1px solid #bbcfd2;border-radius:6px;min-height:66px}.studio-stage .feature-tabs03 button span{font-size:13px}.studio-stage .option-panel-heading03 h3{font-size:23px}.studio-stage .option-entry03{padding-top:18px;padding-bottom:18px;gap:16px}.studio-stage .option-entry03 h4{font-size:17px}.studio-stage .option-entry03 p{font-size:14px}.studio-stage .option-toggle03{min-width:112px;font-size:13px}.studio-stage .interest-next03{display:block}.studio-stage .interest-summary03{padding:20px}.studio-stage .feature-example-qf2{display:grid;gap:20px;padding:20px;border:1px solid var(--line)}.example-tabs-qf2{display:flex;gap:8px}.example-tabs-qf2 button{min-height:44px;border:1px solid #a4bec3;border-radius:5px;background:white;color:var(--navy);padding:8px}.example-tabs-qf2 button[aria-selected=true]{background:var(--navy);color:white}.example-panel-qf2{padding:18px 0}.example-panel-qf2 h4{font-size:20px}.example-panel-qf2 p,.example-panel-qf2 dd{font-size:14px}.example-part-qf2{display:none}.text-link{color:var(--teal)}.design-footer b{color:var(--navy)}
@media(max-width:1340px){.design-header,#design-main,.design-footer{margin-left:28px;margin-right:28px}.workspace{grid-template-columns:154px minmax(0,1fr) 230px;gap:24px}.making-guide li{gap:10px;padding:6px 14px}.entry-mosaic{grid-template-columns:1fr 1fr}.entry-mosaic img{height:100px}}
@media(max-width:1100px) and (min-width:901px){.workspace{grid-template-columns:150px minmax(0,1fr)}.selection-sidebar{position:static;grid-column:2}.entry-mosaic{grid-template-columns:repeat(4,1fr)}.website-entry{grid-template-columns:1fr}.making-guide svg{width:28px}.making-guide b{font-size:14px}}
@media(max-width:900px){.design-header,#design-main,.design-footer{margin-left:20px;margin-right:20px}.review-ribbon{font-size:11px;padding:7px 14px}.review-ribbon span{display:block;margin:0}.design-header{padding:18px 0;gap:12px}.design-brand{gap:7px}.design-brand img:first-child{width:28px;height:28px}.design-brand img:last-child{width:148px;height:auto}.design-header>.quiet-link{font-size:11px;max-width:90px;line-height:1.7;text-align:right}.home-intro{padding:24px 0}.home-intro h1{font-size:34px;margin-bottom:18px}.home-intro h2{font-size:25px;line-height:1.5}.home-intro h2 br{display:block}.home-intro>p{font-size:14px;line-height:1.8}.home-intro .design-note{font-size:12px}.making-guide{grid-template-columns:repeat(3,1fr);gap:18px 10px;padding:18px 0;margin:24px 0 14px}.making-guide li{border:0;padding:0;display:block}.making-guide li:first-child{padding:0}.making-guide svg{width:29px;height:29px;margin-bottom:6px}.making-guide b{font-size:13px}.making-guide small{font-size:10px}.product-entry{padding:14px 0 28px}.product-entry h2{font-size:25px}.product-entry>div>p{font-size:14px}.website-entry{display:block;padding:22px 18px;margin-top:20px}.website-entry h3{font-size:28px}.website-entry p{font-size:15px}.website-entry .btn{width:100%;margin-top:18px}.website-entry .label{font-size:11px}.entry-mosaic{grid-template-columns:1fr 1fr;margin-top:22px;gap:12px 10px}.entry-mosaic img{height:110px}.entry-mosaic a{font-size:11px}.other-products{grid-template-columns:1fr;gap:20px;margin-top:18px;padding:16px 0}.other-products p{font-size:13px}.other-products small{font-size:12px;line-height:1.8}.home-belief{padding:24px 20px;gap:16px}.home-belief img{width:44px;height:44px}.home-belief h2{font-size:22px;line-height:1.55}.home-belief p{font-size:12px}.studio-top{padding-bottom:16px;margin-bottom:14px;gap:12px}.studio-top .quiet-link{font-size:12px}.studio-top>p{font-size:15px}.studio-top>p span{display:block;margin:0;font-size:11px}.studio-top button{font-size:11px}.mobile-progress{display:flex;align-items:center;gap:14px;border-left:3px solid var(--teal);padding:8px 12px;margin-bottom:16px;background:#eef5f4}.mobile-progress b{font-size:14px}.mobile-progress span{font-size:14px}.workspace{display:flex;flex-direction:column;gap:18px}.stage-nav{display:none}.selection-sidebar{position:static;order:0;width:100%}.selection-sidebar details{padding:13px 16px}.selection-sidebar summary{font-size:14px;min-height:28px}.selection-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.selection-sidebar dd{font-size:13px}.selection-sidebar .existing-preview img{height:150px}.studio-center{order:1;width:100%}.studio-stage>h2{font-size:28px;line-height:1.45;margin:6px 0 14px}.studio-stage>.eyebrow{font-size:10px;margin-bottom:10px}.stage-lead{font-size:15px;margin-bottom:20px}.choices-grid{gap:9px}.choices-grid button{padding:14px 11px;min-height:95px}.choices-grid b{font-size:16px;line-height:1.6}.choices-grid span{font-size:11px;line-height:1.7}.studio-stage>h3,.studio-stage>section>h3{font-size:18px;margin:24px 0 13px}.purpose-buttons button{font-size:15px}.layout-design button{gap:12px;padding:12px;min-height:88px}.layout-mini{width:53px;height:44px}.layout-design b{font-size:18px}.layout-design small{font-size:12px;line-height:1.7}.layout-design em{font-size:11px}.mood-design button{font-size:14px}.design-note{font-size:12px;line-height:1.8}.stage-actions{gap:12px}.stage-actions button{font-size:14px}.stage-actions>.btn{padding:10px 14px;flex:1}.stage-actions>button:first-child{padding:10px 14px;flex:none}.studio-stage .feature-tabs03{grid-template-columns:1fr 1fr}.studio-stage .option-panel-heading03 h3{font-size:22px}.studio-stage .option-entry03 h4{font-size:18px}.studio-stage .option-entry03 p{font-size:15px}.studio-stage .option-toggle03{font-size:14px;min-width:130px}.studio-stage .interest-summary03{padding:18px 14px}.final-selection dd{font-size:15px}.material-plan h3{font-size:18px}.material-plan p{font-size:14px}.intake-hold{padding:18px 15px}.intake-hold p{font-size:14px}.intake-hold b{font-size:15px}.design-footer{display:block;font-size:12px;line-height:1.8;margin-top:24px}.design-footer>span{display:block;margin-top:8px}}
@media(max-width:375px){.home-intro h1{font-size:31px}.home-intro h2{font-size:23px}.home-belief h2{font-size:20px}.design-brand img:last-child{width:135px}.studio-stage>h2{font-size:26px}.choices-grid b{font-size:15px}.choices-grid button{padding:12px 10px}.stage-actions>.btn{font-size:13px}.stage-actions>button:first-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(min-width:901px){.home-intro{padding:20px 0 20px}.making-guide{margin:22px 0 12px;padding:14px 0}.product-entry{padding-top:8px}.website-entry{padding:24px}.website-entry h3{margin:8px 0 10px}}

@media(max-width:900px){.mobile-progress{position:sticky;top:0;z-index:5;border-bottom:1px solid #c4d7da;background:#eef5f4}}

@media(min-width:901px){.studio-stage[data-stage="3"]>h2 br{display:none}}

.studio-stage .example-part-qf2{display:block;height:120px;background-image:none;background-size:230%;background-position:86% 95%;margin-bottom:15px}#interest-summary03{scroll-margin-top:60px}

/* Implementation02: safe startup, independent-page layout and visible edit affordances. */
[aria-busy="true"] #studio-view{opacity:.5;pointer-events:none}.startup02{padding:18px;border:1px solid #c9d9dc}.final-selection a{display:inline-flex;min-height:44px;align-items:center}.studio-stage[data-stage="3"]>h2{font-size:30px}@media(max-width:900px){.studio-stage[data-stage="3"]>h2{font-size:26px}.design-footer a{display:inline-flex;align-items:center;min-height:44px}.studio-top>p{font-size:14px}}