@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#263c38;--green:#326454;--cream:#fffdf8;--muted:#586a61}body{font-size:17px;color:var(--ink);background:var(--cream);line-height:1.75}p{color:#5d6d64;line-height:1.9}small{font-size:13px!important;color:#69786b!important}h1,h2,h3{font-family:'Gowun Dodum','Noto Sans KR',sans-serif;font-weight:700}h2{font-size:36px;letter-spacing:-1px}h3{font-size:23px}.eyebrow{font-size:13px;letter-spacing:1.4px;color:#647b65}.primary,.secondary,button,select{font-size:16px}.primary,.secondary{min-height:46px}.primary{background:#326454;border-radius:11px}.secondary{padding:10px 16px;border-radius:10px}.primary:hover{background:#244e42}button:disabled{opacity:.5}header{max-width:1400px;height:98px;padding:0 40px}header nav{gap:29px;font-size:16px}.header-btn{font-size:15px;padding:12px 17px}.brand>span{font-size:32px}.hero{max-width:1400px;padding:55px 40px 70px;gap:65px;min-height:0}.hero h1{font-size:58px;letter-spacing:-2px}.hero-copy>p{font-size:18px;color:#566b60;line-height:1.9}.hero .primary{font-size:17px}.hero-online{display:block;color:#5f7b65;font-size:16px;margin-top:18px}.hero-note{font-size:14px;color:#718071;margin-top:12px}.little-proof{font-size:14px;line-height:1.7;margin-top:25px}.demo-top{font-size:15px}.demo-badge{font-size:13px}.compare-tag{font-size:14px;padding:6px 12px}.demo-caption{font-size:15px;line-height:1.7}.demo-caption small{margin-top:5px}.journey-mini{font-size:14px;gap:12px}.value-strip{gap:34px;font-size:16px;padding:24px;color:#526d57;background:#edf3e9;border-color:#dce7d5}.section{max-width:1400px;padding:65px 40px}.section-top{margin-bottom:30px}.section-top p{font-size:17px;max-width:850px}.pill{font-size:14px;color:#657b62}.discovery-grid{grid-template-columns:1fr 1.05fr;gap:45px;background:linear-gradient(135deg,#f3f0e6,#edf4ec);padding:32px;border-radius:22px}.tool-compare{aspect-ratio:1/1}.tool-compare .compare-layer{padding:0}.tool-compare .compare-layer img{object-fit:contain}.medium-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.medium-tabs button{padding:6px;background:white;border:2px solid transparent;border-radius:12px;color:#506757;font-size:15px;overflow:hidden}.medium-tabs button.active{border-color:#3c7056;background:#f4faef;color:#285840;box-shadow:0 3px 12px #375d2510}.medium-tabs button img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:7px;margin-bottom:4px}.medium-tabs button span{display:block}.medium-panel h3{font-size:31px;margin:15px 0}.medium-panel>p{font-size:16px;max-width:none}.medium-values small{font-size:14px!important}.mini-lesson{margin-top:18px;padding-top:15px}.mini-lesson>span{font-size:14px;letter-spacing:0;color:#6d8068}.mini-lesson strong{font-size:17px;margin-top:6px}.mini-lesson p{font-size:16px;margin:8px 0 18px}.medium-panel .primary{font-size:16px}.medium-panel .no-wait{font-size:13px;color:#6d7e65;line-height:1.8}.sample-display>small{font-size:13px;line-height:1.8}.why-learn h2{font-size:32px}.teaching-promises h3{font-size:19px}.teaching-promises p{font-size:16px;color:#61715e}.teaching-promises b{font-size:16px}.studio-grid{border-radius:20px}.upload-panel{padding:30px}.tab{font-size:16px}.drop strong{font-size:18px}.drop>span:not(.upload-icon){font-size:16px}.drop{min-height:240px}.drop.has-photo strong{font-size:16px}.drop.has-photo img{width:100px}.ai-settings{gap:20px}.ai-settings label{font-size:16px;color:#435f4b;gap:8px}.ai-settings select{font-size:16px;padding:11px 9px;min-height:48px}.setting-note,.privacy{font-size:14px;color:#61755d;line-height:1.85}.consent{font-size:15px;line-height:1.8}.consent input{width:18px;height:18px;margin-top:4px}.ai-generate{font-size:17px;min-height:54px}.connection{font-size:14px;line-height:1.8;padding:12px 16px}#uploadStatus{font-size:15px;line-height:1.8}#aiProgress{font-size:14px}#analysisSummary{font-size:16px;padding:17px}#analysisSummary p{font-size:14px}.preview-top{font-size:17px}.preview-top>span{font-size:14px}.preview-actions{flex-wrap:wrap;gap:10px}.preview-actions button{font-size:15px;padding:12px 15px}.result-actions button{font-size:14px}.preview-panel>small{font-size:13px;line-height:1.8;margin-top:18px}.canvas-wrap{height:440px}.output-compare{max-height:500px}.card-caption strong{font-size:19px}.card-caption small{font-size:14px!important;line-height:1.8}.gallery-image>span{font-size:14px;padding:5px 12px}.filters button{font-size:16px;padding:10px 16px;min-height:44px}.gallery-image{height:300px}.quality-note{font-size:16px;padding:18px 22px}.quality-note p{font-size:15px;line-height:1.85}.teacher-grid{grid-template-columns:1.1fr 1fr;gap:35px}.teacher-panel h3{font-size:29px;line-height:1.5}.teacher-tabs{gap:9px}.teacher-tabs button{font-size:15px;min-height:42px;padding:9px 13px}.area-badge{font-size:15px}.instruction{font-size:18px;line-height:1.95}.teacher-specs>div{grid-template-columns:105px 1fr;font-size:16px;gap:16px}.teacher-specs strong{font-size:15px;color:#65785d}.self-check{font-size:16px;padding:18px;background:#fff3d7;border-radius:0 10px 10px 0}.teacher-actions button{font-size:15px}.tone-values small{font-size:14px!important}.tone-values span{width:65px;height:36px}.focus-note{font-size:14px}.lesson-palette{gap:20px}.lesson-palette strong{font-size:16px}.lesson-palette small{font-size:14px!important}.lesson-palette span{width:36px;height:36px}.lesson-palette>div{grid-template-columns:40px 1fr}.teacher-bottom{font-size:16px;gap:25px;padding:24px}.finish-preview h3{font-size:29px}.finish-preview p{font-size:16px}.finish-tools{flex-wrap:wrap}.finish-tools button{font-size:16px;padding:10px 16px;min-height:44px}.finish-preview>.primary,.finish-download{font-size:16px}.finish-preview>small{font-size:14px}.finish-status{font-size:15px}.visual-art{padding:24px;background:#edf3e8;align-self:start;position:sticky;top:20px}.lesson-stage-canvas{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:white;border-radius:12px;box-shadow:0 6px 20px #2c4c2510}.visual-stage-label{font-size:17px;font-weight:700;margin:0 0 15px;color:#3c6247}.visual-nav{display:flex;justify-content:space-between;gap:15px;margin-top:17px}.visual-nav button{font-size:16px;min-width:100px}.visual-intensity{font-size:15px;line-height:1.8;margin-top:16px}.visual-legend{display:flex;gap:18px;justify-content:center;font-size:14px}.visual-legend span{display:flex;gap:7px;align-items:center}.visual-legend i{width:22px;height:22px;border-radius:50%;border:1px solid #0001}.visual-caption{font-size:14px;color:#6b7d64;line-height:1.85}.visual-art>.primary,.visual-art>.secondary{font-size:15px;display:inline-flex;margin:9px 4px 0;min-height:46px;align-items:center}.visual-loading{padding:70px 20px;font-size:18px}.room-shell{display:grid;grid-template-columns:280px minmax(0,1fr);background:#f0f3e9;border-radius:22px;border:1px solid #dce6d4;overflow:hidden}.room-tools{background:#fffefa;padding:25px;border-right:1px solid #dfe7d6}.room-tools h3{font:600 18px 'Noto Sans KR',sans-serif;margin:10px 0 17px}.room-tools h3:not(:first-child){margin-top:27px}.room-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.room-palette button{border:3px solid #fff;box-shadow:0 0 0 1px #d8decd;border-radius:50%;aspect-ratio:1;min-height:40px}.room-palette button.active{box-shadow:0 0 0 3px #41664a}.custom-color{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:15px;gap:10px}.custom-color input{width:58px;height:38px;border:0;background:none}.room-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-modes button{min-height:47px;font-size:14px;border:1px solid #dbe2d2;border-radius:9px;background:#f7f9f1;padding:8px 4px}.room-modes button.active{background:#326454;color:white;border-color:#326454}.room-range{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px;font-size:15px}.room-range input{grid-column:1/-1;width:100%;accent-color:#326454}.room-guide-toggle{font-size:14px;display:flex;gap:8px;align-items:center;margin-top:23px}.room-guide-toggle input{width:18px;height:18px;accent-color:#326454}.room-task{font-size:14px;background:#fff1d4;padding:14px;border-radius:9px;color:#79633b;line-height:1.85}.room-workspace{padding:25px;min-width:0}.room-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.room-toolbar button{font-size:15px}.room-toolbar .primary{margin-left:auto}.paint-surface{display:flex;justify-content:center;background:repeating-conic-gradient(#ecede5 0% 25%,#f5f6ef 0% 50%) 50%/16px 16px;padding:20px;border-radius:12px;min-height:480px;max-height:800px;overflow:auto}.paint-surface canvas{display:block;max-width:100%;max-height:740px;width:auto;height:auto;object-fit:contain;background:white;box-shadow:0 7px 25px #34472b14;touch-action:none;cursor:crosshair;align-self:start}.room-workspace>p{font-size:15px;line-height:1.8}.room-samples{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.room-samples button,.room-upload{border:1px solid #d3ddca;background:#fffefa;padding:10px 13px;font-size:14px;border-radius:9px;cursor:pointer}.room-upload input{position:absolute;width:1px;height:1px;opacity:0}.room-upload:focus-within{outline:3px solid #c89455}.technique-demo{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;background:#f2ede2;border-radius:22px;padding:45px}.technique-demo h2{font-size:34px}.technique-demo p{font-size:17px}.technique-controls{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 16px}.technique-controls button{border:1px solid #d7d5c6;background:#fffdf7;border-radius:9px;padding:11px 14px;font-size:15px;min-height:46px}.technique-controls button.active{background:#326454;border-color:#326454;color:white}#techniqueTip{padding:15px 18px;background:#fffdf8;border-radius:12px}#techniqueExample canvas{width:100%;height:auto;display:block;max-height:450px;object-fit:contain}.closing h2{font-size:38px}.closing p{font-size:17px}.closing .primary{font-size:17px}footer p,footer>span{font-size:14px;color:#697b65}
@media(max-width:1000px){header nav{gap:16px;font-size:14px}.hero{gap:30px}.hero h1{font-size:46px}.journey-mini{font-size:12px}.section{padding:55px 25px}.hero{padding:45px 25px}.value-strip{gap:15px;font-size:14px}.discovery-grid{gap:28px;padding:25px}.medium-panel h3{font-size:27px}.teacher-grid{grid-template-columns:1fr 1fr}.teacher-specs>div{grid-template-columns:85px 1fr}.room-shell{grid-template-columns:240px 1fr}.room-tools{padding:20px}.room-workspace{padding:20px}.room-toolbar .primary{margin-left:0}.technique-demo{padding:30px;gap:25px}.technique-demo h2{font-size:29px}}
@media(max-width:650px){body{font-size:17px}header{height:80px;padding:0 20px}.header-btn{font-size:14px;padding:9px 12px}.brand>span{font-size:29px}.hero{grid-template-columns:1fr;padding:35px 22px 40px;gap:28px}.hero h1{font-size:44px}.hero-copy>p{font-size:17px}.hero .eyebrow{font-size:13px}.hero .primary{width:100%;font-size:17px}.hero-online{text-align:center;font-size:16px}.hero-note{text-align:center;font-size:13px}.little-proof{font-size:14px}.demo-top{font-size:14px}.journey-mini{font-size:12px;gap:4px}.value-strip{font-size:14px;gap:16px;padding:23px 14px}.section{padding:43px 20px}.section-top p{font-size:16px}h2{font-size:30px;line-height:1.5}.discovery-grid{grid-template-columns:1fr;padding:18px;gap:25px}.medium-tabs{grid-template-columns:repeat(3,1fr);gap:8px}.medium-tabs button{font-size:14px;padding:5px}.medium-panel h3{font-size:29px}.medium-panel>p{font-size:16px}.medium-panel .no-wait{font-size:14px}.medium-panel .primary{width:100%}.why-learn h2{font-size:29px}.teaching-promises h3{font-size:19px}.teaching-promises p{font-size:16px}.upload-panel{padding:22px}.tabbar{gap:14px}.tab{font-size:15px}.ai-settings{grid-template-columns:1fr;gap:17px}.ai-settings label{font-size:16px}.ai-settings select{font-size:17px}.drop.has-photo strong{font-size:15px}.consent{font-size:14px}.preview-top{font-size:16px}.preview-actions button{font-size:15px;flex:1}.preview-actions #paintGenerated{flex-basis:100%}.preview-panel>small{font-size:14px}.gallery-image{height:300px}.card-caption strong{font-size:19px}.filters button{font-size:15px}.teacher-grid{grid-template-columns:1fr;gap:27px}.visual-art{position:static;padding:20px}.lesson-stage-canvas{max-height:550px}.teacher-panel h3{font-size:27px}.teacher-tabs button{font-size:14px}.instruction{font-size:18px}.teacher-specs>div{font-size:16px;grid-template-columns:90px 1fr;gap:12px}.teacher-specs strong{font-size:15px}.self-check{font-size:16px}.lesson-palette{grid-template-columns:1fr 1fr}.lesson-palette small{font-size:13px!important}.teacher-bottom{font-size:16px}.finish-preview{padding:22px}.finish-preview h3{font-size:27px}.finish-preview p{font-size:16px}.finish-tools button{font-size:15px;padding:10px 13px}.finish-preview>.primary{width:100%;font-size:16px}.room-shell{grid-template-columns:1fr}.room-tools{padding:20px;border-right:0;border-bottom:1px solid #dfe7d6}.room-palette{grid-template-columns:repeat(6,1fr);gap:10px}.room-palette button{min-height:37px}.room-tools h3{margin-top:10px}.room-modes{grid-template-columns:repeat(3,1fr)}.room-modes button{font-size:14px}.room-range{display:inline-grid;width:calc(50% - 8px);margin:18px 10px 0 0}.room-range:nth-of-type(3){margin-right:0}.room-guide-toggle{font-size:15px}.room-workspace{padding:15px}.room-toolbar{gap:7px}.room-toolbar button{font-size:14px;min-height:45px;padding:9px 11px}.paint-surface{padding:10px;min-height:320px;max-height:none}.paint-surface canvas{max-height:none;width:100%;height:auto}.room-workspace>p{font-size:15px}.room-samples button,.room-upload{font-size:14px}.technique-demo{grid-template-columns:1fr;padding:23px;gap:20px}.technique-demo h2{font-size:29px}.technique-demo p{font-size:17px}.technique-controls button{font-size:14px;flex:1;padding:10px 8px}.technique-demo .primary{width:100%;font-size:16px}.closing h2{font-size:32px}.closing p{font-size:16px}footer p,footer>span{font-size:13px}}
@media print{.room-shell,.technique-section{display:none}.visual-art{position:static}.visual-art>.primary,.visual-art>.secondary,.visual-nav{display:none}body.print-lesson .teacher-art{float:right;width:42%;margin-left:15px}body.print-lesson .teacher-art canvas{display:block!important}body.print-lesson .visual-stage-label,body.print-lesson .visual-intensity,body.print-lesson .visual-caption,body.print-lesson .visual-legend{display:none}}
.paint-surface canvas{width:min(100%,560px);height:auto;max-height:none}.paint-surface{max-height:none}.room-range input{min-height:28px}