.sig-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;margin-top:20px}@media (max-width:900px){.sig-layout{grid-template-columns:1fr}}.sig-controls{display:flex;flex-direction:column;gap:16px}.sig-demo-area{display:flex;flex-direction:column;gap:16px}.demo-section{background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden}.demo-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.demo-header h4{margin:0;font-size:1rem}.demo-hint{font-size:11px;color:var(--muted);opacity:.7}.demo-step{padding:16px}.step-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.demo-textarea{width:100%;min-height:80px;background:#0a0c0f;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--fg);font-family:inherit;font-size:14px;resize:vertical}.demo-textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.demo-buttons{display:flex;gap:10px;padding:0 16px 16px 16px;flex-wrap:wrap}.demo-step .code-block{margin:0;min-height:100px}.verify-result{margin:0 16px 16px 16px;padding:12px 16px;border-radius:8px;font-size:14px}.verify-result.verify-success{background:rgba(76,175,80,.15);border:1px solid rgba(76,175,80,.3);color:#4caf50}.verify-result.verify-fail{background:rgba(244,67,54,.15);border:1px solid rgba(244,67,54,.3);color:#f44336}.demo-tip{padding:14px 16px;background:rgba(106,166,255,.1);border:1px solid rgba(106,166,255,.2);border-radius:10px;font-size:13px;color:var(--muted)}.demo-tip strong{color:var(--accent)}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.info-header h3{margin:0}.badge-rec{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600}.badge-success{background:rgba(34,197,94,.2);color:#22c55e;padding:3px 8px;border-radius:4px;font-size:11px}.badge-danger{background:rgba(239,68,68,.2);color:#ef4444;padding:3px 8px;border-radius:4px;font-size:11px}.size-comparison{margin-top:32px}.size-comparison h3{margin:0 0 8px 0}.sig-size-chart{display:flex;flex-direction:column;gap:16px;margin-top:16px}.size-section{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}.size-section-header{font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line);font-weight:600}.size-section-header.classical{color:#64748b}.size-section-header.lattice{color:var(--accent2)}.size-section-header.hash{color:#22c55e}.size-row{display:flex;align-items:center;gap:12px;padding:6px 0}.size-row.recommended-row{background:rgba(34,197,94,.05);margin:0 -16px;padding:6px 16px}.size-label{width:120px;font-size:13px;color:var(--muted);text-align:right;flex-shrink:0}.size-bar-wrap{flex:1;display:flex;align-items:center;gap:10px}.size-bar{height:22px;border-radius:4px;min-width:4px}.size-classical{background:linear-gradient(90deg,#64748b,#475569)}.size-lattice{background:linear-gradient(90deg,var(--accent2),rgba(155,140,255,.6))}.size-hash{background:linear-gradient(90deg,#22c55e,rgba(34,197,94,.6))}.size-value{font-size:12px;color:var(--muted);min-width:70px}.size-note{font-size:11px;padding:2px 8px;border-radius:4px}.size-note.warn{background:rgba(239,68,68,.15);color:#ef4444}.size-note.safe{background:rgba(34,197,94,.15);color:#22c55e}.use-case-section{margin-top:32px}.use-case-section h3{margin:0 0 16px 0}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.use-case-card{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center}.use-case-icon{font-size:28px;margin-bottom:8px}.use-case-card h4{margin:0 0 8px 0;font-size:1rem}.use-case-rec{color:var(--accent);font-weight:600;font-size:14px;margin:0 0 6px 0}.use-case-why{color:var(--muted);font-size:13px;margin:0;line-height:1.4}.examples-section{margin-top:32px}.examples-section h3{margin:0 0 12px 0}.tips-section{margin-top:24px}.tip-box{padding:16px;border-radius:10px}.tip-box strong{display:block;margin-bottom:8px}.tip-box p{margin:0;font-size:14px;line-height:1.5}.tip-warning{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.tip-warning strong{color:#ef4444}.tip-warning p{color:var(--muted)}