/* A focused creative workspace: one destination and one next action at a time. */
.product-app .section-top .screen-title{font-size:32px;margin:0;line-height:1.4}.product-app details.quality-note>summary{font-size:14px;font-weight:600;cursor:pointer;min-height:28px;align-content:center}.product-app details.quality-note>p{margin:12px 0 0}.product-app .product-header nav a.active{color:#275b3e}.product-app .mobile-shortcuts a{white-space:nowrap}@media(max-width:650px){.product-app .section-top .screen-title{font-size:27px}}
.product-app{--ink:#263c34;--green:#275942;--muted:#526258;background:#f7f8f4;color:var(--ink);font:16px/1.75 'Noto Sans KR',system-ui,sans-serif;padding-bottom:0}.product-app [hidden],.product-app .screen-inactive{display:none!important}.product-app *{box-sizing:border-box}.product-app h1,.product-app h2,.product-app h3,.product-app h4{font-family:'Noto Sans KR',system-ui,sans-serif;letter-spacing:-.045em;line-height:1.4;font-weight:700}.product-app h2{font-size:32px}.product-app p{line-height:1.85;color:#56655c}.product-app .primary{background:#285e45;color:white;border:1px solid #285e45;border-radius:12px;font-size:16px;font-weight:600;min-height:48px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.65}.product-app .primary:hover{background:#1c4933}.product-app .secondary{font-size:15px;min-height:46px;background:white;color:#365345;border-color:#d4ddd2;border-radius:11px;line-height:1.65}.product-app button{cursor:pointer}.product-app button:disabled{cursor:default}.product-app a{color:inherit}.product-app .eyebrow,.product-app .content-label{font-size:13px;font-weight:600;letter-spacing:.035em;color:#57725b;line-height:1.7}.product-app .eyebrow{margin-bottom:10px}.product-header{position:sticky;top:0;z-index:40;max-width:none;height:84px;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e1e7dc;padding:0 max(28px,calc((100vw - 1280px)/2));gap:30px;display:flex;align-items:center;justify-content:space-between}.product-header .brand,.site-footer .brand{gap:10px;display:flex;align-items:center;text-decoration:none}.product-header .brand>svg,.site-footer .brand>svg{width:29px;height:29px;flex:0 0 29px;color:#356047}.product-header .brand .brand-wordmark{font-size:22px;line-height:1.1}.product-header .brand .brand-subtitle{font-size:10px;letter-spacing:4px;margin-top:5px}.product-header nav{display:flex;gap:7px;align-items:center;margin:auto;font-size:15px}.product-header nav a{padding:10px 13px;border-radius:10px;font-weight:500;color:#637068;white-space:nowrap}.product-header nav a:hover{background:#f1f5ec}.product-header nav a.active{background:#edf3e7;color:#275b3e;font-weight:700}.product-header .header-btn{font-size:14px;border:1px solid #dce2d6;background:white;min-height:42px;padding:9px 14px;border-radius:10px;white-space:nowrap}.product-app main{min-height:60vh;padding:0 28px 64px}.product-app main>.section,.product-app .hero,.product-app .journey-banner,.product-app .course-promo,.product-app .product-faq,.product-app .continue-area{max-width:1280px;margin:0 auto}.workspace-context{max-width:1280px;margin:0 auto;padding:23px 0 0;display:flex;align-items:center;gap:12px;font-size:14px;color:#788377}.workspace-context>a:first-child{color:#687565;text-decoration:underline;text-underline-offset:4px}.workspace-context #currentCourseLink{margin-left:auto;color:#2e6446;font-weight:600}.product-app main>.section{padding:28px 0 0}.product-app .section-top{align-items:center;gap:20px;margin-bottom:24px}.product-app .section-top p{font-size:16px;margin:10px 0 0;max-width:62ch}.product-app .section-top h2{margin:0}.product-app .pill{font-size:13px;padding:7px 12px;background:#eef2e6;border-color:#dde4d4}.product-app .hero{display:grid;grid-template-columns:1.04fr 1fr;padding:46px 0 42px;gap:64px;min-height:0;align-items:center}.product-app .hero-copy{padding:8px 0}.product-app .hero h1{font-size:46px;line-height:1.45;letter-spacing:-2px;margin:16px 0 20px}.product-app .hero h1>span{color:#2a6545;background:none;position:static}.product-app .hero h1>span:after{display:none}.product-app .hero-copy>p{font-size:17px;line-height:1.95;margin:0 0 26px;max-width:40ch}.product-app .hero .primary{font-size:16px}.product-app .hero-online{display:inline-flex;margin:0 0 0 16px;font-size:15px;min-height:48px;align-items:center;text-decoration:underline;text-underline-offset:5px;color:#456749}.product-app .hero-note{font-size:13px;text-align:left;margin-top:16px}.hero-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.hero-benefits span{background:#edf2e7;border:1px solid #e1e8d9;border-radius:7px;padding:4px 9px;font-size:12px;color:#5b7156}.product-app .hero-demo{border:1px solid #dde5d4;border-radius:22px;padding:18px;background:#eef3e6;box-shadow:0 10px 30px #2b4f3310}.product-app .hero-compare{height:355px;aspect-ratio:auto;border:1px solid #e1e6d8;border-radius:14px;background:white}.product-app .hero-compare .sprite{background-size:200% 100%;height:100%;width:100%}.product-app .demo-top{margin-bottom:12px;font-size:13px;color:#4f644c}.product-app .demo-badge{font-size:12px;padding:3px 9px;background:white}.product-app .demo-caption{font-size:13px;margin:14px 0 0;line-height:1.7;text-align:left}.product-app .demo-caption small{font-size:12px!important;margin-top:4px}.product-app .compare-tag{font-size:12px;padding:4px 9px;border-radius:6px}.product-app .compare-divider>span{box-shadow:0 2px 8px #1c39282b}.product-app .gallery-section{padding-top:22px!important}.product-app .gallery-section .section-top h2{font-size:27px}.product-app .gallery-section .filters{margin-left:auto;gap:7px}.product-app .filters button{font-size:14px;min-height:40px;padding:7px 15px;background:#fff;border:1px solid #e0e5db;color:#5f6f5c}.product-app .filters button.active{background:#2e6045;color:white;border-color:#2e6045}.text-link{font-size:14px;font-weight:600;white-space:nowrap;color:#3d6748}.product-app[data-view="home"] .gallery-section .filters,.product-app[data-view="home"] .library-search{display:none}.product-app:not([data-view="home"]) .gallery-all-link{display:none}.product-app .gallery{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.template-card{min-width:0;background:white;border:1px solid #e1e7d9;border-radius:18px;overflow:hidden;transition:box-shadow .2s,transform .2s}.template-card:hover{box-shadow:0 9px 24px #264d2812;transform:translateY(-3px)}.template-card .gallery-card{width:100%;display:block}.product-app .gallery-image{height:205px;border-radius:0;padding:22px 58px;background:#eff2e7}.product-app .template-card:nth-child(2) .gallery-image{background:#f1eadf}.product-app .template-card:nth-child(3) .gallery-image{background:#ece9f1}.product-app .gallery-image .art{transform:none!important;padding:0;box-shadow:none;background:none}.product-app .gallery-image>span{font-size:12px;left:15px;top:14px;padding:3px 9px;background:#fffdf8e6;border:1px solid #fff;border-radius:6px}.product-app .card-caption{padding:16px 20px 6px;align-items:center}.product-app .card-caption strong{font-size:17px}.product-app .card-caption small{font-size:13px!important;margin-top:4px}.product-app .card-caption b{display:none}.template-card-actions{display:flex;gap:9px;padding:13px 20px 19px}.template-card-actions button{font-size:14px!important;min-height:40px!important;padding:8px 13px!important;flex:1}.library-search{margin:22px 0 26px;padding:20px;background:white;border:1px solid #e0e6d9;border-radius:13px}.library-search>label{font-size:14px;font-weight:600;display:block;margin-bottom:8px}.library-search>div{display:flex;align-items:center;gap:18px}.library-search input{width:min(460px,100%);height:48px;padding:10px 15px;border:1px solid #cdd9c6;border-radius:9px;font:16px 'Noto Sans KR',sans-serif;background:#fafbf8}.library-search span{font-size:14px;color:#677563;white-space:nowrap}.library-empty{padding:60px 24px;text-align:center;border:1px dashed #cbd7c2;border-radius:16px;background:white}.library-empty h3{font-size:23px}.library-empty p{margin:10px 0 20px}.product-app .course-promo{display:grid;grid-template-columns:300px 1fr;gap:42px;align-items:center;padding:32px 42px;margin-top:38px;border:1px solid #e3ddcc;border-radius:20px;background:#f3eddf}.course-promo-image{background:#fffcf6;border:1px solid #e8e1cf;border-radius:18px;overflow:hidden;aspect-ratio:1.2}.course-promo-image img{display:block;width:100%;height:100%;object-fit:cover}.course-promo h2{font-size:28px;margin:10px 0}.course-promo p{font-size:16px;margin:0 0 15px}.course-facts{display:flex;gap:8px;font-size:12px;color:#74674e;margin-bottom:20px}.course-facts span{padding:3px 9px;border-radius:6px;background:#fffaf0;border:1px solid #e7ddc5}.product-app .product-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:55px;padding-top:50px}.product-faq h2{font-size:27px;margin-top:10px}.product-faq details{border-bottom:1px solid #dde4d6;padding:0 0 8px;margin-bottom:8px}.product-faq summary{font-size:16px;font-weight:600;min-height:54px;align-content:center;cursor:pointer}.product-faq details p{font-size:15px;margin-bottom:15px}.continue-area{margin-bottom:18px!important}.continue-area #savedCourseBanner{padding:20px 24px;margin:0;border:1px solid #c9d9be;border-radius:15px;background:#eaf2df;display:flex}.product-app .studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #dce4d4;background:white;border-radius:18px;overflow:hidden}.product-app .upload-panel{padding:25px 28px}.product-app .preview-panel{padding:25px;background:#eef2e6}.product-app .tabbar{gap:16px;margin-bottom:20px}.product-app .tab{min-height:44px;font-size:15px;padding-bottom:12px}.product-app .drop{min-height:205px;background:#f8faf4;border-radius:14px;border-color:#c5d2b8}.product-app .drop strong{font-size:18px}.product-app .drop>span:not(.upload-icon){font-size:14px}.product-app .ai-settings{gap:16px;margin-top:20px}.product-app .ai-settings label{font-size:14px;gap:7px}.product-app .ai-settings select{background:#fff;min-height:48px;border-radius:9px;font-size:15px}.product-app .setting-note{font-size:13px;margin:18px 0}.product-app .privacy{font-size:13px;line-height:1.85;margin:16px 0}.product-app .consent{font-size:14px;gap:10px;line-height:1.8}.product-app .ai-generate{min-height:52px;font-size:17px;border-radius:11px;margin-top:15px}.product-app .connection{padding:10px 13px;font-size:13px;line-height:1.8}.product-app #uploadStatus{font-size:14px;margin-top:12px}.product-app .preview-top{font-size:15px}.product-app .preview-top>span{font-size:12px}.preview-empty{min-height:405px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px 20px;margin:18px 0;border-radius:14px;background:#fafbf7;border:1px solid #dde6d5}.preview-empty svg{width:50px;height:50px;color:#8ca179;margin-bottom:20px}.preview-empty h3{font-size:20px}.preview-empty p{font-size:15px;margin-top:10px}.preview-empty>span{font-size:13px;color:#79876c;margin-top:5px}.preview-empty>a{font-size:14px;margin-top:20px;text-decoration:underline;text-underline-offset:4px;color:#396341}.preview-not-started{display:none!important}.product-app .preview-panel>small{font-size:12px!important;line-height:1.8;color:#65765c!important;display:block;margin-top:17px}.product-app .canvas-wrap{height:420px}.product-app .preview-actions button{min-height:44px;font-size:14px}.product-app .result-actions{margin:15px 0}.product-app .room-shell{grid-template-columns:250px minmax(0,1fr);border-radius:18px;background:#edf1e5;border-color:#dbe3d1}.product-app .room-tools{padding:22px;background:#fff}.product-app .room-tools h3{font-size:17px;margin-top:8px}.product-app .room-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-app .room-modes button{font-size:13px;min-height:42px;padding:8px 5px;line-height:1.5}.product-app .room-palette{gap:8px}.product-app .room-palette button{min-width:0;min-height:33px}.product-app .room-workspace{padding:22px}.product-app .paint-surface{background:#e5eade;border:1px solid #d6dfcd;border-radius:12px;min-height:420px;padding:22px}.product-app .paint-surface canvas{width:min(100%,540px);background:white;box-shadow:0 4px 20px #2a472619;border-radius:3px}.product-app .room-toolbar{gap:8px;margin-bottom:17px}.product-app .room-toolbar button{font-size:14px;min-height:43px;padding:9px 13px}.product-app .room-range{display:block;width:100%;font-size:14px;margin:17px 0 0}.product-app .room-task,.product-app .room-workspace>p{font-size:13px;line-height:1.8}.product-app .room-guide-toggle{font-size:14px}.product-app .room-samples button,.product-app .room-upload{font-size:13px;min-height:40px}.room-return{display:inline-flex;margin:-6px 0 20px;font-size:14px;font-weight:600;color:#3f6949!important;text-decoration:underline;text-underline-offset:4px}.product-app .journey-banner{padding:30px 34px;margin-top:26px;background:#eef3e5;border-radius:18px;border-color:#dce5cf}.product-app .journey-banner h2{font-size:30px;max-width:800px}.product-app .journey-banner p{font-size:16px}.product-app .journey-stages{gap:12px;margin:22px 0}.product-app .journey-stages li{padding:12px;font-size:14px;background:white;border-color:#dce4d3}.product-app .journey-stages b{min-width:30px}.product-app .journey-buttons{gap:12px}.product-app .journey-buttons a{padding:11px 16px}.product-app .technique-demo{background:white;border:1px solid #e1e5d8;border-radius:18px;padding:32px;gap:36px}.product-app .technique-demo h2{white-space:pre-line;font-size:29px}.product-app .technique-demo p{font-size:16px}.product-app .technique-controls button{font-size:14px;min-height:44px}.product-app .discovery-grid{background:white;border:1px solid #e0e6d8;border-radius:18px;padding:28px;gap:34px;grid-template-columns:1fr 1fr}.product-app .medium-tabs{gap:9px;margin-bottom:20px}.product-app .medium-tabs button{font-size:13px;background:#f5f7f0;padding:6px}.product-app .medium-tabs button img{aspect-ratio:1.5}.product-app .medium-panel h3{font-size:27px}.product-app .medium-panel p,.product-app .mini-lesson p{font-size:15px}.product-app .course-welcome{padding:23px;background:#f0f4e9;border-radius:16px;margin-bottom:20px}.product-app .course-kit{gap:12px}.product-app .course-kit details{background:white;padding:14px 16px}.product-app .course-kit ul{font-size:15px}.product-app .course-header-actions button{font-size:14px;min-height:44px}.product-app .course-welcome>p{font-size:16px}.product-app .quality-note{font-size:14px;padding:15px 19px;border-radius:12px}.product-app .quality-note p{font-size:13px}.product-app .teacher-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.product-app .visual-art{padding:20px;border:1px solid #dce5d0;border-radius:16px;background:#edf3e6;top:102px}.product-app .lesson-stage-canvas{max-height:480px;max-height:52svh}.product-app .visual-caption,.product-app .visual-map-note{font-size:12px;line-height:1.8}.product-app .visual-stage-label{font-size:15px}.product-app .visual-intensity{font-size:13px}.product-app .visual-art>.primary,.product-app .visual-art>.secondary{font-size:14px;min-height:44px}.product-app .visual-nav button{min-height:42px;font-size:14px}.product-app .course-step-tabs{gap:7px;margin-bottom:20px}.product-app .course-step-tabs button{font-size:13px;padding:9px 11px;min-height:43px}.product-app .teacher-panel h3{font-size:27px;margin-bottom:18px}.product-app .lesson-objective,.product-app .observation-prompt{font-size:15px}.product-app .course-actions label{font-size:16px;line-height:1.9}.product-app .course-actions li{padding:15px 17px}.product-app .teacher-panel h4{font-size:21px}.product-app .course-paint-info>strong{font-size:17px}.product-app .course-paint-info>p{font-size:14px}.product-app .self-check,.product-app .creative-choice p,.product-app .coach-details p{font-size:15px}.product-app .coach-details summary{font-size:15px}.product-app .teacher-actions button{font-size:15px}.product-app .lesson-palette{padding:20px;background:white;border:1px solid #e0e5d8;border-radius:12px;margin-top:25px}.product-app .teacher-bottom{padding:20px;font-size:14px;background:#f0f3e8}.product-app .finish-preview{padding:28px;background:white;border:1px solid #e1e6d9;border-radius:16px}.product-app .finish-preview h3{font-size:26px}.product-app .finish-preview p{font-size:15px}.product-app .course-reflection{padding:26px;background:#f1edde;border:1px solid #e3decc}.product-app .course-reflection h3{font-size:26px}.product-app .course-reflection p,.product-app .reflection-question{font-size:15px}.course-reading-progress{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #dce4d4;border-radius:12px;padding:13px 18px;font-size:14px;margin-bottom:20px}.course-reading-progress>span:nth-child(2){margin-left:auto;color:#6b7b61}.course-reading-progress progress{appearance:none;width:100%;height:7px;border:0;border-radius:10px;overflow:hidden}.course-reading-progress progress::-webkit-progress-bar{background:#e8eee0}.course-reading-progress progress::-webkit-progress-value{background:#639351;border-radius:10px}.product-app .site-footer{padding:30px 28px;background:#eef1e8;border-color:#dee5d5}.product-app .footer-inner{max-width:1280px}.product-app .footer-brand>span,.product-app .footer-contact{font-size:14px}.product-app .company-info summary{font-size:14px}.product-app .company-details p{font-size:13px}.product-app .footer-notice{font-size:12px!important;max-width:110ch}.product-app .footer-bottom p{font-size:12px}.product-app .footer-font-toggle{font-size:13px;min-height:40px}.product-app .mobile-shortcuts{display:none}
@media(min-width:1600px){.product-app .hero{padding-top:55px;padding-bottom:48px}.product-app .hero h1{font-size:51px}}
@media(max-width:1100px){.product-header{padding:0 24px;gap:18px}.product-header nav{gap:0}.product-header nav a{font-size:14px;padding:9px 10px}.product-header .header-btn{display:none}.product-app .hero{gap:30px}.product-app .hero h1{font-size:40px}.product-app .hero-compare{height:330px}.product-app .hero-online{margin:12px 0 0;display:flex;width:max-content}.product-app .course-promo{grid-template-columns:240px 1fr;gap:30px;padding:30px}.product-app .teacher-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.product-app .course-step-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.product-app main{padding-inline:20px}.product-header{height:76px;padding:0 20px}.product-header nav a{padding:9px 8px;font-size:13px}.product-header .brand .brand-wordmark{font-size:19px}.product-header .brand>svg{width:25px;height:25px;flex-basis:25px}.product-app .hero{grid-template-columns:1fr 1fr;gap:24px;padding-top:30px}.product-app .hero h1{font-size:34px;letter-spacing:-1.5px}.product-app .hero-copy>p{font-size:15px}.product-app .hero .primary{font-size:14px;padding:11px 15px}.product-app .hero-online{font-size:14px}.product-app .hero-note{font-size:12px}.hero-benefits{gap:5px}.hero-benefits span{font-size:11px;padding:3px 6px}.product-app .hero-compare{height:305px}.product-app .hero-demo{padding:13px}.product-app .demo-top{font-size:12px;gap:8px}.product-app .demo-badge{display:none}.product-app .gallery-image{height:180px;padding:22px 35px}.product-app .card-caption{padding:14px 15px 3px}.product-app .card-caption strong{font-size:16px}.product-app .card-caption small{font-size:12px!important}.template-card-actions{padding:12px 14px 15px;gap:6px}.template-card-actions button{font-size:12px!important;padding:8px!important}.product-app .studio-grid,.product-app .teacher-grid,.product-app .discovery-grid{grid-template-columns:1fr}.product-app .teacher-art{max-width:650px}.product-app .visual-art{position:static}.product-app .teacher-panel{max-width:none}.product-app .course-step-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.product-app .room-shell{grid-template-columns:220px minmax(0,1fr)}.product-app .room-tools{padding:18px}.product-app .course-promo{grid-template-columns:210px 1fr;padding:25px}.product-app .course-promo h2{font-size:24px}.product-app .product-faq{gap:30px}.product-faq h2{font-size:24px}.product-app .journey-stages{grid-template-columns:repeat(2,1fr)}.product-app .course-kit{grid-template-columns:1fr}.product-app .course-kit details:last-child{grid-column:auto}.product-app .technique-demo{grid-template-columns:1fr 1fr;padding:25px;gap:25px}.product-app .technique-demo h2{font-size:24px}}
@media(max-width:650px){.product-app{padding-bottom:77px;font-size:16px}.product-header{height:70px;padding:0 18px}.product-header .brand .brand-wordmark{font-size:21px}.product-header .brand>svg{width:27px;height:27px;flex-basis:27px}.product-header nav{display:none}.product-header .header-btn{display:flex;font-size:13px;padding:8px 11px;min-height:40px}.product-app main{padding:0 18px 38px}.workspace-context{padding-top:18px;font-size:13px;gap:9px}.workspace-context #currentCourseLink{font-size:12px}.product-app main>.section{padding-top:23px}.product-app .section-top{display:block;margin-bottom:20px}.product-app h2,.product-app .section-top h2{font-size:27px}.product-app .section-top p{font-size:16px;line-height:1.8}.product-app .pill{display:none}.product-app .hero{display:flex;flex-direction:column;gap:27px;padding:28px 0 30px;align-items:stretch}.product-app .hero-copy{padding:0}.product-app .hero h1{font-size:34px;line-height:1.5;letter-spacing:-1.4px;margin:12px 0 16px}.product-app .hero .eyebrow{font-size:12px}.product-app .hero-copy>p{font-size:16px;margin-bottom:21px;line-height:1.9}.product-app .hero .primary{width:100%;font-size:16px;min-height:50px}.product-app .hero-online{display:flex;justify-content:center;width:100%;font-size:15px;min-height:44px;margin:10px 0 0}.product-app .hero-note{text-align:center;font-size:12px;margin-top:10px}.hero-benefits{justify-content:center;margin-top:17px;gap:6px}.hero-benefits span{font-size:11px;padding:4px 7px}.product-app .hero-demo{padding:14px;border-radius:17px}.product-app .hero-compare{height:305px}.product-app .demo-top{font-size:13px}.product-app .demo-badge{display:inline-block;font-size:11px}.product-app .demo-caption{font-size:12px}.product-app .demo-caption small{font-size:11px!important}.product-app .gallery-section{padding-top:8px!important}.product-app .gallery-section .section-top{position:relative}.product-app .gallery-section .section-top h2{font-size:25px}.product-app .gallery-section .section-top p{font-size:15px}.product-app .gallery-all-link{display:inline-flex;font-size:13px;margin-top:10px}.product-app .gallery-section .filters{margin:18px 0 0;gap:7px;flex-wrap:wrap}.product-app .filters button{font-size:14px;min-height:42px}.product-app .gallery{grid-template-columns:1fr;gap:17px}.product-app .gallery-image{height:235px;padding:23px 75px}.product-app .card-caption{padding:16px 18px 4px}.product-app .card-caption strong{font-size:18px}.product-app .card-caption small{font-size:14px!important}.template-card-actions{padding:13px 18px 18px;gap:10px}.template-card-actions button{font-size:15px!important;min-height:45px!important;padding:9px 13px!important}.product-app[data-view="home"] .gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 10px;scrollbar-width:thin}.product-app[data-view="home"] .template-card{min-width:83%;scroll-snap-align:start}.product-app[data-view="home"] .gallery-image{height:210px;padding:20px 58px}.library-search{padding:16px;margin:18px 0 22px}.library-search>div{gap:12px}.library-search input{min-width:0}.library-search span{font-size:12px}.product-app .course-promo{grid-template-columns:1fr;gap:20px;padding:23px;margin-top:25px}.course-promo-image{display:none}.product-app .course-promo h2{font-size:25px;line-height:1.5}.course-promo p{font-size:15px}.course-promo .primary{width:100%;font-size:15px}.product-app .product-faq{grid-template-columns:1fr;gap:20px;padding-top:32px}.product-faq h2{font-size:25px}.product-faq summary{font-size:15px;min-height:54px}.product-faq details p{font-size:14px}.product-app .upload-panel{padding:20px 16px}.product-app .preview-panel{padding:20px 16px}.product-app .tabbar{gap:12px}.product-app .tab{font-size:14px;min-height:45px}.product-app .drop{min-height:185px;padding:22px 10px}.product-app .drop strong{font-size:17px}.product-app .ai-settings label{font-size:15px}.product-app .ai-settings select{font-size:16px;min-height:50px}.product-app .setting-note,.product-app .privacy{font-size:13px}.product-app .consent{font-size:15px;line-height:1.85}.product-app .ai-generate{font-size:17px;min-height:54px;line-height:1.6}.product-app #uploadStatus{font-size:14px}.preview-empty{min-height:260px;padding:25px 15px}.preview-empty h3{font-size:18px}.preview-empty p{font-size:14px}.preview-empty>span{font-size:12px}.product-app .canvas-wrap{height:360px}.product-app .preview-panel>small{font-size:12px!important}.product-app .room-shell{grid-template-columns:1fr}.product-app .room-tools{padding:18px 16px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.product-app .room-tools h3,.product-app .room-modes,.product-app .room-palette,.product-app .custom-color,.product-app .room-guide-toggle,.product-app .room-task{grid-column:1/-1}.product-app .room-tools h3{font-size:16px;margin:4px 0 12px}.product-app .room-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.product-app .room-palette button{min-height:37px}.product-app .custom-color{font-size:14px;margin:12px 0}.product-app .room-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.product-app .room-modes button{font-size:12px;min-height:45px;padding:7px 3px}.product-app .room-range{min-width:0;font-size:13px;margin-top:15px}.product-app .room-range input{width:100%;min-height:36px}.product-app .room-guide-toggle{font-size:14px;margin-top:12px}.product-app .room-task{font-size:12px;margin:10px 0 0}.product-app .room-workspace{padding:13px}.product-app .room-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:13px}.product-app .room-toolbar button{font-size:14px;min-height:44px;padding:8px}.product-app .paint-surface{padding:8px;min-height:300px}.product-app .room-samples{gap:7px;flex-wrap:wrap}.product-app .room-samples button,.product-app .room-upload{font-size:12px;min-height:40px}.product-app .room-workspace>p{font-size:12px}.product-app .journey-banner{padding:23px 20px;margin-top:23px}.product-app .journey-banner h2{font-size:27px}.product-app .journey-banner p{font-size:15px}.product-app .journey-stages{gap:9px}.product-app .journey-stages li{font-size:13px;padding:12px}.product-app .journey-buttons .primary{font-size:15px;padding:12px}.product-app .journey-buttons a{font-size:15px;min-height:45px}.product-app .technique-demo{grid-template-columns:1fr;padding:21px;gap:20px}.product-app .technique-demo h2{font-size:26px}.product-app .technique-demo p{font-size:15px}.product-app .technique-controls{grid-template-columns:1fr;gap:8px}.product-app .technique-controls button{font-size:15px;min-height:45px}.product-app .discovery-grid{padding:18px;gap:24px}.product-app .medium-tabs button{font-size:13px}.product-app .medium-panel h3{font-size:25px}.product-app .medium-panel p{font-size:15px}.product-app .course-welcome{padding:20px 16px}.product-app .course-welcome>p{font-size:16px}.product-app .course-header-actions button{font-size:15px;min-height:46px}.product-app .course-kit{gap:10px}.product-app .course-kit ul{font-size:15px}.product-app .quality-note p{font-size:13px}.product-app .visual-art{padding:15px}.product-app .lesson-stage-canvas{max-height:390px;max-height:49svh}.product-app .visual-nav button{font-size:15px;min-height:45px}.product-app .visual-art>.primary,.product-app .visual-art>.secondary{font-size:15px;width:100%;margin:10px 0 0;min-height:46px}.product-app .visual-caption,.product-app .visual-map-note,.product-app .visual-intensity{font-size:13px}.product-app .course-step-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-app .course-step-tabs button{font-size:14px;min-height:54px;padding:10px}.product-app .teacher-panel h3{font-size:26px}.product-app .course-actions label{font-size:17px;line-height:1.9}.product-app .course-actions li{padding:15px 13px}.product-app .teacher-panel h4{font-size:22px}.product-app .lesson-objective,.product-app .observation-prompt,.product-app .self-check,.product-app .creative-choice p{font-size:16px}.product-app .coach-details p,.product-app .coach-details summary{font-size:15px}.product-app .teacher-actions button{font-size:16px;min-height:48px}.product-app .lesson-palette{grid-template-columns:1fr;padding:17px}.product-app .lesson-palette strong{font-size:15px}.product-app .lesson-palette small{font-size:14px!important}.product-app .teacher-bottom{font-size:14px;gap:16px}.product-app .finish-preview{padding:21px 16px}.product-app .finish-preview h3{font-size:25px}.product-app .finish-tools button{font-size:14px}.product-app .course-reflection{padding:22px 18px}.product-app .course-reflection h3{font-size:25px}.course-reading-progress{padding:12px 14px;font-size:13px;gap:10px}.product-app .site-footer{padding:27px 20px 23px}.product-app .footer-brand>span,.product-app .footer-contact{font-size:14px}.product-app .company-details p{font-size:13px}.product-app .footer-notice{font-size:12px!important}.product-app .mobile-shortcuts{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;gap:5px;padding:8px 9px calc(8px + env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #dce4d5;backdrop-filter:blur(14px)}.product-app .mobile-shortcuts a{font-size:12px;min-height:46px;padding:8px 4px;border-radius:9px;background:transparent;color:#65745c;flex:1}.product-app .mobile-shortcuts a.active{background:#e9f1de;color:#285b3c;font-weight:700}.product-app .continue-area #savedCourseBanner{padding:18px}.product-app .continue-area #savedCourseBanner button{font-size:14px}.product-app .continue-area #savedCourseBanner small{font-size:12px!important}}
@media print{.product-app .product-header,.product-app .workspace-context,.product-app .product-faq,.product-app .mobile-shortcuts,.product-app .course-promo{display:none!important}.product-app .screen-inactive{display:none!important}.product-app main{padding:0}.product-app .teacher-grid{display:block}.product-app .teacher-art{position:static}.product-app .course-reading-progress{display:none}.product-app .lesson-stage-canvas{max-height:none}}

.product-app .preview-actions{display:flex;flex-wrap:wrap;gap:10px}.product-app .preview-actions button{flex:1;white-space:nowrap;min-width:115px}.product-app .export-note{font-size:14px;line-height:1.8;margin:14px 0}.product-app #resultActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.product-app .preview-top{flex-wrap:wrap;gap:8px}.product-app .preview-top>span{font-size:13px}#outlinePrintSheet{display:none}
@media print{body.printing-outline>*{display:none!important}body.printing-outline>#outlinePrintSheet,body.printing-outline>#outlinePrintSheet *{visibility:visible!important}body.printing-outline>#outlinePrintSheet{display:block!important;margin:0;padding:0;background:white}body.printing-outline{margin:0!important;padding:0!important;background:white!important}#outlinePrintSheet img{display:block;max-width:none;max-height:none;margin:0}}

.product-app .preview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.product-app .preview-actions button{min-width:0;white-space:normal;padding:11px 12px}.product-app #paintGenerated{grid-column:1/-1;width:100%}
@media(max-width:600px){.product-app .preview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.product-app #download{grid-column:1/-1}}

/* Square artwork stays square at every breakpoint, including the two-panel sprite. */
.product-app .hero-compare{height:auto!important;aspect-ratio:1/1!important;width:100%;max-width:520px;margin:auto}.product-app .hero-demo{width:100%;max-width:560px;justify-self:end}.product-app .hero{gap:48px}.hero-demo-modes{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.hero-demo-modes button{background:transparent;border:1px solid #d4decc;padding:6px 10px;border-radius:8px;font-size:12px;line-height:1.7}.hero-demo-modes button.active{background:#fff;border-color:#6e8d6d;color:#275942}.product-app .hero-compare .sprite{background-repeat:no-repeat}
.product-app[data-view="home"] .gallery-section .filters{display:flex;margin:0}.product-app .gallery-section .filters{display:flex;flex-wrap:wrap;gap:7px}.product-app .gallery-section .section-top{flex-wrap:wrap}.product-app .gallery-section .section-top>div{flex:1 1 500px}.product-app .gallery-section .section-top .filters{flex:1 1 100%;order:3}.catalog-mode{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 12px}.catalog-mode>span{font-size:15px;color:#667461}.catalog-mode>div{display:flex;background:#e9eee3;padding:4px;border-radius:10px;flex-shrink:0}.catalog-mode button{font-size:14px;line-height:1.6;padding:8px 16px;background:transparent;border:0;border-radius:8px;color:#6c7868}.catalog-mode button.active{background:white;color:#2e5b41;box-shadow:0 2px 4px #183d2010;font-weight:600}.catalog-disclaimer{font-size:13px!important;margin:10px 0 20px!important}.product-app .gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-app .gallery-card{padding:0;text-align:left;border:0;background:white;display:block;position:relative;border-radius:0}.catalog-art{width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#fff;border-bottom:1px solid #ecf0e8}.catalog-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px;transition:opacity .2s}.catalog-art .catalog-outline{opacity:0}.outline-mode .catalog-art .catalog-colored{opacity:0}.outline-mode .catalog-art .catalog-outline{opacity:1}.catalog-level{position:absolute;left:12px;top:12px;font-size:11px;padding:3px 8px;border-radius:6px;background:#fffef5ed;color:#6d765b;border:1px solid #e2e6d6}.product-app .gallery-card>strong{font-size:16px;line-height:1.5;display:block;margin:16px 17px 5px;white-space:normal}.product-app .gallery-card>small{display:block;font-size:12px;color:#78816e;margin:0 17px 15px}.product-app .template-card-actions{padding:0 15px 16px;gap:7px}.product-app .template-card-actions button{font-size:13px;min-height:42px;padding:8px 6px;flex:1;min-width:0;white-space:normal}.catalog-more{display:flex!important;width:max-content;max-width:100%;margin:28px auto 0!important;text-decoration:none}.catalog-more[hidden]{display:none!important}.product-app[data-view="library"] .catalog-mode>span{display:none}.product-app[data-view="library"] .catalog-mode{justify-content:flex-end}.product-app[data-view="library"] .library-search{margin-top:-65px;max-width:55%;position:relative;margin-bottom:24px}.product-app .library-search input{min-height:47px}
.material-showcase{max-width:1280px;margin:64px auto 0;padding:34px;background:#edf1e6;border:1px solid #e0e7d6;border-radius:24px}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.showcase-heading h2{font-size:31px;margin:10px 0 0;line-height:1.5}.showcase-heading>p{font-size:15px;line-height:1.9;max-width:45ch;margin:0}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.showcase-art{min-width:0}.product-app #homeMaterialCompare{width:100%;max-width:520px;max-height:none;min-width:0;aspect-ratio:1;margin:0;background:white;border:1px solid #dce3d2;border-radius:17px}.product-app #homeMaterialCompare img{object-fit:contain;width:100%;height:100%}.showcase-art>p{font-size:13px;text-align:center;margin:12px 0 0}.showcase-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.showcase-style-grid button{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #dbe1d3;background:#ffffffa8;border-radius:12px;padding:9px 8px;font-size:13px;color:#61705a}.showcase-style-grid button img{width:100%;max-height:86px;aspect-ratio:1;object-fit:contain;border-radius:7px}.showcase-style-grid button.active{border:2px solid #537c52;background:white;padding:8px 7px;color:#285d3b;box-shadow:0 3px 12px #42633412}.showcase-description{margin-top:24px}.showcase-description>span{font-size:13px;color:#65775d}.showcase-description h3{font-size:22px;margin:5px 0 10px}.showcase-description p{font-size:15px;line-height:1.9;margin:0}.showcase-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.showcase-panel>small{display:block;font-size:12px;color:#7c856f;line-height:1.8;margin-top:15px}
.catalog-preview{width:min(680px,calc(100% - 32px));max-height:92vh;padding:24px;border:1px solid #d7dfcf;border-radius:20px;background:#fafbf7;color:#2b4135;overflow:auto}.catalog-preview::backdrop{background:#14291dc2;backdrop-filter:blur(4px)}.catalog-close{display:block;margin-left:auto;background:white;border:1px solid #d8e0d1;padding:7px 14px;border-radius:8px;font-size:14px}.catalog-preview-heading h2{font-size:25px;line-height:1.5;margin:8px 0 20px}.product-app #catalogDetailCompare{width:100%;max-height:none;min-width:0;margin:0;background:white;aspect-ratio:1;border-radius:12px}.product-app #catalogDetailCompare img{object-fit:contain}.catalog-preview-tip{font-size:14px;text-align:center}.catalog-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 14px}.catalog-preview-actions>button{flex:1}.catalog-preview>small{font-size:12px;line-height:1.8;display:block;color:#72806a}
@media(max-width:1100px){.product-app .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-grid{gap:26px}.material-showcase{padding:25px}.showcase-heading h2{font-size:28px}.product-app .hero{gap:32px}}
@media(max-width:850px){.showcase-grid{grid-template-columns:1fr;gap:26px}.showcase-art{max-width:540px;width:100%;margin:auto}.showcase-heading{display:block}.showcase-heading>p{margin-top:16px}.showcase-panel{max-width:600px;width:100%;margin:auto}.product-app .hero-demo{justify-self:center}.product-app .gallery{gap:15px}.product-app .gallery-card>strong{font-size:15px;margin-left:13px;margin-right:13px}.product-app .template-card-actions{padding-left:10px;padding-right:10px}.product-app .template-card-actions button{font-size:12px}.product-app[data-view="home"] .gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding-bottom:0}.product-app[data-view="library"] .library-search{margin-top:0;max-width:none}.catalog-mode{margin-bottom:16px}.catalog-mode>span{display:none}.catalog-mode{justify-content:flex-end}}
@media(max-width:600px){.product-app .hero-demo{max-width:none}.product-app .hero-compare{max-width:none}.hero-demo-modes{gap:5px}.hero-demo-modes button{font-size:11px;padding:5px 7px;flex:1}.product-app .gallery,.product-app[data-view="home"] .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-art>img{padding:7px}.catalog-level{font-size:10px;top:7px;left:7px;padding:2px 5px}.product-app .gallery-card>strong{font-size:14px;margin:12px 10px 5px;min-height:42px}.product-app .gallery-card>small{font-size:11px;margin:0 10px 11px}.product-app .template-card-actions{flex-direction:column;padding:0 10px 12px;gap:6px}.product-app .template-card-actions button{width:100%;font-size:12px;min-height:37px}.product-app .gallery-section .filters{flex-wrap:nowrap;overflow:auto;padding-bottom:5px;width:100%;max-width:calc(100vw - 36px)}.product-app .gallery-section .filters button{flex-shrink:0;font-size:13px;min-height:36px;padding:6px 11px}.catalog-disclaimer{font-size:12px!important}.material-showcase{padding:20px 16px;border-radius:19px;margin-top:40px}.showcase-heading h2{font-size:26px}.showcase-heading>p{font-size:14px}.showcase-style-grid{gap:8px}.showcase-style-grid button{font-size:12px}.showcase-description h3{font-size:21px}.showcase-description p{font-size:15px}.showcase-actions button{flex:1;padding:10px 12px!important;font-size:14px!important}.catalog-preview{padding:16px;max-height:88vh}.catalog-preview-heading h2{font-size:22px}.catalog-preview-actions{flex-direction:column}.product-app #catalogDetailCompare{border:0}.catalog-mode{justify-content:space-between}.catalog-mode button{font-size:13px;padding:7px 13px}}
@media print{.material-showcase,.catalog-preview{display:none!important}}

.product-app #catalogDetailCompare{width:min(100%,calc(88vh - 260px));margin:0 auto}

.product-app .room-catalog-link{font-size:14px;padding:9px 12px;border:1px solid #d6dfce;background:white;border-radius:9px;text-decoration:none;color:#426747}
@media(max-width:600px){.product-app .gallery-section .filters{scrollbar-width:none}.product-app .gallery-section .filters::-webkit-scrollbar{display:none}}