.sgn-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.sgn-inputs .step-sec{min-width:0}.sgn-inputs .step-sec+.step-sec{border-top:0;margin-top:0;padding-top:.2rem}.sgn-gap{margin-top:26px}.sgn-chips{gap:6px;margin-bottom:8px;display:grid}.sgn-chips.sgn-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sgn-chips.sgn-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sgn-chips .opt-chip{min-width:0}.sgn-chips .opt-chip[hidden]{display:none}.sgn-chips .opt-chip small{margin:1px 0 0;display:block}.sgn-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0;display:grid}.sgn-nums label,.sgn-field{color:var(--text-secondary);gap:4px;min-width:0;font-size:.8rem;display:grid}.sgn-nums .tool-input,.sgn-field .tool-input{width:100%;min-width:0}.sgn-field{margin-bottom:10px}.sgn-mode{margin:4px 0 12px}.sgn-logo{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sgn-note{color:var(--text-muted);margin:6px 0 0;font-size:.76rem;line-height:1.6}.sgn-logo .sgn-note{margin:0}.sgn-range{color:var(--text-secondary);gap:2px;margin:8px 0 2px;font-size:.82rem;display:grid}.sgn-range span{justify-content:space-between;display:flex}.sgn-range output{color:var(--navy);font-weight:600}.sgn-range input{width:100%;accent-color:var(--accent)}.sgn-scale{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:.72rem;display:flex}.sgn-inputs .sgn-small{min-width:0;margin-top:8px;padding:.3rem .8rem;font-size:.8rem}.sgn-colorset{grid-template-columns:5em minmax(0,1fr) auto;align-items:center;gap:6px 10px;margin-bottom:10px;display:grid}.sgn-colork{color:var(--text-secondary);font-size:.8rem}.sgn-sw{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.sgn-sw button{cursor:pointer;border:1px solid #172b4d2e;border-radius:8px;width:28px;min-width:0;height:28px;padding:0}.sgn-sw button:hover{border-color:var(--accent)}.sgn-sw button[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--navy)}.sgn-more{min-height:32px;color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.76rem;display:flex}.sgn-more input[type=color]{border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:8px;width:30px;height:28px;padding:0 2px}.sgn-answer .sgn-line{color:var(--navy);text-wrap:pretty;margin:0 0 4px;font-size:1.2rem;font-weight:700;line-height:1.55}.sgn-answer .sgn-line em{color:var(--accent-strong);font-style:normal}.sgn-detail{margin-top:8px}.sgn-detail:empty{display:none}.sgn-detail>:first-child{margin-top:0}.sgn-answer .sgn-sub,.sgn-detail .sgn-sub{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.65}.sgn-answer .sgn-fine,.sgn-detail .sgn-fine{color:var(--text-muted);margin:4px 0 0;font-size:.76rem;line-height:1.55}.sgn-reads{flex-wrap:wrap;gap:6px;margin:8px 0 4px;padding:0;list-style:none;display:flex}.sgn-reads li{color:#14532d;background:#eef6f1;border-radius:8px;align-items:baseline;gap:6px;padding:4px 10px;font-size:.86rem;display:inline-flex}.sgn-reads li b{font-size:1rem}.sgn-reads li.ng{color:#7a5301;background:#fff8eb}.sgn-detail .sgn-warn{color:#7a5301;background:#fff8eb;border-radius:8px;margin:6px 0 0;padding:6px 10px;font-size:.86rem;line-height:1.6}.sgn-viewbar{justify-content:flex-end;margin:12px 0 8px;display:flex}.sgn-view{aspect-ratio:16/10;border:1px solid var(--hairline-soft);background:#e6ebf0;border-radius:10px;width:100%;max-height:560px;position:relative;overflow:hidden}.sgn-cap{color:var(--navy);pointer-events:none;background:#ffffffdb;border-radius:6px;margin:0;padding:2px 8px;font-size:.82rem;font-weight:600;position:absolute;top:10px;left:12px}.sgn-tags{pointer-events:none;gap:6px;margin:0;display:flex;position:absolute;bottom:10px;left:12px}.sgn-tags span{color:var(--navy);border:1px solid var(--hairline);background:#fff;border-left:3px solid #2f6fed;border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:600}.sgn-loading,.sgn-glerr{text-align:center;color:var(--text-secondary);place-items:center;margin:0;padding:20px;font-size:.9rem;display:grid;position:absolute;inset:0}.sgn-loading[hidden],.sgn-glerr[hidden]{display:none}.sgn-zoom{gap:6px;display:grid;position:absolute;bottom:10px;right:10px}.sgn-zoom button{border:1px solid var(--hairline);width:34px;min-width:0;height:34px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:8px;place-items:center;font-size:18px;line-height:1;display:grid}.sgn-zoom button:hover{border-color:var(--accent)}.sgn-zoom button:disabled{opacity:.4;cursor:default}.sgn-dist{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;display:flex}.sgn-k{color:var(--text-secondary);min-width:8em;font-size:.82rem}.sgn-hint{color:var(--text-muted);margin:8px 0 0;font-size:.78rem;line-height:1.6}.sgn-h{color:var(--navy);align-items:baseline;gap:8px;margin:0 0 8px;font-size:.92rem;display:flex}.sgn-sub-h{color:var(--text-muted);font-size:.76rem;font-weight:400}.sgn-paper{background:#eef0f3;border-radius:8px;place-items:center;margin-bottom:12px;padding:12px;display:grid}.sgn-paper canvas{width:auto;max-width:100%;height:auto;max-height:260px;display:block;box-shadow:0 1px 3px #172b4d2e}.sgn-save{border-top:1px solid var(--hairline);padding-top:12px}.sgn-title-l{color:var(--text-secondary);margin-bottom:4px;font-size:.78rem;display:block}.sgn-title{width:100%;min-width:0;margin-bottom:4px;padding:7px 10px;font-size:.9rem}.sgn-side .sgn-main{background:var(--accent);border-color:var(--accent);color:#fff;flex-wrap:wrap;justify-content:center;width:100%;min-width:0;margin-bottom:8px;font-weight:700;display:flex}.sgn-side .sgn-main:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.sgn-side .sgn-main:disabled{opacity:.6}.sgn-subs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sgn-help{color:var(--text-secondary);margin:0 0 8px;font-size:.78rem;line-height:1.6}.sgn-h2{border-top:1px solid var(--hairline);margin-top:14px;padding-top:12px}.sgn-side .sgn-wide{justify-content:center;width:100%;min-width:0;margin-bottom:10px;font-size:.84rem;display:flex}.sgn-subs .tool-btn{justify-content:center;min-width:0;font-size:.84rem}.sgn-status{color:var(--accent-strong);margin:8px 0 0;font-size:.82rem;line-height:1.6}.sgn-status:empty{display:none}.sgn-side~.hx-card{margin-top:16px}.sgn-table{width:100%;display:table}.sgn-table th{background:0 0}@media (width>=1100px){#tool-workspace[data-tool-slug=signage-preview] .sgn-inputs{grid-template-columns:minmax(0,1fr);gap:0}#tool-workspace[data-tool-slug=signage-preview] .sgn-inputs .step-sec+.step-sec{border-top:1px solid var(--hairline-soft);margin-top:.6rem;padding-top:.9rem}}@media (width<=1099.98px){.sgn-detail .sgn-sub,.sgn-detail .sgn-fine{display:none}.sgn-detail{margin-top:4px}.sgn-detail .sgn-warn{padding:3px 8px;font-size:.74rem;line-height:1.45}.sgn-answer .sgn-sub{font-size:.74rem;line-height:1.45}.sgn-reads{gap:4px;margin:4px 0 0}.sgn-reads li{padding:2px 8px;font-size:.76rem}.sgn-reads li b{font-size:.86rem}#sgnBoard .sgn-view{height:30svh;min-height:200px}.sgn-board .sgn-dist{flex-wrap:nowrap;gap:8px;margin-top:6px}.sgn-board .sgn-k{flex:none;width:auto;min-width:0;font-size:.74rem}.sgn-board .sgn-dist .opt-seg.opt-seg{grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));flex:1;min-width:0;display:grid}.sgn-board .sgn-dist .opt-seg .opt-chip.opt-chip{text-align:center;min-height:30px;padding:2px .2rem;font-size:.8rem}}@media (width<=860px){.sgn-inputs{grid-template-columns:minmax(0,1fr)}.sgn-inputs .step-sec+.step-sec{border-top:1px solid var(--hairline-soft);margin-top:.6rem;padding-top:.9rem}}@media (width<=640px){.sgn-mode.opt-seg{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.sgn-mode.opt-seg>.opt-chip{min-width:0;padding-left:.3rem;padding-right:.3rem;font-size:.84rem}.sgn-zoom button{width:30px;height:30px}.sgn-viewbar{justify-content:stretch}.sgn-viewbar .opt-seg.opt-seg{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.sgn-chips .opt-chip{padding-left:.2rem;padding-right:.2rem;font-size:.84rem;line-height:1.35}.sgn-chips .opt-chip small{font-size:.7rem}.sgn-colorset{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k more""sw sw";gap:4px 8px}.sgn-colorset .sgn-colork{grid-area:k}.sgn-colorset .sgn-more{grid-area:more}.sgn-colorset .sgn-sw{grid-area:sw;grid-template-columns:repeat(var(--n,7), minmax(0, 1fr));gap:6px;max-width:300px;display:grid}.sgn-sw button{aspect-ratio:1;width:100%;height:auto}.sgn-table,.sgn-table tbody,.sgn-table tr,.sgn-table th,.sgn-table td{width:auto;display:block}.sgn-table thead{display:none}.sgn-table tr{border:1px solid var(--hairline);border-radius:8px;margin-bottom:8px;padding:8px 10px}.sgn-table th,.sgn-table td{border:0;padding:2px 0}.sgn-table td[data-k]:before{content:attr(data-k) ": ";color:var(--text-muted);font-size:.8rem}.sgn-table caption{text-align:left;display:block}}
