.color-grid__fieldset{border:0;min-width:0;margin:0;padding:0}.color-grid__legend{color:var(--th-text-secondary);margin-bottom:8px;padding:0;font-size:13px;font-weight:500}.color-grid__swatches{grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:8px;display:grid}.color-grid__swatch{aspect-ratio:1;cursor:pointer;width:min(44px,100%);height:auto;box-shadow:0 0 0 1px var(--th-border-interactive);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:box-shadow .2s;display:flex}.color-grid__swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--th-bg-elevated), 0 0 0 5px var(--th-accent-button)}.color-grid__swatch:focus{outline:none}.color-grid__swatch:focus-visible{box-shadow:0 0 0 3px var(--th-bg-elevated), 0 0 0 5px var(--th-accent)}.color-grid__custom{background:conic-gradient(#ff5c5c,#ffcf4c,#6cda6c,#4cd2ff,#5c6cff,#e74cff,#ff5c5c)}.color-grid__custom-centre{aspect-ratio:1;background:var(--th-bg-elevated);width:68%;color:var(--th-text-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.color-grid__picker{margin-top:14px}.color-grid__picker .react-colorful{gap:14px;width:100%;height:auto}.color-grid__picker .react-colorful__saturation{border:0;border-radius:12px;flex:none;height:150px}.color-grid__picker .react-colorful__hue{border-radius:14px;flex:none;height:28px}.color-grid__picker .react-colorful__interactive{border-radius:inherit}.color-grid__picker .react-colorful__interactive:focus{outline:none}.color-grid__picker .react-colorful__interactive:focus-visible{outline:2px solid var(--th-accent);outline-offset:2px}.color-grid__picker .react-colorful__pointer{box-sizing:border-box;border:3px solid #fff;box-shadow:0 1px 5px #0006}.color-grid__picker .react-colorful__saturation-pointer{width:26px;height:26px}.color-grid__picker .react-colorful__hue-pointer{width:30px;height:30px}.dusk-panel{isolation:isolate;background:linear-gradient(160deg, var(--th-dusk-a) 0%, var(--th-dusk-b) 100%);box-shadow:0 14px 34px color-mix(in srgb, var(--th-dusk-a) 28%, transparent);color:var(--th-on-dusk);border-radius:24px;position:relative;overflow:hidden;container-type:inline-size}.dusk-panel--list{padding:18px 18px 20px}.dusk-panel__glow{z-index:0;pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--th-lamp-glow) 65%, transparent) 0%, transparent 66%);border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;right:-90px}.dusk-panel--hero .dusk-panel__glow{background:radial-gradient(circle, color-mix(in srgb, var(--th-lamp-glow) 76%, transparent) 0%, transparent 66%);width:280px;height:280px;top:-100px;right:-80px}.dusk-panel__body{z-index:1;position:relative}.dusk-panel__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.dusk-panel__heading{color:var(--th-on-dusk);margin:0;font-size:15px;font-weight:700;line-height:1.3}.dusk-panel__count{color:var(--th-on-dusk-muted);white-space:nowrap;font-size:13px}.dusk-hero__art{position:relative}.dusk-hero__fit{transform-origin:0 0}.dusk-hero__text{padding:2px 22px 22px}.dusk-hero__title{letter-spacing:-.2px;color:var(--th-on-dusk);margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.25}.dusk-hero__body{color:var(--th-on-dusk-muted);margin:0;font-size:14px;line-height:20px}@container (width>=640px){.dusk-hero{align-items:center;display:flex}.dusk-hero__art{flex:0 0 360px}.dusk-hero__text{flex:auto;min-width:0;padding:22px 32px 22px 8px}}.round-add{cursor:pointer;width:44px;height:44px;box-shadow:0 4px 12px color-mix(in srgb, var(--th-accent-button) 30%, transparent);border:0;border-radius:22px;flex:none;justify-content:center;align-items:center;display:flex}.inline-editor{background:var(--th-bg-elevated);border:1px solid var(--th-border-subtle);box-shadow:var(--shadow-elevation-medium);border-radius:20px;padding:16px 16px 18px;scroll-margin-top:16px}.inline-editor__title{color:var(--th-text-primary);flex:1;margin:0;font-size:17px;font-weight:700}.inline-editor__close{cursor:pointer;width:44px;height:44px;color:var(--th-text-secondary);background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;margin:-8px -10px -8px 0;display:flex}.inline-editor__preview{border-radius:14px;justify-content:center;align-items:center;margin-top:12px;padding:0 12px;transition:background-color .2s;display:flex}.inline-editor__label{color:var(--th-text-secondary);margin:14px 0 6px;font-size:13px;font-weight:500;display:block}.inline-editor .inline-editor__input{box-sizing:border-box;background-color:var(--th-bg-base);border-radius:10px;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:15px}.inline-editor__colors{margin-top:14px}.inline-editor__actions{align-items:center;gap:8px;margin-top:16px;display:flex}.inline-editor__delete{height:44px;color:var(--th-error);cursor:pointer;background:0 0;border:0;padding:0 4px;font-family:inherit;font-size:14px;font-weight:600}.inline-editor__cancel{height:44px;color:var(--th-text-secondary);cursor:pointer;background:0 0;border:0;padding:0 12px;font-family:inherit;font-size:14px;font-weight:500}.inline-editor__submit{cursor:pointer;border:0;border-radius:12px;height:44px;padding:0 20px;font-family:inherit;font-size:15px;font-weight:600}.inline-editor__submit:disabled{opacity:.4;cursor:not-allowed}.suggest-heading{color:var(--th-text-primary);margin:0 0 12px;font-size:15px;font-weight:700}@media (prefers-reduced-motion:reduce){.inline-editor__preview{transition:none}}