body{background-color:#f6f3e9;background-image:radial-gradient(#38564b0a .7px,transparent .7px);background-size:8px 8px}header{background:#f6f3e9ed}.place{padding:16px 16px 24px;overflow:hidden;box-shadow:0 4px 16px #173d3210}.place .number{padding:6px 8px 16px}.place-art,.template-art{display:block;background-image:url('assets/town-triptych-v2.jpg');background-size:300% 100%;background-repeat:no-repeat}.art-bridge{background-position:0% 50%}.art-house{background-position:50% 50%}.art-tree{background-position:100% 50%}.place-art{aspect-ratio:1.24;border:7px solid #fffdf3;box-shadow:0 3px 9px #1b342320;transform:rotate(-1.5deg)}.atelier .place-art{transform:rotate(1.5deg)}.place h2,.place p,.place .enter{margin-left:8px;margin-right:8px}.place h2{margin-top:24px}.place .enter{font-weight:600}.choose-section{margin:24px 0 32px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-top h2{font-size:1.125rem;margin:0 0 16px}.section-top span{font-size:.875rem;line-height:1.7}.templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template{display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;text-align:left;padding:10px;background:#fffdf4;border:1px solid #a6b7a6;box-shadow:0 3px 8px #1c47350c;position:relative;color:var(--ink)}.template-art{width:90px;aspect-ratio:1;border:4px solid #fffdf3}.template[aria-pressed=true]{border:2px solid #175e5b;background:#e5f0e6;box-shadow:0 4px 12px #1d5d4126}.template[aria-pressed=true]::after{content:'選択中';position:absolute;right:8px;top:7px;font-size:.75rem;padding:2px 6px;background:#175e5b;color:#fffdf2}.template-copy{min-width:0;padding-top:12px}.template-copy b{display:block;font-size:1rem;line-height:1.7}.template-copy small{display:block;font-size:.875rem;line-height:1.7}.template-copy .sample{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;margin-top:5px;font-weight:600}.work{align-items:start;gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.preview{background:#dfdfd2;padding:20px;border-radius:4px;position:sticky;top:20px;border:1px solid #b9c2b2}.preview canvas{width:auto;max-width:100%;height:auto;max-height:620px;margin:auto;box-shadow:0 9px 18px #1b362022;border:none;display:block}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.preview-top p{margin:0}.preview-top span{font-size:.875rem;line-height:1.5}.adjust{border:1px solid #9aac9e;background:#fffdf4;padding:15px 18px;border-radius:3px;margin:22px 0}.adjust summary{font-weight:600;min-height:28px}.adjust-body{padding-top:20px}.design-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}.design-fields label{font-size:.95rem;margin-top:10px}.option{min-height:44px;margin-top:0;margin-bottom:0}.flip{border:1px solid #175e5b;color:#175e5b;background:#e5f0e6;width:100%;margin-top:14px;font-weight:600}.event{border:1px solid #92a79a;border-left:4px solid #175e5b;background:#fffdf4;padding:14px 18px}.event h2{margin:10px 0}.turn{animation:turn-card .45s ease-out}@keyframes turn-card{0%{transform:perspective(900px) rotateY(-9deg);opacity:.7}100%{transform:perspective(900px) rotateY(0deg);opacity:1}}footer small{display:block;font-size:.875rem;line-height:1.8;margin-top:16px;color:#35574e}.primary{box-shadow:0 3px 0 #0c3c37}.button-row{gap:12px}.dialog-head{align-items:flex-start}#imageDialog{border-radius:4px;background:#f6f3e9}.privacy{margin-top:40px}.privacy small{color:#35574e}@media(max-width:800px){main{padding-left:5vw;padding-right:5vw}.places{gap:24px}.place{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 15px;padding:16px}.place .number{grid-column:1/-1;margin:0;padding:0 0 14px}.place-art{grid-column:1;grid-row:2/5;aspect-ratio:1;height:120px}.place h2{grid-column:2;margin:0;font-size:1.25rem}.place p{grid-column:2;margin:8px 0 14px;font-size:.95rem}.place .enter{grid-column:2;margin:0;font-size:.95rem;padding-top:12px}.section-top{display:block}.section-top span{display:block;margin-top:-10px;margin-bottom:16px}.templates{gap:10px}.template{display:flex;flex-direction:column;gap:7px;padding:7px;text-align:center;justify-content:start}.template-art{width:100%;aspect-ratio:1.1}.template-copy{padding-top:6px}.template-copy b{font-size:.875rem}.template-copy small{font-size:.875rem}.template-copy .sample{display:none}.template[aria-pressed=true]::after{top:7px;right:7px;font-size:.75rem}.work{display:flex;flex-direction:column;gap:22px}.preview{position:static;order:0;width:100%;padding:14px}.preview canvas{max-height:530px}.preview-top{align-items:flex-start}.preview-top span{font-size:.875rem;max-width:150px;text-align:right}#controls{order:1;width:100%}.choose-section{margin-top:20px;margin-bottom:24px}.adjust{padding:14px}.button-row#actions{display:grid;grid-template-columns:1fr 1fr}#save{grid-column:1/-1}#reset{grid-column:1/-1}.workspace-heading #close{font-size:.875rem;padding:9px 12px}.workspace-heading h1{font-size:1.75rem}.lead{margin-bottom:20px}.option{font-size:1rem;margin-right:9px}.dialog-head{flex-direction:column}footer{padding-bottom:35px}}@media(max-width:350px){.place{grid-template-columns:94px minmax(0,1fr);gap:0 12px}.place-art{height:94px}.place h2{font-size:1.125rem}.place .enter,.place p{font-size:.875rem}.design-fields{grid-template-columns:1fr}.template-copy small{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.turn{animation:none}.place{transition:none}}
@media(max-width:800px){#show{grid-column:1/-1}}

#return-town{display:flex;align-items:center;min-height:44px;padding:8px 12px;text-decoration:underline;flex-shrink:0}