body{background:#f0f2eb}.atelier-heading{width:min(1400px,100% - 64px);margin:45px auto 25px;display:flex;justify-content:space-between;align-items:center;gap:24px}.atelier-kicker{font-size:11px;letter-spacing:2px;color:#7c8972;font-weight:800;margin:0 0 12px}.atelier-heading h1{font-family:var(--font-body);font-size:clamp(28px,3vw,44px);letter-spacing:-2px;margin:0 0 15px;font-weight:800}.atelier-heading>div>p:last-child{color:#728069;font-size:15px;line-height:1.8;margin:0}.atelier-jump{color:#3d5943;text-decoration:none;white-space:nowrap;border-bottom:1px solid #b9c6ae;padding:14px 0;font-size:14px}.program-mode{width:min(1400px,100% - 64px);margin-bottom:25px;background:#e5ebde}.layout{width:min(1400px,100% - 64px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"photo photo" "stage stage" "words settings";gap:28px;align-items:start}.step-photo{grid-area:photo}.stage{grid-area:stage;position:static;top:auto;padding:28px;background:#fcfdf9;min-width:0}.step-words{grid-area:words}.settings{grid-area:settings}.card{border:1px solid #dae0d2;border-radius:16px;padding:28px}.step-photo .upload{min-height:100px;margin-bottom:12px}.step-photo .step-title{margin-bottom:18px}.step-title{font-family:var(--font-body);font-weight:800;font-size:22px}.atelier-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.atelier-stage-heading .step-title{margin:0}.atelier-view-tools{display:flex;gap:8px}.atelier-view-tools button{border:1px solid #d4dfcb;border-radius:7px;background:#f4f7ef;color:#34523b;padding:11px 17px;font:700 13px var(--font-body);cursor:pointer;min-height:44px}.atelier-view-tools button:hover,.atelier-view-tools button[aria-pressed="true"]{background:#dce9d1}.atelier-canvas-mat{background:radial-gradient(ellipse at top,#374a3d,#182c24);padding:35px;border-radius:10px;min-height:400px}.stage .canvas-wrap{max-width:720px;width:100%;border-radius:3px;box-shadow:0 14px 40px #0005}.stage .canvas-wrap.landscape,.stage.is-expanded .canvas-wrap{max-width:none}.stage .canvas-wrap canvas{width:100%;height:auto}.stage .preview-tools{max-width:none;margin-top:24px}.stage .review-actions{justify-content:flex-end}.stage .review-actions .btn{flex:0 1 auto;padding-inline:22px}.stage:fullscreen{overflow:auto;padding:30px;background:#f0f2eb}.stage:fullscreen .canvas-wrap{max-width:min(720px,calc((100vh - 200px)*9/16))}.stage:fullscreen .canvas-wrap.landscape{max-width:calc((100vh - 200px)*16/9)}.stage:fullscreen .atelier-canvas-mat{padding:15px}.action-bar{padding-inline:max(24px,calc((100% - 1400px)/2));grid-template-columns:1fr 1.5fr}.settings[open]{display:grid;gap:20px}.background-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.help{line-height:1.8}.atelier-heading,.stage{scroll-margin-top:25px}
@media(max-width:850px){.atelier-heading,.program-mode,.layout{width:calc(100% - 32px)}.atelier-heading{margin-top:28px;align-items:flex-start}.atelier-jump{display:none}.layout{grid-template-columns:1fr;grid-template-areas:"photo" "stage" "words" "settings";gap:20px}.atelier-stage-heading{align-items:flex-start;flex-direction:column;gap:16px}.atelier-canvas-mat{padding:20px;min-height:250px}.card,.stage{padding:20px}.stage .canvas-wrap{max-width:none}.atelier-heading h1{letter-spacing:-1.5px}.atelier-heading>div>p:last-child{font-size:14px}.stage .review-actions .btn{padding:12px;font-size:13px}.background-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.atelier-canvas-mat{padding:10px}.atelier-stage-heading .step-title{font-size:21px}.atelier-view-tools button{padding:10px 12px;font-size:12px}.stage,.card{padding:16px}.atelier-heading h1{font-size:27px}.action-bar{padding-inline:16px}}
.upload[aria-disabled="true"]{pointer-events:none;opacity:.7;cursor:wait;background:#e7efdf}.upload-progress{padding:15px 18px;border-radius:8px;background:#e6efdd;color:#355131;white-space:pre-line;font-size:15px}.processing-notice{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:80;max-width:calc(100% - 32px);width:560px;padding:17px 22px;background:#263f30;color:white;border-radius:12px;box-shadow:0 6px 24px #0003;white-space:pre-line;font-size:15px;line-height:1.6;pointer-events:none}.processing-notice[hidden],.upload-progress[hidden]{display:none}
.stage .canvas-wrap{max-width:var(--preview-width,720px)}.stage .canvas-wrap.landscape{max-width:var(--preview-width,100%)}.stage.is-expanded .canvas-wrap{max-width:100%}.draft-actions{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.still-downloads{display:flex;flex-direction:column;gap:10px}.still-downloads a{color:#315638;padding:10px;text-decoration:underline}.atelier-view-tools{flex-wrap:wrap}
/* A calm, open studio for everyday photographs. */
.atelier-heading{align-items:stretch;position:relative;padding:30px 34px;background:#e5ebdf;border:1px solid #d8e0d1;border-radius:24px;overflow:hidden}.atelier-heading>div{align-self:center;flex:1}.atelier-cover{width:250px;flex:0 0 250px;margin:0;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #283b2420}.atelier-cover img{display:block;width:100%;height:190px;object-fit:cover}.atelier-cover figcaption{position:absolute;bottom:0;padding:30px 15px 12px;background:linear-gradient(transparent,#17291dde);color:white;width:100%;font-size:15px;font-weight:700}.atelier-cover figcaption span{display:block;font-size:11px;font-weight:400;margin-top:6px}.atelier-jump{display:none}.quick-orientation{max-width:560px;margin-top:24px;padding:18px 20px;background:#edf3e8;border-radius:14px}.quick-orientation label:before{content:'▣';margin-right:9px;color:#658258}.step-photo .step-title:after{content:'PHOTO COLLECTION';font-size:11px;letter-spacing:2px;margin-left:auto;color:#7d8c75}.step-words .step-title:after{content:'✎';font-size:30px;margin-left:auto;color:#78916b}.step-photo .upload{background:linear-gradient(120deg,#f4f8f0,#fcfdfb);border-color:#a3b394}.atelier-canvas-mat{background:radial-gradient(ellipse at 50% 20%,#e5e9df,#d7ddd1);border-radius:18px}.action-bar{gap:12px}.action-bar .btn{min-width:0}.step-words .field{padding-bottom:16px;border-bottom:1px solid #edf0e9}.step-words .field:last-child{border-bottom:0}.quick-orientation select{background:#fff}.canvas-wrap canvas{border:0}.stage{box-shadow:0 12px 40px #3e4e3310}
@media(max-width:850px){.atelier-heading{padding:24px}.atelier-cover{width:160px;flex-basis:160px}.atelier-cover img{height:190px}.atelier-heading h1{font-size:28px}.action-bar .btn{font-size:14px;padding:14px 12px}}
@media(max-width:540px){.atelier-heading{display:block;padding:22px}.atelier-cover{width:100%;margin-top:20px}.atelier-cover img{height:140px}.step-photo .step-title:after{font-size:9px;letter-spacing:1px}.action-bar{gap:6px;padding:10px}.action-bar .btn{font-size:12px;padding:12px 8px;flex:1}.quick-orientation{padding:14px}.processing-notice{bottom:80px}}
.action-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr)}
.fan-header a[aria-current="page"]{color:#2f83a4}.atelier-footer{margin-bottom:76px;background:#fcfcf8}.skip-link{z-index:90}

/* Woong Rabbit fan studio theme */
:root{--atelier-ink:#173d36;--atelier-blue:#3f91ae;--atelier-sky:#dceff3;--atelier-yellow:#f2d36b;--atelier-rust:#a56242;--atelier-paper:#fffdf8}
body{background:#edf4f2;color:var(--atelier-ink);font-family:'Nanum Gothic','Malgun Gothic',sans-serif}.fan-header{background:#fffdf8f2}.atelier-heading{min-height:360px;padding:48px 54px;background:linear-gradient(128deg,#fffaf0 0 59%,#dceff3 59%);border:0;border-radius:28px;box-shadow:0 24px 65px #21483e12}.atelier-heading:before{content:'PENCIL\A MOMENT';white-space:pre;position:absolute;right:325px;bottom:35px;color:#62a8bc22;font:400 70px/0.8 'Jua',sans-serif;transform:rotate(-7deg)}.atelier-heading>div{position:relative;z-index:2}.atelier-kicker{color:#4b91a8;font-size:10px;letter-spacing:2.5px}.atelier-heading h1{margin-bottom:20px;color:var(--atelier-ink);font:400 clamp(46px,5.2vw,76px)/1.08 'Jua',sans-serif;letter-spacing:-.035em}.atelier-heading h1 span{color:#3f91ae}.atelier-heading>div>p:last-child{max-width:720px;color:#657a74;font-size:15px}.atelier-cover{z-index:2;width:310px;flex-basis:310px;padding:10px 10px 48px;border-radius:8px;background:#fff;box-shadow:0 24px 45px #163b3530;transform:rotate(2deg)}.atelier-cover img{height:215px;border-radius:4px}.atelier-cover figcaption{bottom:8px;padding:9px 12px 5px;background:none;color:#24473f;font:400 19px 'Jua',sans-serif}.atelier-cover figcaption span{color:#75847f;font:700 9px 'Nanum Gothic',sans-serif;letter-spacing:.4px}.layout{gap:26px}.card{padding:34px;border:1px solid #d9e4df;border-radius:24px;background:var(--atelier-paper);box-shadow:0 20px 55px #21483e0d}.step-title{color:var(--atelier-ink);font:400 31px 'Jua',sans-serif;letter-spacing:-.02em}.step-no{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--atelier-yellow);color:#24473f;font:400 22px 'Jua',sans-serif}.step-photo .step-title:after{color:#6c9188;font-family:'Nanum Gothic',sans-serif}.step-photo .upload{min-height:125px;border:2px dashed #78a4a0;border-radius:18px;background:linear-gradient(135deg,#eef8f7,#fffdf7)}.step-photo .upload:hover{background:#e3f3f2;border-color:#3f91ae}.upload-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#d9ece7;color:#24473f}.upload-text strong{color:#173d36;font-size:18px}.upload-text small{color:#748782}.quick-orientation{background:#e9f4f5;border:1px solid #d4e8e9;border-radius:17px}.quick-orientation label:before{color:#3f91ae}.field input,.field textarea,.field select{border-color:#cadbd5;border-radius:12px;background:#fff;color:#203c35}.field input:focus,.field textarea:focus,.field select:focus{border-color:#4b97ad;box-shadow:0 0 0 3px #8bc5d333}.draft-actions .btn,.action-bar .btn{border-radius:11px}.btn-primary{background:#234f40;border-color:#234f40;color:#fff}.btn-primary:hover{background:#326751}.btn-secondary{background:#fff;border-color:#c8d8d2;color:#2f4d43}.stage{background:#fffdf8}.atelier-stage-heading .step-title{font-size:36px}.atelier-view-tools button{border-color:#c7ddd9;border-radius:10px;background:#eef7f5;color:#285348}.atelier-view-tools button:hover,.atelier-view-tools button[aria-pressed="true"]{background:#d5eeeb;color:#19483b}.atelier-canvas-mat{padding:42px;background:radial-gradient(circle at 50% 16%,#355761,#173b42);border:7px solid #d8e7e1;border-radius:23px;box-shadow:inset 0 0 60px #071b2035}.stage .canvas-wrap{box-shadow:0 24px 65px #061a205e}.preview-tools input{accent-color:var(--atelier-rust)}.step-words .step-title:after{color:#3f91ae}.settings summary{border-radius:16px}.background-choices button{border-radius:14px}.action-bar{background:#fffdf8ef;border-top-color:#d5e2dd;box-shadow:0 -10px 35px #173d3614}.action-bar .btn-primary{background:#234f40}.action-bar .btn-secondary:first-child{border-color:#94bdc3;background:#eef8fa}.atelier-footer{background:#fffdf8}.status{border-radius:13px;background:#eef5f2}.help{color:#70817b}.photo-item,.still-downloads a{border-radius:12px}
@media(max-width:850px){.atelier-heading{min-height:0;padding:32px;background:linear-gradient(155deg,#fffaf0 0 65%,#dceff3 65%)}.atelier-heading:before{display:none}.atelier-heading h1{font-size:48px}.atelier-cover{width:210px;flex-basis:210px;padding:8px 8px 43px}.atelier-cover img{height:190px}.card{padding:24px}.atelier-stage-heading .step-title{font-size:31px}.atelier-canvas-mat{padding:22px;border-width:5px}}
@media(max-width:540px){.atelier-heading{padding:25px 22px}.atelier-heading h1{font-size:42px}.atelier-heading>div>p:last-child{font-size:13px}.atelier-cover{width:100%;margin-top:25px;transform:rotate(0)}.atelier-cover img{height:155px}.card{padding:20px 16px;border-radius:19px}.step-title{font-size:28px}.step-no{width:36px;height:36px;flex-basis:36px;font-size:19px}.atelier-stage-heading .step-title{font-size:28px}.atelier-canvas-mat{padding:10px;border-width:4px;border-radius:17px}}

/* The first decision should be unmistakable: choose photos, then make. */
.draft-actions{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(135px,.65fr);max-width:600px;gap:12px;margin:22px 0 14px}
.draft-actions .btn{min-height:62px}
.draft-actions #createArtwork{border:0;border-radius:16px;background:linear-gradient(135deg,#205a49,#2f8066);box-shadow:0 12px 24px #205a492b;color:#fff;font:400 26px 'Jua',sans-serif;letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.draft-actions #createArtwork:hover{background:linear-gradient(135deg,#286c57,#399276);box-shadow:0 15px 30px #205a4938;transform:translateY(-2px)}
.draft-actions #createArtwork:active{box-shadow:0 7px 15px #205a492d;transform:translateY(1px)}
.draft-actions #resetProject{border-radius:14px;background:#f7faf7;color:#587067;font-size:14px;box-shadow:none}
.draft-actions #resetProject:hover{border-color:#9ebbb1;background:#eef6f2;color:#274e42}
@media(max-width:540px){.draft-actions{grid-template-columns:minmax(0,1fr) 112px;gap:9px}.draft-actions .btn{min-height:56px}.draft-actions #createArtwork{font-size:24px}.draft-actions #resetProject{padding-inline:10px;font-size:13px}}
