.lp-page{gap:22px;display:grid}.lp-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}@media (max-width:1080px){.lp-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}}@media (max-width:860px){.lp-layout{grid-template-columns:1fr}}.lp-form{gap:16px;min-width:0;display:grid}.lp-card{gap:16px;padding:20px;display:grid}.lp-save{align-items:center;gap:8px;min-height:44px;display:flex}.lp-saved{color:var(--ls-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.lp-saved .ls-ms{color:var(--ls-green);font-size:18px}@media (max-width:600px){.lp-save .ls-btn{flex:1}}.lp-logo{object-fit:contain;background:var(--ls-soft);font-family:var(--font-manrope), sans-serif;border-radius:16px;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.lp-logo-row{align-items:center;gap:16px;display:flex}.lp-logo-actions{gap:6px;min-width:0;display:grid}.lp-swatches{grid-template-columns:repeat(8,minmax(0,38px));gap:10px;display:grid}@media (max-width:420px){.lp-swatches{gap:6px}}.lp-swatch{aspect-ratio:1;cursor:pointer;color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:0;transition:transform .12s;display:inline-flex;box-shadow:inset 0 0 0 1px #00000014}.lp-swatch:hover{transform:scale(1.06)}.lp-swatch.is-on{box-shadow:0 0 0 3px var(--ls-card), 0 0 0 5px var(--ls-red-line)}.lp-swatch .ls-ms{font-size:20px}.lp-hex{align-items:center;gap:10px;margin-top:12px;display:flex}.lp-hex .ls-input{width:130px;height:38px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px}.lp-hex.is-on .ls-input{border-color:var(--ls-red)}.lp-hex-dot{border-radius:999px;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f}.lp-ref{background:var(--ls-soft);box-shadow:none;gap:8px}.lp-ref-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.lp-ref .ls-sub{margin:0}.lp-preview{gap:10px;display:grid;position:sticky;top:24px}@media (max-width:860px){.lp-preview{position:static}}.lp-rapor{color:#2b2421;box-shadow:var(--ls-shadow-lg);background:#fff;border-radius:16px;font-size:12px;line-height:17px;position:relative;overflow:hidden}.lp-rapor-band{background:var(--brand);height:8px}.lp-rapor-head{background:var(--brand-tint);align-items:center;gap:12px;padding:16px 18px;display:flex}.lp-rapor-head .lp-logo{background:#fff;border-radius:12px}.lp-rapor-brand{font-family:var(--font-manrope), sans-serif;color:#2b2421;overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:20px}.lp-rapor-tag{color:#6b6e70;font-size:12px}.lp-rapor-body{gap:10px;padding:16px 18px 12px;display:grid}.lp-rapor-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);font-size:11px;font-weight:600}.lp-rapor-student{font-family:var(--font-manrope), sans-serif;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.lp-rapor-student span{background:var(--brand-tint);color:var(--brand);border-radius:999px;padding:2px 8px;font-family:inherit;font-size:11px;font-weight:600}.lp-rapor-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lp-rapor-stats div{border:1px solid #efe8df;border-radius:10px;padding:8px;display:grid}.lp-rapor-stats b{font-family:var(--font-manrope), sans-serif;font-size:16px;line-height:20px}.lp-rapor-stats span{color:#6b6e70;font-size:10.5px;line-height:14px}.lp-rapor-skill{grid-template-columns:18px 1fr;align-items:center;gap:8px;display:grid}.lp-rapor-skill .ls-zh{color:var(--brand);font-size:13px}.lp-rapor-bar{background:#f4efe7;border-radius:999px;height:6px;overflow:hidden}.lp-rapor-bar span{background:var(--brand);border-radius:inherit;height:100%;display:block}.lp-rapor-note{color:#4a4542;border-left:3px solid var(--brand);background:#faf7f1;border-radius:0 8px 8px 0;padding:8px 10px;font-style:italic}.lp-rapor-sign{text-align:right;font-size:12px;font-weight:600}.lp-rapor-mark{text-align:center;color:#b8b2ab;letter-spacing:.02em;padding:0 0 10px;font-size:10px}