.wsm312{--wsm312-accent:#245b45}.wsm312 .wsm312-head{margin-bottom:12px}.wsm312 .wsm312-head h1{margin-bottom:5px}.wsm312 .wsm312-layout{grid-template-columns:minmax(330px,.76fr) minmax(500px,1.24fr);gap:14px}.wsm312 .wsm312-builder{gap:10px}.wsm312 .wsm312-quick{display:grid;gap:10px}.wsm312 .wsm312-section-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.wsm312 .wsm312-section-head h2{margin:3px 0 0;font-size:20px}.wsm312 .wsm312-shortcut{font-size:9px;font-weight:800;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 7px;white-space:nowrap}.wsm312 .wsm312-words textarea{min-height:132px}.wsm312 .wsm312-audit{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wsm312 .wsm312-audit>div{border:1px solid var(--line);background:var(--soft);border-radius:11px;padding:7px 8px;min-width:0}.wsm312 .wsm312-audit small{display:block;font-size:7.5px;font-weight:900;color:var(--muted);letter-spacing:.06em}.wsm312 .wsm312-audit strong{display:block;font-size:14px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wsm312 .wsm312-audit-text{margin:-2px 0 0;font-size:9px;line-height:1.4;color:var(--muted)}.wsm312 .wsm312-audit-text.warn{color:#8d5d24}.wsm312 .wsm312-audit-text.good{color:#286c4f}.wsm312 .wsm312-profile-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wsm312 .wsm312-profile-row .btn{padding:8px 7px;font-size:9px}.wsm312 .wsm312-profile-row [aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}.wsm312 .wsm312-tool-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto;gap:6px;align-items:end}.wsm312 .wsm312-starter{min-width:0}.wsm312 .wsm312-tool-row .btn{padding:8px 9px;font-size:9px}.wsm312 .wsm312-primary-actions{display:grid;grid-template-columns:minmax(150px,1.3fr) 1fr 1fr;gap:6px}.wsm312 .wsm312-primary-actions .btn{padding:10px 8px}.wsm312 .wsm312-generate{font-weight:900}.wsm312 .wsm312-details{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.wsm312 .wsm312-details>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 11px;cursor:pointer;font-size:10px;font-weight:900;list-style:none}.wsm312 .wsm312-details>summary::-webkit-details-marker{display:none}.wsm312 .wsm312-details>summary:after{content:'＋';color:var(--muted);font-size:14px}.wsm312 .wsm312-details[open]>summary:after{content:'−'}.wsm312 .wsm312-details>summary small{display:block;margin-left:auto;font-size:8px;font-weight:700;color:var(--muted);text-align:right}.wsm312 .wsm312-detail-body{padding:0 11px 11px}.wsm312 .wsm312-history{margin-top:0}.wsm312 .wsm312-stage{gap:10px}.wsm312 .wsm312-placeholder{text-align:center;min-height:570px;display:grid;place-items:center;align-content:center;padding:34px}.wsm312 .wsm312-placeholder h2{margin:6px 0}.wsm312 .wsm312-placeholder p{max-width:560px;color:var(--muted);font-size:11px;line-height:1.55}.wsm312 .wsm312-placeholder-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:var(--soft);border:1px solid var(--line);font-weight:900;letter-spacing:.18em;color:var(--accent);margin-bottom:12px}.wsm312 .wsm312-placeholder-grid{margin-top:16px;white-space:pre;line-height:1.7;letter-spacing:.45em;font:900 15px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--line);border-radius:14px;padding:12px 10px 12px 16px;background:#fff}.wsm312 .wsm312-view-switch{display:flex;gap:6px}.wsm312 .wsm312-view-switch [aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}.wsm312 .wsm312-answer-fallback{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.wsm312 .wsm312-output{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.wsm312 .wsm312-output .btn{padding:8px 6px;font-size:9px}.wsm312 .wsm312-batch{margin-top:8px}.wsm312 .wsm312-batch .wsm-stage-actions{padding:0 10px 10px}.wsm312 .wsm312-proof>summary{cursor:pointer;font-weight:900;font-size:11px}.wsm312 .wsm312-proof>div{margin-top:8px}.wsm312 .wsm-section{margin-top:8px}.wsm312 #wsmWorkspace{min-width:0}.wsm312.workspace-ready #wsm312Placeholder{display:none}.wsm312 .wsm-status{min-height:34px;display:flex;align-items:center}.wsm312 .wsm-board{max-width:620px}.wsm312 .mobile-dock{display:none!important}
@media(max-width:980px){.wsm312 .wsm312-layout{grid-template-columns:1fr}.wsm312 .wsm312-stage{order:2}.wsm312 .wsm312-builder{order:1}.wsm312 .wsm312-placeholder{min-height:300px}.wsm312.workspace-ready .wsm312-stage{order:1}.wsm312.workspace-ready .wsm312-builder{order:2}}
@media(max-width:620px){.wsm312 .preview-note{font-size:8px;padding:4px 8px}.wsm312 .topbar .wrap{min-height:42px}.wsm312 .wsm312-head{padding-top:8px;margin-bottom:8px}.wsm312 .wsm312-head p{display:none}.wsm312 .wsm312-head h1{font-size:27px}.wsm312 .wsm312-section-head h2{font-size:18px}.wsm312 .wsm312-shortcut{display:none}.wsm312 .wsm312-words textarea{min-height:112px}.wsm312 .wsm312-audit{grid-template-columns:repeat(4,1fr)}.wsm312 .wsm312-audit>div{padding:6px}.wsm312 .wsm312-audit strong{font-size:12px}.wsm312 .wsm312-profile-row{grid-template-columns:repeat(3,1fr)}.wsm312 .wsm312-tool-row{grid-template-columns:1fr 1fr}.wsm312 .wsm312-starter{grid-column:1/-1}.wsm312 .wsm312-primary-actions{grid-template-columns:1fr 1fr}.wsm312 .wsm312-generate{grid-column:1/-1}.wsm312 .wsm312-details>summary{align-items:flex-start}.wsm312 .wsm312-details>summary small{max-width:52%;font-size:7.5px}.wsm312 .wsm312-placeholder{min-height:220px;padding:20px}.wsm312 .wsm312-placeholder-grid{display:none}.wsm312 .wsm-preview-head{display:flex;gap:8px;align-items:flex-start}.wsm312 .wsm-preview-head h2{font-size:19px}.wsm312 .wsm312-view-switch{flex-shrink:0}.wsm312 .wsm312-view-switch .btn{padding:6px 7px;font-size:8px}.wsm312 .wsm-quality{grid-template-columns:repeat(5,1fr)}.wsm312 .wsm-quality div{padding:5px}.wsm312 .wsm-quality strong{font-size:11px}.wsm312 .wsm-quality small{font-size:6.5px}.wsm312 .wsm-sheet{padding:7px}.wsm312 .wsm-sheet-head{margin-bottom:5px}.wsm312 .wsm-sheet-head h3{font-size:16px}.wsm312 .wsm-sheet-head p{font-size:8px}.wsm312 .wsm-name-date{margin:4px 0 6px}.wsm312 .wsm-output,.wsm312 .wsm312-output{grid-template-columns:1fr 1fr}.wsm312 .wsm312-output .btn:first-child{grid-column:1/-1}.wsm312 .wsm-proof-note{font-size:8.5px}.wsm312 .maker-page{padding-bottom:18px}}
