:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#163d3b;background:#f3f6f6;font-synthesis:none;font-size:16px;--accent:#08695e;--line:#d9e3e1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 14px;color:inherit;cursor:pointer}button:hover{background:#eaf4f1}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#07554e}input,select{width:100%;border:1px solid #bccfcb;padding:10px;border-radius:7px;background:white;color:#163d3b}input[type=color]{height:40px;padding:3px}input[type=checkbox]{width:auto;accent-color:var(--accent)}label{font-size:.875rem;display:block;line-height:1.6}a{color:var(--accent)}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 4%;background:#fff}.brand{font-size:26px;font-weight:800;text-decoration:none;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-icon{background:var(--accent);color:white;border-radius:10px;padding:0 9px;font-size:30px}.edition{font-size:12px;font-weight:500;letter-spacing:2px;margin-left:18px;color:#607e77}nav{display:flex;gap:18px;font-size:14px}main{max-width:1700px;padding:32px 4%;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}h1{font-size:32px;letter-spacing:-1px;margin:5px 0 9px}p{line-height:1.7}.heading p{margin:0;color:#54746e}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold}.actions{display:flex;gap:8px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.panel h2{font-size:18px;margin:0 0 18px}.field{margin-bottom:14px}.row{display:flex;gap:8px;align-items:center}.row>*{min-width:0;flex:1}.tabs{display:flex;gap:5px;margin-bottom:18px;background:#e7eeec;border-radius:9px;padding:5px}.tabs button{flex:1;border:0;background:transparent;font-size:14px;padding:10px 4px}.tabs .active{background:white;box-shadow:0 1px 4px #163d3b18;color:var(--accent);font-weight:bold}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:14px}.canvas{border:1px solid #dce7e3;box-shadow:0 8px 25px #264f4310;background:white;padding:20px;border-radius:2px;overflow:hidden}.canvas svg{display:block;width:100%;height:auto}small,.muted{font-size:13px;color:#5c7872;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{border-top:1px solid var(--line);padding:17px 5px}.stat strong{font-size:27px;display:block;font-weight:500}.stat span{font-size:13px}.stop{border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:10px}.stop-title{display:flex;align-items:center;gap:9px;margin-bottom:8px}.number{border-radius:50%;background:#e5f3ed;min-width:27px;height:27px;text-align:center;padding-top:3px}.stop-actions{display:flex;gap:4px;justify-content:flex-end}.stop-actions button{padding:5px 9px;font-size:13px}.stop select{font-size:13px;padding:7px}.results{max-height:230px;overflow:auto;margin-top:5px}.results button{display:block;width:100%;text-align:left;margin-bottom:4px;font-size:14px}.results small{display:block}.section-divider{border:0;border-top:1px solid var(--line);margin:22px 0}.empty{padding:20px 10px;background:#f4f8f6;text-align:center;font-size:14px;border-radius:9px}.trip-list{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.trip-list button{font-size:13px;padding:7px 11px}.trip-list .active{border-color:var(--accent);background:#eaf5ef}.segment{display:grid;grid-template-columns:1fr 160px 130px;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center;font-size:14px}.segment label{font-size:13px}.segment input,.segment select{font-size:14px;padding:8px}.segment b{display:block;margin-bottom:5px}details{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}summary{cursor:pointer;font-weight:600;font-size:14px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;background:#153f39;color:white;border-radius:9px;padding:12px 18px;z-index:9;box-shadow:0 3px 20px #0002}#notice:empty{display:none}#guide{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}#guide h2{font-size:17px}#guide p{font-size:14px;color:#4c6863}footer{border-top:1px solid var(--line);padding:24px 4%;font-size:13px}.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;left:10px;top:5px;z-index:10;background:white;padding:15px}:focus-visible{outline:3px solid #cf9100;outline-offset:3px}.danger{color:#a33737}.sample{color:#64766b;font-size:13px}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.country-row{display:flex;align-items:center;gap:8px;padding:6px;font-size:14px}.country-row label{flex:1}.country-row input[type=color]{width:40px}.wide{width:100%}.poster-meta{font-size:14px;display:flex;justify-content:space-between;margin-top:14px}.duration-source{font-size:12px}#coordinate{min-height:20px;margin:8px 0;font-size:13px}.help{font-size:13px;padding:10px;background:#f0f6f3;border-radius:7px}
@media(max-width:1000px){.workspace{grid-template-columns:290px minmax(0,1fr);gap:15px}.segment{grid-template-columns:1fr 110px}.segment label:last-child{grid-column:1/-1}.canvas{padding:6px}.edition{display:none}main{padding:25px 3%}}@media(max-width:700px){header{height:65px}.heading{align-items:flex-start;flex-direction:column}h1{font-size:27px}.workspace{display:flex;flex-direction:column}.map-column{order:-1}.panel{padding:17px}.canvas{padding:3px}.canvas-toolbar{flex-wrap:wrap}.stats{margin:7px 0}.stat strong{font-size:23px}#guide{grid-template-columns:1fr;gap:5px}.actions button{font-size:14px}.brand{font-size:23px}nav{gap:10px}.segment{grid-template-columns:1fr 130px}.mobile-settings{display:block}.heading .actions{width:100%}.heading .actions button{flex:1}}@media print{@page{size:landscape;margin:8mm}header,.heading,.settings,.canvas-toolbar,.stats,.segments,#guide,footer,#notice,.poster-meta,#coordinate{display:none!important}body,main{padding:0;margin:0;background:white}.workspace{display:block}.canvas{border:0;box-shadow:none;padding:0}.canvas svg{width:100%;max-height:180mm}.map-column{width:100%}}

.settings>.tabs{display:grid;grid-template-columns:1fr 1fr}.settings>.tabs button{white-space:nowrap}.canvas-toolbar label{min-width:0}.canvas-toolbar select{margin-top:5px}.heading .actions{flex-shrink:0}.stop-title strong{overflow-wrap:anywhere}.segment b{overflow-wrap:anywhere}

header nav label{display:flex;align-items:center;gap:8px}#language-select{width:160px;padding:8px;font-size:14px}.canvas{direction:ltr}.canvas svg{direction:ltr}.settings>.tabs{grid-template-columns:1fr 1fr}.tabs button{overflow-wrap:anywhere}.segment{grid-template-columns:minmax(0,1fr) 150px 150px}html[dir=rtl] .stop-title{direction:rtl}html[dir=rtl] input[type=number]{direction:ltr}html[dir=rtl] .brand{direction:ltr}@media(max-width:700px){header nav label{font-size:0}#language-select{width:120px}.segment{grid-template-columns:1fr}.segment label:last-child{grid-column:auto}.heading .actions button{white-space:normal}.canvas-toolbar{display:grid;grid-template-columns:1fr 1fr}.canvas-toolbar label{width:100%;font-size:13px}.canvas-toolbar button{grid-column:1/-1}html[dir=rtl] .heading{text-align:right}.edition{display:none}}
/* Mapnori travel journal: warm paper, forest ink, cartographic details. */
:root{background:#f5f2e9;color:#233f37;--accent:#1a5847;--line:#dedfd3;font-family:Arial,'Malgun Gothic',sans-serif}body{background:radial-gradient(ellipse at 95% 0,#dce6da80,transparent 48%),#f5f2e9}header{background:#f5f2e9eF;height:88px;padding-inline:4%;border-bottom:1px solid #d9dfd3}.brand{font-size:29px;letter-spacing:-1.6px}.brand-icon{background:none;color:#1a5847;border:1px solid #1a5847;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:27px;line-height:1;padding:0;transform:rotate(-10deg)}.edition{font-size:10px;letter-spacing:2.5px;border-inline-start:1px solid #aab9ae;padding-inline-start:20px;margin-inline-start:15px}#language-select{background:#fffdf7;border-radius:20px;width:164px}main{max-width:1680px;padding-top:28px}.atlas-hero{position:relative;padding:36px 42px 40px;margin-bottom:0;background:#163e35;color:#fffdf3;border-radius:24px 24px 0 0;overflow:hidden;min-height:225px;isolation:isolate}.atlas-hero:before{content:'';position:absolute;width:650px;height:650px;border:1px solid #a1bd9940;border-radius:50%;inset-inline-end:-240px;top:-230px;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03,0 0 0 180px #ffffff03;z-index:-1}.atlas-hero h1{font-size:clamp(30px,3.6vw,52px);line-height:1.25;letter-spacing:-1.8px;margin:18px 0 16px;max-width:820px;overflow-wrap:anywhere}.atlas-hero p{color:#cddbd0;max-width:680px}.eyebrow{font-size:10px;letter-spacing:2.8px;display:flex;align-items:center;gap:10px}.hero-dot{width:7px;height:7px;flex-shrink:0;background:#e3b573;border-radius:50%}.hero-side{display:flex;align-items:center;gap:30px;flex-direction:column;flex-shrink:0}.hero-side .actions{justify-content:center}.hero-side .primary{background:#edc790;border-color:#edc790;color:#213e35;font-weight:700}.hero-side button:not(.primary){background:transparent;color:#f8f4df;border-color:#779086}.compass{position:relative;width:86px;height:86px;opacity:.75}.compass svg{fill:none;stroke:#d8c9a2;stroke-width:1;width:100%;height:100%}.compass .needle{fill:#d8c9a2}.compass span{position:absolute;top:-10px;left:39px;font-size:9px;color:#d8c9a2}.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#e9e6db;padding:17px 30px;gap:14px;margin-bottom:28px;border-radius:0 0 20px 20px}.workflow a{display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:13px;color:#365046;font-weight:600;min-width:0}.workflow span{font-family:Georgia,serif;font-size:19px;font-style:italic;color:#897457}.workspace{grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}.panel{border-radius:16px;background:#fffdf7;box-shadow:0 3px 18px #1e342405;border-color:#dedfd3;padding:24px}.panel h2{font-size:18px;letter-spacing:-.4px}.settings h2:before{content:'✦';color:#ac783c;margin-inline-end:10px}.settings>.tabs{gap:7px;padding:0;background:none;margin-bottom:24px}.settings>.tabs button{padding:12px 8px;border:1px solid #dfe3d7;background:#f6f6ee;white-space:normal;min-height:46px}.settings>.tabs .active{background:#215444;color:white;border-color:#215444;box-shadow:0 3px 7px #18483318}.tabs{background:#eeeee4}.tabs .active{background:#fffdf7}.section-divider{border-color:#e2e4d9}input,select{background:#fffefa;border-color:#cdd5c8;min-height:44px;border-radius:9px}button{border-radius:9px;min-height:44px;transition:background .15s,box-shadow .15s;overflow-wrap:anywhere}button:hover{box-shadow:0 2px 7px #254d2910}.map-column{min-width:0}.canvas-toolbar{padding:0 0 15px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:end}.canvas-toolbar label{font-size:12px;color:#58705f}.canvas-toolbar select{background:#fffdf7}.canvas{padding:24px;background:#fffdf7;border:1px solid #dfdfcf;border-radius:3px;box-shadow:0 14px 35px #3b483115,0 2px 4px #3b48310a;position:relative}.canvas:before,.canvas:after{content:'';position:absolute;top:8px;width:42px;height:14px;background:#cab58b55;transform:rotate(-35deg);pointer-events:none}.canvas:before{left:-9px}.canvas:after{right:-9px;transform:rotate(35deg)}.stats{gap:1px;background:#dbdfd1;border:1px solid #dbdfd1;border-radius:12px;overflow:hidden;margin:20px 0 14px}.stat{padding:18px 20px;background:#ecede3;border:0}.stat strong{font-family:Georgia,'Times New Roman',serif;font-size:32px;color:#234d3b;line-height:1.2;margin-bottom:7px}.stat span{font-size:12px}.segments{margin-top:23px}.segment{grid-template-columns:minmax(0,1fr) minmax(90px,145px) minmax(100px,160px)}.stop{position:relative;background:#fafaf3;border-color:#e0e2d4;border-inline-start:3px solid #9db09a;padding:14px}.number{background:#e0e8d8;color:#31583d;font-family:Georgia,serif}.stop-actions{margin-top:9px}.stop-actions button{min-width:40px;min-height:40px}.empty{background:#f1f1e6;border:1px dashed #cbd3be;padding:24px 14px;color:#52674f}.help{background:#ebeede}.results button{text-align:start;background:#f4f6eb}#guide{gap:18px;margin-top:36px}#guide article{padding:24px;border-top:2px solid #abb8a1;background:#eeeee3;border-radius:0 0 12px 12px}#guide h2{margin:0 0 14px;font-size:16px}#guide p{font-size:13px;line-height:1.8}footer{padding-block:34px;margin-top:25px;background:#e9ebe0;color:#5d715f;line-height:2}footer strong{font-size:25px;letter-spacing:-1px;color:#234638}footer>span{font-size:9px;letter-spacing:2px;margin-inline-start:20px}#coordinate:empty{display:none}#notice{background:#173d32}#settings,#canvas{scroll-margin-top:24px}.heading .actions{max-width:420px}html[dir=rtl] .eyebrow{direction:ltr;justify-content:flex-end}
@media(min-width:1500px){.workspace{grid-template-columns:365px minmax(0,1fr)}}
@media(max-width:1100px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:20px}.atlas-hero{padding:30px}.hero-side{gap:20px}.compass{width:65px;height:65px}.compass span{left:29px}.segment{grid-template-columns:1fr 1fr}.segment>div{grid-column:1/-1}.segment label:last-child{grid-column:auto}.canvas{padding:14px}.panel{padding:20px}.heading .actions{max-width:230px}.hero-side .actions button{width:100%}.stat{padding:16px 12px}}
@media(max-width:800px){.workspace{grid-template-columns:270px minmax(0,1fr);gap:16px}.canvas-toolbar{grid-template-columns:1fr 1fr}.canvas-toolbar button{grid-column:1/-1}.atlas-hero h1{font-size:32px}.compass{display:none}.hero-side{max-width:210px}.workflow{padding-inline:15px}.workflow a{font-size:12px}.stat strong{font-size:25px}}
@media(max-width:700px){header{height:72px;padding-inline:5%}.brand{font-size:26px}.brand-icon{width:32px;height:32px;font-size:23px}#language-select{width:114px;font-size:13px;min-height:40px}main{padding:20px 4%}.atlas-hero{padding:27px 24px 26px;gap:24px;min-height:0;border-radius:20px 20px 0 0}.atlas-hero h1{font-size:34px;letter-spacing:-1.2px;margin:16px 0 13px}.atlas-hero p{font-size:14px}.atlas-hero .eyebrow{font-size:9px;letter-spacing:2px}.hero-side{max-width:none;width:100%}.hero-side .actions{width:100%;max-width:none;display:grid;grid-template-columns:1.4fr 1fr}.hero-side .actions button{font-size:13px;padding:12px 10px;min-height:48px}.workflow{padding:15px 12px;gap:8px;margin-bottom:23px}.workflow a{flex-direction:column;gap:6px;text-align:center;font-size:11px;line-height:1.5}.workflow span{font-size:16px}.workspace{display:flex;gap:22px}.map-column{order:-1;width:100%}.settings{width:100%;padding:22px}.canvas{padding:9px}.canvas-toolbar{gap:12px;font-size:12px}.canvas-toolbar button{grid-column:1/-1}.stat{padding:16px 10px}.stat strong{font-size:29px}.stat span{font-size:11px}.stats{margin:17px 0 12px}.segments{margin-top:17px;padding:20px}.segment{grid-template-columns:1fr 1fr;gap:12px}.segment>div{grid-column:1/-1}.segment label:last-child{grid-column:auto}.segment input,.segment select{font-size:14px;min-height:44px}.panel h2{font-size:17px}#guide{grid-template-columns:1fr;gap:16px;margin-top:25px}#guide article{padding:22px}footer{font-size:12px}.stop-actions button{min-height:44px}.settings .actions button{flex:1;font-size:13px}.muted,small{overflow-wrap:anywhere}html[dir=rtl] .eyebrow{justify-content:flex-end}}
@media(max-width:360px){.atlas-hero{padding:24px 19px}.atlas-hero h1{font-size:29px}.brand{font-size:23px}#language-select{width:103px}.segment{grid-template-columns:1fr}.segment label:last-child{grid-column:1}.stat strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.workflow,.hero-side{display:none!important}.canvas:before,.canvas:after{display:none}body{background:white}.canvas{box-shadow:none;border:0;padding:0}.segments{display:none}.workspace{display:block}.map-column{width:100%}}

/* Editorial travel gallery + focused studio. */
:root{background:#f8f7f2;color:#243e36;--line:#dde1d6}body{background:#f8f7f2}header{height:86px;background:#f8f7f2;border-color:#e3e4dc}main{max-width:1512px;padding:0 4% 40px}.editorial-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:44px;align-items:center;min-height:650px;padding:54px 0 48px;overflow:hidden}.hero-copy{max-width:650px;position:relative;z-index:1}.hero-copy .eyebrow{color:#6d7f6a;font-size:10px;letter-spacing:2.4px;margin:0 0 28px}.hero-dot{background:#bd693f}.hero-copy h1{font-size:clamp(37px,4.4vw,66px);line-height:1.16;font-weight:600;letter-spacing:-2.4px;margin:0 0 26px;overflow-wrap:anywhere}.hero-copy h1 em{display:block;font-style:normal;color:#6e876a;font-weight:400;margin-top:8px}.hero-description{max-width:445px;font-size:16px;color:#697368;line-height:1.9;margin:0 0 32px}.hero-cta{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-cta button{padding:17px 24px;border-radius:8px;font-weight:600;background:#264e3c;font-size:15px;min-height:54px}.hero-cta button span{margin-inline-start:24px;font-size:21px}.hero-cta a{font-size:14px;text-underline-offset:6px;color:#56634f}.trust-line{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px;font-size:11px;color:#6c786a}.trust-line span{white-space:nowrap}.hero-gallery{position:relative;min-height:530px;isolation:isolate;direction:ltr}.orbit{position:absolute;inset:40px 0 0;border-radius:50%;background:#e7eadf;z-index:-2;transform:scale(.95)}.orbit:after{content:'';position:absolute;inset:-20px;border:1px solid #e0e5d6;border-radius:50%}.gallery-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#8a8b77;position:absolute;top:0;left:25px;right:15px}.front-poster,.back-poster{position:absolute;width:57%;height:auto;object-fit:contain;border:7px solid #fcfaf1;box-shadow:8px 16px 34px #28362724;top:40px}.front-poster{left:8%;transform:rotate(-8deg)}.back-poster{right:4%;top:77px;transform:rotate(10deg);z-index:-1}.journey-stamp{position:absolute;right:0;bottom:56px;display:grid;place-content:center;text-align:center;width:107px;height:107px;border-radius:50%;background:#b46143;color:#fff4db;transform:rotate(13deg);font-size:11px;line-height:1.7;letter-spacing:1.8px;box-shadow:0 0 0 5px #f8f7f2;outline:1px dashed #bb6945;outline-offset:4px}.journey-stamp span{font-size:22px;line-height:1}.example-label{position:absolute;bottom:0;left:8%;font-size:10px;letter-spacing:1px;color:#78816f}.workflow{background:none;border-block:1px solid #dce0d4;border-radius:0;padding:23px 0;margin:0 0 65px;gap:22px}.workflow a{justify-content:flex-start;font-size:14px;font-weight:400;color:#52674f}.workflow span{display:grid;place-items:center;border:1px solid #c5cfba;border-radius:50%;width:38px;height:38px;font-size:16px;color:#6e8265;flex-shrink:0}.studio-shell{scroll-margin-top:22px}.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.studio-heading h2,.section-title h2{font-size:30px;letter-spacing:-1px;font-weight:500;margin:10px 0 0;line-height:1.3}.studio-heading .eyebrow,.section-title .eyebrow{font-size:9px;letter-spacing:2.4px;color:#74836f}.studio-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.studio-actions button{font-size:13px;border-radius:7px;background:#fdfdf8}.studio-actions .primary{background:#254f3e}.studio-actions #undo,.studio-actions #redo{width:44px;font-size:22px;padding:5px}.workspace{grid-template-columns:330px minmax(0,1fr);gap:24px;background:#e9ede3;padding:22px;border-radius:18px;align-items:start;border:1px solid #e0e5d8}.settings{background:#fffef9;padding:22px;border:0;border-radius:12px}.settings h2{margin-bottom:12px}.settings h2:before{display:none}.editor-intro{font-size:12px;line-height:1.8;color:#7b8472;margin:0 0 20px}.settings>.tabs{gap:5px;margin-bottom:24px}.settings>.tabs button{font-size:12px;min-height:43px}.panel h2{font-size:17px}.canvas-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto}.canvas{background:#fffef9;padding:15px;box-shadow:0 8px 25px #32462d13;border-color:#d7ddcb}.canvas:before,.canvas:after{display:none}.stat{background:#f4f5ec;padding:16px}.stats{margin:20px 0 12px;background:#d7dece;border-color:#d7dece}.stat strong{font-size:29px}.map-column>p.muted{font-size:11px;color:#697762}.segment-disclosure{border:0;padding:0;margin-top:20px;background:#f7f8f1;border-radius:10px}.segment-disclosure>summary{padding:17px;font-size:13px}.segment-disclosure .segments{margin:0;border:0;box-shadow:none;background:none;padding:0 17px 20px}.segment-disclosure h2{display:none}.empty{padding:26px 15px;background:#f7f8ee;border-radius:10px;border-color:#d6dfcb}.empty-icon{display:grid;place-items:center;border:1px dashed #b7c5a8;width:43px;height:43px;border-radius:50%;margin:0 auto 14px;font-size:24px;color:#809372}.empty strong{display:block;font-size:14px}.empty p{font-size:12px;color:#78846c;margin:10px 0 0;line-height:1.8}.stop{border:1px solid #e2e7d9;border-inline-start:2px solid #809875;border-radius:8px}.number{background:#e8efdd}.mobile-switch{display:none}.style-section{margin-top:85px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.section-title>p{max-width:340px;color:#76806b;font-size:14px;margin:0}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.style-card{background:none;border:0;padding:0;text-align:start;border-radius:12px;overflow:hidden}.style-card:hover{box-shadow:none}.style-art{height:340px;display:grid;place-items:center;overflow:hidden;background:#e8e9de;border-radius:10px}.style-ink{background:#d6dfd9}.style-paper{background:#eae4da}.style-art img{height:83%;width:auto;max-width:85%;object-fit:contain;box-shadow:5px 9px 20px #26382b20;transform:rotate(-5deg);transition:transform .25s}.style-ink img{transform:rotate(5deg)}.style-card:hover img,.style-card:focus-visible img{transform:rotate(0) translateY(-4px)}.style-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 4px}.style-caption small{display:block;color:#859079;font-size:9px;letter-spacing:2px;margin-bottom:7px}.style-caption strong{font-size:17px;font-weight:500}.style-caption>span:last-child{font-size:23px;color:#74856d}.style-section>.muted{font-size:10px;margin:3px 0}#guide{margin-top:65px;border-top:1px solid #dfe2d5;padding-top:28px;gap:35px}#guide article{background:none;padding:0;border:0}#guide p{font-size:12px;color:#7b8273}#guide h2{font-size:14px}footer{margin:20px 0 0;padding-block:30px;background:#edf0e6}#poster-settings{scroll-margin-top:20px}html[dir=rtl] .hero-copy .eyebrow{justify-content:flex-start}html[dir=rtl] .hero-gallery{direction:ltr}
@media(min-width:1600px){.editorial-hero{min-height:680px}.hero-gallery{min-height:550px}}
@media(max-width:1100px){.editorial-hero{gap:22px;min-height:560px;padding-block:40px}.hero-gallery{min-height:450px}.hero-copy h1{font-size:43px}.hero-description{font-size:14px}.journey-stamp{width:88px;height:88px;font-size:9px;bottom:50px}.workspace{grid-template-columns:280px minmax(0,1fr);padding:16px;gap:18px}.settings{padding:18px}.studio-heading h2{font-size:26px}.studio-actions{max-width:310px}.style-art{height:290px}.canvas-toolbar{grid-template-columns:1fr 1fr}.canvas-toolbar button{grid-column:1/-1}}
@media(max-width:850px){.editorial-hero{gap:14px;min-height:510px}.hero-gallery{min-height:380px}.hero-copy h1{font-size:36px;letter-spacing:-1.3px}.hero-cta{gap:18px}.hero-cta button{font-size:13px;padding:13px 17px}.hero-description{font-size:13px}.trust-line{font-size:10px}.workflow{margin-bottom:42px}.workspace{grid-template-columns:245px minmax(0,1fr);padding:13px;gap:14px}.settings{padding:15px}.canvas{padding:8px}.stat{padding:13px 8px}.stat strong{font-size:24px}.style-art{height:250px}}
@media(max-width:700px){header{height:74px;padding-inline:5%}main{padding:0 5% 30px}.editorial-hero{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:37px 0 28px}.hero-copy h1{font-size:clamp(33px,8.7vw,48px);line-height:1.25;letter-spacing:-1.6px;margin-bottom:18px}.hero-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px}.hero-description{font-size:13px;line-height:1.85;margin-bottom:24px;max-width:420px}.hero-cta{gap:21px}.hero-cta button{font-size:13px;min-height:48px;padding:13px 18px}.hero-cta a{font-size:12px}.hero-cta button span{margin-inline-start:12px}.trust-line{gap:8px 12px;margin-top:21px;font-size:10px}.hero-gallery{min-height:390px;width:min(100%,450px);align-self:center}.front-poster,.back-poster{width:54%;border-width:5px;top:40px}.front-poster{left:10%}.back-poster{right:6%;top:60px}.orbit{inset:35px 15px 15px}.gallery-caption{font-size:7px;letter-spacing:1px;left:10px;right:10px}.journey-stamp{right:4%;bottom:47px;width:75px;height:75px;font-size:8px;letter-spacing:1px}.example-label{font-size:9px;bottom:0;left:10%}.workflow{padding:18px 0;margin-bottom:34px;gap:10px}.workflow a{font-size:10px;line-height:1.7;justify-content:flex-start}.workflow span{width:30px;height:30px;font-size:13px}.studio-heading{flex-direction:column;align-items:stretch;gap:20px;margin-bottom:16px}.studio-heading h2{font-size:26px}.studio-heading .eyebrow{font-size:8px}.studio-actions{max-width:none;display:grid;grid-template-columns:40px 40px minmax(0,1fr) minmax(65px,.7fr);gap:6px}.studio-actions button{font-size:11px;padding:9px 6px;min-height:44px}.studio-actions #undo,.studio-actions #redo{width:40px}.mobile-switch{display:grid;grid-template-columns:1fr 1fr;padding:5px;background:#e7ece0;border:1px solid #dbe1d1;border-radius:9px;margin-bottom:12px;position:sticky;top:8px;z-index:5;box-shadow:0 3px 12px #3f4a3010}.mobile-switch button{background:none;border:0;font-size:13px;min-height:42px;border-radius:5px}.mobile-switch button.active{background:#fffef8;box-shadow:0 2px 4px #3a4e2d12;font-weight:600}.workspace{display:block;padding:12px;border-radius:12px}.settings{padding:20px;border-radius:8px}.settings>.tabs button{font-size:12px}.editor-intro{font-size:11px}.map-column{width:100%}body[data-view=edit] .map-column{display:none}body[data-view=preview] .settings{display:none}.canvas-toolbar{grid-template-columns:1fr 1fr;padding-bottom:14px}.canvas-toolbar button{grid-column:1/-1}.canvas{padding:5px}.stats{margin-top:16px}.segment-disclosure{margin-top:15px}.stat strong{font-size:26px}.stat span{font-size:10px}.style-section{margin-top:50px}.section-title{display:block;margin-bottom:23px}.section-title h2{font-size:26px}.section-title>p{font-size:13px;margin-top:14px;max-width:none}.style-grid{grid-template-columns:1fr;gap:20px}.style-card{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;background:#eeefe6;border-radius:10px}.style-art{height:188px;border-radius:0}.style-art img{height:83%}.style-caption{padding:20px;gap:8px}.style-caption strong{font-size:16px}.style-caption small{font-size:8px;letter-spacing:1px}.style-caption>span:last-child{font-size:20px}.style-section>.muted{margin-top:14px}#guide{margin-top:40px;gap:25px;padding-top:25px}#guide article{padding:0}footer{font-size:11px}.segment{grid-template-columns:1fr 1fr}}
@media(max-width:370px){.hero-gallery{min-height:335px}.hero-copy h1{font-size:31px}.hero-cta{gap:14px}.hero-cta button{padding:12px 13px}.hero-cta a{font-size:11px}.style-card{grid-template-columns:125px minmax(0,1fr)}.style-art{height:170px}.style-caption{padding:14px}.studio-actions{grid-template-columns:36px 36px minmax(0,1fr) minmax(60px,.7fr)}.studio-actions #undo,.studio-actions #redo{width:36px}.segment{grid-template-columns:1fr}}
@media print{header,.editorial-hero,.workflow,.studio-heading,.mobile-switch,.settings,.style-section,.segment-disclosure,#guide,footer{display:none!important}.studio-shell,.workspace,.map-column,body[data-view=edit] .map-column{display:block!important}main,.workspace{padding:0;border:0;background:white}.canvas{padding:0;box-shadow:none;border:0}.canvas-toolbar,.stats,.map-column>p{display:none!important}}


/* Related tools use the atlas footer and wrap on narrow screens. */
.site-family{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.site-family p{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:0}.site-family nav{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center}.site-family a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px;overflow-wrap:anywhere}#guide .storage-migration{padding-top:12px;border-top:1px solid var(--line);color:#52674f}
