.notice-tool{min-width:0;color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:32px;display:grid}.notice-form,.notice-preview{min-width:0}.notice-form{gap:20px;display:grid}.notice-section{border:0;border-top:1px solid var(--line);min-width:0;margin:0;padding:20px 0 0}.notice-section legend{color:var(--ink);letter-spacing:-.02em;margin:0 0 13px;padding:0;font-size:17px;font-weight:760}.notice-style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.notice-style-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;grid-template-columns:18px minmax(0,1fr);gap:5px 8px;min-width:0;padding:9px;transition:border-color .15s,box-shadow .15s;display:grid}.notice-style-card:hover{border-color:#9aa89e}.notice-style-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.notice-style-card input{width:18px;height:18px;accent-color:var(--accent);grid-row:1/span 3;margin-top:2px}.notice-style-card img{aspect-ratio:210/297;object-fit:contain;background:#f8faf8;border:1px solid #e3e7e1;width:100%;height:auto;max-height:180px;display:block}.notice-style-card span{color:var(--ink);font-size:12px;font-weight:720}.notice-style-card small{color:var(--muted);font-size:11px;line-height:1.4}.notice-heading-picker{background:#f7f9f5;border:1px solid #dfe5dd;border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:15px;padding:11px 13px;display:flex}.notice-control-label{color:var(--ink);font-size:12px;font-weight:740}.notice-heading-picker label{color:#46564e;align-items:center;gap:6px;min-height:32px;font-size:12px;font-weight:600;display:inline-flex}.notice-heading-picker input{width:17px;height:17px;min-height:17px;accent-color:var(--accent)}.notice-heading-picker small{color:var(--muted);flex-basis:100%;font-size:11px;line-height:1.45}.notice-template-row,.notice-orientation-row,.notice-actions{flex-wrap:wrap;align-items:end;gap:11px;display:flex}.notice-template-row label,.notice-section>label,.notice-field-grid label{color:#46564e;gap:6px;min-width:0;font-size:13px;font-weight:680;display:grid}.notice-template-row label{flex:210px}.notice-section input,.notice-section select,.notice-section textarea{border:1px solid var(--control-border);width:100%;min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:7px}.notice-section input,.notice-section select{height:44px;min-height:44px;padding:0 10px}.notice-section textarea{resize:vertical;min-height:148px;padding:11px;line-height:1.65}.notice-section small,.notice-hint,.notice-preview-note{color:var(--muted);font-size:12px;line-height:1.55}.notice-hint,.notice-preview-note{margin:10px 0 0}.notice-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:15px;display:grid}.notice-orientation-row{color:#46564e;align-items:center;font-size:13px}.notice-orientation-row>span{margin-right:8px;font-weight:680}.notice-orientation-row label{align-items:center;gap:7px;min-height:44px;font-weight:500;display:flex}.notice-orientation-row input{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}.notice-primary,.notice-secondary{border:1px solid var(--control-border);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:7px;padding:0 14px;font-size:13px;font-weight:700}.notice-primary{border-color:var(--accent);background:var(--accent);color:#fff}.notice-primary:disabled,.notice-secondary:disabled{cursor:not-allowed;opacity:.55}.notice-field-error,.notice-error{color:#842b27;font-size:12px;line-height:1.5}.notice-error{background:#fff2f0;border-left:3px solid #a83731;margin:0;padding:11px 13px;font-size:13px}.notice-live{color:#1d4b3d;min-height:1.5em;margin:0;font-size:13px;line-height:1.5}.notice-preview{align-self:start;gap:13px;display:grid;position:sticky;top:18px}.notice-preview>strong{color:var(--ink);letter-spacing:-.01em;font-size:15px}.notice-preview canvas{border:1px solid var(--line);background:#fff;width:100%;max-width:430px;height:auto;display:block;box-shadow:0 12px 28px #182d231a}.notice-section input:focus-visible,.notice-section select:focus-visible,.notice-section textarea:focus-visible,.notice-actions button:focus-visible,.notice-heading-picker input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=760px){.notice-tool{grid-template-columns:1fr;gap:22px}.notice-preview{position:static}}@media (width<=480px){.notice-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-field-grid{grid-template-columns:1fr}.notice-actions>button{flex:100%}}