@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#faf9f5;--ink:#273b33;--green:#264e3e;--line:#dddfd6;--muted:#788077;--accent:#e2a273}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.notice{background:var(--green);color:#fff;font-size:10px;letter-spacing:1.5px;padding:11px 5%;display:flex;justify-content:space-between}.notice span{letter-spacing:0}.notice b{font-weight:400;color:#dacba0}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:36px;font-weight:bold;letter-spacing:-2px}.brand span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:3px;text-align:center;margin-top:2px}nav{display:flex;gap:32px;align-items:center;font-size:13px}.cart-link{border-left:1px solid var(--line);padding-left:30px}.cart-link b{font-size:11px;background:var(--green);color:white;border-radius:50%;padding:3px 6px;margin-left:5px}main{min-height:65vh}.hero{margin:38px 5% 0;display:grid;grid-template-columns:1fr 1.12fr;background:#eeeede;min-height:485px;border-radius:3px;overflow:hidden}.hero-copy{padding:56px 8%}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600}.hero h1{font-size:49px;line-height:1.35;letter-spacing:-3px;font-weight:500;margin:24px 0}.hero h1 em{font-style:normal;font-weight:700}.hero p{font-size:14px;line-height:1.9;color:#6c756b}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--green);border-radius:3px;font-weight:500;gap:20px}.primary{background:var(--green);color:white}.secondary{background:transparent;color:var(--green)}.hero .primary{margin-top:18px}.hero-art{position:relative;background:#e4e5d6;overflow:hidden;min-height:430px;background-image:radial-gradient(ellipse at 75% 15%,#f8f6e8 0,transparent 60%)}.hero-art:after{content:'THE EVERYDAY GALLERY';position:absolute;bottom:24px;right:26px;font-size:10px;letter-spacing:3px}.hero-art .art-frame{position:absolute;width:205px;height:275px;top:55px;left:39%;transform:rotate(8deg);border:12px solid #a07852;background:#f9ecd6;box-shadow:12px 22px 25px #3d3b2425}.abstract{background:radial-gradient(ellipse at 65% 30%,#de9b77 0 19%,transparent 20%),radial-gradient(ellipse at 38% 71%,#76866b 0 27%,transparent 28%),linear-gradient(130deg,#f2ddae 40%,#e9c395 40% 65%,#c1cbb5 65%);width:100%;height:100%}.hero-mug{position:absolute;left:12%;bottom:55px;width:148px;height:155px;background:linear-gradient(90deg,#e4e0d6,#fffdf3 45%,#e8e4d9);border-radius:8px 8px 36px 36px;box-shadow:10px 22px 25px #55532b25;transform:rotate(-8deg)}.hero-mug:after{content:'';position:absolute;right:-46px;top:25px;width:50px;height:70px;border:17px solid #edeae1;border-radius:45%;z-index:-1}.hero-mug .abstract{width:80px;height:91px;margin:30px auto;border-radius:45% 45% 4px 4px}.hero-note{position:absolute;bottom:69px;right:23px;background:#f8f5e8;padding:19px;transform:rotate(-9deg);font-family:Georgia;font-size:20px;box-shadow:4px 7px 12px #6662}.hero-note small{display:block;font-size:10px;letter-spacing:2px;margin-top:8px}.benefits{display:flex;justify-content:center;gap:70px;padding:24px;border-bottom:1px solid var(--line);font-size:12px}.benefits span{color:#647363}.section{padding:54px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:29px;letter-spacing:-1px;margin:9px 0}.section-head p{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product-card{cursor:pointer}.product-image{position:relative;aspect-ratio:1/1.1;display:grid;place-items:center;border-radius:4px;overflow:hidden;transition:transform .2s}.product-card:hover .product-image{transform:translateY(-4px)}.product-image canvas{width:100%;height:100%;object-fit:contain}.product-image .number{position:absolute;top:15px;left:15px;color:#6c7268;font-family:Georgia}.product-card h3{font-size:15px;margin:17px 0 6px}.product-card p{color:var(--muted);font-size:11px;margin:0 0 10px}.product-card strong{font-size:14px}.product-card strong small{font-weight:400;font-size:10px;margin-left:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid var(--line);padding-top:26px}.steps b{font-family:Georgia;font-size:27px;color:#98a68b}.steps h3{font-size:16px}.steps p{line-height:1.9;color:#748071;font-size:13px}footer{border-top:1px solid var(--line);margin:30px 5% 0;padding:36px 0;display:flex;align-items:center;gap:40px;flex-wrap:wrap}footer p{font-size:11px;line-height:1.8;color:var(--muted)}footer>a:not(.brand){margin-left:auto;font-size:12px}footer small{width:100%;font-size:10px;color:var(--muted)}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:24px}.studio{display:grid;grid-template-columns:minmax(300px,1.4fr) minmax(300px,1fr);gap:48px}.workbench{background:#eeeee7;border-radius:5px;padding:24px;display:flex;align-items:center;flex-direction:column}.workbench canvas{width:100%;max-width:600px;aspect-ratio:1;touch-action:none;cursor:move}.workbench .tools{display:flex;gap:10px}.tools button{background:#faf9f5;border:1px solid var(--line);padding:9px 15px;border-radius:3px;font-size:11px}.studio-panel h1{font-size:29px;letter-spacing:-1px;margin:12px 0}.studio-panel .sub{color:var(--muted);line-height:1.8}.field{display:block;margin:20px 0 8px;font-size:12px;font-weight:600}select,input[type=text],input[type=tel],input[type=password],input[type=number]{width:100%;padding:12px;border:1px solid var(--line);background:#fff;border-radius:3px;color:var(--ink)}.upload{display:block;padding:20px;text-align:center;border:1px dashed #a9b8a4;border-radius:4px;cursor:pointer;background:#f0f3e9}.upload strong{display:block;font-size:13px}.upload small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.upload input{width:100%;margin-top:13px;font-size:11px}.slider{display:grid;grid-template-columns:60px 1fr 43px;align-items:center;gap:10px;font-size:11px;margin:15px 0}.slider input{width:100%;accent-color:var(--green)}.slider output{text-align:right;font-size:10px}.hint{font-size:11px;line-height:1.8;color:var(--muted)}.warning{color:#9c643c}.total-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.total-row input{width:75px}.actions{display:flex;gap:10px;margin-top:20px}.actions>*{flex:1}.list-item{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:24px 0}.list-item img{width:90px;height:90px;object-fit:contain;background:#edeee7}.list-item h3{margin:4px 0;font-size:16px}.list-item p{font-size:12px;color:var(--muted)}.list-item .remove{margin-left:auto;background:transparent;border:0;color:var(--muted)}.checkout{display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.summary{background:#f0f0e6;padding:30px;border-radius:4px;height:fit-content}.summary p{display:flex;justify-content:space-between}.empty{text-align:center;padding:80px 20px}.empty h2{font-size:27px}.empty p{color:var(--muted);margin-bottom:30px}.order{padding:24px;border:1px solid var(--line);margin:18px 0;background:#fff}.order-head{display:flex;justify-content:space-between;gap:20px}.order code{font-size:11px;overflow-wrap:anywhere}.badge{display:inline-block;background:#e7eddf;padding:5px 11px;border-radius:30px;font-size:11px}.order p{font-size:12px;line-height:1.9}.file-buttons{display:flex;gap:8px;flex-wrap:wrap}.file-buttons button{font-size:11px;padding:8px 12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 24px;box-shadow:0 5px 25px #0002;border-radius:4px;display:none;z-index:10;max-width:90vw}.error{color:#a64232}.consent{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.8;margin:20px 0}dialog{border:0;padding:25px;background:var(--paper);border-radius:7px;width:min(550px,95vw);color:var(--ink)}dialog::backdrop{background:#15241ec4}dialog canvas{width:100%}dialog button{width:100%}:focus-visible{outline:3px solid #b88451;outline-offset:4px}@media(max-width:850px){.hero h1{font-size:37px}.hero-copy{padding:35px 8%}.cards{grid-template-columns:repeat(3,1fr)}.studio{gap:25px}.benefits{gap:25px}nav{gap:15px}.hero-art .art-frame{left:30%}.hero-note{display:none}}@media(max-width:600px){.notice span{display:none}header{height:80px}.brand{font-size:29px}nav{gap:13px;font-size:10px}nav a:nth-child(2){display:none}.cart-link{padding-left:10px}.hero{grid-template-columns:1fr;margin-top:20px}.hero h1{font-size:40px}.hero-art{min-height:320px}.hero-art .art-frame{width:155px;height:210px;left:48%;top:25px}.hero-mug{width:120px;height:125px;left:17%;bottom:30px}.hero-mug .abstract{height:70px;width:65px}.benefits{gap:14px;padding:20px 10px;font-size:10px}.cards{grid-template-columns:repeat(2,1fr);gap:24px 14px}.section{padding:35px 5%}.section h2{font-size:24px}.section-head p{display:none}.studio,.checkout{grid-template-columns:1fr}.studio{gap:20px}.workbench{padding:12px}.steps{gap:18px}.steps h3{font-size:13px}.steps p{font-size:11px}footer{gap:20px}.list-item{gap:14px}.order-head{flex-wrap:wrap}}