.swm-ct{--bg:transparent;--panel:var(--swm-p-inset);--muted:var(--swm-p-muted);--text:var(--swm-text-primary);--btn:var(--swm-p-strong);--btnh:var(--swm-p-border);--btn-active:var(--swm-p-emphasis);--btn-text:var(--swm-text-secondary);--focus:var(--swm-p-muted);--chip:var(--swm-p-surface);--accent:var(--swm-p-accent);--radius:8px;--gap:16px;color:var(--text);width:100%;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.swm-ct *,.swm-ct :before,.swm-ct :after{box-sizing:border-box}.swm-ct__shell{gap:var(--gap);flex-direction:column;width:100%;max-width:100%;display:flex}.swm-ct__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.swm-ct__title{margin:0;font-size:22px;font-weight:700}.swm-ct__subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.swm-ct__toolbar{flex-wrap:wrap;gap:6px;display:flex}.swm-ct__card{background:var(--panel);border-radius:var(--radius);padding:20px}.swm-ct__card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.swm-ct__card-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swm-ct__sectionlabel{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:600}.swm-ct__muted{color:var(--muted);margin:0;font-size:13px}.swm-ct__btn{background:var(--btn);color:var(--btn-text);border-radius:var(--btn-radius);cursor:pointer;white-space:nowrap;border:0;padding:9px 16px;font-size:12px;font-weight:500;line-height:1.2;transition:background .15s,color .15s;box-shadow:0 1px 2px #00000040}.swm-ct__btn:hover:not(:disabled){background:var(--btnh);color:var(--text)}.swm-ct__btn.is-active{background:var(--btn-active);color:#fff;box-shadow:0 1px 3px #00000059}.swm-ct__btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.swm-ct__btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.swm-ct__btn--small{padding:8px 14px;font-size:12px}.swm-ct__btn--file{position:relative;overflow:hidden}.swm-ct__btn--file input{opacity:0;cursor:pointer;position:absolute;inset:0}.swm-ct__mode-row{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.swm-ct__palettes-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.swm-ct__palettes-actions{flex-wrap:wrap;gap:6px;display:flex}.swm-ct__workspace{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.swm-ct__workspace-primary{flex-direction:column;grid-area:1/1/3;gap:16px;min-width:0;display:flex}.swm-ct__values{grid-area:1/2;min-width:0}.swm-ct__workspace-side{flex-direction:column;grid-area:2/2;gap:16px;display:flex}@media (max-width:900px){.swm-ct__workspace{grid-template-rows:auto;grid-template-columns:1fr}.swm-ct__workspace-primary,.swm-ct__values,.swm-ct__workspace-side{grid-area:auto/1}}.swm-ct__hero{align-items:stretch;gap:16px;display:flex}.swm-ct__hero-swatch{border-radius:var(--radius);flex-shrink:0;width:88px;min-height:88px}.swm-ct__hero-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.swm-ct__hero-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;overflow:hidden}.swm-ct__hero-hex{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.swm-ct__hero-adjust{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.swm-ct__info{margin-left:2px;position:relative}.swm-ct__info-trigger{border-radius:var(--btn-radius);background:var(--btn);width:28px;height:28px;color:var(--btn-text);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;font-weight:700;list-style:none;transition:color .15s,border-color .15s,background .15s;display:flex}.swm-ct__info-trigger::-webkit-details-marker{display:none}.swm-ct__info-trigger::marker{content:""}.swm-ct__info-trigger:hover,.swm-ct__info[open] .swm-ct__info-trigger{color:var(--text);background:var(--btnh)}.swm-ct__info-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.swm-ct__info-note{z-index:20;border-radius:var(--radius);color:#d8d8d8;background:#2a2a2a;border:1px solid #ffffff1f;width:min(280px,100vw - 48px);padding:12px 14px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #00000073}.swm-ct__info-note p{margin:0 0 8px}.swm-ct__info-note p:last-child{margin-bottom:0}.swm-ct__info-note strong{color:var(--text);font-weight:600}.swm-ct__picker-surface{gap:10px;height:200px;display:flex}.swm-ct__picker-satval{border-radius:var(--radius);cursor:crosshair;touch-action:none;border:1px solid #ffffff14;flex:1;position:relative;overflow:hidden}.swm-ct__picker-satval-white{pointer-events:none;background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.swm-ct__picker-satval-black{pointer-events:none;background:linear-gradient(#0000,#000);position:absolute;inset:0}.swm-ct__picker-hue{border-radius:var(--radius);cursor:ns-resize;touch-action:none;background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:1px solid #ffffff14;width:20px;position:relative}.swm-ct__picker-handle{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.swm-ct__picker-handle--hue{left:50%}.swm-ct__values-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.swm-ct__value-blocks{flex-direction:column;gap:14px;display:flex}.swm-ct__value-input{font-weight:600}.swm-ct__field{flex-direction:column;gap:6px;display:flex}.swm-ct__field--flush{margin:0}.swm-ct__field--inline{flex:1;min-width:80px}.swm-ct__field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.swm-ct__field-hint{color:var(--muted);text-transform:none;letter-spacing:0;font-size:11px}.swm-ct__field input{background:var(--chip);border-radius:var(--radius);color:var(--text);font-variant-numeric:tabular-nums;border:1px solid #ffffff0f;width:100%;padding:10px 12px;font-size:14px}.swm-ct__field input:focus-visible{outline:2px solid var(--focus);border-color:#0000}.swm-ct__xyz{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.swm-ct__tip{border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;color:#e8c4c8;background:#ec182c1a;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.swm-ct__side-block{flex-direction:column;gap:8px;display:flex}.swm-ct__side-head{justify-content:space-between;align-items:center;display:flex}.swm-ct__history-grid{flex-wrap:wrap;gap:6px;display:flex}.swm-ct__history-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;width:28px;height:28px;padding:0;transition:transform .12s,border-color .12s}.swm-ct__history-swatch:hover{transform:scale(1.1)}.swm-ct__history-swatch.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.swm-ct__sweep{gap:12px;margin-bottom:14px;display:flex}.swm-ct__swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.swm-ct__swatchchip{border-radius:var(--radius);background:var(--chip);border:1px solid #ffffff0f;transition:transform .18s,border-color .18s;overflow:hidden}.swm-ct__swatchchip:hover{border-color:#ffffff1f;transform:translateY(-2px)}.swm-ct__chipcolor{cursor:pointer;border:0;width:100%;height:48px;padding:0;display:block;position:relative}.swm-ct__chipmeta{justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.swm-ct__chipname{text-overflow:ellipsis;white-space:nowrap;color:#ccc;flex:1;min-width:0;overflow:hidden}.swm-ct__chipright{flex-shrink:0;align-items:center;gap:6px;display:flex}.swm-ct__chipright .swm-ct__btn--small{padding:5px 10px;font-size:11px}.swm-ct__chipright code{color:var(--muted);font-size:10px}.swm-ct__useoverlay{color:#fff;text-transform:uppercase;letter-spacing:.05em;opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.swm-ct__chipcolor:hover .swm-ct__useoverlay,.swm-ct__chipcolor:focus-visible .swm-ct__useoverlay{opacity:1}.swm-ct__link{color:var(--accent);text-decoration:underline}.swm-ct__link:hover{filter:brightness(1.1)}.swm-ct__modal-backdrop{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.swm-ct__modal{background:var(--panel);border-radius:var(--radius);border:1px solid #ffffff1a;width:min(480px,100%);max-height:min(90vh,640px);padding:20px;overflow:auto;box-shadow:0 16px 48px #00000080}.swm-ct__modal-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.swm-ct__modal-title{margin:0;font-size:18px;font-weight:600}.swm-ct__modal-hint{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.45}.swm-ct__modal-colors{flex-direction:column;gap:6px;max-height:280px;margin-bottom:10px;display:flex;overflow-y:auto}.swm-ct__modal-color{background:var(--chip);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--text);border:1px solid #ffffff14;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s;display:flex}.swm-ct__modal-color:hover:not(:disabled){background:var(--btnh)}.swm-ct__modal-color.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.swm-ct__modal-color:disabled{opacity:.45;cursor:not-allowed}.swm-ct__modal-color-swatch{border-radius:4px;flex-shrink:0;width:36px;height:36px}.swm-ct__modal-color-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.swm-ct__modal-color-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.swm-ct__modal-color-meta code{color:var(--muted);font-size:10px}.swm-ct__modal-check{text-align:center;width:20px;color:var(--accent);font-weight:700}.swm-ct__modal-count{color:var(--muted);margin:0 0 10px;font-size:12px}.swm-ct__modal-error{color:#f0a0a8;margin:0 0 10px;font-size:12px}.swm-ct__modal-actions{justify-content:flex-end;gap:8px;display:flex}.swm-ct__saved-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.swm-ct__saved-item{background:var(--chip);border-radius:var(--radius);border:1px solid #ffffff0f;flex-direction:column;min-width:0;padding:12px;display:flex}.swm-ct__saved-item-top{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;margin-bottom:10px;display:flex}.swm-ct__saved-item-info{flex:1;min-width:0}.swm-ct__saved-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1.25;overflow:hidden}.swm-ct__saved-attribution{color:var(--text);opacity:.85;margin:2px 0 0;font-size:11px}.swm-ct__saved-meta{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.swm-ct__saved-actions{gap:6px;width:100%;margin-bottom:8px;display:flex}.swm-ct__saved-actions .swm-ct__btn{flex:1;min-width:0;padding-left:8px;padding-right:8px}.swm-ct__saved-item-top-actions{flex-direction:row;flex-shrink:0;align-items:center;gap:6px;display:flex}.swm-ct__share-wrap{align-items:center;gap:6px;display:inline-flex}.swm-ct__copied-label{color:#9a9a9a;white-space:nowrap;font-size:11px;font-weight:500}.swm-ct__saved-rename-input{background:var(--chip);border-radius:var(--btn-radius);width:100%;color:var(--text);border:1px solid #ffffff1f;margin:0 0 4px;padding:6px 8px;font-size:14px;font-weight:600}.swm-ct__saved-rename-input:focus-visible{outline:2px solid var(--focus);border-color:#0000}.swm-ct__icon-btn{background:var(--btn);border-radius:var(--btn-radius);color:#9a9a9a;cursor:pointer;border:0;justify-content:center;align-items:center;gap:5px;min-width:36px;height:32px;padding:0 10px;transition:background .15s,color .15s;display:inline-flex}.swm-ct__icon-btn:hover:not(:disabled){background:var(--btnh);color:#d0d0d0}.swm-ct__icon-btn.is-active{background:var(--btn-active);color:#f0f0f0}.swm-ct__icon-btn:disabled{opacity:.45;cursor:wait}.swm-ct__icon-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.swm-ct__icon-btn--vote{flex:none}.swm-ct__icon-btn-count{font-variant-numeric:tabular-nums;font-size:11px;font-weight:500;line-height:1}.swm-ct__icon-svg{flex-shrink:0;display:block}.swm-ct__saved-visibility{background:var(--btn);color:var(--btn-text);box-sizing:border-box;border-radius:var(--btn-radius);cursor:pointer;border:0;flex-shrink:0;max-width:88px;height:32px;padding:0 8px;font-size:11px;font-weight:500}.swm-ct__saved-visibility:hover:not(:disabled){background:var(--btnh);color:var(--text)}.swm-ct__saved-visibility:disabled{opacity:.5;cursor:wait}.swm-ct__saved-visibility:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.swm-ct__community{scroll-margin-top:24px}.swm-ct__community-hint{margin:-6px 0 14px}.swm-ct__saved-score{color:var(--muted);margin:4px 0 0;font-size:10px}.swm-ct__vote-row{gap:6px;margin-bottom:8px;display:flex}.swm-ct__saved-strip{gap:4px;margin-top:auto;display:flex}.swm-ct__saved-strip-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;flex:1;min-width:0;height:36px;padding:0;transition:transform .12s,border-color .12s}.swm-ct__saved-strip-swatch:hover{border-color:#ffffff59;transform:scale(1.04)}@media (max-width:1100px){.swm-ct__saved-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.swm-ct__saved-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.swm-ct__saved-list{grid-template-columns:minmax(0,1fr)}}