.tool-shell{max-width:960px}.tool-shell label{display:block;margin:12px 0;font-weight:600}.tool-shell input,.tool-shell select,.tool-shell textarea{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:var(--card);font:inherit}.tool-shell input[type=checkbox],.tool-shell input[type=radio]{display:inline-block;width:auto}.tool-shell .row>*{flex:1;min-width:130px}.tool-shell canvas{display:block;max-width:100%;height:auto}.preview-wrap{position:relative;overflow:hidden;max-width:620px;margin:16px auto;background:white;touch-action:none;border:1px solid var(--line)}#preview{width:100%;cursor:crosshair}.tool-status{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.8em}.tool-status.error{color:var(--bad,#c62828)}#results{display:grid;gap:14px}.result-item{border:1px solid var(--line);padding:12px;border-radius:12px;overflow-wrap:anywhere}.result-item img{display:block;max-width:100%;max-height:360px;margin:8px auto}.result-item a{display:inline-block;padding:8px 0}#signpad{border:1px dashed #777;background:white;touch-action:none;max-width:100%;width:500px;height:160px}button:disabled{opacity:.55;cursor:wait}.tool-guide{margin:30px 0;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:18px}.tool-guide p{line-height:1.95}.tool-guide details{border-top:1px solid var(--line);padding:13px 0}.tool-guide summary{font-weight:600;cursor:pointer}.tool-guide a{overflow-wrap:anywhere}.notice{border-left:4px solid var(--acc);padding:12px 16px;background:color-mix(in srgb,var(--card) 84%,var(--acc));line-height:1.8}.progress-links{display:flex;gap:14px;flex-wrap:wrap}#html-preview{background:white;color:#111;padding:24px;max-width:700px;overflow-wrap:anywhere}#html-preview table{border-collapse:collapse;width:100%}#html-preview td,#html-preview th{border:1px solid #777;padding:6px}#html-preview img{max-width:100%}.guide-related{display:flex;gap:12px;flex-wrap:wrap}#form-fields{display:grid;gap:8px}#form-fields .field-box{padding:12px;border:1px solid var(--line);border-radius:9px}@media(max-width:520px){.tool-guide{padding:18px}.tool-shell .row{display:block}.tool-shell h1{font-size:1.6rem}.tool-shell .box{padding:16px}.preview-wrap{margin:12px 0}.tool-shell button{max-width:100%;white-space:normal}}