.cd__layout{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:24px;align-items:start}.cd__form{position:sticky;top:88px}.cd__head-icon{color:var(--edorer-brand-600);font-size:20px}.cd__field{margin-bottom:16px}.cd__label{display:block;font-size:13px;font-weight:600;color:var(--edorer-ink);margin-bottom:6px}.cd__hint{margin:5px 0 0;font-size:12px;color:var(--edorer-text-muted)}.cd__color-row{display:flex;gap:10px;align-items:center}.cd__swatch{width:46px;height:40px;padding:2px;border:1px solid var(--edorer-border);border-radius:var(--edorer-radius,10px);background:var(--edorer-surface);cursor:pointer;flex:none}.cd__swatch::-webkit-color-swatch-wrapper{padding:0}.cd__swatch::-webkit-color-swatch{border:none;border-radius:6px}.cd__hex{flex:1;min-width:0;text-transform:lowercase}.cd__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--edorer-border)}.cd__save{min-width:150px;justify-content:center}.cd__unsaved{margin:12px 0 0;font-size:12px;color:var(--edorer-warn-600,var(--edorer-text-muted))}.cd__preview{min-width:0}.cd__preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cd__preview-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--edorer-text-muted)}.cd__sample{white-space:nowrap}.cd__preview-note{margin:14px 0 0;font-size:13px;color:var(--edorer-text-muted)}.cd__inline-link{color:var(--edorer-brand-600);font-weight:600}.cd__inline-link:hover{text-decoration:underline}@media (max-width:900px){.cd__layout{grid-template-columns:1fr}.cd__form{position:static}}@media (max-width:420px){.cd__preview-head{flex-direction:column;align-items:stretch}.cd__actions .lms__btn,.cd__sample{width:100%;justify-content:center}.cd__save{width:100%}}