.sgcc310{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:1px solid #d9e2f3;border-radius:24px;overflow:hidden;background:#fff;color:#10203d;box-shadow:0 16px 42px rgba(20,39,90,.09);max-width:1200px;margin:20px auto}.sgcc310 *{box-sizing:border-box}.sgcc310-brandbar{background:#0d1b3e;color:#fff;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.sgcc310-brandbar div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sgcc310-brandbar strong{font-size:18px}.sgcc310-brandbar div span{font-size:13px;opacity:.9}.sgcc310-chip{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700}.sgcc310-hero{background:linear-gradient(120deg,#2166f3,#4d46ea 52%,#7a2df0);color:#fff;padding:28px;display:flex;justify-content:space-between;gap:20px}.sgcc310-kicker{font-size:12px;font-weight:800;letter-spacing:1.4px;color:#ffe86b}.sgcc310-hero h2{margin:8px 0 5px;font-size:38px;color:#fff}.sgcc310-hero p{margin:0 0 15px;font-size:16px}.sgcc310-pills{display:flex;flex-wrap:wrap;gap:8px}.sgcc310-pills span{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.12);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.sgcc310-private{white-space:nowrap;background:#eaffef;color:#096b34;border-radius:999px;height:max-content;padding:9px 13px;font-size:12px;font-weight:800}.sgcc310-examples{margin:20px 24px 0;padding:12px 14px;border:1px solid #d9e5ff;border-radius:16px;background:linear-gradient(90deg,#f1f7ff,#faf4ff);display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sgcc310-examples button,.sgcc310-card-head button{border:1px solid #cbd8f4;background:#fff;border-radius:12px;padding:9px 12px;font-weight:700;cursor:pointer;color:#1d2b73}.sgcc310-workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 24px}.sgcc310-card{border:1px solid #dbe4f4;border-radius:18px;padding:15px;background:#fff;box-shadow:0 8px 24px rgba(33,55,110,.06)}.sgcc310-output-card{background:linear-gradient(180deg,#fff,#f9fbff)}.sgcc310-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:17px;font-weight:800}.sgcc310 textarea{width:100%;min-height:260px;padding:14px;border:1px solid #cfd9ea;border-radius:13px;resize:vertical;font:16px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;background:#fff;color:#10203d}.sgcc310-result{background:#fbfcff!important}.sgcc310-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.sgcc310-stats span{border:1px solid #dce5f3;background:#f8fbff;border-radius:999px;padding:6px 10px;font-size:12px}.sgcc310-lock-note,.sgcc310-result-note{margin-top:10px;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:650}.sgcc310-lock-note{background:#eef8ff;color:#235078}.sgcc310-result-note{background:#effbf3;color:#146333}.sgcc310-section-title{padding:5px 24px 10px;display:flex;flex-direction:column}.sgcc310-section-title strong{font-size:18px}.sgcc310-section-title span{font-size:13px;color:#60708f}.sgcc310-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 24px 18px}.sgcc310-modes button{min-height:82px;text-align:left;border:1px solid #d5e0f1;background:linear-gradient(180deg,#fff,#f8faff);border-radius:14px;padding:13px;cursor:pointer;color:#282176;transition:.15s}.sgcc310-modes button strong,.sgcc310-modes button small{display:block}.sgcc310-modes button strong{font-size:15px}.sgcc310-modes button small{margin-top:7px;color:#65728d}.sgcc310-modes button:hover,.sgcc310-modes button.active{border-color:#3d56e8;box-shadow:0 0 0 2px rgba(61,86,232,.12);transform:translateY(-1px)}.sgcc310-modes button.active{background:linear-gradient(135deg,#eef4ff,#f4edff)}.sgcc310-toolbar{padding:0 24px 20px;display:flex;gap:9px;flex-wrap:wrap}.sgcc310-toolbar button{border:1px solid #cfdaed;background:#fff;color:#10203d;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}.sgcc310-toolbar .primary{background:linear-gradient(135deg,#2166f3,#5b3def);color:#fff;border:0}.sgcc310-toolbar .danger{background:#fff4f4;color:#b51c1c;border-color:#ffcaca}.sgcc310-guide{margin:0 24px 24px;border:1px solid #dbe4f4;border-radius:14px;padding:12px 14px;background:#fbfcff}.sgcc310-guide summary{cursor:pointer;font-weight:800}.sgcc310-guide code{background:#edf2fa;padding:2px 5px;border-radius:5px}@media(max-width:800px){.sgcc310-workspace{grid-template-columns:1fr}.sgcc310-modes{grid-template-columns:repeat(2,1fr)}.sgcc310-hero{flex-direction:column}.sgcc310-hero h2{font-size:31px}}@media(max-width:480px){.sgcc310-modes{grid-template-columns:1fr}.sgcc310-workspace,.sgcc310-modes{padding-left:14px;padding-right:14px}.sgcc310-examples,.sgcc310-guide{margin-left:14px;margin-right:14px}.sgcc310-brandbar,.sgcc310-hero{padding-left:16px;padding-right:16px}}