.ux-rebuild .workflow-bar,.ux-rebuild #style-step{display:none!important}.ux-rebuild:not(.is-composing) .app-header{max-width:1480px;margin:auto;width:100%}.ux-rebuild:not(.is-composing) .project-name-wrap{display:none}.ux-rebuild:not(.is-composing) #workspace{padding:0 36px 60px;max-width:1440px;margin:auto}.ux-rebuild button{touch-action:manipulation}.discovery-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:65px 0 50px}.discovery-heading h1,.question-heading h1{font-size:clamp(30px,4vw,54px);line-height:1.25;letter-spacing:-.05em;margin:18px 0 22px}.discovery-heading em{font-style:normal;color:#4b6b55}.discovery-heading p,.question-heading p{color:#687365;line-height:1.8}.discovery-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;flex-shrink:0}.discovery-actions>button{padding:16px 24px;font-size:15px}.discovery-actions>span{font-size:11px;color:#6b7867;text-align:center}.discovery-tabs,.right-panel-tabs{display:flex;border-bottom:1px solid var(--line);gap:8px}.discovery-tabs button{border:0;background:none;border-radius:0;padding:16px 24px;font-size:16px}.discovery-tabs [aria-pressed=true],.right-panel-tabs [aria-pressed=true]{box-shadow:inset 0 -3px #446649;color:#2c5133;font-weight:700}.gallery-intro{padding:32px 0 18px}.gallery-intro h2{font-size:25px;letter-spacing:-.04em}.gallery-intro p{color:#6b7867}.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.discovery-card{background:#fffefb;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.discovery-card-copy{padding:22px}.discovery-card-copy h2{font-size:24px}.discovery-card-copy p{font-size:13px;line-height:1.7;color:#6b7867}.card-actions{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-top:18px}.card-actions button{flex:1}.sample-frame{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#eeeee8;border-bottom:1px solid var(--line);contain:layout paint}.sample-frame>span{display:grid;place-items:center;height:100%;font-size:12px;color:#71806d}.sample-frame iframe{position:absolute;inset:0;border:0;display:block;width:1100px;height:800px;transform-origin:top left;pointer-events:none;background:white}.category-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 20px}.category-tabs button{font-size:12px;padding:9px 13px;border-radius:20px}.category-tabs [aria-pressed=true]{background:#324a38;color:#fff}.category-tabs.compact{gap:5px}.category-tabs.compact button{font-size:10px;padding:6px 8px}.question-heading{padding:36px 0 22px}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:12px 0 30px}.start-options article{padding:36px;background:#fffefb;border:1px solid var(--line);border-radius:12px}.start-options h2{font-size:26px;letter-spacing:-.04em}.start-options p{color:#6b7867;line-height:1.9;margin-bottom:25px}.question-progress{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 0}.question-progress button[aria-current=step]{background:#304936;color:white}.question-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:42px}.question-form{min-width:0}.question-field{display:flex;flex-direction:column;gap:9px;font-weight:600;font-size:13px;margin:0 0 22px}.question-field input,.question-field textarea,.question-field select{width:100%;padding:12px;border:1px solid #d8dfd3;border-radius:6px;background:#fffefb;color:#24382c;font:400 14px/1.6 Pretendard,sans-serif;min-width:0}.question-field textarea{resize:vertical;min-height:92px}.question-form fieldset{border:0;padding:0;margin:22px 0 30px}.question-form legend{font-size:16px;font-weight:600;margin-bottom:14px}.choice-grid{display:flex;flex-wrap:wrap;gap:10px}.choice{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400;margin:8px 0;padding:10px 13px;background:#fffefb;border:1px solid var(--line);border-radius:6px}.question-note,.pending-note{font-size:12px;color:#76633c;line-height:1.8;background:#f4efdf;padding:12px;border-radius:6px}.experience-form{margin:30px 0}.experience-entry{padding:22px;border:1px solid var(--line);border-radius:10px;background:#fbfcf7;margin:16px 0}.entry-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.entry-heading h3{margin:0;font-size:16px}.question-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.experience-entry details{border-top:1px solid var(--line);padding-top:16px}.experience-entry summary{cursor:pointer;margin-bottom:18px;font-size:13px}.question-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid var(--line)}.question-bottom span{font-size:11px;color:#73806d}.answer-preview{height:max-content;position:sticky;top:24px;padding:30px;border:1px solid var(--line);border-radius:12px;background:#eaf0e3;overflow-wrap:anywhere}.answer-preview h2{font-size:30px;letter-spacing:-.04em}.answer-preview p{font-size:13px;line-height:1.8}.answer-experiences{display:flex;flex-wrap:wrap;gap:8px}.answer-experiences span{font-size:10px;border:1px solid #bbc9b5;padding:5px;border-radius:4px}.material-preview{max-width:100%;max-height:220px;object-fit:contain}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.review-card{min-width:0;background:#fffefb;border:1px solid var(--line);padding:18px;border-radius:10px}.review-card.is-chosen{border-color:#63885f;box-shadow:0 0 0 1px #63885f}.review-card .entry-heading{align-items:flex-start}.review-card label{font-size:12px;display:flex;align-items:center;gap:8px}.review-card select{max-width:100%;font:inherit;padding:6px}.review-card p{font-size:12px;line-height:1.7}.recommendation-badge{font-size:10px;white-space:nowrap;color:#50624b;background:#e9efdf;padding:4px 6px;border-radius:4px}.review-footer{position:sticky;bottom:0;background:#f4f6eff2;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:18px;display:flex;justify-content:space-between;gap:16px;margin-top:30px}.ux-rebuild .library-panel .panel-tabs{display:none}.ux-rebuild .library-panel{padding-top:14px}.ux-rebuild #outline-view{display:block}.ux-rebuild .right-panel-tabs{position:sticky;top:0;background:var(--paper,#f8faf4);z-index:2;margin-bottom:16px}.right-panel-tabs button{flex:1;font-size:12px;border:0;background:none;padding:12px 6px}.ux-rebuild .inspector-panel #library-view{margin:0 -8px}.ux-rebuild .pattern-list{display:block!important;padding:10px}.ux-rebuild .pattern-card{margin-bottom:14px;padding:0 12px 14px;min-width:0}.ux-rebuild .pattern-card .sample-frame{margin:0 -12px 12px;width:calc(100% + 24px)}.ux-rebuild .outline-actions{flex-wrap:wrap;padding:6px 12px}.ux-rebuild .outline-actions button{font-size:10px;padding:4px 7px}.drag-grip{cursor:grab}.block-layout-controls{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.block-layout-controls .question-field{font-size:11px;margin-bottom:12px}.block-layout-controls select{padding:7px;font-size:12px}.selection-format-tools{border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.selection-format-tools label{display:flex;gap:10px;justify-content:space-between;font-size:12px;margin:12px 0}.format-property-buttons{display:flex;flex-wrap:wrap;gap:5px}.format-property-buttons button{font-size:11px;padding:6px}.ux-rebuild .inspector-heading h2{font-size:20px}.ux-rebuild .project-name-wrap input{cursor:text}.ux-rebuild #inspector-panel{padding-top:10px}.ux-rebuild .library-footer{font-size:10px}.ux-rebuild .editor-layout{grid-template-columns:250px minmax(0,1fr) 310px}.ux-rebuild.focus-canvas .editor-layout{grid-template-columns:minmax(0,1fr)}
@media(min-width:1500px){.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ux-rebuild .inspector-panel{grid-column:auto;border-top:0;border-left:1px solid var(--line)}
.outline-heading{font-size:15px;font-weight:650;margin:8px 18px 20px;letter-spacing:-.03em}.sample-filters{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.sample-filters label{display:flex;align-items:center;gap:10px;font-size:12px}.sample-filters select{font:inherit;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fffefb;color:#263d2e}
.block-explorer{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.block-stage{min-width:0;border:1px solid var(--line);border-radius:16px;background:#fffefb;overflow:hidden}.block-guide{padding:28px 30px 10px}.block-guide h2{font-size:26px;letter-spacing:-.04em}.block-guide p{line-height:1.8;color:#596553;font-size:14px}.usage-example{border-left:3px solid #738b65;padding:10px 16px;background:#f3f5eb}.variant-strip{display:flex;overflow-x:auto;gap:8px;padding:18px 24px;scroll-snap-type:x proximity}.variant-strip button{flex:0 0 140px;text-align:left;white-space:normal;scroll-snap-align:start;font-size:12px;line-height:1.6}.variant-strip button span{display:block;font-size:11px;opacity:.7}.variant-strip [aria-pressed=true]{background:#304936;color:white}.gallery-controls{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:18px 24px;border-top:1px solid var(--line)}.gallery-controls div{flex:1}.gallery-controls p{font-size:12px;color:#64705e;line-height:1.7;margin:8px 0 0}.block-live-preview{display:block;width:100%;height:650px;height:min(72dvh,850px);min-height:400px;border:0;border-block:1px solid var(--line);background:white}.gallery-customize{padding:20px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.gallery-customize p{font-size:12px;line-height:1.6;color:#64705e;flex:1;min-width:180px}.gallery-customize label,.composition-cart label{font-size:12px;display:flex;align-items:center;gap:10px}.gallery-customize select,.composition-cart select{font:inherit;padding:8px;border:1px solid var(--line);background:white;border-radius:6px}.composition-cart{position:sticky;top:20px;border:1px solid #c4d0ba;border-radius:16px;background:#f1f5e9;max-height:calc(100dvh - 40px);display:flex;flex-direction:column}.cart-heading{padding:24px 22px 10px}.cart-heading h2{font-size:24px;margin:10px 0}.cart-heading h2 span{background:#304936;color:white;border-radius:30px;font-size:15px;padding:3px 10px}.cart-heading p,.cart-footer p{font-size:12px;color:#63715b;line-height:1.7}.cart-items{padding:0 16px;margin:0;list-style:none;overflow:auto;overscroll-behavior:contain}.cart-items li{background:#fffefb;border:1px solid var(--line);border-radius:10px;padding:16px;margin:10px 0}.cart-items strong{font-size:14px}.cart-items p{font-size:12px;line-height:1.6}.cart-items .cart-empty{background:transparent;border-style:dashed;font-size:13px;line-height:1.9;color:#64705e}.cart-actions{display:flex;gap:6px;margin-top:12px}.cart-actions button{font-size:11px;padding:5px 10px}.cart-footer{padding:18px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line)}.cart-footer p{margin:0}.cart-footer button{font-size:12px}
.ux-rebuild.is-onboarding .app-header{display:none}.ux-rebuild.is-onboarding #workspace{max-width:none;min-height:100dvh;padding:32px 7vw 0;background:radial-gradient(ellipse at top right,#e4edd9 0,transparent 55%),#f8faf4}.is-onboarding #discovery{max-width:1100px;margin:auto}.is-onboarding .question-progress{justify-content:center;gap:6px;margin:25px auto}.is-onboarding .question-progress button{border:0;background:transparent;font-size:12px;padding:10px 18px;color:#7b8772}.is-onboarding .question-progress [aria-current=step]{color:#274832;background:#e0e9d4}.is-onboarding .question-heading{text-align:center;padding:25px 0 12px}.is-onboarding .question-heading h1{font-size:clamp(30px,4.5vw,52px);margin:12px 0}.is-onboarding .question-heading p{font-size:13px}.is-onboarding .question-heading .focus-position{font-size:11px;letter-spacing:.08em;color:#48603e}.is-onboarding .question-layout{display:block;max-width:820px;margin:0 auto}.is-onboarding .answer-preview{display:none}.focus-question{min-height:32dvh;padding:16px 0 30px}.focus-question[hidden]{display:none}.focus-question .question-field{font-size:19px;line-height:1.6;gap:20px}.focus-question .question-field input,.focus-question .question-field textarea{padding:18px 20px;font-size:19px;background:#fffefbe6;border-radius:12px}.focus-question .question-field select[hidden]{display:none}.focus-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.focus-options button{padding:18px 12px;min-height:65px;white-space:normal;font-size:14px;text-align:left;border-radius:10px;line-height:1.6}.focus-options [aria-pressed=true]{background:#304936;color:white;border-color:#304936;box-shadow:0 3px 10px #30493615}.is-onboarding .question-bottom{position:sticky;bottom:0;background:#f8faf4f2;backdrop-filter:blur(14px);padding:20px 0;z-index:2}.is-onboarding .question-bottom button{padding:14px 26px}.is-onboarding .experience-entry .question-field{font-size:13px;gap:8px}.is-onboarding .experience-entry input,.is-onboarding .experience-entry textarea{font-size:15px}.is-onboarding .start-options{margin-top:35px}.is-onboarding .start-options article{padding:40px;min-height:280px}.is-onboarding .small-note{text-align:center;padding-bottom:25px}
.explorer-hints{font-size:13px;line-height:1.8;margin:20px 0}.explorer-hints summary{cursor:pointer;color:#46633b}.mobile-cart-link{display:none}.composition-cart{scroll-margin-top:65px}
@media(max-width:760px){.mobile-cart-link{display:block;position:sticky;top:10px;z-index:3;margin:0 0 20px auto;background:#304936;color:#fff;box-shadow:0 3px 12px #30493620}}
@media(max-width:1000px){.block-explorer{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.block-guide{padding:22px 20px 10px}}
@media(max-width:760px){.block-explorer{display:flex;flex-direction:column}.composition-cart{position:static;max-height:none;width:100%}.cart-items{max-height:400px}.block-stage{width:100%}.block-live-preview{height:60dvh;min-height:350px}.gallery-controls{padding:15px}.block-guide h2{font-size:23px}.gallery-customize{padding:16px}.gallery-customize>button{width:100%}.focus-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-rebuild.is-onboarding #workspace{padding:20px 18px 0}.is-onboarding .question-progress{gap:0}.is-onboarding .question-progress button{padding:8px;font-size:11px}.is-onboarding .question-heading{padding:15px 0}.focus-question{min-height:35dvh}.is-onboarding .question-bottom{padding-bottom:max(15px,env(safe-area-inset-bottom))}.is-onboarding .start-options article{min-height:0;padding:26px}}
@media(max-width:1100px){.ux-rebuild .editor-layout{grid-template-columns:210px minmax(0,1fr) 270px}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-layout{gap:20px;grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:900px){.ux-rebuild .editor-layout{grid-template-columns:minmax(0,1fr)}.discovery-heading{gap:20px;padding-top:35px}.discovery-heading h1{font-size:36px}.discovery-actions>button{font-size:12px;padding:12px}.question-layout{grid-template-columns:1fr}.answer-preview{position:static;order:-1;padding:18px}.answer-preview h2{font-size:23px}.answer-experiences,.answer-preview .small-note{display:none}.question-bottom{flex-wrap:wrap}.ux-rebuild #outline-view{max-width:100%}}
@media(max-width:600px){.ux-rebuild:not(.is-composing) #workspace{padding:0 16px 35px}.discovery-heading{display:block}.discovery-heading h1{font-size:32px}.discovery-actions{margin-top:25px}.discovery-tabs{gap:0}.discovery-tabs button{padding:13px 10px;font-size:13px;flex:1}.discovery-grid,.start-options,.review-grid{grid-template-columns:1fr}.question-fields{grid-template-columns:1fr}.question-heading h1{font-size:30px}.start-options article{padding:24px}.question-progress button{font-size:11px;padding:8px}.question-bottom span{display:none}.review-footer{padding:12px 0}.review-footer button{font-size:12px}.discovery-card-copy{padding:18px}.ux-rebuild:not(.is-composing) .app-header{flex-wrap:wrap}.ux-rebuild:not(.is-composing) .header-actions{gap:4px}.ux-rebuild:not(.is-composing) .header-actions button{font-size:11px;padding:8px}}
.content-manager{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.content-item-list{display:grid;gap:8px;position:sticky;top:0}.content-item-list button{text-align:left;white-space:normal;display:grid;gap:6px}.content-item-list [aria-current=true]{background:#e8efdf;border-color:#53694d}.content-item-list small{font-size:11px;opacity:.75}.content-manager .experience-entry{margin:0}.content-footer{position:sticky;bottom:0;background:#fffefb;padding:16px 0;border-top:1px solid var(--line);z-index:2;flex-wrap:wrap}.assignment{border:1px solid var(--line);padding:14px;margin:12px 0}.assignment .choice{display:flex;align-items:center;gap:8px;margin:8px 0}.export-review{max-height:34vh;overflow:auto;border:1px solid var(--line);padding:16px}.export-review li{margin:10px 0}.transfer-steps{line-height:2.2;max-width:720px}.question-field>label{display:block;font-weight:600;margin-bottom:8px}.focus-options button:focus-visible,.content-item-list button:focus-visible{outline:3px solid #305cc4;outline-offset:3px}@media(max-width:700px){.content-manager{grid-template-columns:minmax(0,1fr)}.content-item-list{position:static;display:flex;overflow-x:auto}.content-item-list button{min-width:150px}.content-footer{position:static}.dialog-content{min-width:0}.assignment{min-width:0}.question-bottom{flex-wrap:wrap}}