.accent-picker-trigger{border:1px solid var(--border);background:var(--surface);text-align:left;width:100%;min-height:62px;box-shadow:var(--shadow-control);border-radius:16px;align-items:center;gap:11px;padding:10px;display:flex}.accent-trigger-swatch{border-radius:9px;flex-shrink:0;width:34px;height:34px}.accent-trigger-value{gap:3px;min-width:0;display:grid}.accent-trigger-value strong{font-size:var(--text-xs);font-weight:500}.accent-trigger-value>span{font-size:var(--text-xs);color:var(--text-default)}.accent-trigger-edit{color:var(--text-default);margin-left:auto}.accent-popover{border:1px solid var(--border);width:280px;max-width:calc(100vw - 24px);height:min(580px,100dvh - 24px);max-height:calc(100dvh - 24px);color:var(--text-strong);background:var(--surface);box-shadow:var(--shadow-popover);visibility:hidden;opacity:0;border-radius:20px;margin:0;padding:12px;transition:opacity .12s ease-out;position:fixed;inset:auto;overflow:visible}.accent-popover:popover-open[data-positioned]{visibility:visible;opacity:1}@starting-style{.accent-popover:popover-open[data-positioned]{opacity:0}}.accent-modal-content{flex-direction:column;gap:8px;height:100%;display:flex}.accent-modal-heading,.accent-modal-footer{flex-shrink:0;align-items:center;gap:6px;display:flex}.accent-tabs{gap:3px;margin-right:auto;display:flex}.accent-tabs button{color:var(--text-default);font-size:var(--text-sm);background:0 0;border:0;border-radius:9px;padding:6px 8px;font-weight:500}.accent-tabs [aria-selected=true]{background:var(--bg-selected);color:var(--text-strong)}.accent-modal-close,.accent-tool{width:30px;height:32px;color:var(--text-default);background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:grid}.accent-fill-toolbar{border-block:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;padding:6px 0;display:flex}.accent-fill-toolbar .accent-tool{width:28px}.accent-tool[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent-border)}.accent-solid-icon{width:15px;height:15px;box-shadow:inset 0 0 0 2px var(--surface), inset 0 0 0 3px currentColor;border:1px solid;border-radius:3px}.accent-gradient-icon{background:linear-gradient(135deg,currentColor,#0000);border:1px solid;border-radius:3px;width:15px;height:15px}.accent-blend.dropdown-trigger{width:28px;min-width:28px;height:32px;min-height:32px;box-shadow:none;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.accent-blend .dropdown-chevron{display:none}.accent-custom-section{flex-direction:column;flex:1;gap:8px;min-height:64px;display:flex}.accent-popover .react-colorful{flex:1;gap:10px;width:100%;height:auto;min-height:26px}.accent-popover .react-colorful__saturation{box-shadow:none;border-bottom:0;border-radius:12px;min-height:15px}.accent-popover .react-colorful__hue{border-radius:999px;flex-shrink:0;height:13px}.accent-popover .react-colorful__pointer{border-width:2px;width:19px;height:19px;box-shadow:0 1px 4px #0003}.accent-slider-row{flex-shrink:0;align-items:center;gap:12px;height:24px;display:flex}.accent-opacity-track{background-color:#fff;background-image:linear-gradient(to right, transparent, var(--current-color)), conic-gradient(#ddd 25%, transparent 0 50%, #ddd 0 75%, transparent 0);background-size:100% 100%,8px 8px;border-radius:999px;flex:1;height:13px;display:block;position:relative}.accent-opacity-track input{appearance:none;cursor:pointer;background:0 0;border-radius:999px;width:100%;height:100%;margin:0;display:block}.accent-opacity-track input::-webkit-slider-thumb{appearance:none;background:var(--current-color);border:2px solid #fff;border-radius:50%;width:19px;height:19px;box-shadow:0 1px 4px #0003}.accent-opacity-track input::-moz-range-thumb{background:var(--current-color);border:2px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 4px #0003}.accent-color-values{flex-shrink:0;gap:4px;min-height:28px;display:flex}.accent-format.dropdown-trigger{width:62px;min-width:62px;height:28px;min-height:28px;font-size:var(--text-xs);box-shadow:none;border-radius:9px;padding:0 8px}.accent-notation,.accent-opacity-value,.accent-angle,.accent-library-search,.accent-save-style input{border:1px solid var(--border);background:var(--bg-selected);min-width:0;color:var(--text-strong);font-size:var(--text-xs);border-radius:9px;padding:4px 6px}.accent-notation{flex:1;width:0}.accent-opacity-value{flex-shrink:0;align-items:center;gap:2px;width:50px;padding:0 5px;display:flex}.accent-opacity-value input,.accent-angle input{appearance:textfield;width:100%;min-width:0;color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.accent-opacity-value input::-webkit-inner-spin-button{appearance:none}.accent-angle input::-webkit-inner-spin-button{appearance:none}.accent-fill-options{flex-shrink:0;align-items:center;gap:6px;display:flex}.accent-fill-options .dropdown-trigger{min-width:0;height:32px;min-height:32px;font-size:var(--text-xs);border-radius:9px;flex:1;padding:0 8px}.accent-gradient-stops{gap:3px;display:flex}.accent-gradient-stops button{border:1px solid var(--border);background:var(--surface);font-size:var(--text-xs);border-radius:7px;align-items:center;gap:4px;padding:4px;display:flex}.accent-gradient-stops button[aria-pressed=true]{border-color:var(--accent-ink)}.accent-gradient-stops span{border-radius:3px;width:16px;height:20px;box-shadow:inset 0 0 0 1px #8883}.accent-angle{align-items:center;width:54px;padding:6px;display:flex}.accent-option{font-size:var(--text-xs);flex:1;align-items:center;gap:6px;display:flex}.accent-option input{width:100%;min-width:0;accent-color:var(--accent-strong)}.accent-presets-section{border-top:1px solid var(--border);flex-shrink:0;padding-top:8px}.accent-presets-section>.dropdown-trigger{width:100%;height:28px;min-height:28px;box-shadow:none;font-size:var(--text-xs);background:0 0;border:0;border-radius:6px;margin-bottom:4px;padding:0 2px}.accent-modal-swatches{grid-template-columns:repeat(8,24px);gap:0 4px;display:grid}.accent-modal-swatches.has-transparent{grid-template-columns:repeat(8,24px);gap:0 4px}.accent-preset{background:0 0;border:0;border-radius:8px;place-items:center;min-width:0;height:24px;padding:0;display:grid}.accent-preset>span{background:var(--swatch-color);width:16px;height:16px;box-shadow:var(--shadow-control);border-radius:5px}.accent-preset>.transparency-swatch,.accent-trigger-swatch.transparency-swatch{background-color:#fbfbfc;background-image:conic-gradient(#e5e5eb 25%, transparent 0 50%, #e5e5eb 0 75%, transparent 0);background-size:10px 10px}.accent-preset[aria-pressed=true]>span{outline:2px solid var(--accent-strong);outline-offset:2px}.accent-modal-footer{justify-content:flex-end;min-height:32px}.accent-modal-footer p{color:var(--text-default);font-size:var(--text-xs);margin:0 auto 0 0;line-height:1.3}.accent-modal-footer .button{min-height:30px;font-size:var(--text-xs);flex-shrink:0;padding:0 12px}.accent-save-style{flex-shrink:0;gap:5px;display:flex}.accent-save-style input{flex:1;width:0}.accent-small-action{border:1px solid var(--border);background:var(--bg-selected);color:var(--text-strong);font-size:var(--text-xs);border-radius:8px;flex-shrink:0;padding:6px 10px}.accent-library-search{flex-shrink:0;width:100%}.accent-library-list{flex:1;min-height:0;overflow:auto}.accent-library-row{align-items:center;gap:4px;display:flex}.accent-library-style{min-width:0;color:var(--text-strong);text-align:left;font-size:var(--text-xs);background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:7px 3px;display:flex}.accent-library-style>span:first-child{border-radius:8px;flex-shrink:0;width:30px;height:30px;box-shadow:inset 0 0 0 1px #8883}.accent-library-style>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.accent-empty{color:var(--text-default);font-size:var(--text-xs);text-align:center;padding:12px;line-height:1.5}.accent-media-preview{background:var(--bg-selected);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:30px;padding:8px;display:flex;overflow:hidden}.accent-media-preview img,.accent-media-preview video{object-fit:contain;border-radius:6px;flex:1;width:100%;min-height:0}.accent-media-preview>span{font-size:var(--text-xs);color:var(--text-default);justify-items:center;gap:6px;display:grid}.accent-contrast{border:1px solid var(--border);font-size:var(--text-xs);border-radius:9px;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:7px;display:flex}.accent-contrast label{align-items:center;gap:4px;display:flex}.accent-contrast input{background:0 0;border:0;width:24px;height:24px;padding:0}.accent-color-controls{display:contents}.accent-mode-heading{flex-shrink:0;align-items:center;gap:4px;display:flex}.accent-popover .accent-mode-heading .dropdown-trigger{width:0;min-width:0;height:26px;min-height:26px;font-size:var(--text-xs);box-shadow:none;border-radius:7px;flex:1;padding:0 7px}.accent-mode-heading .accent-tool{width:26px;height:26px}.accent-mode-heading .accent-angle{width:46px;height:26px;padding:4px}.accent-gradient-panel{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.accent-gradient-ramp{border-radius:7px;flex:0 0 28px;min-height:28px;max-height:28px;margin:12px 6px 0;position:relative}.accent-ramp-stop{border:3px solid var(--surface);background:var(--stop-color);touch-action:none;cursor:ew-resize;width:18px;height:24px;box-shadow:0 0 0 1px var(--border);border-radius:5px;padding:3px;position:absolute;top:-10px;transform:translate(-50%)}.accent-ramp-stop[data-selected=true]{border-color:var(--accent-strong)}.accent-panel-label{font-size:var(--text-xs);font-weight:500}.accent-stop-list{gap:4px;display:grid}.accent-stop-row{background:var(--bg-selected);border-radius:7px;align-items:center;gap:6px;min-width:0;padding:4px 6px;display:flex}.accent-stop-row[data-selected=true]{box-shadow:inset 0 0 0 1px var(--accent-border)}.accent-stop-position{width:43px;color:var(--text-default);font-size:var(--text-xs);flex-shrink:0;align-items:center;gap:2px;display:flex}.accent-stop-position>input{width:28px;min-width:0;color:inherit;font-size:inherit;appearance:textfield;background:0 0;border:0;padding:0}.accent-stop-position>input::-webkit-inner-spin-button{appearance:none}.accent-stop-row>.accent-stop-picker-trigger{min-width:0;min-height:24px;color:var(--text-strong);text-align:left;font-size:var(--text-xs);background:0 0;border:0;border-radius:4px;flex:1;align-items:center;gap:6px;padding:0 3px;display:flex}.accent-stop-picker-swatch{border:1px solid #8883;border-radius:4px;flex-shrink:0;width:16px;height:18px}.accent-stop-alpha{color:var(--text-default);margin-left:auto}.accent-popover[data-fill=gradient]{height:min(340px,100dvh - 24px)}.accent-popover[data-fill=gradient]>.accent-modal-content>.accent-custom-section{min-height:0}.accent-modal-footer p:empty{display:none}.accent-pattern-panel{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.accent-pattern-preview{border:1px solid var(--border);border-radius:8px;flex:1;min-height:48px}.accent-pattern-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.accent-pattern-heading .accent-small-action{padding:3px 7px}.accent-pattern-gallery{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;display:grid}.accent-pattern-gallery button{border:1px solid var(--border);border-radius:6px;min-width:0;height:30px;padding:0}.accent-pattern-gallery [aria-pressed=true]{outline:2px solid var(--accent-strong);outline-offset:1px}.accent-pattern-colors{gap:6px;display:flex}.accent-pattern-colors button{border:1px solid var(--border);background:var(--bg-selected);color:var(--text-default);font-size:var(--text-xs);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 4px;display:flex}.accent-pattern-colors button[aria-pressed=true]{border-color:var(--accent-border);color:var(--accent-ink)}.accent-pattern-colors span{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #8883}.accent-option-label{color:var(--text-default);font-size:var(--text-xs);flex:1;align-items:center;gap:6px;display:flex}.accent-option-label .accent-angle{margin-left:auto}.accent-media-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--text-default);flex:1;overflow:hidden}.accent-media-preview{border:1px solid var(--border);background-color:#fbfbfc;background-image:conic-gradient(#d9d9df 25%, transparent 0 50%, #d9d9df 0 75%, transparent 0);background-size:16px 16px;border-radius:8px;gap:12px;padding:0;position:relative}.accent-media-preview>svg{color:#5d5d5d}.accent-media-preview img,.accent-media-preview video{border-radius:0;flex:1;height:100%}.accent-upload-button.button{min-height:32px;font-size:var(--text-xs);margin-bottom:5px;padding:0 13px}.accent-upload-button.replace{position:absolute;bottom:10px}.accent-popover:is([data-fill=image],[data-fill=video]) .accent-color-controls{align-items:center;gap:8px;display:flex}.accent-popover:is([data-fill=image],[data-fill=video]) .accent-slider-row{flex:1}.accent-popover:is([data-fill=image],[data-fill=video]) .accent-slider-row:before{content:"Opacity";font-size:var(--text-xs);color:var(--text-default)}.accent-popover:is([data-fill=image],[data-fill=video]) .accent-slider-row>button,.accent-popover:is([data-fill=image],[data-fill=video]) .accent-format,.accent-popover:is([data-fill=image],[data-fill=video]) .accent-notation{display:none}.accent-popover:is([data-fill=image],[data-fill=video]) .accent-color-values{min-height:26px}@media (height<=550px){.accent-gradient-panel,.accent-pattern-panel{gap:5px}.accent-gradient-ramp{min-height:24px;margin-top:8px}.accent-pattern-preview{min-height:26px}.accent-pattern-gallery button{height:24px}}@media (hover:hover) and (pointer:fine){.accent-picker-trigger:hover,.accent-modal-close:hover,.accent-tool:hover,.accent-preset:hover,.accent-library-style:hover{background-color:var(--bg-selected)}}@media (width<=799px){.accent-notation{font-size:16px}}@media (height<=430px) and (width>=560px){.accent-popover{width:540px}.accent-modal-content{grid-template-rows:32px 40px minmax(0,1fr) auto 32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;display:grid}.accent-modal-heading,.accent-save-style{grid-column:1/-1}.accent-fill-toolbar{grid-area:2/1}.accent-custom-section{grid-area:3/1/5}.accent-presets-section{border:0;grid-area:3/2;padding:0}.accent-fill-options{grid-area:2/2}.accent-contrast{grid-area:4/2}.accent-modal-footer{grid-area:5/1/auto/-1}.accent-modal-swatches,.accent-modal-swatches.has-transparent{grid-template-columns:repeat(7,24px)}}@media (prefers-reduced-motion:reduce){.accent-popover{transition:none}}.accent-popover .accent-color-values .accent-format.dropdown-trigger{width:64px;min-width:64px;font-size:var(--text-xs);flex:0 0 64px;gap:4px;height:28px;min-height:28px;padding:0 8px}.accent-popover .accent-fill-toolbar .accent-blend.dropdown-trigger{flex:0 0 28px;width:28px;min-width:28px;height:32px;min-height:32px;padding:0}.accent-popover .accent-fill-options .dropdown-trigger{flex:1;width:0;min-width:0;height:32px;min-height:32px}.accent-popover .accent-presets-section>.dropdown-trigger{width:100%;height:28px;min-height:28px}.accent-modal-swatches{max-height:54px;margin:0 -3px;padding:3px;overflow:auto}.accent-library-panel{min-height:0}.accent-contrast-sample{border:1px solid var(--border);border-radius:12px;flex:1;place-items:center;min-height:0;font-size:24px;display:grid;overflow:hidden}@media (height<=550px){.accent-modal-content,.accent-custom-section{gap:8px}.accent-fill-toolbar{padding-block:4px}.accent-presets-section{padding-top:6px}.accent-popover .react-colorful{gap:8px}}@media (height<=550px) and (width<=559px){.accent-pattern-preview{display:none}}@media (height<=430px) and (width>=560px){.accent-popover[data-fill=gradient]{width:280px}.accent-popover[data-fill=gradient]>.accent-modal-content{gap:6px;display:flex}.accent-popover[data-fill=gradient] .accent-gradient-ramp{flex-basis:24px}}