.ssp-panel{position:fixed;bottom:28px;right:95px;z-index:1100;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;width:320px;max-width:calc(100vw - 40px);font-family:system-ui,-apple-system,sans-serif;color:#1f2937}.ssp-header{display:flex;align-items:center;gap:4px}.ssp-toggle{flex:1;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;color:inherit;border-radius:12px 0 0 12px}.ssp-toggle:hover{background-color:#f3f4f6}.ssp-panel.is-open .ssp-toggle{border-radius:12px 0 0}.ssp-title{display:flex;align-items:center;gap:8px}.ssp-chevron{transition:transform .2s ease}.ssp-chevron.rotated{transform:rotate(180deg)}.ssp-minimize{padding:14px 16px;background:none;border:none;cursor:pointer;color:#6b7280;border-radius:0 12px 12px 0}.ssp-panel.is-open .ssp-minimize{border-radius:0 12px 0 0}.ssp-minimize:hover{color:#1f2937;background-color:#f3f4f6}.ssp-content{padding:8px 16px 16px;border-top:1px solid #e5e7eb;max-height:70vh;overflow-y:auto}.ssp-section+.ssp-section{margin-top:18px;padding-top:16px;border-top:1px dashed #e5e7eb}.ssp-section-header{display:flex;align-items:center;justify-content:space-between;margin:12px 0 10px}.ssp-section-header h4{margin:0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#374151}.ssp-link-btn{background:none;border:none;color:#2563eb;font-size:12px;cursor:pointer;padding:0}.ssp-link-btn:hover{text-decoration:underline}.ssp-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.ssp-field label{font-size:12px;font-weight:600;color:#4b5563}.ssp-hint{font-size:11px;color:#6b7280}.ssp-field select{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;color:inherit}.ssp-color-field{flex-direction:row;align-items:center;gap:12px;justify-content:space-between}.ssp-color-meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ssp-color-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ssp-color-swatch{width:28px;height:28px;border-radius:6px;border:1px solid #d1d5db;cursor:pointer;padding:0}.ssp-color-swatch:hover{transform:scale(1.05)}.ssp-color-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#6b7280;min-width:62px;text-align:right}.ssp-color-reset{font-size:11px}.ssp-minimized{position:fixed;bottom:28px;right:95px;z-index:1100;width:44px;height:44px;border-radius:50%;border:none;background:#1f2937;color:#fff;cursor:pointer;box-shadow:0 4px 20px #0003;display:flex;align-items:center;justify-content:center}.ssp-minimized:hover{background:#111827}.ssp-modal-overlay{position:fixed;inset:0;background:#0f172a8c;z-index:2100;display:flex;align-items:center;justify-content:center;padding:1rem}.ssp-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 20px 60px #00000040}.ssp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb}.ssp-modal-header h3{margin:0;font-size:15px;font-weight:700}.ssp-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px}.ssp-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:14px}.ssp-color-input-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:96px;border-radius:10px;border:1px solid #d1d5db;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.ssp-color-input-wrap:hover{border-color:#1e3a8a;box-shadow:inset 0 0 0 2px #ffffff59,0 4px 14px #0f172a2e;transform:translateY(-1px)}.ssp-color-input-wrap:focus-within{outline:2px solid #1E3A8A;outline-offset:2px}.ssp-color-input{position:absolute;inset:0;width:100%;height:100%;border:none;padding:0;background:transparent;cursor:pointer;opacity:0}.ssp-color-input-hint{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin-bottom:10px;background:#ffffffeb;color:#1f2937;border-radius:999px;font-size:12px;font-weight:600;pointer-events:none;box-shadow:0 2px 8px #0000002e}.ssp-modal-preview{display:flex;align-items:center;gap:10px}.ssp-modal-hex{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.ssp-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.ssp-preset{aspect-ratio:1;border-radius:6px;border:1px solid #d1d5db;cursor:pointer;padding:0}.ssp-preset:hover{transform:scale(1.08)}.ssp-preset.is-selected{outline:2px solid #1E3A8A;outline-offset:2px}.ssp-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid #e5e7eb}.ssp-btn{padding:8px 14px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer}.ssp-btn-light{background:#f3f4f6;color:#1f2937}.ssp-btn-light:hover{background:#e5e7eb}.ssp-btn-primary{background:#1e3a8a;color:#fff}.ssp-btn-primary:hover{background:#1e40af}