.widget-builder{margin-top:20px}.widget-builder__layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:1000px){.widget-builder__layout{grid-template-columns:1fr}}.widget-builder__steps{display:flex;flex-direction:column;gap:16px}.widget-builder__output{position:sticky;top:16px}.widget-output,.widget-step{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:20px}.widget-step__title{align-items:center;display:flex;font-size:16px;gap:10px;margin:0 0 14px}.widget-step__no{align-items:center;background:var(--accent);border-radius:50%;color:var(--accent-ink);display:inline-flex;font-size:13px;font-weight:700;height:26px;justify-content:center;width:26px}.widget-step__row{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:560px){.widget-step__row{grid-template-columns:1fr}}.widget-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.widget-field>span{color:var(--ink-2);font-size:13px;font-weight:600}.widget-input{background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--ink);font-family:var(--sans);font-size:14px;min-height:44px;padding:10px 12px;width:100%}.widget-compare{margin:12px 0 8px}.widget-code{font-family:var(--mono);font-size:13px;resize:vertical}.widget-builder__lead{color:var(--ink-2);font-size:15px;line-height:1.5;margin:16px 0 20px;max-width:62ch}.widget-builder__count{color:var(--ink-3);font-size:13px;font-weight:400;margin-left:4px}.widget-builder__hint{color:var(--ink-3);font-size:13px;line-height:1.5;margin:0 0 10px}.preset-pick__name{flex:1;font-weight:600;padding-left:6px}.preset-modal .preset-grid{margin-top:14px}.preset-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.preset{background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;font-family:var(--sans);gap:4px;padding:12px 14px;text-align:left}.preset:hover{border-color:var(--ink-4)}.preset.is-on{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.preset--custom{border-style:dashed}.preset__name{font-size:14px;font-weight:600}.preset__desc{color:var(--ink-3);font-size:13px;line-height:1.4}.widget-summary{color:var(--ink-2);font-size:13px;line-height:1.5;margin:14px 0 8px}.widget-summary__label{font-weight:600}.widget-link-button{background:none;border:0;color:var(--accent);cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:600;padding:0}.widget-link-button:hover{text-decoration:underline}.widget-detail{border-top:1px solid var(--border-soft);margin-top:16px;padding-top:16px}.widget-detail__title{font-size:15px;margin:16px 0 6px}.widget-detail__title:first-child{margin-top:0}.widget-group{border-top:1px solid var(--border-soft)}.widget-group:last-child{border-bottom:1px solid var(--border-soft)}.widget-group>summary{cursor:pointer;font-size:14px;font-weight:600;padding:10px 0}.widget-metrics{display:flex;flex-direction:column;margin-bottom:10px}.widget-metric{align-items:center;border-radius:3px;display:flex;gap:12px;justify-content:space-between;padding:4px 6px}.widget-metric:hover{background:var(--surface-2)}.widget-item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.widget-item small{color:var(--ink-4);font-size:13px}.widget-item:has(input:disabled){color:var(--ink-4);cursor:not-allowed}.widget-spark{align-items:center;color:var(--ink-3);cursor:pointer;display:flex;flex:none;font-size:13px;gap:6px}.widget-spark:has(input:disabled){cursor:not-allowed;opacity:.45}.widget-builder__items{display:grid;gap:6px 16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.widget-builder__custom-chart{color:var(--ink-2);display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:6px;margin-top:14px}.palette-pick{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:3px;color:var(--ink);cursor:pointer;display:flex;font-family:var(--sans);font-size:14px;gap:10px;min-height:44px;padding:6px 12px 6px 6px;text-align:left;width:100%}.palette-pick:hover{border-color:var(--ink-4)}.palette-pick__swatch{align-items:flex-end;background:var(--p-bg);border:1px solid var(--p-border);border-radius:4px;display:flex;height:30px;padding:6px;width:44px}.palette-pick__swatch i{background:var(--p-accent);border-radius:2px;display:block;height:4px;width:100%}.palette-pick__name{flex:1}.palette-pick__more{color:var(--accent);font-size:13px}.palette-modal__title{font-size:19px;margin-bottom:4px}.palette-modal__group{color:var(--ink-3);font-size:13px;font-weight:600;margin:16px 0 8px}.palette-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.palette-card{background:none;border:0;color:var(--ink-2);cursor:pointer;display:flex;flex-direction:column;font-family:var(--sans);font-size:13px;gap:4px;padding:0;text-align:left}.palette-card__preview{background:var(--p-bg);border:1px solid var(--p-border);border-radius:6px;color:var(--p-ink);display:flex;flex-direction:column;gap:6px;outline:2px solid transparent;outline-offset:2px;padding:10px}.palette-card__preview b{font-size:18px}.palette-card__preview i{background:var(--p-accent);border-radius:2px;display:block;height:4px}.palette-card.is-on .palette-card__preview{outline-color:var(--accent)}.palette-card.is-on .palette-card__name{color:var(--ink);font-weight:600}.widget-builder__preview{background:var(--surface-2);border-radius:3px;display:flex;justify-content:center;margin-bottom:16px;padding:12px}.widget-builder__preview img{box-shadow:0 1px 3px rgba(0,0,0,.12);display:block;height:auto;max-height:60vh;max-width:100%;width:auto}.widget-fit{margin-bottom:12px}.widget-builder__actions{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.widget-builder__copied,.widget-builder__note{color:var(--ink-3);font-size:13px}.widget-builder__note{line-height:1.5;margin:14px 0 0}.widget-terms{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-top:24px;padding:20px}.widget-terms ul{color:var(--ink-2);font-size:14px;line-height:1.55;margin:0;padding-left:18px}.widget-terms li+li{margin-top:6px}