.sng-app{--primary:#176b87;--primary-dark:#10566d;--text:#263238;--muted:#68777d;--border:#dce5e8;max-width:1100px;margin:30px auto;font-family:inherit;color:var(--text)}.sng-app *{box-sizing:border-box}.sng-shell{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(20,60,75,.08)}.sng-header{padding:28px;background:linear-gradient(135deg,#eef8fb,#fff8ec);border-bottom:1px solid var(--border)}.sng-header h2{margin:0 0 8px;font-size:clamp(28px,4vw,40px);line-height:1.15}.sng-header p{margin:0;color:var(--muted);line-height:1.6;max-width:800px}.sng-mode-wrap{padding:22px 24px 5px}.sng-mode-title{font-weight:700;margin-bottom:10px}.sng-mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sng-app button{font:inherit}.sng-mode{padding:15px!important;border:1px solid var(--border)!important;border-radius:11px!important;background:#fff!important;color:var(--text)!important;cursor:pointer;font-weight:700}.sng-mode.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.sng-panel{display:none;padding:20px 24px 5px}.sng-panel.active{display:block}.sng-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sng-field label{display:block;font-size:13px;font-weight:700}.sng-field input,.sng-field select{width:100%;min-height:46px;margin-top:7px;padding:10px 12px;border:1px solid #d2dde0;border-radius:9px;background:#fff;font:inherit;color:var(--text)}.sng-field input:focus,.sng-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(23,107,135,.1)}.sng-actions{display:flex;flex-wrap:wrap;gap:9px;padding:20px 24px}.sng-actions button,.sng-card button{border:1px solid #d3dde0;background:#fff;color:var(--text);border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}.sng-actions .sng-generate{background:var(--primary);color:#fff;border-color:var(--primary);padding-left:24px;padding-right:24px}.sng-actions .sng-generate:hover{background:var(--primary-dark)}.sng-message{padding:0 24px 10px;min-height:22px;color:var(--muted);font-size:13px}.sng-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:5px 24px 25px}.sng-card{border:1px solid var(--border);border-radius:12px;padding:16px;background:#fff}.sng-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.sng-name{font-size:21px;font-weight:800;line-height:1.25;color:#174f63}.sng-meta{margin-top:5px;font-size:12px;color:var(--muted)}.sng-card-actions{display:flex;gap:5px;flex-shrink:0}.sng-card-actions button{padding:6px 8px;font-size:12px}.sng-favorite.active{background:#fff5cf;border-color:#e2bb53}.sng-favorites{display:none;margin:0 24px 24px;padding:16px;background:#fafafa;border:1px solid var(--border);border-radius:12px}.sng-favorites h3{margin:0 0 10px;font-size:18px}.sng-chips{display:flex;flex-wrap:wrap;gap:7px}.sng-chip{padding:7px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;font-size:13px}.sng-note{border-top:1px solid var(--border);background:#fafcfc;padding:15px 24px;font-size:12px;color:var(--muted);line-height:1.5}@media(max-width:800px){.sng-grid{grid-template-columns:1fr 1fr}.sng-results{grid-template-columns:1fr}}@media(max-width:520px){.sng-mode-buttons,.sng-grid{grid-template-columns:1fr}.sng-header,.sng-mode-wrap,.sng-panel{padding-left:18px;padding-right:18px}.sng-actions{padding:18px}.sng-results{padding:5px 18px 20px}.sng-favorites{margin:0 18px 20px}.sng-actions button{flex:1 1 45%}.sng-actions .sng-generate{flex-basis:100%}}