:root{--ink:#182d28;--green:#184c3b;--muted:#697571;--line:#dce3df;--yellow:#ffd631}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f6f8f7;font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b88400;outline-offset:3px}button{transition:background .15s,transform .15s}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.site-header{height:94px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);background:white;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:850;letter-spacing:.05em}.brand small{display:block;font-size:10px;letter-spacing:.16em}.brand-mark{background:var(--green);color:white;font-size:29px;display:grid;place-items:center;border-radius:50%;width:47px;height:47px}.header-label{font-size:13px;color:var(--muted);margin-left:auto}.free-badge{border:1px solid var(--line);border-radius:5px;padding:7px 13px;font-size:13px;font-weight:700}main{max-width:1400px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:39px 0 29px;gap:24px}.eyebrow{color:var(--green);font-size:13px;letter-spacing:.13em;font-weight:800;margin:0 0 8px}h1{font-size:clamp(25px,3vw,39px);line-height:1.35;letter-spacing:-.035em;margin:0 0 16px;font-weight:850}.title-dot{color:#c89900}.intro p:not(.eyebrow){font-size:14px;color:#57645f;margin:0;line-height:1.9}.paper-note{border-left:3px solid var(--yellow);padding-left:20px;flex-shrink:0}.paper-note strong{display:block;font-size:26px;letter-spacing:.02em}.paper-note span{font-size:12px;color:var(--muted)}.filter-panel{border:1px solid var(--line);background:white;border-radius:10px;padding:19px 23px 12px}.filter-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.filter-title strong{font-size:15px}.text-button{border:0;background:transparent;color:var(--green);font-size:13px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.filter-row{display:grid;grid-template-columns:105px 1fr;gap:14px;padding:10px 0;border-top:1px solid #edf0ee}.filter-row>strong{font-size:13px;padding-top:5px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #e0e6e2;border-radius:5px;padding:4px 11px;font-size:13px;background:#f9faf9;color:#53615a}.chip:hover{background:#eaf0ed}.chip[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}#selected-filters{display:flex;gap:6px;flex-wrap:wrap}#selected-filters:not(:empty){padding:12px 0 3px;border-top:1px solid var(--line)}.selected-tag{border:none;background:#e8f1eb;color:var(--green);font-size:12px;padding:4px 8px;border-radius:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 18px;gap:10px}.section-heading h2{font-size:21px;margin:0}.section-heading h2 span{font-weight:500;font-size:14px;margin-left:12px;color:var(--muted)}.section-heading>span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 20px}.card{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:0 7px 24px #18392b14;border-color:#99b5a8}.thumbnail{height:257px;padding:22px 30px;background:#eaf0ed;display:flex;align-items:center;justify-content:center;position:relative}.card:nth-child(3n+2) .thumbnail{background:#eceeec}.card:nth-child(3n+3) .thumbnail{background:#eeeae4}.serial{position:absolute;left:11px;top:7px;font-size:11px;color:#849189;font-weight:700}.thumbnail .sheet{width:148px;box-shadow:0 3px 8px #1b302623;pointer-events:none}.thumbnail .sheet.landscape{width:220px}.card-info{padding:16px}.card h3{font-size:14px;margin:0 0 10px;line-height:1.6}.tags{display:flex;gap:5px;flex-wrap:wrap;min-height:47px;align-content:flex-start}.tags span{font-size:11px;color:#6b746f;background:#f2f5f3;border-radius:3px;padding:2px 5px}.use-button{margin-top:14px;width:100%;background:white;border:1px solid #bfcfc5;border-radius:5px;color:var(--green);font-size:13px;font-weight:700;padding:9px 6px;display:flex;justify-content:space-between;align-items:center}.use-button:hover{background:var(--green);color:white}.sheet{aspect-ratio:210/297;container-type:inline-size;width:100%;background:white;position:relative}.sheet.landscape{aspect-ratio:297/210}.poster{height:100%;position:absolute;inset:0;background:#ffda2c;color:#151711;border:1.9cqw solid #181b15;display:flex;flex-direction:column;overflow:hidden;text-align:center;padding:3.2cqw;--body-scale:1}.poster-top{font-size:3.4cqw;font-weight:900;letter-spacing:.2em;border-bottom:.6cqw solid currentColor;padding-bottom:2cqw;display:flex;justify-content:space-between}.poster-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqw;padding:3cqw 0}.warning-icon{font-family:Arial,sans-serif;font-size:calc(27cqw * var(--mark-user,1));line-height:1;font-weight:bold}.poster-title{font-weight:950;font-size:calc(12cqw * var(--title-scale,1) * var(--title-user,1));line-height:1.18;overflow-wrap:anywhere;white-space:pre-wrap;letter-spacing:-.055em;width:100%}.poster-body{font-size:calc(4.7cqw * var(--body-scale) * var(--body-user,1));line-height:1.65;font-weight:750;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;width:100%}.poster-details{white-space:pre-wrap;font-size:calc(3cqw * var(--info-user,1));font-weight:650;line-height:1.55;overflow-wrap:anywhere;border-top:.6cqw solid currentColor;padding-top:2cqw}.poster.red{background:#fff;color:#a72420;border-color:#b02b25}.poster.red .poster-top{background:#ad2722;color:white;border:0;margin:-3.2cqw -3.2cqw 0;padding:2.2cqw 3.2cqw}.poster.red .poster-body,.poster.red .poster-details{color:#23261f}.poster.white{background:white}.poster.white .poster-title{color:#b12b22}.poster.white .poster-top{border-color:#b12b22}.poster.green{background:white;color:#194a38;border-color:#194a38}.poster.green .poster-title{font-size:calc(11cqw * var(--title-scale,1) * var(--title-user,1))}.landscape .poster{padding:2.6cqw;border-width:1.3cqw}.landscape .poster-top{font-size:2.5cqw;padding-bottom:1.2cqw}.landscape .poster-main{display:grid;grid-template-columns:22% 1fr;column-gap:3cqw;row-gap:1cqw;align-content:center;padding:1.5cqw 0}.landscape .warning-icon{grid-row:1/3;font-size:calc(20cqw * var(--mark-user,1))}.landscape .poster-title{font-size:calc(8cqw * var(--title-scale,1) * var(--title-user,1))}.landscape .poster-body{font-size:calc(3.3cqw * var(--body-scale) * var(--body-user,1))}.landscape .poster-details{font-size:calc(2.3cqw * var(--info-user,1));padding-top:1cqw}.landscape .poster.red .poster-top{margin:-2.6cqw -2.6cqw 0;padding:1.5cqw 2.6cqw}.ad-slot{margin:34px 0;border:1px dashed #cbd7cf;background:#eef3ef;border-radius:8px;text-align:center;padding:23px}.ad-slot span{display:block;font-size:11px;color:#7c8780;margin-bottom:9px}.ad-slot strong{font-size:15px}.ad-slot p{font-size:13px;color:var(--muted);margin:5px 0 0}footer{max-width:1400px;margin:40px auto 0;padding:28px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer strong{font-size:16px;color:var(--green)}footer small{display:block;margin-top:20px}.empty{text-align:center;padding:60px 10px;background:white;border-radius:8px}.editor-heading{padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.editor-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start}.form-panel{background:white;border:1px solid var(--line);border-radius:9px;padding:27px}.form-panel h1{font-size:26px;margin-bottom:6px}.muted{color:var(--muted);font-size:13px}.form-panel label{display:block;font-size:14px;font-weight:650;margin:20px 0 0}.optional{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}.form-panel input,.form-panel textarea{display:block;width:100%;border:1px solid #cbd7d0;background:#fcfdfc;padding:10px 11px;border-radius:5px;margin-top:7px;color:var(--ink);font-size:16px;resize:vertical}.form-panel fieldset{border:0;padding:0;margin:23px 0}.form-panel legend{font-weight:700;font-size:14px}.form-panel .suggestion{display:flex;align-items:start;gap:8px;font-size:13px;font-weight:400;margin:10px 0}.suggestion input{width:16px;height:16px;flex-shrink:0;margin:3px 0;accent-color:var(--green)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-divider{border-top:1px solid var(--line);margin:26px 0 20px}.form-panel h2{font-size:17px}.form-panel #reset{margin-top:18px}#reset-note{font-size:13px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;font-size:14px}.preview-toolbar span{color:var(--muted);font-size:13px}.preview-stage{background:#e5eae7;border-radius:9px;padding:26px;display:flex;justify-content:center}.preview-stage .sheet{max-width:360px;box-shadow:0 6px 18px #18392b22}.preview-stage .sheet.landscape{max-width:100%}.output-panel{border:1px solid var(--line);background:white;border-radius:8px;padding:20px;margin-top:16px}.output-size{display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:14px}.output-size input{accent-color:var(--green)}#dimensions{font-size:12px;color:var(--muted)}.output-buttons{display:flex;gap:12px;margin:18px 0 12px}.primary,.secondary{padding:12px 20px;border-radius:5px;font-weight:700;font-size:14px;border:1px solid var(--green)}.primary{background:var(--green);color:white}.secondary{background:white;color:var(--green)}.output-buttons button{flex:1}.output-help{font-size:12px;color:var(--muted);line-height:1.7;margin:0}#overflow{font-size:14px;color:#af2821;background:#fff0ed;padding:10px}#print-root{display:none}
@media(min-width:1500px){.thumbnail{height:280px}.thumbnail .sheet{width:162px}.thumbnail .sheet.landscape{width:230px}}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-label{display:none}.free-badge{margin-left:auto}.paper-note{display:none}.editor-layout{gap:20px}.form-panel{padding:20px}}
@media(max-width:760px){.site-header{height:75px}.brand{font-size:18px}.brand-mark{width:38px;height:38px;font-size:24px}.free-badge{font-size:11px;padding:5px 8px}.intro{padding-top:27px}.intro br{display:none}.filter-panel{padding:14px}.filter-row{grid-template-columns:1fr;gap:8px}.filter-row>strong{padding:0}.chips{gap:6px}.chip{padding:6px 9px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.thumbnail{height:205px;padding:21px 16px}.thumbnail .sheet{width:113px}.thumbnail .sheet.landscape{width:100%}.card-info{padding:12px}.card h3{font-size:13px}.use-button{font-size:12px}.section-heading>span{display:none}.editor-layout{grid-template-columns:1fr}.editor-heading span{display:none}.preview-stage .sheet{max-width:360px}.form-pair{grid-template-columns:1fr;gap:0}.ad-slot{padding:20px 10px}.section-heading h2{font-size:19px}}
@media print{html,body{margin:0!important;padding:0!important;background:white!important}body>*:not(#print-root){display:none!important}#print-root{display:block!important;width:var(--paper-w);height:var(--paper-h);margin:0;padding:5mm}#print-root .sheet{width:100%;height:100%;aspect-ratio:auto;box-shadow:none}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#print-root .poster{break-inside:avoid}}

/* 基本レイアウト：同じ背景・マークを異なる配置で利用 */
.filter-row{grid-template-columns:125px 1fr}.tags span{font-size:12px}
.poster.layout-headline .warning-icon{font-size:calc(15cqw * var(--mark-user,1))}
.poster.layout-headline .poster-title{font-size:calc(15cqw * var(--title-scale,1) * var(--title-user,1))}
.poster.layout-information .warning-icon{font-size:calc(14cqw * var(--mark-user,1))}
.poster.layout-information .poster-title{font-size:calc(10cqw * var(--title-scale,1) * var(--title-user,1))}
.poster.layout-information .poster-body{text-align:left;font-size:calc(5.4cqw * var(--body-scale) * var(--body-user,1));padding:3cqw 2cqw;border-top:.6cqw solid currentColor}
.landscape .poster.layout-headline .poster-main{grid-template-columns:13% 1fr}
.landscape .poster.layout-headline .warning-icon{font-size:calc(12cqw * var(--mark-user,1))}
.landscape .poster.layout-headline .poster-title{font-size:calc(9cqw * var(--title-scale,1) * var(--title-user,1))}
.landscape .poster.layout-information .poster-main{grid-template-columns:12% 1fr}
.landscape .poster.layout-information .warning-icon{font-size:calc(10cqw * var(--mark-user,1))}
.landscape .poster.layout-information .poster-title{font-size:calc(7cqw * var(--title-scale,1) * var(--title-user,1))}
.landscape .poster.layout-information .poster-body{font-size:calc(3.5cqw * var(--body-scale) * var(--body-user,1));padding:1cqw 0}
.sheet.tall{aspect-ratio:550/1400}
.thumbnail .sheet.tall{width:83px}
.preview-stage .sheet.tall{max-width:240px}
.tall .poster{padding:5cqw;border-width:2.5cqw}
.tall .poster-top{font-size:4cqw;padding-bottom:3cqw}
.tall .poster-main{gap:7cqw;padding:6cqw 0}
.tall .warning-icon{font-size:calc(43cqw * var(--mark-user,1))}
.tall .poster-title{font-size:calc(18cqw * var(--title-scale,1) * var(--title-user,1));line-height:1.35;letter-spacing:-.04em}
.tall .poster-body{font-size:calc(6.5cqw * var(--body-scale) * var(--body-user,1));line-height:1.8}
.tall .poster-details{font-size:calc(4cqw * var(--info-user,1));padding-top:3cqw}
.tall .poster.red .poster-top{margin:-5cqw -5cqw 0;padding:3cqw 5cqw}
.tall .poster.layout-headline .warning-icon{font-size:calc(16cqw * var(--mark-user,1))}
.tall .poster.vertical-title .poster-title{writing-mode:vertical-rl;text-orientation:upright;height:150cqw;width:auto;max-width:100%;flex-shrink:0;font-size:calc(23cqw * var(--title-scale,1) * var(--title-user,1));line-height:1.35;letter-spacing:.06em;white-space:pre-wrap;overflow-wrap:anywhere}
.tall .poster.layout-headline .poster-main{gap:4cqw}
.tall .poster.layout-headline .poster-body{font-size:calc(5.5cqw * var(--body-scale) * var(--body-user,1))}
.tall .poster.layout-information .warning-icon{font-size:calc(22cqw * var(--mark-user,1))}
.tall .poster.layout-information .poster-title{font-size:calc(14cqw * var(--title-scale,1) * var(--title-user,1));line-height:1.4}
.tall .poster.layout-information .poster-body{font-size:calc(7cqw * var(--body-scale) * var(--body-user,1));padding:6cqw 1cqw;line-height:2}
@media(min-width:1500px){.thumbnail .sheet.tall{width:91px}}
@media(max-width:760px){.filter-row{grid-template-columns:1fr}.thumbnail .sheet.tall{width:64px}.preview-stage .sheet.tall{max-width:210px}}
@media print{#print-root{display:flex!important;align-items:center;justify-content:center}#print-root .sheet{flex:none;width:var(--art-w);height:var(--art-h);max-width:none;aspect-ratio:auto}}

/* 紙全体を基準にした角折り対応。ON/OFFで内容の配置は変えない。 */
.fold-options{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.fold-toggle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.fold-toggle input{width:18px;height:18px;accent-color:var(--green);flex-shrink:0}
.fold-options p{font-size:13px;color:var(--muted);line-height:1.8;margin:10px 0 0}
#fold-status{color:var(--green)}
.sheet.fold-ready{--paper-inset:2.380952cqw;--corner-safe:15.238095cqw;--frame:1.9cqw;--inner-pad:3.2cqw;--safe-pad:max(0cqw,calc(var(--corner-safe) - var(--paper-inset) - var(--frame) - var(--inner-pad)))}
.sheet.fold-ready.landscape{--frame:1.3cqw;--inner-pad:2.6cqw}
.sheet.fold-ready .poster{inset:var(--paper-inset);height:auto}
.sheet.fold-ready .poster .poster-top{margin:0;min-height:var(--safe-pad);padding:1cqw var(--safe-pad);align-items:center;flex-shrink:0;gap:1cqw;font-size:3cqw;letter-spacing:.08em}
.sheet.fold-ready .poster .poster-details{min-height:var(--safe-pad);padding:2cqw var(--safe-pad) 0;flex-shrink:0}
.fold-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.fold-zone{fill:#e1effb}
.fold-line{fill:none;stroke:#647784;stroke-width:.25;stroke-dasharray:1.5 1}
@media print{#print-root.full-paper{padding:0}.fold-zone{fill:#fff}.fold-line{stroke:#777}}

/* 折り込み／切取り後の輪郭に沿う枠は標準デザインとして常時表示。 */
.poster-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.sheet.fold-ready .poster{background:transparent;border-color:transparent;z-index:1}

.entry-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 22px}
.entry-tabs button{padding:13px 22px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:15px;font-weight:700}
.entry-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);background:#eaf1ec;border-radius:6px 6px 0 0}
.layout-intro{color:var(--muted);font-size:14px;margin-top:-8px}
.layout-group{margin:28px 0 34px}.layout-group>h3{font-size:17px;margin:0 0 14px}
.basic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.basic-grid h4{font-size:16px;margin:0 0 6px}.layout-description{font-size:13px;color:var(--muted);margin:0}
.sheet.wide{aspect-ratio:1100/1400}
.thumbnail .sheet.wide{width:166px}.preview-stage .sheet.wide{max-width:390px}
.wide .poster-main{gap:3cqw}.wide .poster-title{font-size:calc(11cqw * var(--title-scale,1) * var(--title-user,1))}
.wide .warning-icon{font-size:calc(26cqw * var(--mark-user,1))}.wide .poster-body{font-size:calc(4.5cqw * var(--body-scale) * var(--body-user,1))}
.wide .poster.layout-headline .poster-title{font-size:calc(13cqw * var(--title-scale,1) * var(--title-user,1))}
.wide .poster.layout-information .poster-title{font-size:calc(10cqw * var(--title-scale,1) * var(--title-user,1))}
.wide .poster.layout-information .poster-body{font-size:calc(5cqw * var(--body-scale) * var(--body-user,1))}
@media(max-width:760px){.entry-tabs button{flex:1;padding:12px 8px;font-size:14px}.basic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.thumbnail .sheet.wide{width:126px}}
@media(max-width:420px){.basic-grid{grid-template-columns:1fr}.basic-grid .thumbnail{height:230px}}

/* 編集項目ごとの文字設定と、名称・連絡先の行 */
.mark-picker legend{margin-bottom:8px}#mark-options{display:flex;gap:7px;flex-wrap:wrap}
.mark-choice{border:1px solid var(--line);background:white;padding:7px 10px;border-radius:5px;font-size:14px;color:var(--ink)}
.mark-choice[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}
.type-settings{border:1px solid var(--line);border-radius:5px;margin:10px 0 15px;padding:9px 12px;background:#f7faf8}
.type-settings summary{font-size:14px;cursor:pointer;color:var(--green);font-weight:650}
.type-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:8px 0 3px}
.form-panel .alignment-control{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:400;margin:8px 0}
.alignment-control select{font:inherit;font-size:14px;border:1px solid #cbd7d0;background:white;border-radius:4px;padding:6px;color:var(--ink)}
.form-panel .color-control,.form-panel .size-control{font-size:13px;margin:0}
.form-panel .color-control input{padding:2px;width:46px;height:34px;cursor:pointer}
.form-panel .size-control{flex:1;min-width:125px}.size-control output{font-variant-numeric:tabular-nums}
.form-panel .size-control input{padding:0;accent-color:var(--green);height:28px}
.installer-editor-row{border:1px solid var(--line);padding:12px;border-radius:6px;margin:12px 0}
.installer-row-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.installer-input-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.form-panel .installer-input-cell>label{font-size:13px;margin-top:9px}.installer-input-cell{min-width:0}
.add-row{font-size:13px;padding:9px 14px}
.poster-details .installer-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2cqw;align-items:start;margin-top:.6cqw;white-space:normal}
.installer-name,.installer-contact{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
.poster-extra,.poster-note{white-space:pre-wrap}
.landscape .poster.no-mark .poster-main{grid-template-columns:minmax(0,1fr)}
.landscape .poster.no-mark .poster-title,.landscape .poster.no-mark .poster-body{grid-column:1}
@media(max-width:480px){.installer-input-pair{grid-template-columns:1fr}}

/* 編集中も確認しやすいプレビューと折りたたみ式フォーム */
.editor-section{border-top:1px solid #dce1d6;padding:18px 0;margin-top:14px}
.editor-section>summary{font-size:17px;font-weight:700;cursor:pointer;margin-bottom:16px}
.mark-symbol{width:1em;height:1em;display:block;flex-shrink:0}
.mark-choice{display:inline-flex;align-items:center;gap:7px}.mark-choice .mark-symbol{font-size:25px}
.warning-icon{flex-shrink:0}.warning-icon .mark-symbol{max-width:100%}
.color-palette{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.color-swatch{width:28px;height:28px;padding:0;border:1px solid #aaa;border-radius:50%;cursor:pointer}
.color-swatch[aria-pressed="true"]{outline:2px solid #194a38;outline-offset:3px}
.color-swatch:focus-visible{outline:3px solid #1565c0;outline-offset:3px}
.poster-image{display:block;object-fit:contain;max-width:100%;flex-shrink:0;align-self:center}
.landscape .poster.has-image .poster-main{display:flex;flex-direction:column;gap:1cqw}
.landscape .poster.has-image .warning-icon{font-size:calc(9cqw * var(--mark-user,1))}
.landscape .poster.has-image .poster-image{max-height:18cqw}
@media(min-width:761px){
 .preview-panel{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
 .preview-stage{padding:16px}
 .preview-stage .sheet{width:min(100%, 360px, calc(48dvh * .7071))}
 .preview-stage .sheet.landscape{width:min(100%, calc(48dvh * 1.4143))}
 .preview-stage .sheet.tall{width:min(240px, calc(48dvh * .3929))}
 .preview-stage .sheet.wide{width:min(390px, calc(48dvh * .7857))}
}
@media print{.poster-image{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

.image-layer{position:absolute;transform:translate(-50%,-50%);z-index:3;touch-action:none;cursor:move;box-sizing:border-box;outline:1px dashed #1565c0}
.image-layer>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.image-layer:focus{outline:2px solid #1565c0}
.image-handle{position:absolute;width:14px;height:14px;border:2px solid white;background:#1565c0;border-radius:2px;transform:translate(-50%,-50%)}
.image-handle.nw{left:0;top:0;cursor:nwse-resize}.image-handle.ne{left:100%;top:0;cursor:nesw-resize}.image-handle.sw{left:0;top:100%;cursor:nesw-resize}.image-handle.se{left:100%;top:100%;cursor:nwse-resize}
.background-controls{margin-top:20px;border-top:1px solid #ddd;padding-top:16px}.background-controls button{margin:5px}.background-sample{display:block;width:auto;max-width:100%;max-height:240px;cursor:crosshair;background:#ddd}
@media print{.image-layer,.image-layer:focus{outline:none!important}.image-handle{display:none!important}}

.section-background-setting{padding:12px 0;border-bottom:1px solid #e1e5dc}.section-background-setting .text-button{margin-top:12px}

/* 部分別の色を余白まで延ばし、八角形の内枠で切り抜く。 */
.poster .section-colored{position:relative;isolation:isolate}
.poster .section-colored::before{content:"";position:absolute;z-index:-1;pointer-events:none;background:inherit;inset:0;box-shadow:0 0 0 100cqw var(--section-bg);clip-path:inset(0 -100cqw)}
.poster .poster-top.section-colored::before{clip-path:inset(-100cqw -100cqw 0)}
.poster .poster-details.section-colored::before{clip-path:inset(0 -100cqw -100cqw)}

.sheet:has(.poster.custom-backgrounds) .poster-frame polygon:last-child{fill:#fff}
.transparent-choice{margin-top:14px}.transparent-choice[aria-pressed="true"]{outline:2px solid #194a38;outline-offset:2px}

/* Bear artwork occupies its own area so text and uploaded images remain independent. */
.poster.bear-art .poster-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:2cqw;align-content:stretch;justify-items:center}
.poster.bear-art .bear-illustration{grid-row:1;width:100%;height:100%;min-height:0;object-fit:contain;display:block}
.poster.bear-art .poster-title{grid-row:2;font-size:calc(12cqw * var(--title-scale,1) * var(--title-user,1));letter-spacing:-.055em}
.poster.bear-art .poster-body{grid-row:3;font-size:calc(4.2cqw * var(--body-scale) * var(--body-user,1));line-height:1.55}
.landscape .poster.bear-art .poster-main{grid-template-columns:minmax(0,43fr) minmax(0,57fr);grid-template-rows:minmax(0,1fr) auto;gap:1.8cqw;align-content:stretch}
.landscape .poster.bear-art .bear-illustration{grid-column:1;grid-row:1/3}
.landscape .poster.bear-art .poster-title{grid-column:2;grid-row:1;align-self:center;font-size:calc(8.8cqw * var(--title-scale,1) * var(--title-user,1))}
.landscape .poster.bear-art .poster-body{grid-column:2;grid-row:2;font-size:calc(2.6cqw * var(--body-scale) * var(--body-user,1));line-height:1.55}

.poster.bear-art .poster-main{position:relative}
.poster.bear-art .warning-icon{position:absolute;left:1cqw;top:1cqw;font-size:calc(10cqw * var(--mark-user,1));z-index:1}

.poster.bear-art .illustrated-background{isolation:isolate}
.poster.bear-art .poster-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.poster.bear-art .illustrated-background>.bear-illustration,
.poster.bear-art .illustrated-background>.poster-title,
.poster.bear-art .illustrated-background>.poster-body{position:relative;z-index:1}
.poster.bear-art .illustrated-background>.poster-title,
.poster.bear-art .illustrated-background>.poster-body{background:radial-gradient(ellipse at center,#ffffffed 45%,#ffffffb8 75%,#ffffff00 100%)}
/* Background catalog, individual text fills and movable safety cards. */
.background-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:400px;overflow:auto;margin:12px 0}.background-card{padding:0;background:#fff;border:2px solid #dce3df;border-radius:6px;overflow:hidden;text-align:left}.background-card[aria-pressed=true]{border-color:#194a38;box-shadow:0 0 0 1px #194a38}.background-card img{width:100%;height:100px;object-fit:cover;display:block}.background-card span{display:block;padding:8px;font-size:14px}.background-gallery~button{margin:5px}.form-panel select{width:100%;padding:9px;font:inherit;background:#fff;color:#182d28;border:1px solid #cbd7d0;border-radius:5px}.text-background-control{border-top:1px solid #dce3df;margin-top:12px}.text-background-control>.text-button{margin-right:14px}
.poster .illustrated-background{position:relative;isolation:isolate}.poster .poster-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.poster .illustrated-background>:not(.poster-backdrop){position:relative;z-index:1}.poster .illustrated-background>.poster-title,.poster .illustrated-background>.poster-body{background:radial-gradient(ellipse at center,#ffffffed 45%,#ffffffb8 75%,#ffffff00 100%)}
.movable-layer{position:absolute;transform:translate(-50%,-50%);z-index:4;touch-action:none;cursor:move;outline:1px dashed #1565c0;user-select:none}.movable-layer:focus{outline:2px solid #1565c0}.floating-mark>.mark-symbol{width:100%;height:100%;pointer-events:none}.bear-advice-card{background:#fff;color:#111;border:.35cqw solid #111;padding:.7cqw;font-size:calc(2.25cqw * var(--advice-font,1));line-height:1.45;text-align:center}.bear-advice-card strong{display:block;background:#111;color:#ffe13c;padding:.3cqw;font-size:inherit;line-height:1.4}.bear-advice-card p{margin:.65cqw 0 0;white-space:pre-line;overflow-wrap:anywhere}.form-panel .advice-choice{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:14px}.advice-choice input{width:18px;height:18px;flex:none;margin:3px 0}.advice-choice small{display:block;white-space:pre-line;font-size:13px;font-weight:400}
@media print{.movable-layer,.movable-layer:focus{outline:none!important}}
.landscape .poster.bear-art .poster-title{font-size:calc(7.2cqw * var(--title-scale,1) * var(--title-user,1))}

.poster.bear-art .illustrated-background>.warning-icon{position:absolute}

.catalog-sort{font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalog-sort select{font:inherit;padding:8px;border:1px solid #bfcfc5;border-radius:5px;background:#fff;max-width:100%}
.illustration-gallery img{object-fit:contain;background:#f2f4f2}.background-gallery{max-height:440px;overflow:auto;align-content:start}.background-card span{font-size:14px}
.direction-sign .poster-main{position:relative}.direction-arrow{position:absolute;top:3cqw;width:40%;height:24cqw;transform:translateX(-50%);color:#151711;z-index:3}.direction-arrow svg{display:block;width:100%;height:100%}.direction-arrow.movable-layer{transform:translateX(-50%);cursor:ew-resize}
.tall .direction-sign .poster-main{padding-top:31cqw;gap:3cqw}.tall .direction-sign.vertical-title .poster-title{height:133cqw;font-size:calc(21cqw * var(--title-user,1))}.tall .direction-sign .poster-body{font-size:calc(5cqw * var(--body-user,1))}
.tall .poster.bear-art.vertical-title .poster-main{grid-template-rows:minmax(25cqw,1fr) auto auto}.tall .poster.bear-art.vertical-title .poster-title{height:120cqw;font-size:calc(17cqw * var(--title-user,1))}
@media(max-width:600px){.design-section>.section-heading{align-items:flex-start;flex-direction:column}.background-gallery{max-height:350px}}
.poster.direction-sign .illustrated-background>.direction-arrow{position:absolute;z-index:3}
/* Signs have a single central panel. */
.poster.sign-only{border-color:#000;justify-content:center}.sign-only .poster-main{width:100%;background:#fff}.tall .sign-only .poster-main,.wide .sign-only .poster-main{padding:30cqw 0 5cqw;gap:4cqw}.tall .sign-only.vertical-title .poster-title{height:143cqw;font-size:calc(22cqw * var(--title-user,1))}.wide .sign-only .poster-main{padding-top:22cqw}.sign-editor #bear-advice-section{display:none}.output-buttons{flex-wrap:wrap}.output-buttons #png{min-width:140px}.floating-arrow>svg{width:100%;height:100%;pointer-events:none}.transform-layer>svg{pointer-events:none}.transform-handle{position:absolute;width:13px;height:13px;background:white;border:2px solid #1565c0;border-radius:2px;padding:0;z-index:9}.transform-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.transform-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.transform-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.transform-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.rotation-handle{position:absolute;left:calc(50% - 13px);top:-34px;border:2px solid #1565c0;background:white;color:#1565c0;width:26px;height:26px;border-radius:50%;padding:0;font-size:19px;line-height:20px;cursor:grab}.sign-editor .form-panel>h1{font-size:25px}
@media print{.transform-handle,.rotation-handle{display:none!important}}
.sign-preview-arrow{position:absolute;aspect-ratio:1;pointer-events:none;z-index:3}.sign-preview-arrow svg{width:100%;height:100%}
.poster-top span{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;flex:1}.poster-top span:last-child{text-align:right}.poster-top:empty{min-height:4cqw}.sign-text-layer{position:absolute;transform:translate(-50%,-50%);z-index:3;max-width:94%;box-sizing:border-box}.sign-text-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.35;letter-spacing:.02em}.sign-text-toolbar{position:absolute;left:0;top:-27px;display:flex;gap:2px;white-space:nowrap}.sign-text-toolbar button{font-size:12px;border:1px solid #1565c0;border-radius:3px;background:white;color:#1565c0;padding:2px 4px}.sign-text-toolbar button[aria-pressed=true]{background:#1565c0;color:white}.sign-text-editor{border:1px solid #dce3df;padding:12px;margin:14px 0;border-radius:6px}.sign-only .poster-main{position:static!important}.sign-only .warning-icon{position:absolute;left:8%;top:22%;font-size:15cqw!important}.sign-editor #sign-text-section{display:block}.sign-editor #poster-text-section{display:none}
@media print{.sign-text-toolbar{display:none!important}}

.alignment-toggle{display:flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.preview-toolbar{flex-wrap:wrap}.alignment-help{font-size:14px;margin:6px 0 10px}.alignment-guides{position:absolute;inset:0;pointer-events:none;z-index:1000}.alignment-line{position:absolute;pointer-events:none;border-color:#147bd1;border-style:dashed;border-width:0}.alignment-x{top:0;bottom:0;left:50%;border-left-width:1px}.alignment-y{left:0;right:0;top:50%;border-top-width:1px}.alignment-line.aligned{border-color:#dc287a;border-style:solid;filter:drop-shadow(0 0 1px white)}@media print{.alignment-guides{display:none!important}}
/* Editable poster text and clearer default artwork layout. */
.poster:not(.sign-only) .poster-title{word-break:normal;overflow-wrap:break-word;text-wrap:balance;letter-spacing:0;line-height:1.25}
.poster:not(.sign-only) .poster-body{text-wrap:pretty;line-height:1.55}
.poster.bear-art:not(.sign-only) .poster-main{grid-template-columns:12% minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:2cqw}
.poster.bear-art:not(.sign-only) .bear-illustration{grid-column:1/3;grid-row:1;max-height:100%;min-height:0}
.poster.bear-art:not(.sign-only) .poster-title{grid-column:2;grid-row:2;font-size:calc(10cqw * var(--title-scale,1) * var(--title-user,1))}
.poster.bear-art:not(.sign-only) .poster-body{grid-column:1/3;grid-row:3;font-size:calc(3.7cqw * var(--body-scale,1) * var(--body-user,1))}
.poster.bear-art:not(.sign-only) .warning-icon{position:relative!important;left:auto;top:auto;grid-column:1;grid-row:2;align-self:center;font-size:calc(10cqw * var(--mark-user,1))}
.poster.bear-art.no-mark:not(.sign-only) .poster-title{grid-column:1/3}
.landscape .poster.bear-art:not(.sign-only) .poster-main{grid-template-columns:minmax(0,40fr) minmax(0,60fr);grid-template-rows:9cqw auto minmax(0,1fr);gap:1.5cqw}
.landscape .poster.bear-art:not(.sign-only) .bear-illustration{grid-column:1;grid-row:1/4}
.landscape .poster.bear-art:not(.sign-only) .warning-icon{grid-column:2;grid-row:1;justify-self:center;font-size:8cqw}
.landscape .poster.bear-art:not(.sign-only) .poster-title{grid-column:2;grid-row:2;font-size:calc(6.5cqw * var(--title-scale,1) * var(--title-user,1))}
.landscape .poster.bear-art:not(.sign-only) .poster-body{grid-column:2;grid-row:3;align-self:start;font-size:calc(2.5cqw * var(--body-scale,1) * var(--body-user,1))}
.landscape .poster.bear-art.no-mark:not(.sign-only) .poster-main{grid-template-rows:0 auto minmax(0,1fr)}
.poster.has-advice .poster-main{padding-bottom:44cqw!important}
.landscape .poster.has-advice .poster-main{padding-bottom:31cqw!important}
.poster.has-advice .poster-title{font-size:calc(7cqw * var(--title-user,1))!important}
.poster.has-advice .poster-body{font-size:calc(2.8cqw * var(--body-user,1))!important}
.landscape .poster.has-advice .poster-title{font-size:calc(4.5cqw * var(--title-user,1))!important}
.landscape .poster.has-advice .poster-body{font-size:calc(1.9cqw * var(--body-user,1))!important}
.landscape .poster.has-advice .poster-main{grid-template-rows:4cqw auto minmax(0,1fr)!important}
.landscape .poster.has-advice .warning-icon{font-size:4cqw!important}
.poster-text-layer{position:absolute;z-index:5;transform:translate(-50%,-50%);margin:0;padding:0}
.poster-text-content{width:100%;height:100%;white-space:pre-wrap;overflow-wrap:break-word;text-wrap:balance;box-sizing:border-box}
.bear-advice-card{display:flex;gap:.6cqw;align-items:center;padding:.8cqw;border:.25cqw solid #222;font-size:1.8cqw;overflow:hidden}
.landscape .bear-advice-card{font-size:1.45cqw}
.advice-pictogram{flex:none;width:4cqw;text-align:center;font-family:Arial,'Noto Color Emoji',sans-serif;font-size:3cqw}
.bear-advice-copy{flex:1;min-width:0;max-height:100%;text-align:left;line-height:1.45}
.bear-advice-card strong{background:none;color:inherit;padding:0;font-size:1.1em;line-height:1.4;text-align:inherit}
.bear-advice-card p{margin:.6cqw 0 0;text-align:inherit;white-space:pre-wrap;overflow-wrap:break-word}
@media print{.poster-text-layer{outline:none!important}.transform-handle{display:none!important}}

.landscape .poster.has-advice .poster-main{padding-bottom:27cqw!important;grid-template-rows:3cqw auto minmax(0,1fr)!important}.landscape .poster.has-advice .poster-title{font-size:calc(3.5cqw * var(--title-user,1))!important}.landscape .poster.has-advice .poster-body{font-size:calc(1.6cqw * var(--body-user,1))!important}.landscape .poster.has-advice .warning-icon{font-size:3cqw!important}.landscape .bear-advice-card{font-size:1.3cqw}
.site-header{height:auto;min-height:94px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.site-header .feedback-open{padding:9px 14px}footer>.feedback-open{display:block;margin:0 0 20px}#feedback-dialog{width:min(560px,calc(100% - 28px));max-height:90vh;border:1px solid #bfcfc5;border-radius:10px;padding:24px;color:var(--ink);overflow:auto}#feedback-dialog::backdrop{background:#10251e99}#feedback-dialog h2{margin-top:0;font-size:22px}#feedback-dialog p{font-size:14px}#feedback-dialog label{display:block;margin:18px 0;font-size:16px;font-weight:650}#feedback-dialog textarea,#feedback-dialog select{display:block;width:100%;font:inherit;border:1px solid #a9beb2;border-radius:5px;padding:10px;margin-top:8px}#feedback-dialog textarea{resize:vertical}.feedback-actions{display:flex;justify-content:flex-end;gap:12px}#feedback-status{font-weight:700}@media print{#feedback-dialog,.feedback-open{display:none!important}}

.poster:not(.sign-only) .poster-top>span:first-child{text-align:left}

/* Reference-style six advice panels: editable type, dedicated silhouette area. */
.poster.has-advice .poster-main{padding-bottom:54cqw!important}
.landscape .poster.has-advice .poster-main{padding-bottom:37cqw!important}
.bear-advice-card{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);gap:.6cqw;padding:.7cqw;background:#fff;border:.2cqw dashed #555;overflow:hidden;font-size:1.7cqw;align-items:stretch}
.landscape .bear-advice-card{font-size:1.35cqw}
.bear-advice-card>.advice-heading{display:block;background:#111;color:#ffe13c;text-align:center;font-weight:900;font-size:1.05em;line-height:1.35;letter-spacing:0;border-radius:.4cqw;padding:.3cqw .4cqw;white-space:pre-wrap;overflow-wrap:break-word}
.bear-advice-copy{width:100%;min-width:0;max-height:none;text-align:left;line-height:1.4}
.bear-advice-card .bear-advice-copy p{margin:0;line-height:inherit}
.advice-silhouette{display:block;width:100%;height:100%;min-height:0;object-fit:contain;pointer-events:none;align-self:stretch}

.advice-art-area{position:relative;min-height:0;overflow:hidden}.advice-art-area>.advice-silhouette{position:absolute;width:80%;height:76%;min-height:0;transform:translate(-50%,-50%);object-fit:contain;pointer-events:auto;cursor:move;touch-action:none}.advice-silhouette:focus{outline:1px dashed #1565c0}.main-illustration-layer{position:absolute;z-index:3}.main-illustration-layer>img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}@media print{.advice-silhouette:focus{outline:none!important}}
/* ごみステーション専用編集・印刷レイアウト */
.station-editor .form-panel>details:not(#station-section){display:none!important}
.station-row-editor{margin:14px 0;padding:12px;border:1px solid #cbd5ce;border-radius:6px}.station-row-editor summary{font-weight:700;cursor:pointer}.station-row-editor label{margin-top:10px}
.poster.station-poster{inset:3cqw;height:auto;background:#fff;border:1cqw solid var(--station-accent);padding:2.2cqw;display:flex;gap:1.5cqw;overflow:hidden;color:#111;text-align:left;font-family:'Noto Sans JP','Yu Gothic',sans-serif;letter-spacing:0;line-height:1.3}
.station-poster p,.station-poster h2,.station-poster h3{margin:0;white-space:pre-line;overflow-wrap:anywhere;word-break:normal}
.station-head{display:flex;align-items:center;justify-content:space-between;border-bottom:.8cqw solid var(--station-accent);padding:1cqw 0 2cqw;gap:2cqw;flex-shrink:0}.station-poster .station-title{font-size:calc(7cqw * var(--station-scale));line-height:1.2;color:var(--station-accent);font-weight:900;flex:1}.station-number{font-size:calc(3.4cqw * var(--station-scale));border:.5cqw solid var(--station-accent);padding:1cqw;border-radius:3cqw}.station-deadline{font-size:calc(3.4cqw * var(--station-scale));font-weight:800;flex-shrink:0}
.station-rows{display:grid;grid-template-rows:repeat(var(--station-count),minmax(0,1fr));gap:1cqw;flex:1;min-height:0}.station-row{display:grid;grid-template-columns:25% 1fr 30%;align-items:center;min-height:0;min-width:0;border:.4cqw solid #222;padding:1cqw;gap:1cqw;overflow:hidden}.station-poster .station-label{font-size:calc(3.6cqw * var(--station-scale));font-weight:900;border-left:1.3cqw solid;padding:.7cqw;line-height:1.25}.station-content{display:flex;gap:1cqw;align-items:center;min-width:0;min-height:0}.station-art{width:12cqw;height:12cqw;object-fit:contain;flex-shrink:0}.station-item-copy{min-width:0}.station-examples,.station-note{font-size:calc(2.5cqw * var(--station-scale));line-height:1.35}.station-note{margin-top:.7cqw!important}.station-day{font-size:calc(3.2cqw * var(--station-scale));font-weight:800;text-align:center}
.station-poster .station-footer{display:block;max-width:none;width:100%;margin:0;padding:1.5cqw 0 0;border-top:.6cqw solid var(--station-accent);color:#111;font-size:calc(3cqw * var(--station-scale));flex-shrink:0;text-align:center}.station-footer strong{display:block;margin-top:1cqw;font-size:calc(4cqw * var(--station-scale))}.station-notice{font-weight:700}
.station-schedule .station-row{grid-template-columns:38% 1fr}.station-schedule .station-content{display:none}.station-schedule .station-label{font-size:calc(4.5cqw * var(--station-scale))}.station-schedule .station-day{font-size:calc(4.1cqw * var(--station-scale))}
.station-grid .station-rows{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr)}.station-grid .station-row{display:flex;flex-direction:column;gap:.6cqw;padding:1cqw}.station-grid .station-label{width:100%;font-size:calc(3.8cqw * var(--station-scale));padding:.5cqw}.station-grid .station-content{flex:1;min-height:0;justify-content:center;width:100%}.station-grid .station-art{height:100%;max-height:17cqw;width:18cqw}.station-grid .station-item-copy{display:none}.station-grid .station-day{font-size:calc(2.8cqw * var(--station-scale));width:100%}
.station-weekdays .station-row{grid-template-columns:42% 1fr}.station-weekdays .station-content{display:none}.station-weekdays .station-day{color:#a72020;font-size:calc(5.2cqw * var(--station-scale));line-height:1.25}.station-weekdays .station-label{font-size:calc(4cqw * var(--station-scale))}
.station-guide .station-row{grid-template-columns:23% 1fr 23%}.station-guide .station-art{width:11cqw;height:11cqw}.station-guide .station-day{font-size:calc(2.6cqw * var(--station-scale))}.station-guide .station-label{font-size:calc(3.2cqw * var(--station-scale))}

.additional-illustration-layer>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;pointer-events:none}.added-illustration-row{border:1px solid #dce3df;padding:12px;margin:12px 0;border-radius:6px}.added-illustration-row>img{width:65px;height:65px;object-fit:contain;vertical-align:middle;margin-right:12px}.added-illustration-row>strong{font-size:14px;overflow-wrap:anywhere}

.added-mark-row{padding:12px;border:1px solid #dce3df;margin:12px 0;border-radius:6px}.added-mark-row summary{font-weight:700;cursor:pointer}.added-mark-row button{margin:4px}
/* Station rules and media share the printed layout. */
.station-head{flex-wrap:wrap}.station-poster .station-title{font-size:calc(5cqw * var(--station-scale));flex-basis:100%}.station-number{border-radius:0;font-size:calc(3cqw * var(--station-scale))}
.station-rules{border:.4cqw solid var(--station-accent);padding:1cqw 2cqw;min-height:4cqw;font-size:calc(2.6cqw * var(--station-scale));flex-shrink:0}.station-rules ul{margin:0;padding-left:3cqw}.station-rules li{white-space:pre-line}
.station-media-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.station-media-edit>img{width:55px;height:55px;object-fit:contain}.station-row-editor details{margin:12px 0}
.station-schedule .station-row,.station-weekdays .station-row{grid-template-columns:30% 1fr 30%}.station-schedule .station-content,.station-weekdays .station-content{display:flex}.station-schedule .station-item-copy,.station-weekdays .station-item-copy{display:none}.station-weekdays .station-day{font-size:calc(3.6cqw * var(--station-scale))}
.station-row-media{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6cqw;min-width:0;flex:1}.station-row-media .station-art,.station-row-mark{width:8cqw;height:8cqw;object-fit:contain;flex-shrink:1}.station-row-mark>*{width:100%;height:100%;object-fit:contain}.station-grid .station-row-media .station-art{width:12cqw;height:12cqw}.station-grid .station-row-media{height:100%}.station-guide .station-content{flex-wrap:wrap}.station-guide .station-row-media{flex-basis:100%}
.station-attachments{display:flex;justify-content:center;gap:2cqw;flex-wrap:wrap;flex-shrink:0}.station-attachments figure{margin:0;max-width:25cqw;text-align:center;font-size:2.2cqw}.station-attachments img{object-fit:contain;background:#fff;display:block;margin:auto}
.preview-edit-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:10px;background:#fff;border:1px solid #ccd5cd;border-radius:8px}.preview-edit-toolbar label{display:flex;align-items:center;gap:8px;margin:0}.preview-edit-toolbar input[type=range]{width:140px}.preview-edit-mode .preview-editable{cursor:pointer;pointer-events:auto!important;outline:1px dashed #467dc0;outline-offset:2px}.preview-edit-mode .preview-selected{outline:3px solid #1465c0}.preview-edit-mode [contenteditable=true]{cursor:text;user-select:text!important;touch-action:auto;min-width:1em;min-height:1em}.preview-edit-mode .transform-handle,.preview-edit-mode .rotation-handle,.preview-edit-mode .image-handle,.preview-edit-mode .sign-text-toolbar{display:none!important}
.sign-only .bear-illustration{position:absolute;width:65%;height:30%;object-fit:contain;left:17.5%;top:30%}
@media print{.preview-edit-toolbar{display:none!important}.preview-editable,.preview-selected{outline:none!important}}

.poster.has-advice .poster-main,.landscape .poster.has-advice .poster-main{padding-bottom:var(--advice-space,54cqw)!important}

.preview-layer-buttons{display:flex;gap:6px;flex-wrap:wrap}.preview-edit-toolbar>select{max-width:100%;min-width:180px;padding:8px}

.filter-row>.chips:has(.purpose-subgroup){display:grid;width:100%;gap:10px}.purpose-subgroup{padding:10px 12px;background:#f5f7f3;border-radius:6px;border-left:3px solid #79937c}.purpose-group-title{display:block;font-size:13px;color:#49604d;margin-bottom:7px}

/* Four format columns, with two poster choices stacked in the first two. */
#basic-layout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
#basic-layout-grid .layout-group{min-width:0;margin:0}#basic-layout-grid .layout-group>h3{min-height:3em;font-size:16px}#basic-layout-grid .basic-grid{grid-template-columns:1fr;gap:18px}
@media(max-width:760px){#basic-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#basic-layout-grid{grid-template-columns:1fr}}
/* Waste name above a close-set illustration and left-aligned collection day. */
.station-poster .station-row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;gap:.4cqw;padding:.8cqw}
.station-poster .station-label{width:100%;height:4.5cqw;min-width:0;box-sizing:border-box;font-size:var(--station-label-font);white-space:nowrap;overflow-wrap:normal;line-height:1.2;padding:.4cqw .6cqw}
.station-poster .station-content{display:flex;flex-wrap:nowrap;gap:.8cqw;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:0}
.station-poster .station-row-media{flex:0 1 16cqw;flex-basis:16cqw;justify-content:flex-start;align-items:center;height:100%;gap:.3cqw}
.station-poster .station-row-media .station-art,.station-poster .station-row-mark{width:14cqw;height:12cqw;max-height:100%;object-fit:contain}
.station-poster .station-item-copy{display:block;flex:1;min-width:0}
.station-poster .station-day{width:100%;text-align:left;font-size:calc(3cqw * var(--station-scale));margin:0!important}
.station-poster:not(.station-guide) .station-examples,.station-poster:not(.station-guide) .station-note{display:none}
.station-grid .station-row-media{flex-basis:16cqw}.station-grid .station-row-media .station-art{width:16cqw;height:18cqw;max-height:100%}
.station-grid .station-day{font-size:calc(2.6cqw * var(--station-scale))}
.station-guide .station-day{font-size:calc(2.8cqw * var(--station-scale));margin-bottom:.4cqw!important}

#basic-layout-grid>.card{min-width:0;height:100%}
#basic-layout-grid .basic-format{font-weight:700;color:var(--green,#18583b);margin:0 0 6px}

/* Schedule: waste name, illustration, then collection day from left to right. */
.station-poster.station-schedule .station-row{grid-template-columns:36% 25% minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:1cqw}
.station-poster.station-schedule .station-label{height:auto;padding:.6cqw;align-self:center}
.station-poster.station-schedule .station-content{display:contents}
.station-poster.station-schedule .station-row-media{width:100%;height:100%;max-height:15cqw;justify-content:center;align-items:center}
.station-poster.station-schedule .station-row-media .station-art{width:17cqw;height:14cqw;max-width:100%;max-height:100%}
.station-poster.station-schedule .station-item-copy{display:block;align-self:center}
.station-poster.station-schedule .station-day{text-align:left;font-size:calc(3.2cqw * var(--station-scale));line-height:1.3}

/* Compact, equal-height bear advice panels with enlarged artwork. */
.bear-advice-card{padding:.35cqw;gap:.25cqw}
.bear-advice-card>.advice-heading{padding:.2cqw .3cqw;white-space:normal;line-height:1.2}
.bear-advice-card .bear-advice-copy{line-height:1.25}
.bear-advice-card .bear-advice-copy p{white-space:normal;margin:0}
.advice-art-area>.advice-silhouette{width:98%;height:98%}

#preview-sheet .preview-selected{outline:2px solid #1465c0;outline-offset:2px}
@media print{#preview-sheet .preview-selected{outline:none!important}}

#preview-sheet .main-illustration-layer>.transform-handle,#preview-sheet .additional-illustration-layer>.transform-handle,#preview-sheet .image-layer>.image-handle{display:block!important;touch-action:none;width:18px;height:18px}

/* Reference designs use the same frame, insets and band regions as other posters. */
.poster.warning-reference.bear-art:not(.sign-only) .poster-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto;gap:2cqw;position:relative;padding:3cqw 0;align-content:stretch;justify-items:center}
.poster.warning-reference.bear-art:not(.sign-only) .bear-illustration{grid-column:1;grid-row:1;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;margin:0}
.poster.warning-reference.bear-art:not(.sign-only) .poster-title{grid-column:1;grid-row:2;width:100%;font-size:calc(9cqw * var(--title-user,1));line-height:1.15;letter-spacing:0;text-align:center;margin:0}
.poster.warning-reference.bear-art:not(.sign-only) .poster-body{grid-column:1;grid-row:3;width:100%;font-size:calc(3.7cqw * var(--body-user,1));line-height:1.55;margin:0;padding:0;border:0;text-align:center}
.poster.warning-reference.warning-detailed.bear-art:not(.sign-only) .poster-title{font-size:calc(8cqw * var(--title-user,1))}
.poster.warning-reference.warning-detailed.bear-art:not(.sign-only) .poster-body{text-align:left;font-size:calc(3.4cqw * var(--body-user,1))}
.poster.warning-reference.warning-detailed.bear-art:not(.sign-only) .warning-icon{position:absolute!important;top:18cqw;left:calc(50% - 11cqw);width:22cqw;height:22cqw;font-size:22cqw;z-index:2;margin:0;filter:drop-shadow(0 0 .3cqw #111)}
/* Gradients cannot be spread with box-shadow: extend the painted pseudo-element itself. */
.poster .section-colored.caution-background::before{box-shadow:none;inset:0 -100cqw;clip-path:none;background:var(--section-bg)}
.poster .poster-top.section-colored.caution-background::before{inset:-100cqw -100cqw 0}
.poster .poster-details.section-colored.caution-background::before{inset:0 -100cqw -100cqw}
.caution-choice[aria-pressed=true]{border:3px solid #111;background:#ffdc24;color:#111}

.mark-instance-list{display:flex;flex-wrap:wrap;gap:8px;width:100%}.mark-instance-list .mark-choice{display:flex;align-items:center;gap:8px}.mark-instance-list .mark-symbol{width:32px;height:32px}.mark-type-picker{width:100%;margin-top:12px}.mark-type-picker summary{cursor:pointer;font-weight:700;margin-bottom:12px}.mark-type-picker .mark-choice{margin:3px}.mark-type-picker .mark-symbol{width:32px;height:32px}
@media print{#print-root.rendered-print{display:block!important;padding:0!important;width:var(--paper-w)!important;height:var(--paper-h)!important;overflow:hidden}#print-root.rendered-print>img{display:block;width:100%;height:100%;object-fit:contain;break-inside:avoid}}

/* Give editor controls enough space for wrapped labels, palettes and sliders. */
.form-panel,.form-panel *{min-width:0}.type-controls{align-items:stretch;gap:18px}.form-panel .color-control,.form-panel .size-control{margin:0 0 18px!important}.form-panel .color-palette{padding:5px 2px 8px;gap:10px}.section-background-setting{padding:20px 0}.section-background-setting>.size-control{display:block;width:100%;margin-top:18px!important}.form-panel .size-control{line-height:1.65}.form-panel .size-control input[type=range]{display:block;width:100%;margin-top:12px}.section-background-setting button{margin:6px 8px 6px 0}.accordion-close{display:block;margin:20px 0 4px!important;width:100%;clear:both}.mark-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;width:100%}.mark-gallery .mark-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100px}.mark-gallery .mark-symbol{width:42px;height:42px}.mark-instance-list{display:block;width:100%}.mark-instance{border:1px solid #cbd7d0;border-radius:6px;padding:14px;margin:12px 0}.mark-instance>summary{font-weight:700;cursor:pointer}.mark-instance-controls{padding-top:14px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.mark-instance-controls select{width:100%;padding:8px;font:inherit}.form-panel .type-controls>.color-control,.form-panel .type-controls>.size-control{flex:1 1 180px}#overflow{display:none!important}


.floating-mark>.mark-symbol{opacity:var(--mark-opacity,1)}

.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0;scroll-margin-top:16px}.catalog-pagination select{font:inherit;padding:9px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}.catalog-pagination>span{font-size:14px;color:var(--muted)}.catalog-pagination .secondary{padding:10px 18px}@media(max-width:520px){.catalog-pagination{gap:8px}.catalog-pagination>span{flex-basis:100%;text-align:center}}

/* Compact, independently expandable catalog filters. */
.filter-row.filter-accordion{display:block;padding:0}
.filter-summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 2px;cursor:pointer;list-style:none;touch-action:manipulation}
.filter-summary::-webkit-details-marker{display:none}
.filter-summary::after{content:'＋';margin-left:auto;font-size:19px;line-height:1;color:var(--green)}
.filter-accordion[open]>.filter-summary::after{content:'−'}
.filter-summary strong{font-size:14px}
.filter-selection-count{font-size:12px;color:var(--muted)}
.filter-summary:focus-visible{outline:3px solid #b88400;outline-offset:2px;border-radius:3px}
.filter-accordion>.chips{padding:0 2px 14px}

.poster-search{padding:2px 0 16px}.poster-search>label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.poster-search-field{display:flex;align-items:center;gap:12px}.poster-search-field input{width:100%;min-width:0;flex:1;border:1px solid #bacbc2;border-radius:6px;padding:11px 12px;background:#fcfdfc;color:var(--ink);font-size:16px}.poster-search-field button{flex-shrink:0}.poster-search p{font-size:12px;color:var(--muted);margin:7px 0 0}@media(max-width:480px){.poster-search-field{flex-wrap:wrap}.poster-search-field input{flex-basis:100%}}

.poster.municipal .poster-details{font-size:calc(2.2cqw * var(--info-user,1));line-height:1.45;padding-inline:4cqw}.poster.municipal .poster-extra{text-align:left}.poster.municipal.awareness-green .poster-details{font-size:calc(1.7cqw * var(--info-user,1));padding-inline:6cqw}.poster.municipal .poster-top span:first-child{letter-spacing:0}.poster.municipal.awareness-green .poster-top span:first-child{font-size:2.9cqw}.poster.municipal.awareness-green .poster-top span:last-child{font-size:1.5cqw}.poster.municipal.awareness-white .poster-title{color:#182d28}