.qs-app{--qs-font:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;--qs-font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--qs-bg:#ffffff;--qs-surface:#f7f9fb;--qs-surface-strong:#edf4f8;--qs-surface-alt:#f2f7fa;--qs-text:#171a1d;--qs-muted:#5c6670;--qs-border:#d9e0e6;--qs-card-border:#c7d0d8;--qs-border-strong:#aeb8c2;--qs-accent:#28618f;--qs-accent-hover:#214f75;--qs-accent-soft:#edf4f8;--qs-info:#28618f;--qs-success:#196b49;--qs-project-notice-bg:#edf8f1;--qs-project-notice-border:#a7d3b7;--qs-project-notice-text:#164a31;--qs-warning:#8a4b00;--qs-danger:#b42318;--qs-focus:#0a0a0a;--qs-radius-sm:8px;--qs-radius:14px;--qs-radius-lg:22px;--qs-shadow:0 14px 36px rgba(23, 25, 31, 0.08);--qs-control-height:44px;--qs-gap:clamp(12px, 2vw, 22px);color:var(--qs-text);font-family:var(--qs-font);font-size:16px;line-height:1.5;inline-size:min(100%, 1220px);min-inline-size:0;margin-inline:auto}.qs-app,.qs-app *,.qs-app *::before,.qs-app *::after{box-sizing:border-box}.qs-app :where(button,input,select,textarea){color:inherit;font:inherit;letter-spacing:inherit}.qs-app :where(code,kbd,tt,var){font-size:1em}.qs-app :where(button,summary,select,input[type="color"],input[type="range"],input[type="file"]){cursor:pointer}.qs-app :where(button,input,select,textarea,a,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--qs-focus) 75%,transparent);outline-offset:2px}.qs-app :where(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.46}.qs-app :where(img,canvas,svg){display:block;max-inline-size:100%}.qs-app [hidden]{display:none}.qs-app :where(button,summary){box-sizing:border-box;line-height:1.25;transform:none}.qs-app :where(button,summary):hover,.qs-app :where(button,summary):focus,.qs-app :where(button,summary):active{transform:none}.qs-app :where(h2,h3,h4,p){margin-block-start:0}.qs-app h2{margin-block-end:0;font-size:clamp(18px, 2.5vw, 24px);line-height:1.15;letter-spacing:-.035em}.qs-app h3{margin-block-end:6px;font-size:17px;line-height:1.3}.qs-app p{margin-block-end:12px}.qs-kicker{display:block;margin-block-end:5px;color:var(--qs-accent);font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.qs-help{color:var(--qs-muted);font-size:15px}.qs-preview :where(h2,h3,h4,strong){font-family:var(--qp-heading-font,system-ui,sans-serif);font-weight:var(--qp-heading-weight,700)}.qs-preview :where(h1,h2,h3,h4,h5,h6){color:var(--qp-heading-text)}.qs-contrast-demo :where(h3,p,.qs-kicker){grid-column:1;margin-block:3px}.qs-studio{overflow:visible;border:0;background:#fff0;box-shadow:none;scroll-margin-block-start:0}.qs-studio-header{display:flex;min-inline-size:0;align-items:center;justify-content:space-between;margin-block-end:12px;gap:16px}.qs-studio-heading{display:flex;min-inline-size:0;align-items:center;gap:9px}.qs-studio-heading h2{flex:0 1 auto;font-size:30px}.qs-studio-header .qs-history{flex:0 0 auto;gap:6px}.qs-app .qs-studio-header :where(.qs-button-icon,.qs-project-menu-trigger){border-color:#fff0;background:#fff0}.qs-app .qs-studio-header :where(.qs-button-icon,.qs-project-menu-trigger):hover:not(:disabled){border-color:var(--qs-border);background:var(--qs-surface)}.qs-app .qs-studio-header .qs-button-icon{min-inline-size:38px;min-block-size:38px;block-size:38px;font-size:23px}.qs-studio-header .qs-menu summary{min-block-size:38px;padding:7px 10px}.qs-studio-header .qs-menu summary::after{content:"▾";color:var(--qs-muted);font-size:14px;line-height:1;transition:transform 160ms ease}.qs-studio-header .qs-menu[open] summary::after{transform:rotate(180deg)}.qs-project-menu-icon{display:none;font-size:22px;line-height:1}.qs-studio-frame{overflow:clip;border:1px solid var(--qs-border);border-radius:var(--qs-radius-lg);background:var(--qs-bg);box-shadow:var(--qs-shadow)}.qs-studio-nav{display:flex;min-inline-size:0;flex-direction:column;align-items:stretch;border-block-end:1px solid var(--qs-border);background:#fff}.qs-history,.qs-inline-actions,.qs-file-actions,.qs-card-actions,.qs-preview-toolbar,.qs-range-line{display:flex;align-items:center;gap:8px}.qs-workspace,.qs-tool{padding:clamp(16px, 3vw, 34px)}.qs-stage{min-inline-size:0;animation:qs-fade-in 180ms ease-out}.qs-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-block-end:clamp(16px, 2vw, 24px);gap:16px}.qs-section-heading p{max-inline-size:68ch;margin:8px 0 0;color:var(--qs-muted)}.qs-more-information-link{display:inline-block;margin-block-start:8px;color:var(--qs-accent);font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.qs-more-information-link:hover,.qs-more-information-link:focus-visible{color:var(--qs-accent-hover)}.qs-app .qs-button,.qs-app :where(button,select,input[type="text"],input[type="search"],input[type="number"],input[type="color"]){min-block-size:var(--qs-control-height);border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm);background:#fff}.qs-app .qs-button-primary{border-color:var(--qs-accent);background:var(--qs-accent);color:#fff}.qs-app .qs-button-primary:hover:not(:disabled){border-color:var(--qs-accent-hover);background:var(--qs-accent-hover)}.qs-app .qs-button-secondary{border-color:color-mix(in srgb,var(--qs-accent) 28%,var(--qs-border));background:var(--qs-accent-soft);color:#214f75}.qs-app .qs-button-ghost{background:#fff0}.qs-app .qs-button-icon{display:inline-grid;min-inline-size:46px;min-block-size:46px;padding:6px;place-items:center;background:var(--qs-surface);font-size:28px;font-weight:900;line-height:1}.qs-app .qs-button-icon:hover:not(:disabled){background:var(--qs-accent-soft);border-color:var(--qs-accent)}.qs-app .qs-danger,.qs-app .qs-danger-link{color:var(--qs-danger)}.qs-field-stack{display:grid;min-inline-size:0;align-content:start;gap:10px}.qs-input-group{display:flex;min-inline-size:0;align-items:stretch;gap:8px}.qs-input-group>:where(input[type="text"],input[type="search"]){min-inline-size:0;flex:1 1 150px}.qs-input-group input[type="color"]{inline-size:54px;padding:4px}.qs-range-line input{min-inline-size:100px;flex:1}.qs-range-line output{min-inline-size:40px;font-weight:800;text-align:center}.qs-card-actions{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:4px}.qs-card-actions .qs-action-break{flex-basis:100%;height:0}.qs-card-actions [data-board-action="select"],.qs-card-actions [data-board-action="edit"],.qs-card-actions [data-board-action="reset"],.qs-card-actions [data-board-action="base"]{flex:1 1 0%}.qs-card-actions [data-board-action="left"],.qs-card-actions [data-board-action="right"]{flex:1 1 0%}.qs-card-actions [data-board-action="swap"]{flex:1 1 auto}.qs-card-actions .qs-delete-color{flex:0 0 38px}.qs-card-actions button{min-block-size:36px;padding:5px 9px}.qs-card-actions .qs-danger-link{margin-inline-start:auto;border-color:#fff0;background:#fff0;font-size:14px}.qs-dropzone+.qs-inline-actions{justify-content:flex-end;margin-block-start:14px}.qs-file-actions{margin-block-start:25px;flex-wrap:wrap;margin-bottom:20px}.qs-file-actions label.qs-button{display:inline-flex;min-block-size:var(--qs-control-height);padding:9px 12px;align-items:center}.qs-selected-color .qs-button{align-self:stretch}.qs-color-name-card .qs-card-actions{padding:0 10px 10px}.qs-tabs,.qs-scroll-tabs,.qs-export-tabs{display:flex;min-inline-size:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.qs-tabs::-webkit-scrollbar,.qs-scroll-tabs::-webkit-scrollbar,.qs-export-tabs::-webkit-scrollbar{display:none}.qs-tabs button,.qs-scroll-tabs button,.qs-export-tabs button{min-inline-size:max-content;border:0;border-block-end:3px solid #fff0;border-radius:0;background:#fff0}.qs-tabs button[aria-selected="true"],.qs-scroll-tabs button[aria-pressed="true"],.qs-export-tabs button[aria-pressed="true"]{border-block-end-color:var(--qs-accent);color:var(--qs-accent)}.qs-tabs{flex:1 1 auto;gap:24px;padding:10px clamp(10px, 2vw, 20px);background:#fff}.qs-app .qs-tabs button{position:relative;min-block-size:52px;padding:8px 16px 8px 46px;flex:1 0 120px;border:1px solid var(--qs-border);border-radius:10px;background:#fff;color:var(--qs-muted);font-weight:800;text-align:left}.qs-tabs button::before{position:absolute;inset-inline-start:12px;inset-block-start:50%;display:grid;inline-size:25px;block-size:25px;transform:translateY(-50%);place-items:center;border:1px solid var(--qs-border-strong);border-radius:50%;background:var(--qs-surface);color:var(--qs-muted);font-size:13px;font-weight:900}.qs-tabs button:nth-child(1)::before{content:"1"}.qs-tabs button:nth-child(2)::before{content:"2"}.qs-tabs button:nth-child(3)::before{content:"3"}.qs-tabs button:nth-child(4)::before{content:"4"}.qs-tabs button:not(:last-child)::after{position:absolute;z-index:2;inset-block-start:50%;transform:translateY(-50%);font-size:20px;font-weight:900;pointer-events:none}.qs-tabs button:nth-child(1)::after,.qs-tabs button:nth-child(2)::after{content:"↔";inset-inline-end:-24px;inline-size:24px;text-align:center;transform:translate(1px,-50%)}.qs-tabs button:nth-child(3)::after{content:"→";inset-inline-end:-19px}.qs-app .qs-tabs button[aria-selected="true"]{border-color:var(--qs-accent);background:var(--qs-accent);color:#fff}.qs-app .qs-tabs button[aria-selected="true"]::before{border-color:#fff;background:#fff;color:var(--qs-accent)}.qs-app .qs-tabs button:hover:not([aria-selected="true"]){border-color:var(--qs-accent);background:var(--qs-accent-soft);color:var(--qs-accent-hover)}.qs-method-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-inline-size:0;margin-block-end:18px;padding:5px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface-strong);gap:4px}.qs-method-tabs button{min-inline-size:0;min-block-size:44px;padding:8px 10px;border:1px solid #fff0;border-radius:var(--qs-radius-sm);background:#fff0;color:var(--qs-muted);font-weight:700}.qs-method-tabs button:hover:not([aria-pressed="true"]){border-color:#fff0;background:rgb(255 255 255 / .6);color:var(--qs-text)}.qs-method-tabs button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--qs-border-strong) 70%,var(--qs-text));background:#fff;color:var(--qs-accent-hover);box-shadow:0 2px 6px rgb(23 25 31 / .08)}.qs-method-tabs button:focus-visible{outline:3px solid color-mix(in srgb,var(--qs-accent) 38%,transparent);outline-offset:2px}.qs-scroll-tabs,.qs-export-tabs{gap:4px}.qs-palette-overview{display:grid;margin-block:10px 18px;overflow:clip;border:1px solid var(--qs-border);border-radius:12px}.qs-palette-overview button{position:relative;min-inline-size:0;min-block-size:76px;padding:7px;border:0;border-radius:0;background:var(--qs-swatch);color:var(--qs-ink);text-align:start}.qs-palette-overview button.is-selected{z-index:1;box-shadow:inset 0 0 0 4px var(--qs-ink)}.qs-palette-overview button.is-base{border-block-end:6px double currentColor}.qs-palette-overview button strong{position:absolute;inset-inline-end:6px;inset-block-start:6px;display:grid;inline-size:24px;block-size:24px;border:1px solid currentColor;border-radius:50%;place-items:center}.qs-palette-overview button>span{position:absolute;inset-inline-start:8px;inset-block-end:7px}.qs-palette-section{margin-block-start:clamp(24px, 4vw, 44px);padding-block-start:clamp(20px, 3vw, 30px);border-block-start:1px solid var(--qs-border)}.qs-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin-bottom:20px}.qs-swatch-card{min-inline-size:0;overflow:clip;border:1px solid color-mix(in srgb,var(--qs-card-border) 88%,var(--qs-text));border-radius:var(--qs-radius);background:#fff;position:relative;transition:border-color 140ms ease,box-shadow 140ms ease,opacity 140ms ease}.qs-swatch-card.is-locked{border-color:color-mix(in srgb,var(--qs-accent) 52%,var(--qs-card-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--qs-accent) 22%,transparent)}.qs-swatch-visual{position:relative;display:flex;min-block-size:150px;padding:12px;flex-direction:column;justify-content:space-between;background:var(--qs-swatch);color:var(--qs-ink)}.qs-swatch-visual>span{font-size:14px;font-weight:900}.qs-swatch-visual small{max-inline-size:calc(100% - 38px);font-weight:750}.qs-lock{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:grid;min-block-size:38px;min-inline-size:60px;padding:0;border-color:currentColor;border-radius:9px;background:color-mix(in srgb,var(--qs-swatch) 82%,transparent);color:inherit;place-items:center;border:1px solid currentColor;font-size:14px;padding-inline:9px;font-weight:800}.qs-lock.is-locked{background:color-mix(in srgb,var(--qs-ink) 92%,transparent);color:var(--qs-swatch)}.qs-lock:hover:not(:disabled){border-color:var(--qs-accent-hover);background:var(--qs-accent-hover);color:#fff}.qs-swatch-body{display:grid;padding:10px;gap:8px}.qs-storage-state{color:var(--qs-muted);font-size:14px;text-align:end}.qs-slot-purpose{margin:0;color:var(--qs-muted);font-size:14px;font-weight:800;letter-spacing:.02em}.qs-name-source{display:inline-flex;align-items:center;inline-size:max-content;min-block-size:20px;margin-inline-start:7px;padding:2px 7px;border:1px solid var(--qs-border-strong);border-radius:999px;background:var(--qs-surface-alt);color:var(--qs-muted);font-family:var(--qs-font);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.qs-name-source-css{border-color:color-mix(in srgb,var(--qs-info) 45%,white);background:color-mix(in srgb,var(--qs-info) 10%,white);color:var(--qs-info)}.qs-swatch-card.is-selected{border-color:var(--qs-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--qs-accent) 34%,transparent)}.qs-swatch-card.is-dragging,.qs-role-card.is-dragging{z-index:3;opacity:.72;box-shadow:var(--qs-shadow)}.qs-palette.is-sorting,.qs-palette.is-sorting *{user-select:none}.qs-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.qs-format-value{display:grid;min-inline-size:0;min-block-size:54px;padding:7px 8px;border:1px solid var(--qs-border);border-radius:7px;background:var(--qs-surface);text-align:start}.qs-format-value small{color:var(--qs-muted);font-size:14px}.qs-format-value strong{min-inline-size:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;font-family:var(--qs-font-mono);font-size:13px;font-weight:650}.qs-more-formats summary{display:flex;align-items:center;justify-content:flex-start;min-block-size:40px;padding:9px 10px;border:0;font-weight:700;list-style:none}.qs-more-formats summary::-webkit-details-marker{display:none}.qs-more-formats summary::after{content:"▾";display:inline-block;margin-inline-start:5px;color:var(--qs-accent);font-size:20px;line-height:1;transition:transform 160ms ease}.qs-more-formats[open] summary::after{transform:rotate(180deg)}.qs-more-formats summary:hover{background:var(--qs-accent-soft);color:var(--qs-accent-hover)}.qs-more-formats>div{padding:0 8px 8px}.qs-add-color-card{min-block-size:92px;border:1px dashed var(--qs-border-strong);border-radius:var(--qs-radius);background:var(--qs-surface);color:var(--qs-accent)}.qs-drag-ghost{position:fixed;z-index:99999;max-block-size:420px;overflow:hidden;opacity:.9;box-shadow:0 18px 50px rgb(17 24 39 / .3);pointer-events:none}.qs-swatch-card.is-drop-target,.qs-role-card.is-drop-target{outline:3px solid var(--qs-accent);outline-offset:3px}.qs-delete-color{min-inline-size:38px;color:var(--qs-danger);font-size:26px;font-weight:900;line-height:1}.qs-color-editor{inline-size:min(94vw, 720px);max-inline-size:720px;max-block-size:min(92vh, 860px);padding:0;border:1px solid var(--qs-border);border-radius:18px;background:#fff;box-shadow:0 24px 80px rgb(17 24 39 / .26);color:var(--qs-text)}.qs-color-editor::backdrop{background:rgb(17 24 39 / .54);backdrop-filter:blur(2px)}.qs-color-editor form{padding:clamp(12px, 2.4vw, 20px)}.qs-editor-header,.qs-editor-selected,.qs-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.qs-editor-close{min-inline-size:42px;min-block-size:42px;padding:4px;border:1px solid var(--qs-border);border-radius:8px;background:#fff;color:var(--qs-accent-hover);font-size:26px;font-weight:900;line-height:1}.qs-editor-close:hover,.qs-editor-close:focus-visible{border-color:var(--qs-accent);background:var(--qs-accent-soft);color:var(--qs-accent-hover)}.qs-editor-selected{justify-content:flex-start;margin-block:10px;padding:10px;border:1px solid var(--qs-border);border-radius:10px;background:var(--qs-surface)}.qs-editor-selected>i{inline-size:72px;block-size:58px;flex:0 0 auto;border:1px solid rgb(17 24 39 / .16);border-radius:8px}.qs-editor-selected>div{display:grid}.qs-editor-selected span{color:var(--qs-muted);font-family:var(--qs-font-mono);font-size:14px}.qs-editor-tabs{display:flex;margin-block-end:10px;overflow-x:auto;border-block-end:1px solid var(--qs-border);gap:4px;scrollbar-width:thin}.qs-editor-tabs button{min-inline-size:max-content;min-block-size:42px;padding:8px 12px;border:0;border-block-end:2px solid #fff0;border-radius:0;background:#fff0}.qs-editor-tabs button[aria-pressed="true"]{border-block-end-color:var(--qs-accent);color:var(--qs-accent)}.qs-editor-tabs .qs-editor-eyedropper-tab{display:inline-flex;inline-size:42px;min-inline-size:42px;padding-inline:8px;align-items:center;justify-content:center}.qs-editor-eyedropper-tab svg{inline-size:19px;block-size:19px;fill:currentColor}.qs-wheel-wrap{position:relative;inline-size:min(100%, 330px, 42dvh);margin-inline:auto}.qs-wheel-wrap canvas{inline-size:100%;block-size:auto;border-radius:50%;touch-action:none}.qs-wheel-handle{position:absolute;inline-size:22px;block-size:22px;transform:translate(-50%,-50%);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px rgb(17 24 39 / .7),0 2px 8px rgb(17 24 39 / .28);pointer-events:none}.qs-editor-panel>label,.qs-native-fallback{display:grid;gap:6px}.qs-editor-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.qs-editor-channel-grid label{display:grid;gap:6px}.qs-editor-values{margin-block-start:14px}.qs-editor-panel[data-editor-panel="wheel"]>label{margin-block-start:8px;margin-block-end:0}.qs-editor-actions{z-index:2;bottom:0;margin-block-start:10px;padding-block:10px 2px;border-block-start:1px solid var(--qs-border);background:#fff;flex-wrap:wrap}.qs-editor-actions>span{flex:1 1 auto}.qs-method-panel{padding:clamp(14px, 2vw, 22px);border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface)}.qs-app .qs-base-swatch,.qs-app .qs-base-swatch:hover,.qs-app .qs-base-swatch:focus,.qs-app .qs-base-swatch:active{min-block-size:180px;border:8px solid #fff;border-radius:var(--qs-radius);background:var(--qs-base);box-shadow:0 0 0 1px var(--qs-border)}.qs-dropzone{display:grid;min-block-size:340px;padding:clamp(18px, 4vw, 42px);place-items:center;border:2px dashed var(--qs-border-strong);border-radius:var(--qs-radius);background:linear-gradient(145deg,#fff,var(--qs-surface));transition:border-color 140ms ease,background-color 140ms ease}.qs-dropzone.has-image{min-block-size:0;padding:0;border-style:solid;background:var(--qs-surface-strong)}.qs-dropzone canvas{inline-size:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--qs-radius);background:repeating-conic-gradient(#e9ebef 0 25%,#f7f8fa 0 50%) 50% / 20px 20px;object-fit:contain}.qs-spectrum{display:flex;min-block-size:42px;margin-block:12px 20px;overflow:clip;border-radius:10px}.qs-spectrum i{min-inline-size:18px;flex:1;background:var(--qs-swatch)}.qs-library-controls{display:grid;margin-block-end:16px;gap:12px}.qs-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 240px),1fr));gap:12px}.qs-library-card{display:grid;min-inline-size:0;padding:10px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:#fff;gap:8px}.qs-library-card h3,.qs-library-card p,.qs-library-card small{margin:0}.qs-library-card p,.qs-library-card small{color:var(--qs-muted);font-size:14px}.qs-library-swatches{display:grid;grid-template-columns:repeat(var(--qs-library-count),minmax(0,1fr));min-inline-size:0;min-block-size:94px;overflow:clip;border-radius:10px}.qs-library-swatches :where(i,button){min-inline-size:0;min-block-size:94px;padding:0;border:0;border-radius:0;background:var(--qs-swatch);transition:filter 120ms ease,box-shadow 120ms ease}.qs-library-actions{position:relative;display:grid;min-inline-size:0;margin-block-start:auto;gap:7px}.qs-library-primary-action,.qs-library-secondary-actions{display:grid;min-inline-size:0;gap:7px}.qs-library-primary-action{grid-template-columns:1fr}.qs-library-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-library-actions .qs-button{inline-size:100%;min-inline-size:0}.qs-library-copy-panel{position:absolute;z-index:20;inset:auto 0 calc(100% + 6px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px;border:1px solid var(--qs-border);border-radius:10px;background:#fff;box-shadow:var(--qs-shadow);gap:5px}.qs-library-copy-panel[hidden]{display:none}.qs-image-samples{margin:8px 0 0;color:var(--qs-text);font-size:15px;font-weight:850}.qs-image-workspace{min-inline-size:0}.qs-dropzone.is-dragover{border-color:var(--qs-accent);background:var(--qs-accent-soft)}.qs-image-empty{display:grid;max-inline-size:560px;justify-items:center;text-align:center;gap:10px}.qs-image-empty[hidden]{display:none}.qs-image-empty svg{inline-size:66px;block-size:66px;padding:13px;border-radius:18px;background:var(--qs-accent-soft);fill:var(--qs-accent)}.qs-image-empty h3,.qs-image-empty p{margin:0}.qs-image-empty .qs-inline-actions{justify-content:center;margin-block-start:6px}.qs-image-viewport{inline-size:100%;overflow:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y;background:var(--qs-surface-strong);scrollbar-width:none;-ms-overflow-style:none}.qs-image-viewport::-webkit-scrollbar{display:none;inline-size:0;block-size:0}.qs-image-viewport.is-zoomed{cursor:grab}.qs-image-viewport.is-panning{cursor:grabbing;user-select:none}.qs-image-viewport[hidden]{display:none}.qs-image-stage{position:relative;inline-size:100%;min-inline-size:0;margin-inline:auto}.qs-image-stage canvas{object-fit:fill;border:0;border-radius:10px;background:var(--qs-surface-strong);box-shadow:0 0 0 1px var(--qs-border);touch-action:manipulation;display:block}.qs-image-markers{position:absolute;inset:0;pointer-events:none}.qs-image-marker{position:absolute;inline-size:40px;block-size:40px;transform:translate(-50%,-50%);pointer-events:auto}.qs-image-marker-grip{position:absolute;inset:2px;display:block;min-inline-size:36px;min-block-size:36px;inline-size:36px;block-size:36px;aspect-ratio:1;padding:0;border:3px solid #fff;border-radius:999px;appearance:none;background:var(--qs-swatch);box-shadow:0 0 0 2px #111827,0 4px 12px rgb(17 24 39 / .3);cursor:grab;touch-action:manipulation}.qs-image-marker-grip::before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:4px;block-size:4px;transform:translate(-50%,-50%);border:1px solid rgb(255 255 255 / .95);border-radius:50%;background:#fff0;box-shadow:0 0 0 1px rgb(17 24 39 / .65);pointer-events:none}.qs-image-marker-grip::after{content:"";position:absolute;inset:3px;border:2px solid #fff0;border-radius:inherit;pointer-events:none}.qs-app .qs-image-marker-grip:hover:not(:disabled),.qs-app .qs-image-marker-grip:focus:not(:disabled),.qs-app .qs-image-marker-grip:active:not(:disabled){border-width:3px;border-color:#fff;background:var(--qs-swatch)}.qs-image-marker-grip.is-dragging{cursor:grabbing}.qs-image-marker-number{position:absolute;z-index:2;inset-block-start:-12px;inset-inline-start:calc(50% + 10px);transform:translateX(-10%);pointer-events:none;color:#fff;font-size:13px;font-weight:950;line-height:1;letter-spacing:.01em;text-shadow:-1px -1px 1px rgb(0 0 0 / .9),1px -1px 1px rgb(0 0 0 / .9),-1px 1px 1px rgb(0 0 0 / .9),1px 1px 1px rgb(0 0 0 / .9),0 2px 4px rgb(0 0 0 / .72)}.qs-image-workspace>progress{inline-size:100%}.qs-image-palette{margin-block-start:16px}.qs-app .qs-image-source-actions{min-block-size:var(--qs-control-height)}.qs-app .qs-image-palette-toolbar{display:flex;justify-content:flex-end;margin-block:16px 0}.qs-app .qs-image-palette-toolbar>label{display:grid;inline-size:min(100%, 280px);gap:6px;margin:0;font-size:15px;line-height:19px}.qs-app .qs-image-palette-toolbar select{inline-size:100%;min-inline-size:0;min-block-size:44px;margin:0}@media (max-width:520px){.qs-app .qs-image-palette-toolbar>label{inline-size:100%}}.qs-surprise-panel{display:grid;gap:14px}.qs-surprise-spectrum{min-block-size:150px}.qs-image-marker.is-locked .qs-image-marker-grip{cursor:not-allowed;box-shadow:0 0 0 2px #111827,0 4px 12px rgb(17 24 39 / .3)}.qs-image-marker.is-locked .qs-image-marker-grip::after{border-color:#d92d20;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .72)}.qs-library-swatches button:hover,.qs-library-swatches button:focus-visible{z-index:1;background:var(--qs-swatch);filter:saturate(1.08);outline:3px solid var(--qs-text);outline-offset:-3px}.qs-contrast-list{display:grid;gap:10px}.qs-contrast-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;min-inline-size:0;padding:12px;border:1px solid var(--qs-border);border-inline-start:4px solid var(--qs-border-strong);border-radius:var(--qs-radius);gap:12px}.qs-contrast-card.is-pass{border-inline-start-color:var(--qs-success)}.qs-contrast-card.is-fail{border-inline-start-color:var(--qs-danger)}.qs-contrast-card h3,.qs-contrast-card p{margin:0}.qs-contrast-card p,.qs-contrast-card>span{color:var(--qs-muted);font-size:14px;overflow-wrap:anywhere}.qs-contrast-sample{display:grid;inline-size:58px;block-size:58px;border:1px solid var(--qs-border);border-radius:12px;background:var(--qs-bg);color:var(--qs-fg);place-items:center}.qs-contrast-sample:is(.is-ui,.is-graphic)>i{display:block;inline-size:34px;block-size:24px;border-radius:7px;background:var(--qs-fg)}.qs-contrast-sample.is-graphic>i{inline-size:38px;block-size:16px;border-radius:999px}.qs-contrast-card.is-pass .qs-badge{background:#e8f7ef;color:var(--qs-success)}.qs-contrast-card.is-fail .qs-badge{background:#fff0ee;color:var(--qs-danger)}.qs-contrast-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:18px;padding:clamp(14px, 3vw, 24px);border-radius:var(--qs-radius);background:var(--qs-bg);color:var(--qs-fg);gap:12px}.qs-contrast-demo article{display:grid;min-inline-size:0;min-block-size:132px;padding:14px;align-content:center;border:1px solid color-mix(in srgb,var(--qs-fg) 22%,transparent);border-radius:12px;background:var(--qs-bg);color:var(--qs-fg);gap:8px}.qs-contrast-demo article>strong{font-size:14px;letter-spacing:.06em;text-transform:uppercase}.qs-contrast-demo article p{margin:0}.qs-contrast-demo .is-small p{font-size:12px}.qs-contrast-demo .is-normal p{font-size:16px}.qs-contrast-demo .is-large p{font-size:28px;font-weight:800;line-height:1.1}.qs-contrast-group{display:grid;gap:12px}.qs-contrast-group-grid{display:grid;gap:10px}.qs-test-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:18px;border:1px solid var(--qs-border);border-inline-start:4px solid var(--qs-border-strong);border-radius:var(--qs-radius);background:var(--qs-surface);gap:18px}.qs-test-overview.is-clear{border-inline-start-color:var(--qs-success)}.qs-test-overview.has-issues{border-inline-start-color:var(--qs-danger)}.qs-test-overview h3,.qs-test-overview p{margin:0}.qs-test-overview h3{margin-block:3px 5px}.qs-test-overview p{color:var(--qs-muted)}.qs-test-overview-count{padding:8px 10px;border-radius:999px;background:var(--qs-bg);white-space:nowrap}.qs-test-attention,.qs-test-all{margin-block-start:24px}.qs-test-attention.is-clear{padding:14px 16px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface)}.qs-test-attention.is-clear p{margin:4px 0 0}.qs-status-review-list{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.qs-status-review-list li{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 14px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface)}.qs-status-review-list li>span:nth-child(2){flex:1 1 230px}.qs-status-review-swatches{display:inline-flex;flex:0 0 auto;gap:3px}.qs-status-review-swatches i{inline-size:24px;block-size:24px;border:1px solid var(--qs-border);border-radius:6px}.qs-test-group{margin-block-start:10px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface);overflow:clip}.qs-test-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-block-size:54px;padding:12px 14px;cursor:pointer;gap:12px;list-style:none}.qs-test-group>summary::-webkit-details-marker{display:none}.qs-test-group>summary::after{content:"▾";color:var(--qs-muted);transition:transform .18s ease}.qs-test-group[open]>summary::after{transform:rotate(180deg)}.qs-test-group[open]>summary{border-block-end:1px solid var(--qs-border)}.qs-test-group-title{font-weight:700}.qs-test-group-status{padding:5px 8px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}.qs-test-group-status.is-pass{background:#e8f7ef;color:var(--qs-success)}.qs-test-group-status.is-fail{background:#fff0ee;color:var(--qs-danger)}.qs-test-group-body{padding:14px}.qs-test-group-body>.qs-help{margin:0 0 12px}@media (max-width:640px){.qs-test-overview{grid-template-columns:1fr}.qs-test-overview-count{justify-self:start;white-space:normal}.qs-test-group>summary{grid-template-columns:minmax(0,1fr) auto}.qs-test-group-status{grid-column:1 / -1;justify-self:start;white-space:normal}.qs-test-group>summary::after{grid-column:2;grid-row:1}}.qs-mixer-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qs-mixer-source{display:grid;min-inline-size:0;padding:14px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:#fff;gap:8px}.qs-mixer-source>i{display:block;block-size:150px;border:1px solid var(--qs-border);border-radius:9px}.qs-mixer-source input{inline-size:100%}.qs-contrast-demo button{justify-self:start;border-color:currentColor;background:var(--qs-bg);color:var(--qs-fg)}.qs-contrast-demo [data-contrast-ratio]{grid-column:1 / -1;justify-self:center;font-size:clamp(24px, 4vw, 36px);font-weight:900}.qs-preview-toolbar{justify-content:space-between;margin-block-end:12px}.qs-preview-toolbar p{max-inline-size:42ch;margin:0;color:var(--qs-muted);font-size:14px;text-align:end}.qs-preview{overflow:clip;border:1px solid var(--qs-border);border-radius:var(--qs-radius-lg);background:var(--qp-page-background);color:var(--qp-body-text);font-family:var(--qp-body-font,system-ui,sans-serif);font-size:var(--qp-body,16px);font-weight:var(--qp-body-weight,400);transition:filter 160ms ease;margin-bottom:20px}.qs-app .qs-preview-status-review{margin:0 0 20px;padding:16px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface)}.qs-app .qs-preview-status-review>div p{margin:4px 0 12px;color:var(--qs-muted);font-size:14px}.qs-app .qs-preview-status-review ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 155px),1fr));gap:10px;margin:0;padding:0;list-style:none}.qs-app .qs-preview-status-review li{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 8px;min-inline-size:0;padding:10px;border:2px solid var(--qp-strong-border);border-radius:10px;background:var(--qs-status-fill);color:var(--qs-status-ink);line-height:1.25}.qs-app .qs-preview-status-review li>span{grid-row:span 2;font-size:21px;font-weight:800;text-align:center}.qs-app .qs-preview-status-review li>small{font-size:12px}.qs-preview :where(button){border-color:var(--qp-borders-dividers);background:var(--qp-surface);color:var(--qp-heading-text);font-size:var(--qp-button,15px);font-weight:var(--qp-button-weight,600)}.qs-app .qs-preview [data-semantic-component="bodyText"]{color:var(--qp-body-text)}.qs-app .qs-preview [data-semantic-component="surfaceText"]{background-color:var(--qp-surface);color:var(--qp-body-text)}.qs-app .qs-preview [data-semantic-component="alternateSurfaceText"]{background-color:var(--qp-alternate-surface);color:var(--qp-body-text)}.qs-app .qs-preview :is([data-semantic-component="headingText"],[data-semantic-component="surfaceHeading"],[data-semantic-component="alternateSurfaceHeading"]){color:var(--qp-heading-text)}.qs-app .qs-preview :is([data-semantic-component="secondaryText"],[data-semantic-component="alternateSurfaceSecondaryText"]){color:var(--qp-secondary-text)}.qs-app .qs-preview [data-semantic-component="primaryButton"]{border-color:var(--qp-primary-action);background:var(--qp-primary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview [data-semantic-component="primaryButton"].is-preview-hover-state{border-color:var(--qp-primary-action-hover);background:var(--qp-primary-action-hover)}.qs-app .qs-preview [data-semantic-component="accentButton"]{border-color:var(--qp-accent);background:var(--qp-accent);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview [data-semantic-component="accentButton"].is-preview-hover-state{border-color:var(--qp-accent-hover);background:var(--qp-accent-hover)}.qs-app .qs-preview [data-semantic-component="selectedNavigation"]{border-color:var(--qp-selected-active);background:var(--qp-selected-active);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview [data-semantic-component$="Status"]{display:inline-flex;inline-size:fit-content;padding:4px 8px;align-items:center;border-radius:999px;color:var(--qp-component-text,var(--qp-text-on-dark-color));font-style:normal;font-weight:800}.qs-app .qs-preview [data-semantic-component="successStatus"]{background:var(--qp-success)}.qs-app .qs-preview [data-semantic-component="warningStatus"]{background:var(--qp-warning)}.qs-app .qs-preview [data-semantic-component="errorStatus"]{background:var(--qp-error-danger)}.qs-app .qs-preview [data-semantic-component="informationStatus"]{background:var(--qp-information)}.qs-app .qs-preview [data-semantic-component="link"],.qs-app .qs-preview [data-semantic-component="surfaceLink"]{color:var(--qp-link);font-weight:750;opacity:1}.qp-landing{min-block-size:560px;padding:clamp(20px, 5vw, 64px);background:var(--qp-page-background)}.qp-landing header,.qp-store header,.qp-editorial header{display:flex;align-items:center;justify-content:space-between;gap:16px}.qp-landing nav,.qp-store nav{color:var(--qp-secondary-text)}.qp-landing main{max-inline-size:720px;padding-block:clamp(56px, 9vw, 118px)}.qp-landing main small,.qp-store-hero small,.qp-editorial-hero small{color:var(--qp-accent);font-weight:900;letter-spacing:.11em}.qp-landing h3,.qp-store-hero h3,.qp-editorial-hero h3{margin-block:14px;font-size:clamp(30px, 5vw, 56px);line-height:.96;letter-spacing:-.065em}.qp-landing main p{max-inline-size:54ch;color:var(--qp-secondary-text);font-size:clamp(16px, 2vw, 18px)}.qp-landing main>div{display:flex;align-items:center;margin-block-start:24px;gap:18px}.qp-landing section{display:grid;grid-template-columns:repeat(3,1fr);border-block-start:1px solid var(--qp-borders-dividers)}.qp-landing section article{padding:20px;border-inline-end:1px solid var(--qp-borders-dividers);background:var(--qp-surface)}.qp-landing section article:last-child{border-inline-end:0}.qp-landing section p{margin:5px 0 0;color:var(--qp-secondary-text)}.qp-dashboard{display:grid;grid-template-columns:200px minmax(0,1fr);min-block-size:560px;background:var(--qp-page-background)}.qp-dashboard aside{display:grid;align-content:start;padding:22px;border-inline-end:1px solid var(--qp-borders-dividers);gap:8px}.qp-dashboard aside strong{margin-block-end:20px}.qp-dashboard aside button{border-color:#fff0;background:#fff0;color:var(--qp-body-text);text-align:start}.qp-dashboard aside button.is-active{background:var(--qp-selected-active);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-dashboard main{padding:clamp(18px, 3vw, 36px)}.qp-dashboard main>header,.qp-chart header{display:flex;align-items:center;justify-content:space-between;gap:14px}.qp-dashboard h3{font-size:clamp(24px, 4vw, 38px)}.qp-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-block:24px;gap:12px}.qp-stats article,.qp-chart{padding:18px;border:1px solid var(--qp-borders-dividers);border-radius:14px;background:var(--qp-surface)}.qp-stats :where(small,em),.qp-chart span{color:var(--qp-secondary-text)}.qp-stats strong{display:block;margin-block:6px;font-size:24px}.qp-chart>div{display:flex;align-items:end;block-size:190px;margin-block-start:18px;gap:10px}.qp-chart i{flex:1;block-size:40%;border-radius:8px 8px 2px 2px;background:var(--qp-primary-action)}.qp-chart i:nth-child(2){block-size:62%}.qp-chart i:nth-child(3){block-size:48%;background:var(--qp-accent-hover)}.qp-chart i:nth-child(4){block-size:78%}.qp-chart i:nth-child(5){block-size:58%;background:var(--qp-accent)}.qp-chart i:nth-child(6){block-size:88%}.qp-chart i:nth-child(7){block-size:72%}.qp-store{min-block-size:560px;padding:clamp(20px, 4vw, 48px);background:var(--qp-page-background)}.qp-store-hero{margin-block:28px;padding:clamp(28px, 6vw, 72px);border-radius:18px;background:var(--qp-alternate-surface)}.qp-store-hero h3{max-inline-size:10ch}.qp-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.qp-products article{display:grid;gap:7px;align-content:start}.qp-products i{display:block;aspect-ratio:4 / 3;border-radius:14px;background:var(--qp-accent-hover)}.qp-products article:nth-child(2) i{background:var(--qp-accent)}.qp-products article:nth-child(3) i{background:var(--qp-primary-action)}.qp-products span{color:var(--qp-secondary-text)}.qp-editorial{min-block-size:560px;padding:clamp(22px, 5vw, 68px);background:var(--qp-page-background)}.qp-editorial header{padding-block-end:18px;border-block-end:1px solid var(--qp-borders-dividers)}.qp-editorial-hero{max-inline-size:900px;padding-block:clamp(48px, 8vw, 98px)}.qp-editorial-hero h3{max-inline-size:12ch}.qp-editorial-hero p{max-inline-size:54ch;color:var(--qp-secondary-text);font-size:18px}.qp-columns{display:grid;grid-template-columns:1fr 1fr;padding-block-start:24px;border-block-start:1px solid var(--qp-borders-dividers);gap:30px}.qp-columns blockquote{margin:0;padding-inline-start:20px;border-inline-start:5px solid var(--qp-accent);color:var(--qp-body-text);font-size:24px;font-weight:800}.qs-game-background-controls{display:grid;margin-block-end:12px;padding:12px;border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm);background:var(--qs-surface-alt);gap:10px}.qs-game-background-tiles{display:flex;gap:8px;overflow-x:auto;padding-block-end:3px;scrollbar-width:thin}.qs-game-background-tiles button{display:grid;flex:0 0 104px;min-inline-size:0;padding:5px;border:1px solid var(--qs-border);border-radius:9px;background:#fff;color:var(--qs-text);gap:5px;text-align:start}.qs-game-background-tiles button[hidden]{display:none}.qs-game-background-tiles button strong{overflow:hidden;font-size:12px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.qs-game-background-tiles button[aria-pressed="true"]{border-color:var(--qs-accent);box-shadow:0 0 0 2px var(--qs-accent-soft)}.qs-game-background-tiles :where(img,.qs-game-scene-built-in){display:block;inline-size:100%;aspect-ratio:16 / 9;border-radius:6px;object-fit:cover}.qs-game-scene-built-in{background:linear-gradient(165deg,var(--qs-accent-soft) 0 45%,var(--qs-accent) 46% 68%,#172033 69%)}.qs-game-custom-disclosure{border-block-start:1px solid var(--qs-border);padding-block-start:9px}.qs-game-custom-disclosure>summary{cursor:pointer;font-weight:850}.qs-game-custom-disclosure>div{display:flex;align-items:end;margin-block-start:10px;flex-wrap:wrap;gap:10px}.qs-game-custom-disclosure>div>p{flex-basis:100%}.qs-role-card.is-usage-highlighted,.qs-preview [data-role-use].is-usage-highlighted{outline:4px solid color-mix(in srgb,var(--qp-focus,var(--qs-accent)) 70%,white);outline-offset:3px}.qp-landing header>button{border-color:var(--qp-borders-dividers);background:var(--qp-surface);color:var(--qp-heading-text)}.qp-landing nav{display:flex;gap:16px}.qp-landing footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding-block-start:20px;border-block-start:1px solid var(--qp-borders-dividers);font-size:var(--qp-label)}.qp-landing footer a{color:var(--qp-link)}.qp-landing section article>span{display:inline-block;margin-inline-end:.7em;color:var(--qp-accent);font-size:var(--qp-label);font-weight:850}.qp-activity{overflow:hidden;border:1px solid var(--qp-borders-dividers);border-radius:12px;background:var(--qp-surface)}.qp-activity header,.qp-activity>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-block-end:1px solid var(--qp-borders-dividers)}.qp-activity>div:last-child{border-block-end:0}.qp-activity i{display:inline-block;inline-size:9px;block-size:9px;margin-inline-end:8px;border-radius:50%;background:var(--qp-information)}.qp-activity i.is-success{background:var(--qp-success)}.qp-activity i.is-warning{background:var(--qp-warning)}.qp-products article>i{position:relative}.qp-products article>i button,.qp-products article>i small{position:absolute;z-index:1;inset-block-start:10px}.qp-products article>i button{inset-inline-end:10px;min-inline-size:36px;min-block-size:36px;padding:0;border-color:var(--qp-borders-dividers);border-radius:50%;background:var(--qp-surface);color:var(--qp-heading-text)}.qp-products article>i small{inset-inline-start:10px;padding:5px 7px;border-radius:5px;background:var(--qp-information);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-products article>button{justify-self:start;margin-block-start:3px;border-color:var(--qp-borders-dividers);background:var(--qp-surface);color:var(--qp-heading-text)}.qp-game{position:relative;isolation:isolate;overflow:hidden;min-block-size:640px;padding:22px;background:var(--qp-page-background);color:var(--qp-text-on-inverse);text-shadow:0 2px 8px rgb(0 0 0 / .55);display:block}.qp-game-scene{position:absolute;z-index:-3;inset:0;inline-size:100%;block-size:100%}.qs-preview .qp-game>img.qp-game-custom-background{position:absolute;z-index:-3;inset:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;transform-origin:center center}.qp-game.has-custom-background .qp-game-scene{display:none}.qp-game-scene{overflow:hidden;background:linear-gradient(180deg,var(--qp-information) 0 40%,var(--qp-accent-hover) 72%,var(--qp-heading-text))}.qp-game-scene::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--qp-heading-text) 72%,transparent));content:""}.qp-game-scene>i{position:absolute;display:block}.qp-game-scene .qp-sun{inset:9% 12% auto auto;inline-size:88px;aspect-ratio:1;border-radius:50%;background:var(--qp-warning);box-shadow:0 0 54px var(--qp-warning)}.qp-game-scene .qp-mountain{inset:auto auto 22% -8%;inline-size:72%;block-size:56%;background:var(--qp-alternate-surface);clip-path:polygon(0 100%,24% 34%,39% 58%,61% 12%,100% 100%)}.qp-game-scene .qp-mountain.two{inset-inline:auto -18%;inset-block-end:16%;background:var(--qp-selected-active);opacity:.72;transform:scaleX(-1)}.qp-game-scene .qp-ground{inset:auto 0 0;block-size:28%;background:linear-gradient(165deg,var(--qp-heading-text),var(--qp-primary-action-hover));clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}.qp-game-scene .qp-tower{z-index:1;inset:20% 50% auto auto;inline-size:42px;block-size:48%;border:3px solid var(--qp-focus);background:repeating-linear-gradient(180deg,var(--qp-surface) 0 14px,var(--qp-primary-action) 14px 18px);box-shadow:0 0 24px var(--qp-focus);transform:translateX(50%)}.qp-game::after{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgb(0 0 0 / .4),transparent 40% 65%,rgb(0 0 0 / .28));content:""}.qp-game header,.qp-game footer,.qp-game-objective{position:relative;z-index:2;border:1px solid color-mix(in srgb,var(--qp-borders-dividers) 45%,transparent);background:color-mix(in srgb,var(--qp-surface) 22%,transparent);backdrop-filter:blur(8px)}.qp-game header{display:flex;justify-content:space-between;padding:12px 16px}.qp-game-objective{display:grid;max-inline-size:340px;margin-block-start:22px;padding:15px;border-color:var(--qp-information);border-inline-start:5px solid var(--qp-information);background:var(--qp-information);color:var(--qp-component-text,var(--qp-text-on-dark-color));gap:3px}.qs-preview .qp-game-objective[data-semantic-component="informationStatus"]{display:grid;inline-size:auto;border-radius:0}.qp-game-objective small{color:inherit}.qp-game-statuses{position:absolute;z-index:3;inset:22% 22px auto auto;display:grid;justify-items:end;gap:7px}.qp-game-statuses span{padding:7px 10px;border:1px solid color-mix(in srgb,var(--qp-borders-dividers) 45%,transparent);border-radius:8px;color:var(--qp-component-text,var(--qp-text-on-dark-color));font-size:var(--qp-label);font-weight:850}.qp-game-statuses [data-semantic-component="successStatus"]{background:var(--qp-success)}.qp-game-statuses [data-semantic-component="warningStatus"]{background:var(--qp-warning)}.qp-game-statuses [data-semantic-component="errorStatus"]{background:var(--qp-error-danger)}.qp-crosshair{position:absolute;z-index:2;inset:50% auto auto 50%;inline-size:42px;block-size:42px;border:2px solid var(--qp-focus);border-radius:50%;transform:translate(-50%,-50%)}.qp-crosshair::before,.qp-crosshair::after{position:absolute;inset:50% auto auto 50%;background:var(--qp-focus);content:"";transform:translate(-50%,-50%)}.qp-crosshair::before{inline-size:58px;block-size:2px}.qp-crosshair::after{inline-size:2px;block-size:58px}.qp-game footer{position:absolute;inset:auto 22px 22px;display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:14px;padding:14px}.qp-game footer>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.qp-game footer i{display:block;inline-size:100%;block-size:8px;border-radius:99px;background:var(--qp-success);box-shadow:inset -20px 0 0 color-mix(in srgb,var(--qp-heading-text) 45%,transparent)}.qp-game footer i.is-energy{background:var(--qp-information)}.qp-action footer i.is-health{background:var(--qp-error-danger)}.qp-game footer button{background:var(--qp-primary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-game footer kbd{padding:8px 10px;border:1px solid var(--qp-focus);background:var(--qp-selected-active);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-game-upload-prompt{position:absolute;z-index:3;inset:50% auto auto 50%;max-inline-size:300px;padding:16px;border:1px solid var(--qp-focus);background:var(--qp-surface);color:var(--qp-body-text);text-align:center;transform:translate(-50%,-50%)}.qs-preview-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 150px),1fr));margin-block:10px 20px;gap:8px}.qs-preview h3{font-size:clamp(28px, 7vw, var(--qp-h1, 56px))}.qs-preview h4{font-size:var(--qp-h3,25px)}.qs-preview :where(small){font-size:var(--qp-label,13px)}.qp-minimal,.qp-document,.qp-newsletter,.qp-commercial,.qp-presentation,.qp-game,.qp-mobile,.qp-social{min-block-size:560px;overflow:hidden;border-radius:12px;background:var(--qp-page-background);color:var(--qp-body-text)}.qp-minimal{display:grid;padding:clamp(24px, 5vw, 64px);grid-template-rows:auto 1fr}.qp-minimal header,.qp-newsletter header,.qp-newsletter footer,.qp-presentation header,.qp-social header,.qp-social footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.qp-minimal main{display:grid;max-inline-size:720px;align-content:center}.qp-minimal h3{margin-block:16px}.qp-document{margin-inline:auto}.qp-document header{display:grid;padding-block-end:18px;border-block-end:1px solid var(--qp-borders-dividers);color:var(--qp-secondary-text)}.qp-document h3{margin-block:48px 20px}.qp-document .qp-lead{color:var(--qp-secondary-text)}.qp-newsletter{display:grid;max-inline-size:760px;margin-inline:auto;padding:clamp(20px, 5vw, 52px);grid-template-rows:auto 1fr auto}.qp-newsletter main{display:grid;padding-block:60px;align-content:center;justify-items:start}.qp-newsletter button,.qp-commercial button,.qp-game button{border-color:var(--qp-primary-action);background:var(--qp-primary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-newsletter footer{padding-block-start:18px;border-block-start:1px solid var(--qp-borders-dividers);color:var(--qp-secondary-text)}.qp-commercial{display:grid}.qp-commercial>div{display:grid;padding:clamp(28px, 6vw, 80px);align-content:center;justify-items:start}.qp-commercial aside strong{margin-block-start:24px;font-size:28px}.qp-presentation{display:grid;grid-template-rows:auto 1fr}.qp-presentation main>div{display:grid;grid-template-columns:repeat(3,1fr);margin-block-start:34px;gap:12px}.qp-presentation article{display:grid;padding:20px;border-radius:10px}.qp-mobile{max-inline-size:390px;margin-inline:auto;padding:18px;border:10px solid var(--qp-body-text);border-radius:38px;background:var(--qp-page-background)}.qp-mobile header,.qp-mobile main>div,.qp-mobile footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.qp-mobile header>i[data-role-use~="bordersDividers"]{display:block;inline-size:1px;block-size:28px;background:var(--qp-borders-dividers)}.qp-mobile main{padding-block:36px}.qp-mobile article,.qp-mobile section{margin-block:18px;padding:18px;border:1px solid var(--qp-borders-dividers);border-radius:14px;background:var(--qp-surface)}.qp-mobile article strong{display:block;color:var(--qp-primary-action);font-size:30px}.qp-mobile main>div button.is-active{background:var(--qp-selected-active);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-mobile footer{padding-block-start:16px;border-block-start:1px solid var(--qp-borders-dividers);color:var(--qp-secondary-text)}.qp-social{display:grid;max-inline-size:620px;margin-inline:auto;padding:clamp(24px, 6vw, 58px);grid-template-rows:auto 1fr auto;background:var(--qp-primary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-social main{display:grid;padding-block:70px;align-content:center}.qp-social footer{padding-block-start:18px;border-block-start:1px solid currentColor}.qs-preview-palette>button{display:grid;min-inline-size:0;padding:8px;border:1px solid var(--qs-border);border-radius:9px;background:#fff;color:var(--qs-text);gap:3px;text-align:start;white-space:normal}.qs-preview-palette>button[aria-pressed="true"]{border-color:var(--qs-accent);box-shadow:0 0 0 2px var(--qs-accent-soft)}.qs-preview-palette>button.is-unused{border-style:dashed}.qs-preview-palette>button i{block-size:64px;border-radius:6px;background:var(--qs-swatch)}.qs-preview-palette>button :where(code,small){color:var(--qs-muted);overflow-wrap:anywhere;font-size:14px}.qs-app .qs-preview [data-semantic-component="link"].is-preview-hover-state,.qs-app .qs-preview [data-semantic-component="surfaceLink"].is-preview-hover-state{color:var(--qp-link-hover)}.qs-preview :where(a,button):focus-visible{outline:3px solid var(--qp-focus);outline-offset:3px}.qs-preview :where(button)[aria-pressed="true"],.qs-preview :where(button).is-active{background:var(--qp-selected-active)}.qs-role-editor{border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface)}.qs-role-editor summary{padding:14px;font-weight:800}.qs-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 250px),1fr));padding:0 14px 14px;gap:12px}.qs-role-identity>span{color:var(--qs-text);font-size:14px;font-weight:750}.qs-role-card{display:grid;border:1px solid var(--qs-border);border-radius:10px;background:#fff}.qs-role-card.is-selected{border-color:var(--qs-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--qs-accent) 18%,transparent)}.qs-role-card>div{display:grid;min-inline-size:0}.qs-role-card code,.qs-role-card small{color:var(--qs-muted);overflow-wrap:anywhere;font-size:14px}.qs-role-card>button{min-inline-size:36px;min-block-size:36px;padding:4px}.qs-typography,.qs-vision{margin-block-start:14px;padding:0 14px 14px;border:1px solid var(--qs-border);border-radius:10px}.qs-typography>summary,.qs-vision>summary,.qs-role-editor>summary{min-block-size:48px;padding-block:13px;font-weight:800}.qs-typography-presets button[aria-pressed="true"]{border-color:var(--qs-accent);background:var(--qs-accent-soft)}.qs-vision-filters{position:absolute;inline-size:0;block-size:0;overflow:hidden}.qs-role-identity{align-self:center}.qs-role-actions{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:6px}.qs-role-actions button{min-block-size:38px;padding:6px 9px;flex:0 1 auto}.qs-role-actions .qs-drag-handle{min-inline-size:40px;padding:6px}.qs-role-swatch{inline-size:50px;block-size:60px;padding:0;border:3px solid #fff;border-radius:8px;background:var(--qs-swatch);box-shadow:0 0 0 1px var(--qs-border-strong);cursor:grab}.qs-export-tabs{margin-block-end:10px}.qs-code-wrap{position:relative}.qs-code-wrap pre{max-block-size:480px;margin:0;padding:20px;overflow:auto;border:1px solid #2c3240;border-radius:var(--qs-radius);background:#151821;color:#e9ecf3;font-family:var(--qs-font-mono);font-size:14px;line-height:1.65;white-space:pre}.qs-code-wrap>button{position:absolute;inset-block-start:10px;inset-inline-end:10px}.qs-explorer{display:grid;grid-template-columns:minmax(260px,520px) minmax(260px,1fr);align-items:start;margin-block:20px;gap:clamp(20px, 4vw, 48px)}.qs-explorer canvas{inline-size:100%;aspect-ratio:1;border-radius:50%;touch-action:none}.qs-value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.qs-value{display:grid;min-inline-size:0;text-align:start}.qs-value small{color:var(--qs-muted);font-size:14px;letter-spacing:.08em}.qs-value strong{overflow-wrap:anywhere;font-family:var(--qs-font-mono);font-size:13px}.qs-harmony-row,.qs-family-panel{margin-block-start:12px;padding:14px;border:1px solid var(--qs-border);border-radius:var(--qs-radius)}.qs-tangible-exports{display:flex;gap:8px;margin-bottom:25px}.qs-tool{border:1px solid var(--qs-border);border-radius:var(--qs-radius-lg);background:var(--qs-bg);box-shadow:var(--qs-shadow)}.qs-converter-layout{display:grid;grid-template-columns:minmax(220px,0.7fr) minmax(280px,1.3fr);align-items:stretch;gap:var(--qs-gap)}.qs-selected-color{display:flex;min-block-size:320px;padding:20px;align-items:flex-end;flex-direction:column;justify-content:flex-end;border:8px solid #fff;border-radius:var(--qs-radius-lg);background:var(--qs-selected);box-shadow:0 0 0 1px var(--qs-border);color:var(--qs-selected-ink);font-size:20px;font-weight:850;gap:8px}.qs-selected-color>:where(span,strong){align-self:flex-start}.qs-color-name-card{overflow:clip;border:1px solid var(--qs-border);border-radius:var(--qs-radius)}.qs-name-swatch{display:grid;inline-size:100%;min-block-size:116px;padding:14px;align-content:space-between;border:0;border-radius:0;background:var(--qs-swatch);color:var(--qs-ink);text-align:start}.qs-color-name-card dl{margin:0;padding:10px}.qs-color-name-card dl div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px}.qs-color-name-card :where(dt,dd){margin:0;overflow-wrap:anywhere;font-size:14px}.qs-color-name-card dt{color:var(--qs-muted);font-weight:800}.qs-color-name-card a{color:var(--qs-accent);font-size:14px;font-weight:750}.qs-explorer-selected{display:grid;grid-template-columns:120px minmax(0,1fr) auto auto;align-items:center;margin-block-end:16px;padding:12px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface);gap:12px}.qs-explorer-selected>i{block-size:100px;border:1px solid rgb(17 24 39 / .16);border-radius:9px}.qs-explorer-selected>div{display:grid}.qs-explorer-selected strong{font-size:24px}.qs-value-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qs-mix-strip,.qs-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 168px),1fr));min-inline-size:0;margin-block-start:16px;gap:10px}.qs-result-tile{display:grid;min-inline-size:0;overflow:clip;border:1px solid var(--qs-border);border-radius:12px;background:#fff}.qs-result-tile-swatch{display:block;min-block-size:108px;background:var(--qs-tile-color)}.qs-result-tile-copy{display:grid;min-inline-size:0;padding:10px;gap:3px}.qs-result-tile-copy :where(strong,code,small){min-inline-size:0;overflow-wrap:anywhere}.qs-result-tile-copy code,.qs-result-tile-copy small{color:var(--qs-muted);font-size:14px}.qs-result-tile-actions{display:grid;padding:0 10px 10px;gap:6px}.qs-result-tile-actions .qs-button{min-inline-size:0;min-block-size:38px;padding:6px;font-size:14px}.qs-result-tile-actions .qs-button:only-child{grid-column:1 / -1}.qs-menu{position:relative}.qs-menu summary{display:inline-flex;min-block-size:var(--qs-control-height);padding:9px 12px;align-items:center;justify-content:center;gap:6px;list-style:none}.qs-menu summary::-webkit-details-marker{display:none}.qs-menu-panel{position:absolute;z-index:20;inset-block-start:calc(100% + 6px);inset-inline-end:0;display:grid;min-inline-size:210px;padding:8px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:#fff;box-shadow:var(--qs-shadow);gap:4px}.qs-menu-panel button{inline-size:100%;border-color:#fff0;background:#fff0;text-align:start}.qs-toast{position:fixed;z-index:99999;inset-inline:50%;inset-block-end:22px;max-inline-size:min(90vw, 460px);padding:10px 14px;transform:translate(-50%,20px);border-radius:10px;background:#17191f;box-shadow:0 10px 30px rgb(0 0 0 / .24);color:#fff;opacity:0;pointer-events:none;text-align:center;transition:opacity 160ms ease,transform 160ms ease;inline-size:max-content;line-height:1.4;overflow-wrap:anywhere;white-space:normal;writing-mode:horizontal-tb}.qs-toast.is-visible{transform:translate(-50%,0);opacity:1}.qs-app :where(button,select,input[type="text"],input[type="search"],input[type="number"]){padding:9px 12px}.qs-app button{font-weight:700}.qs-app button:hover:not(:disabled),.qs-app button:focus:not(:disabled),.qs-app button:active:not(:disabled){border-width:1px}.qs-app button:hover:not(:disabled),.qs-app summary:hover{border-color:var(--qs-focus)}.qs-app label{display:grid;min-inline-size:0;gap:6px;color:var(--qs-text);font-size:15px;font-weight:750}.qs-color-edit{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:6px}.qs-color-edit input[type="color"]{inline-size:42px}.qs-color-edit input[type="text"]{inline-size:100%;padding-inline:9px;font-family:var(--qs-font-mono);font-size:15px}.qs-drag-handle{color:var(--qs-muted);display:grid;min-inline-size:40px;min-block-size:40px;padding:6px;border:1px solid var(--qs-border);border-radius:7px;background:var(--qs-surface);cursor:grab;font-size:20px;touch-action:manipulation;place-items:center;user-select:none}.qs-ratio{font-size:18px}.qs-badge{padding:5px 8px;border-radius:999px;background:var(--qs-surface-strong);font-weight:800}.qs-file-input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;opacity:0}.qs-load-more{display:block;margin:18px auto 0}.qs-skip{position:absolute;z-index:100;inset-block-start:8px;inset-inline-start:-9999px;padding:10px;border-radius:var(--qs-radius-sm);background:#fff;color:var(--qs-accent)}.qs-skip:focus{inset-inline-start:8px}.qs-inline-error{min-block-size:1.5em;margin:8px 0;color:var(--qs-danger);font-size:14px}.qs-card-markers{display:flex;align-items:flex-start;padding-inline-end:42px;flex-wrap:wrap;gap:6px}.qs-base-marker,.qs-selected-marker{display:inline-flex;min-block-size:26px;padding:4px 8px;border:1px solid currentColor;border-radius:7px;background:color-mix(in srgb,var(--qs-swatch) 76%,transparent);font-size:14px;font-weight:800}.qs-card-title{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:start;gap:8px}.qs-card-title h3{overflow-wrap:anywhere}.qs-card-title p{margin:0;color:var(--qs-muted);font-size:14px}.qs-drag-handle:active{cursor:grabbing}.qs-native-fallback{margin-block-start:14px;color:var(--qs-muted);font-size:14px}.qs-native-fallback input{inline-size:100%;block-size:44px}.qs-eyedropper svg{inline-size:22px;block-size:22px;fill:currentColor}@keyframes qs-fade-in{from{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:920px){.qs-dropzone,.qs-explorer{grid-template-columns:1fr}.qs-dropzone canvas{max-block-size:360px}.qp-dashboard{grid-template-columns:150px minmax(0,1fr)}.qp-stats{grid-template-columns:1fr}.qs-converter-layout{grid-template-columns:0.8fr 1.2fr}.qs-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.qs-dropzone{grid-template-columns:1fr}.qs-preview-toolbar{align-items:stretch;flex-direction:column}.qs-preview-more,.qs-preview-more select{inline-size:100%}.qs-role-card>button:nth-last-child(-n+2){grid-row:2}.qp-commercial aside{grid-template-columns:auto 1fr auto 1fr}.qp-presentation main>div{grid-template-columns:1fr}.qs-explorer-selected{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"swatch info" "eye edit"}.qs-explorer-selected>i{grid-area:swatch}.qs-explorer-selected>div{grid-area:info}.qs-explorer-selected>[data-tool-action="eyedropper"]{grid-area:eye}.qs-explorer-selected>[data-tool-action="edit-explorer"]{grid-area:edit;inline-size:100%;white-space:nowrap}}@media (max-width:680px){.qs-app{border-radius:var(--qs-radius);font-size:16px}.qs-workspace,.qs-tool{padding:14px}.qs-tabs{padding-inline:6px}.qs-tabs button{min-block-size:50px;flex-basis:135px}.qs-method-tabs button{flex-basis:112px;padding-inline:9px}.qs-section-heading{align-items:flex-start;flex-direction:column}.qs-section-heading>.qs-button,.qs-section-heading>button{align-self:stretch}.qs-source-palette-state{align-items:stretch;flex-direction:column}.qs-source-palette-state>.qs-button{inline-size:100%;white-space:normal}.qs-palette-readiness{grid-template-columns:1fr;align-items:stretch}.qs-palette-readiness>.qs-button{inline-size:100%;white-space:normal}.qs-input-group{flex-wrap:wrap}.qs-input-group>input[type="text"]{flex-basis:calc(100% - 62px)}.qs-input-group>button{flex:1 1 120px}.qs-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-swatch-visual{min-block-size:112px}.qs-color-edit{grid-template-columns:38px minmax(0,1fr)}.qs-library-controls{grid-template-columns:1fr}.qs-contrast-card{grid-template-columns:auto minmax(0,1fr) auto}.qs-contrast-card .qs-badge{grid-column:2 / -1;justify-self:start}.qs-preview-toolbar{align-items:stretch;flex-direction:column}.qs-preview-toolbar p{text-align:start}.qp-landing,.qp-store,.qp-editorial{min-block-size:470px;padding:20px}.qp-landing header nav,.qp-store header nav{display:none}.qp-landing main{padding-block:54px}.qp-landing section,.qp-products,.qp-columns{grid-template-columns:1fr}.qp-landing section article{border-inline-end:0;border-block-end:1px solid var(--qp-borders-dividers)}.qp-landing footer{grid-template-columns:1fr;justify-items:start;gap:10px}.qp-dashboard{grid-template-columns:1fr}.qp-dashboard aside{display:flex;overflow-x:auto;border-inline-end:0;border-block-end:1px solid var(--qp-borders-dividers)}.qp-dashboard aside strong{margin:0 10px 0 0;align-self:center}.qp-chart>div{block-size:140px}.qs-converter-layout{grid-template-columns:1fr}.qs-selected-color{min-block-size:190px}}@media (max-width:560px){.qs-method-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-palette{grid-template-columns:1fr}.qs-swatch-card{display:block}.qs-swatch-visual{min-block-size:132px}.qs-format-grid{grid-template-columns:1fr}.qs-color-editor{position:fixed;inset:auto 0 0;inline-size:100%;max-inline-size:none;max-block-size:92dvh;margin:0;border-radius:18px 18px 0 0}.qs-editor-channel-grid{grid-template-columns:1fr}.qs-editor-actions>*{flex:1 1 130px}.qs-editor-actions>span{display:none}.qs-file-actions,.qs-inline-actions{align-items:stretch;flex-direction:column}.qs-file-actions>*,.qs-inline-actions>*{inline-size:100%}.qs-role-card{grid-template-columns:44px minmax(0,1fr);gap:4px}.qs-role-card .qs-drag-handle,.qs-role-card>button{min-inline-size:34px;min-block-size:34px}.qs-mixer-controls,.qs-mixer-sources,.qs-contrast-editor{grid-template-columns:1fr}.qs-mixer-source>i,.qs-contrast-editor article>i{block-size:116px}.qs-mix-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-explorer-selected{grid-template-columns:82px minmax(0,1fr)}.qs-explorer-selected>i{block-size:82px}.qp-minimal,.qp-document,.qp-newsletter,.qp-commercial,.qp-presentation,.qp-game,.qp-mobile,.qp-social{min-block-size:470px}.qp-commercial aside{grid-template-columns:auto 1fr}.qp-social,.qp-newsletter,.qp-document{padding:22px}.qs-toast{inset-inline:12px;inline-size:auto;max-inline-size:none;transform:translateY(20px)}.qs-toast.is-visible{transform:translateY(0)}.qs-value-primary{grid-template-columns:1fr}.qs-palette-overview{grid-template-columns:repeat(auto-fit,minmax(34px,1fr))}.qs-palette-overview button{min-block-size:60px}.qs-contrast-demo{grid-template-columns:1fr}.qs-contrast-demo [data-contrast-ratio]{grid-column:1;grid-row:auto}.qs-role-swatch{inline-size:44px;block-size:58px}.qs-role-actions{grid-column:1 / -1}.qs-chart-controls{align-items:stretch;flex-direction:column}.qs-chart-controls label{inline-size:100%}.qs-game-custom-disclosure>div{align-items:stretch;flex-direction:column}.qs-game-custom-disclosure>div>*{inline-size:100%}.qp-game footer{grid-template-columns:1fr;inset:auto 14px 14px;gap:9px;padding:10px}.qp-game-statuses{inset:31% 14px auto auto}}@media (max-width:430px){.qs-palette{grid-template-columns:1fr}.qs-swatch-visual{min-block-size:166px}.qs-contrast-card{grid-template-columns:52px minmax(0,1fr)}.qs-contrast-sample{inline-size:50px;block-size:50px}.qs-ratio,.qs-contrast-card .qs-badge{grid-column:2;justify-self:start}.qs-file-actions>*,.qs-dropzone+.qs-inline-actions>*{inline-size:100%}.qs-dropzone+.qs-inline-actions{align-items:stretch;flex-direction:column}.qs-code-wrap>button{position:static;inline-size:100%;margin-block-start:8px}}@media (max-width:360px){.qs-workspace,.qs-tool{padding-inline:10px}.qs-method-panel{padding-inline:10px}.qs-card-actions button{flex:1 1 86px}.qs-mix-strip{grid-template-columns:1fr}.qs-role-card{grid-template-columns:40px minmax(0,1fr) 34px}.qs-role-card>button:not(.qs-drag-handle){grid-row:auto}}@media (prefers-reduced-motion:reduce){.qs-app *,.qs-app *::before,.qs-app *::after{scroll-behavior:auto;transition-duration:0.001ms;animation-duration:0.001ms;animation-iteration-count:1}.qs-swatch-card,.qs-dropzone,.qs-preview{transition:none}}.qs-app :where(a,label).qs-button{display:inline-flex;min-block-size:var(--qs-control-height);padding:9px 12px;align-items:center;justify-content:center;gap:0;border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm);font-size:inherit;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer}.qs-app a.qs-button-secondary,.qs-app label.qs-button-secondary{border-color:color-mix(in srgb,var(--qs-accent) 28%,var(--qs-border));background:var(--qs-accent-soft);color:#214f75}.qs-app a.qs-button-ghost,.qs-app label.qs-button-ghost{background:#fff0;color:var(--qs-text)}.qs-app a.qs-button:hover,.qs-app a.qs-button:focus,.qs-app label.qs-button:hover,.qs-app label.qs-button:focus{border-color:var(--qs-focus)}.qs-image-empty .qs-inline-actions{align-items:stretch}.qs-image-empty .qs-inline-actions>.qs-button{min-inline-size:142px}.qs-file-actions label.qs-button,.qs-inline-actions label.qs-button{white-space:nowrap}.qs-library-controls{grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) minmax(110px,0.65fr);align-items:end}.qs-library-extended{margin:-4px 0 18px}.qs-library-extended a{color:var(--qs-accent);font-weight:750}.qs-surprise-controls{display:flex;margin-block:14px 4px;align-items:end}.qs-surprise-controls label{inline-size:min(220px, 100%)}.qs-preview-toolbar{align-items:flex-end}.qs-preview-toolbar .qs-scroll-tabs{flex:1 1 auto}.qs-preview-more{display:none}.qs-preview-more select:focus-visible{outline-offset:-3px}.qs-app .qs-role-swatch:hover:not(:disabled),.qs-app .qs-role-swatch:focus:not(:disabled),.qs-app .qs-role-swatch:active:not(:disabled){border-width:3px;border-color:#fff;background:var(--qs-swatch);box-shadow:0 0 0 1px var(--qs-border-strong)}.qs-role-editor>summary,.qs-typography>summary,.qs-vision>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer}.qs-role-editor>summary::-webkit-details-marker,.qs-typography>summary::-webkit-details-marker,.qs-vision>summary::-webkit-details-marker{display:none}.qs-role-editor>summary::after,.qs-typography>summary::after,.qs-vision>summary::after{content:"▾";flex:0 0 auto;color:var(--qs-accent);font-size:20px;line-height:1;transition:transform 160ms ease}.qs-role-editor[open]>summary::after,.qs-typography[open]>summary::after,.qs-vision[open]>summary::after{transform:rotate(180deg)}.qs-app h3[data-chart-heading]{margin-block-start:20px}[data-conversion-values].qs-value-grid,[data-explorer-values].qs-value-grid,.qs-value-primary{grid-template-columns:minmax(0,1fr)}[data-conversion-values] .qs-value-primary,[data-explorer-values] .qs-value-primary{inline-size:100%}[data-conversion-values] .qs-value-primary .qs-value,[data-explorer-values] .qs-value-primary .qs-value{grid-template-columns:minmax(64px,0.22fr) minmax(0,1fr);align-items:center;column-gap:12px;inline-size:100%}[data-conversion-values] .qs-value-primary .qs-value strong,[data-explorer-values] .qs-value-primary .qs-value strong{min-inline-size:0;overflow-wrap:anywhere;word-break:break-word}[data-conversion-values]>.qs-more-formats,[data-explorer-values]>.qs-more-formats{inline-size:100%}.qs-result-tile-actions{grid-template-columns:minmax(0,1fr)}.qs-result-tile-actions .qs-button{inline-size:100%;overflow-wrap:anywhere}.qs-color-name-card .qs-card-actions>.qs-button{flex:1 1 120px;min-inline-size:0}.qs-image-stage{aspect-ratio:var(--qs-image-aspect,auto)}.qs-image-stage canvas{inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;aspect-ratio:var(--qs-image-aspect,auto)}pre.wp-block-code{margin-block:16px;padding:16px 18px;overflow:auto;border:1px solid #2c3240;border-radius:12px;background:#151821;box-shadow:0 8px 24px rgb(17 24 39 / .08)}pre.wp-block-code code{padding:0;border:0;background:#fff0;color:#e9ecf3;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:760px){.qs-library-controls{grid-template-columns:1fr}.qs-image-empty .qs-inline-actions>.qs-button{min-inline-size:0}}.qs-app label.qs-button:focus-within{outline:3px solid color-mix(in srgb,var(--qs-focus) 75%,transparent);outline-offset:2px}.qs-app label.qs-button-primary:hover,.qs-app label.qs-button-primary:focus-within{border-color:var(--qs-accent-hover);background:var(--qs-accent-hover);color:#fff}.qs-preview-toolbar,.qs-preview-toolbar .qs-scroll-tabs,.qs-preview-more,.qs-preview-more select{min-inline-size:0;max-inline-size:100%;box-sizing:border-box}@media (min-width:761px){.qs-app .qs-preview-more{display:none}}@media (max-width:760px){.qs-preview-toolbar{inline-size:100%;overflow:visible}.qs-app .qs-preview-toolbar .qs-scroll-tabs{display:none}.qs-app .qs-preview-more{display:grid;inline-size:100%}.qs-preview-more select{inline-size:100%}}.qs-file-actions>:where(button,.qs-button){box-sizing:border-box;min-block-size:var(--qs-control-height);block-size:var(--qs-control-height);margin:0;padding:9px 12px;align-items:center;justify-content:center;line-height:1.25}.qs-file-actions>label.qs-button{display:inline-flex}.qs-app [data-tool-action="check-contrast"]{margin-block-start:16px}.qs-contrast-demo article{border-color:color-mix(in srgb,var(--qs-fg) 42%,#7d8791)}.qs-mix-strip{align-items:stretch}.qs-mix-strip .qs-result-tile{grid-template-rows:108px minmax(94px,1fr) auto;min-block-size:292px;block-size:100%}.qs-mix-strip .qs-result-tile-swatch{min-block-size:108px;block-size:108px;max-block-size:108px}.qs-mix-strip .qs-result-tile-copy{align-content:start}.qs-mix-strip .qs-result-tile-copy>strong{display:-webkit-box;min-block-size:2.5em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.25}.qs-mix-strip .qs-result-tile-copy>code,.qs-mix-strip .qs-result-tile-copy>small{min-block-size:1.4em}.qs-mix-strip .qs-result-tile-actions{align-self:end}.qs-mix-strip .qs-result-tile-actions .qs-button{min-block-size:38px;block-size:38px}.qs-color-name-card{display:flex;min-inline-size:0;min-block-size:0;flex-direction:column;border-color:var(--qs-border-strong);background:#fff;box-shadow:0 4px 14px rgb(17 24 39 / .045)}.qs-color-name-card .qs-name-swatch{min-block-size:120px;block-size:120px;max-block-size:120px}.qs-color-name-card .qs-name-swatch>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.25;overflow-wrap:anywhere}.qs-color-name-formats{padding:10px 10px 0}.qs-color-name-card .qs-format-value{background:var(--qs-surface)}.qs-color-name-card .qs-more-formats{margin-block-start:2px}.qs-color-name-card .qs-card-actions{margin-block-start:auto;padding-block-start:10px}@media (max-width:420px){.qs-color-name-formats,.qs-color-name-card .qs-more-formats .qs-format-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:761px){.qs-preview-toolbar{display:block;inline-size:100%}.qs-app .qs-preview-toolbar .qs-scroll-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));inline-size:100%;overflow:visible;gap:8px;scrollbar-width:none}.qs-preview-toolbar .qs-scroll-tabs::-webkit-scrollbar{display:none}.qs-app .qs-preview-toolbar .qs-scroll-tabs button{display:inline-flex;min-inline-size:0;min-block-size:42px;padding:8px 9px;align-items:center;justify-content:center;border:1px solid #171a1d;border-radius:var(--qs-radius-sm);background:#fff;color:#171a1d;font-size:13px;line-height:1.2;text-align:center;white-space:normal}.qs-app .qs-preview-toolbar .qs-scroll-tabs button:hover:not(:disabled),.qs-app .qs-preview-toolbar .qs-scroll-tabs button:focus:not(:disabled){border-color:var(--qs-accent);background:var(--qs-accent-soft);color:#214f75}.qs-app .qs-preview-toolbar .qs-scroll-tabs button[aria-pressed="true"]{border-color:var(--qs-accent);background:var(--qs-accent);color:#fff}.qs-app .qs-preview-toolbar .qs-scroll-tabs button[aria-pressed="true"]:hover,.qs-app .qs-preview-toolbar .qs-scroll-tabs button[aria-pressed="true"]:focus{border-color:var(--qs-accent-hover);background:var(--qs-accent-hover);color:#fff}}.qs-color-name-card .qs-card-actions>a.qs-button-primary{border-color:var(--qs-accent);background:var(--qs-accent);color:#fff}.qs-color-name-card .qs-card-actions>a.qs-button-primary:hover,.qs-color-name-card .qs-card-actions>a.qs-button-primary:focus{border-color:var(--qs-accent-hover);background:var(--qs-accent-hover);color:#fff}.qs-vision-tool-summary,.qs-vision-tool-section{margin-block-start:20px}.qs-vision-summary-card{display:grid;padding:14px 16px;border:1px solid var(--qs-border-strong);border-radius:var(--qs-radius-sm);background:var(--qs-surface-alt);gap:3px}.qs-vision-summary-card span{color:var(--qs-muted);font-size:14px}.qs-section-heading-compact{margin-block-end:10px}.qs-section-heading-compact h3{margin:0}.qs-section-heading-compact p{margin-block:3px 0}.qs-vision-simulation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qs-vision-simulation-card{min-inline-size:0;padding:12px;border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm);background:#fff}.qs-vision-simulation-heading{display:grid;margin-block-end:10px;gap:1px}.qs-vision-simulation-heading small{color:var(--qs-muted)}.qs-vision-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px}.qs-vision-swatch{display:grid;min-block-size:72px;align-content:end;min-inline-size:0;padding:8px;border:1px solid color-mix(in srgb,var(--qs-vision-ink) 24%,transparent);border-radius:7px;background:var(--qs-vision-color);color:var(--qs-vision-ink)}.qs-vision-swatch span,.qs-vision-swatch code{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qs-vision-swatch span{font-size:12px;font-weight:800}.qs-vision-swatch code{font-size:12px}.qs-vision-pair-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%, 260px),1fr));gap:8px}.qs-vision-pair{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;padding:10px;border:1px solid var(--qs-border);border-inline-start-width:4px;border-radius:8px;background:#fff;gap:10px}.qs-vision-pair.is-danger{border-inline-start-color:var(--qs-danger)}.qs-vision-pair.is-review{border-inline-start-color:var(--qs-warning)}.qs-vision-pair.is-pass{border-inline-start-color:var(--qs-success)}.qs-vision-pair-colors{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;block-size:42px;border:1px solid var(--qs-border);border-radius:7px}.qs-vision-pair-colors i{background:var(--qs-pair)}.qs-vision-pair>div:last-child{display:grid;min-inline-size:0}.qs-vision-pair span,.qs-vision-pair small{color:var(--qs-muted)}.qs-vision-pair span{font-size:13px}.qs-vision-pair small{font-size:12px}.qs-vision-contrast-wrap{max-inline-size:100%;overflow-x:auto;border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm)}.qs-vision-contrast-table{inline-size:max-content;min-inline-size:100%;border-collapse:collapse;background:#fff;font-size:12px}.qs-vision-contrast-table th,.qs-vision-contrast-table td{min-inline-size:92px;padding:8px;border:1px solid var(--qs-border);text-align:center;white-space:nowrap}.qs-vision-contrast-table th{background:var(--qs-surface-alt);font-weight:850}.qs-vision-contrast-table td.is-pass{background:color-mix(in srgb,var(--qs-success) 9%,#fff)}.qs-vision-contrast-table td.is-review{background:color-mix(in srgb,var(--qs-warning) 10%,#fff)}.qs-vision-contrast-table td.is-danger{background:color-mix(in srgb,var(--qs-danger) 8%,#fff)}.qs-vision-contrast-table td.is-self{background:var(--qs-surface);color:var(--qs-muted)}@media (max-width:760px){.qs-vision-simulation-grid{grid-template-columns:1fr}}.qs-explorer>.qs-wheel-column{align-self:start}.qs-explorer-wheel-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-block-start:10px;gap:12px}.qs-explorer-wheel-actions .qs-help{flex:1 1 280px;margin:0}.qs-library-favorites-row{display:grid;margin:-4px 0 14px;gap:3px}.qs-library-favorites-row label{display:inline-flex;inline-size:fit-content;align-items:center;gap:8px;font-weight:700}.qs-library-favorites-row input[type="checkbox"]{inline-size:20px;block-size:20px;margin:0;accent-color:var(--qs-accent)}.qs-library-favorites-row small,.qs-library-result-label{color:var(--qs-muted);font-size:13px}.qs-library-result-label{margin:0 0 12px;font-weight:650}.qs-library-card{position:relative}.qs-library-favorite{position:absolute;z-index:4;inset-block-start:16px;inset-inline-end:16px;display:grid;inline-size:34px;block-size:34px;min-inline-size:34px;min-block-size:34px;margin:0;padding:0 0 1px;place-items:center;border:1px solid rgb(23 26 29 / .22);border-radius:999px;background:rgb(255 255 255 / .92);color:#39424c;box-shadow:0 2px 8px rgb(23 26 29 / .12);font-size:22px;font-weight:700;line-height:1}.qs-library-favorite:hover,.qs-library-favorite:focus-visible{border-color:var(--qs-accent);background:#fff;color:var(--qs-accent)}.qs-library-favorite.is-active,.qs-library-favorite.is-active:hover,.qs-library-favorite.is-active:focus-visible{border-color:var(--qs-accent);background:#fff;color:var(--qs-accent)}.qs-library-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.qs-library-title-row h3{min-inline-size:0;overflow-wrap:anywhere}.qs-library-title-row .qs-library-favorite{position:static;justify-self:end;inline-size:30px;block-size:30px;min-inline-size:30px;min-block-size:30px;margin:-4px -2px 0 0;border:0;border-radius:0;background:#fff0;box-shadow:none;color:var(--qs-muted);font-size:23px}.qs-library-title-row .qs-library-favorite:hover,.qs-library-title-row .qs-library-favorite:focus-visible,.qs-library-title-row .qs-library-favorite.is-active,.qs-library-title-row .qs-library-favorite.is-active:hover,.qs-library-title-row .qs-library-favorite.is-active:focus-visible{border-color:#fff0;background:#fff0;color:var(--qs-text);box-shadow:none}.qs-role-setup{display:grid;align-items:stretch;margin:16px 0 12px;padding:14px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface-alt);gap:12px}.qs-role-setup>div{display:grid;min-inline-size:0;gap:2px}.qs-role-setup strong{font-size:15px}.qs-role-setup small,.qs-role-setup p{margin:0;color:var(--qs-muted);font-size:14px}.qs-palette-readiness{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-inline-size:0;padding-block-start:10px;border-block-start:1px solid var(--qs-border);gap:10px}.qs-palette-readiness>div{display:grid;min-inline-size:0;gap:3px}.qs-palette-readiness>.qs-button{white-space:nowrap}.qs-palette-readiness.is-ready{grid-template-columns:1fr;gap:3px}.qs-create-role-actions,.qs-contrast-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.qs-palette-view-tabs,.qs-role-filter{display:inline-flex;margin-block-end:14px;padding:4px;border:1px solid var(--qs-border);border-radius:10px;background:var(--qs-surface-strong);gap:4px}.qs-palette-view-tabs button,.qs-role-filter button{padding:7px 13px;border:1px solid #fff0;border-radius:7px;background:#fff0;color:var(--qs-muted);font-weight:800}.qs-palette-view-tabs button[aria-pressed="true"],.qs-role-filter button[aria-pressed="true"]{border-color:var(--qs-border);background:#fff;color:var(--qs-accent-hover);box-shadow:0 2px 6px rgb(23 25 31 / .07)}.qs-palette-view-panel{min-inline-size:0}.qs-role-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-block-end:12px;gap:14px}.qs-create-role-groups,.qs-role-dialog-groups{display:grid;gap:14px}.qs-create-role-group,.qs-role-dialog-group{overflow:clip;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:#fff}.qs-create-role-group-heading,.qs-role-dialog-group>h4{margin:0;padding:10px 12px;border-block-end:1px solid var(--qs-border);background:var(--qs-surface);color:var(--qs-muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.qs-create-role-list{display:grid}.qs-create-role-row{display:grid;grid-template-columns:42px minmax(150px,1fr) auto auto;align-items:center;min-inline-size:0;padding:10px 12px;border-block-end:1px solid var(--qs-border);gap:10px}.qs-create-role-row:last-child{border-block-end:0}.qs-create-role-row.is-custom{background:color-mix(in srgb,var(--qs-accent-soft) 50%,white)}.qs-create-role-row.is-pinned{box-shadow:inset 3px 0 0 var(--qs-accent)}.qs-create-role-swatch,.qs-preview-inspector-row>i{display:block;inline-size:38px;block-size:38px;border:3px solid #fff;border-radius:9px;background:var(--qs-swatch);box-shadow:0 0 0 1px var(--qs-border-strong)}.qs-create-role-copy,.qs-preview-inspector-row>div{display:grid;min-inline-size:0;gap:1px}.qs-create-role-copy span,.qs-preview-inspector-row span,.qs-create-role-copy code,.qs-preview-inspector-row code{min-inline-size:0;color:var(--qs-muted);overflow-wrap:anywhere;font-size:12px}.qs-role-state,.qs-role-dialog-state{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.qs-assignment-status{display:inline-flex;align-items:center;min-block-size:24px;padding:3px 8px;border:1px solid var(--qs-border);border-radius:999px;background:#fff;color:var(--qs-muted);font-size:12px;font-weight:850;line-height:1}.qs-assignment-status.is-custom{border-color:color-mix(in srgb,var(--qs-accent) 42%,var(--qs-border));background:var(--qs-accent-soft);color:var(--qs-accent-hover)}.qs-assignment-status.is-pinned{border-color:var(--qs-accent);background:var(--qs-accent);color:#fff}.qs-assignment-status.is-current,.qs-assignment-status.is-recommended{border-color:color-mix(in srgb,var(--qs-accent) 42%,var(--qs-border));background:var(--qs-accent-soft);color:var(--qs-accent-hover)}.qs-assignment-status.is-available{background:var(--qs-surface-alt)}.qs-card-role-block{display:grid;padding-block-start:8px;border-block-start:1px solid var(--qs-border);gap:7px}.qs-card-role-heading{display:flex;align-items:baseline;gap:8px}.qs-card-role-heading strong{font-size:13px}.qs-card-role-heading small,.qs-card-role-empty{margin:0;color:var(--qs-muted);font-size:1px}.qs-role-chips{display:flex;flex-wrap:wrap;gap:5px}.qs-role-chip,.qs-assign-role-button{min-block-size:32px;padding:5px 8px;border:1px solid var(--qs-border);border-radius:999px;background:var(--qs-surface);color:var(--qs-text);font-size:12px;font-weight:800;text-align:start}.qs-role-chip:hover,.qs-role-chip:focus-visible,.qs-assign-role-button:hover,.qs-assign-role-button:focus-visible{border-color:var(--qs-accent);background:var(--qs-accent-soft);color:var(--qs-accent-hover)}.qs-role-chip.is-custom{border-color:color-mix(in srgb,var(--qs-accent) 42%,var(--qs-border))}.qs-role-chip.is-pinned{box-shadow:inset 0 -2px 0 var(--qs-accent)}.qs-role-chip b{margin-inline-start:5px;color:var(--qs-accent);font-size:9px;text-transform:uppercase}.qs-assign-role-button{justify-self:start;border-style:dashed;background:#fff0;color:var(--qs-accent)}.qs-role-dialog{padding:0;overflow:auto;border:1px solid var(--qs-border-strong);border-radius:var(--qs-radius-lg);background:#fff;color:var(--qs-text);box-shadow:0 24px 70px rgb(23 25 31 / .24)}.qs-role-dialog::backdrop{background:rgb(23 25 31 / .48)}.qs-role-dialog-content,.qs-resuggest-dialog form{display:grid;padding:clamp(16px, 3vw, 24px);gap:16px}.qs-role-dialog-panel{display:grid;gap:14px}.qs-role-dialog-colors{display:grid;gap:8px}.qs-role-dialog-color{display:grid;padding:10px;border:1px solid color-mix(in srgb,var(--qs-ink) 24%,transparent);border-radius:10px;background:var(--qs-swatch);color:var(--qs-ink);text-align:start;gap:2px}.qs-role-dialog-color.is-current{box-shadow:inset 0 0 0 3px var(--qs-ink)}.qs-role-dialog-color.is-recommended:not(.is-current){border-color:color-mix(in srgb,var(--qs-accent) 56%,var(--qs-border));background:color-mix(in srgb,var(--qs-accent-soft) 58%,#fff)}.qs-role-choice-note{color:var(--qs-muted);font-size:12px;line-height:1.35}.qs-role-dialog-color span,.qs-role-dialog-color code{color:inherit;font-size:12px}.qs-color-role-option{min-block-size:58px;padding:9px 11px;border:0;border-block-end:1px solid var(--qs-border);background:#fff;text-align:start}.qs-color-role-option:last-child{border-block-end:0}.qs-color-role-option:hover:not(:disabled),.qs-color-role-option:focus-visible,.qs-color-role-option.is-current{background:var(--qs-accent-soft)}.qs-color-role-option>span:first-child{display:grid;min-inline-size:0;gap:2px}.qs-color-role-option small{color:var(--qs-muted);font-size:12px}.qs-choice-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;padding:12px;border:1px solid var(--qs-border);border-radius:10px;background:var(--qs-surface);gap:10px}.qs-choice-row input{inline-size:20px;block-size:20px;margin:2px 0 0;accent-color:var(--qs-accent)}.qs-choice-row span{display:grid;gap:2px}.qs-choice-row small{color:var(--qs-muted)}.qs-preview-role-inspector{margin-block:14px;padding:14px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface-alt)}.qs-preview-role-inspector p{margin:0;color:var(--qs-muted);font-size:13px}.qs-preview-inspector-heading{margin-block-end:10px}.qs-preview-inspector-list{display:grid;overflow:clip;border:1px solid var(--qs-border);border-radius:10px;background:#fff}.qs-preview-inspector-row{display:grid;border-block-end:1px solid var(--qs-border)}.qs-preview-inspector-row:last-child{border-block-end:0}.qs-preview-state-controls{display:flex;flex-wrap:wrap;gap:8px}.qs-preview-state-controls .qs-button[aria-pressed="true"]{border-color:var(--qs-accent);background:color-mix(in srgb,var(--qs-accent) 10%,var(--qs-surface));color:var(--qs-accent)}.qs-contrast-actions{grid-column:1 / -1}.qs-export-role-summary{margin-block:4px 10px}@media (max-width:760px){.qs-role-setup,.qs-role-workspace-heading{align-items:stretch;flex-direction:column}}@media (max-width:520px){.qs-palette-view-tabs,.qs-role-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%}.qs-role-dialog-colors{grid-template-columns:repeat(2,minmax(0,1fr))}}.qs-role-filter button[aria-pressed="true"]{border-color:var(--qs-border);background:#fff;color:var(--qs-accent-hover);box-shadow:0 2px 6px rgb(23 25 31 / .07)}.qs-create-role-group-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.qs-create-role-group-heading h4,.qs-create-role-group-heading small{margin:0;color:inherit;font:inherit;letter-spacing:inherit}.qs-create-system-setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-block:18px 22px;gap:14px}.qs-create-system-setup>.qs-create-setup-card{display:grid;align-content:start;min-inline-size:0;block-size:100%;margin:0;padding:16px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface);gap:12px;text-align:start}.qs-create-setup-card h3,.qs-create-setup-card p{margin:0}.qs-foundation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm);background:var(--qs-surface-alt);gap:4px}.qs-foundation-options button{min-block-size:38px;padding:7px 10px;border:1px solid #fff0;border-radius:calc(var(--qs-radius-sm) - 2px);background:#fff0;color:var(--qs-text);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.qs-foundation-options button[aria-pressed="true"]{border-color:var(--qs-border);background:#fff;color:var(--qs-accent-hover);box-shadow:0 2px 6px rgb(23 25 31 / .07)}.qs-foundation-state{display:grid;align-items:start;gap:4px}.qs-foundation-state>div{display:grid;gap:3px}.qs-foundation-state small{color:var(--qs-muted);line-height:1.45}.qs-foundation-state .qs-button{justify-self:start;margin-block-start:4px}.qs-role-setup>.qs-palette-readiness{margin-block-start:2px}@media (max-width:820px){.qs-create-system-setup{grid-template-columns:1fr;align-items:start}.qs-create-system-setup>.qs-create-setup-card{inline-size:100%;block-size:auto}}@media (max-width:480px){.qs-foundation-options{grid-template-columns:1fr}}.qs-source-palette-state{display:flex;align-items:center;justify-content:space-between;min-inline-size:0;margin-block:4px 16px;padding:11px 12px;border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm);background:var(--qs-surface-alt);gap:12px}.qs-source-palette-state>div{display:grid;min-inline-size:0;gap:2px;justify-items:start;text-align:start}.qs-source-palette-state small{color:var(--qs-muted);line-height:1.4}.qs-source-palette-state>.qs-button{flex:0 0 auto;white-space:nowrap}.qs-palette-view-heading{display:flex;align-items:flex-start;justify-content:space-between;min-inline-size:0;margin-block:16px 10px;gap:16px}.qs-palette-view-heading>div:first-child{min-inline-size:0}.qs-palette-view-heading h3{margin-block:0 4px}.qs-palette-view-heading .qs-palette-view-tabs{flex:0 0 auto;margin:0}.qs-role-filter-block{margin-block-end:14px}.qs-role-filter-block .qs-role-filter{margin-block-end:6px}.qs-app .qs-role-summary-counts{margin-block-end:4px;color:var(--qs-text);font-weight:800}.qs-role-setup{min-inline-size:0}.qs-role-setup>*{min-inline-size:0;max-inline-size:100%}.qs-stage-actions{display:flex;align-items:center;justify-content:flex-end;margin-block-start:24px;padding-block-start:16px;border-block-start:1px solid var(--qs-border);flex-wrap:wrap;gap:8px}.qs-stage-actions-split{justify-content:space-between}.qs-stage-actions-three>:last-child{margin-inline-start:auto}.qs-create-role-copy,.qs-preview-inspector-copy,.qs-role-identity{align-content:start}.qs-create-role-copy>strong,.qs-preview-inspector-copy>strong,.qs-role-identity>strong{margin-block-end:3px}.qs-create-role-number,.qs-preview-inspector-number,.qs-role-identity-number{font-weight:800}.qs-app .qs-create-role-number,.qs-app .qs-preview-inspector-number,.qs-app .qs-role-identity-number{color:var(--qs-text)}.qs-create-role-name,.qs-preview-inspector-name,.qs-role-identity-name{display:-webkit-box;min-block-size:2.7em;max-block-size:2.7em;overflow:hidden;color:var(--qs-muted);line-height:1.35;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qs-create-role-copy code,.qs-preview-inspector-copy code,.qs-role-identity code{display:block;margin-block-start:2px}.qs-role-dialog{max-inline-size:calc(100vw - 24px)}.qs-role-dialog-content{min-inline-size:0}.qs-role-dialog-colors{grid-template-columns:repeat(auto-fit,minmax(min(100%, 150px),1fr))}.qs-role-dialog-color{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;min-inline-size:0;min-block-size:132px;align-content:stretch;overflow:hidden}.qs-role-dialog-color>i{min-block-size:22px}.qs-role-dialog-color-copy{display:grid;min-inline-size:0;align-content:end;gap:1px}.qs-role-dialog-color-copy strong,.qs-role-dialog-color-copy span,.qs-role-dialog-color-copy code{display:block;min-inline-size:0;max-inline-size:100%}.qs-role-dialog-color-copy .qs-role-dialog-color-name{display:-webkit-box;min-block-size:2.7em;max-block-size:2.7em;overflow:hidden;line-height:1.35;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qs-role-dialog-color>b{justify-self:start;margin-block-start:4px;padding:2px 6px;border:1px solid currentColor;border-radius:999px;font-size:10px}.qs-color-role-option{flex-wrap:wrap}.qs-color-role-option>span:first-child{flex:1 1 190px}.qs-color-role-option>.qs-assignment-status{flex:0 0 auto;max-inline-size:100%}.qs-card-role-heading{justify-content:flex-start}.qs-card-role-heading small{display:none}.qs-role-card{grid-template-columns:52px minmax(0,1fr);align-items:start;padding:11px;gap:9px 12px}.qs-role-card>.qs-role-swatch{inline-size:44px;block-size:44px;margin:0}.qs-role-card>.qs-role-identity{padding-inline-start:2px}.qs-role-card>.qs-role-actions{flex-wrap:wrap;gap:6px}.qs-role-card>.qs-role-actions>button{min-block-size:34px;max-inline-size:100%}.qs-preview-inspector-row{grid-template-columns:44px minmax(0,1fr) auto auto;align-items:start;padding:11px;gap:10px 12px}.qs-preview-inspector-row>i{margin-block-start:2px}.qs-preview :where([data-semantic-component],[data-role-use]){cursor:pointer}.qs-preview :where([data-semantic-component],[data-role-use]):hover{outline:2px dashed color-mix(in srgb,var(--qs-accent) 55%,transparent);outline-offset:2px}.qs-app .qs-preview :where([data-semantic-component],[data-role-use]).is-usage-highlighted{outline:4px solid var(--qs-danger);outline-offset:4px;box-shadow:0 0 0 7px color-mix(in srgb,var(--qs-danger) 12%,transparent)}.qs-app .qs-preview [data-semantic-component="inverseSurfaceText"]{background:var(--qp-inverse-surface);color:var(--qp-text-on-inverse)}.qs-app .qs-preview [data-semantic-component="secondaryHeadingText"]{color:var(--qp-secondary-heading-text)}.qs-app .qs-preview [data-semantic-component="mutedText"]{color:var(--qp-muted-text)}.qs-app .qs-preview [data-semantic-component="secondaryButton"]{border-color:var(--qp-secondary-action);background:var(--qp-secondary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview [data-semantic-component="secondaryButton"].is-preview-hover-state{border-color:var(--qp-secondary-action-hover);background:var(--qp-secondary-action-hover)}.qs-app .qs-preview :is([data-semantic-component="primaryButton"],[data-semantic-component="secondaryButton"],[data-semantic-component="accentButton"],[data-semantic-component="selectedNavigation"],[data-semantic-component="successStatus"],[data-semantic-component="warningStatus"],[data-semantic-component="errorStatus"],[data-semantic-component="informationStatus"]){color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview :is([data-semantic-component="primaryButton"],[data-semantic-component="secondaryButton"],[data-semantic-component="accentButton"]).is-preview-hover-state{color:var(--qp-component-hover-text,var(--qp-component-text,var(--qp-text-on-dark-color)))}.qs-app .qs-preview [data-semantic-component="disabledControl"]{border-color:var(--qp-disabled-inactive);background:color-mix(in srgb,var(--qp-disabled-inactive) 16%,var(--qp-surface));color:var(--qp-disabled-inactive);opacity:.82}.qs-app .qs-preview [data-semantic-component="brandMark"]{color:var(--qp-brand-logo)}.qs-app .qs-preview [data-semantic-component="brandMark"].is-preview-hover-state{color:var(--qp-brand-logo-hover)}.qs-app .qs-preview [data-semantic-component="inverseBrandMark"]{color:var(--qp-brand-logo)}.qs-app .qs-preview [data-semantic-component="primaryButton"]:hover:not(.is-preview-hover-state){border-color:var(--qp-primary-action);background:var(--qp-primary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview [data-semantic-component="secondaryButton"]:hover:not(.is-preview-hover-state){border-color:var(--qp-secondary-action);background:var(--qp-secondary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview [data-semantic-component="accentButton"]:hover:not(.is-preview-hover-state){border-color:var(--qp-accent);background:var(--qp-accent);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview [data-semantic-component="selectedNavigation"]:hover{border-color:var(--qp-selected-active);background:var(--qp-selected-active);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qs-app .qs-preview [data-semantic-component="disabledControl"]:hover{border-color:var(--qp-disabled-inactive);background:color-mix(in srgb,var(--qp-disabled-inactive) 16%,var(--qp-surface));color:var(--qp-disabled-inactive)}.qs-app .qs-preview [data-semantic-component="link"]:hover:not(.is-preview-hover-state),.qs-app .qs-preview [data-semantic-component="surfaceLink"]:hover:not(.is-preview-hover-state){color:var(--qp-link);opacity:1}.qs-app .qs-preview .qp-qolorio-wordmark[data-semantic-component="brandMark"]:hover:not(.is-preview-hover-state),.qs-app .qs-preview .qp-newsletter-brand[data-semantic-component="brandMark"]:hover:not(.is-preview-hover-state){background:var(--qp-brand-logo);color:#fff0}.qs-app .qs-preview .qp-qolorio-wordmark[data-semantic-component="inverseBrandMark"]:hover:not(.is-preview-hover-state){background:var(--qp-brand-logo);color:#fff0}.qs-app .qs-preview [data-role-use~="bodyText"]{color:var(--qp-body-text)}.qs-app .qs-preview [data-role-use~="secondaryText"]{color:var(--qp-secondary-text)}.qs-app .qs-preview [data-role-use~="mutedText"]{color:var(--qp-muted-text)}.qs-app .qs-preview [data-role-use~="headingText"]{color:var(--qp-heading-text)}.qs-app .qs-preview [data-role-use~="secondaryHeadingText"]{color:var(--qp-secondary-heading-text)}.qs-app .qs-preview :is(a,b,em,h1,h2,h3,h4,h5,h6,p,small,span,strong)[data-role-use~="accent"]{color:var(--qp-accent)}.qs-test-guidance{margin-block:0 16px;padding:12px 14px}.qs-test-guidance>summary{color:var(--qs-text)}.qs-test-guidance p{margin:10px 0 0;color:var(--qs-muted);line-height:1.55}.qs-test-guidance p strong{color:var(--qs-text)}.qs-app .qs-contrast-requirement{margin:4px 0 0;color:var(--qs-muted);font-size:12px;font-weight:700}.qs-contrast-actions{align-items:stretch}.qs-surprise-panel>[data-surprise-description]{margin:0}@media (max-width:900px){.qs-role-setup{align-items:stretch;flex-direction:column}.qs-role-workspace-heading,.qs-palette-view-heading{align-items:stretch;flex-direction:column}.qs-palette-view-heading .qs-palette-view-tabs{align-self:flex-start}}@media (max-width:760px){.qs-create-role-row,.qs-preview-inspector-row{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:9px 12px}.qs-create-role-row .qs-role-state,.qs-create-role-row .qs-create-role-actions,.qs-preview-inspector-row>.qs-assignment-status,.qs-preview-inspector-row>.qs-button{grid-column:2;justify-self:stretch}.qs-create-role-actions{align-items:stretch}.qs-create-role-actions>.qs-button{flex:1 1 115px}.qs-role-card{grid-template-columns:48px minmax(0,1fr);gap:9px 12px}.qs-role-card>.qs-role-actions>button{flex:1 1 130px}.qs-contrast-actions{display:grid;grid-template-columns:1fr;inline-size:100%}.qs-contrast-actions>.qs-button{inline-size:100%;justify-content:center}.qs-stage-actions,.qs-stage-actions-split,.qs-stage-actions-three{align-items:stretch;justify-content:stretch}.qs-stage-actions>.qs-button{flex:1 1 180px}.qs-stage-actions-three>:last-child{margin-inline-start:0}}@media (max-width:560px){.qs-role-dialog{max-inline-size:calc(100vw - 12px)}.qs-role-dialog-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-color-role-option{display:grid;align-items:start}.qs-palette-view-tabs,.qs-role-filter{inline-size:100%}.qs-stage-actions{display:grid;grid-template-columns:1fr;inline-size:100%}.qs-stage-actions>.qs-button{inline-size:100%}.qs-preview-inspector-row>.qs-button{inline-size:100%}}@media (max-width:390px){.qs-role-dialog-colors{grid-template-columns:1fr}.qs-role-dialog-color{min-block-size:122px}.qs-create-role-row{grid-template-columns:38px minmax(0,1fr);padding-inline:9px;gap:8px 10px}.qs-create-role-swatch,.qs-preview-inspector-row>i{inline-size:34px;block-size:34px}}.qs-app .qs-preview [data-role-use~="inverseSurface"]{background:var(--qp-inverse-surface)}.qs-app .qs-preview [data-role-use~="textOnInverse"]{color:var(--qp-text-on-inverse)}.qs-app .qs-preview [data-role-use~="strongBorder"]{border-color:var(--qp-strong-border)}.qs-surprise-panel>[data-surprise-description]{display:-webkit-box;min-block-size:2.9em;max-block-size:2.9em;overflow:hidden;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.qs-tool[data-qolorio-tool="contrast"]>.qs-file-actions{align-items:center;flex-wrap:nowrap}.qs-tool[data-qolorio-tool="contrast"] [data-tool-action="check-contrast"]{margin-block-start:0}@media (max-width:560px){.qs-tool[data-qolorio-tool="contrast"]>.qs-file-actions{flex-direction:column}}.qs-tool[data-qolorio-tool="contrast"] [data-contrast-results] .qs-contrast-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.qs-tool[data-qolorio-tool="contrast"] .qs-contrast-rating{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 18px;margin-block:22px 14px;padding:18px;border:1px solid var(--qs-border);border-radius:14px;background:var(--qs-surface-alt)}.qs-tool[data-qolorio-tool="contrast"] .qs-contrast-rating strong{display:block;margin-block-start:2px;color:var(--qs-text);font-size:clamp(20px, 3vw, 28px);line-height:1.1}.qs-tool[data-qolorio-tool="contrast"] .qs-contrast-rating p{grid-column:1 / -1;margin:2px 0 0;color:var(--qs-muted);font-size:13px;line-height:1.45}.qs-tool[data-qolorio-tool="contrast"] .qs-contrast-stars{display:flex;gap:4px;color:#aeb8c2;font-size:clamp(22px, 4vw, 30px);letter-spacing:.02em;line-height:1}.qs-tool[data-qolorio-tool="contrast"] .qs-contrast-stars .is-filled{color:#b56a00}.qs-tool[data-qolorio-tool="contrast"] [data-contrast-results] .qs-contrast-card h3,.qs-tool[data-qolorio-tool="contrast"] [data-contrast-results] .qs-contrast-card .qs-contrast-requirement{grid-column:1}.qs-tool[data-qolorio-tool="contrast"] [data-contrast-results] .qs-contrast-card .qs-ratio{grid-column:2;grid-row:1 / span 2}.qs-tool[data-qolorio-tool="contrast"] [data-contrast-results] .qs-contrast-card .qs-badge{grid-column:3;grid-row:1 / span 2}@media (max-width:560px){.qs-tool[data-qolorio-tool="contrast"] .qs-contrast-rating{grid-template-columns:minmax(0,1fr)}.qs-tool[data-qolorio-tool="contrast"] [data-contrast-results] .qs-contrast-card{grid-template-columns:minmax(0,1fr) auto}.qs-tool[data-qolorio-tool="contrast"] [data-contrast-results] .qs-contrast-card .qs-ratio{grid-column:2;grid-row:1}.qs-tool[data-qolorio-tool="contrast"] [data-contrast-results] .qs-contrast-card .qs-badge{grid-column:2;grid-row:2;justify-self:end}}.qs-palette-overview{grid-template-columns:repeat(var(--qs-overview-columns,10),minmax(0,1fr))}.qs-reserve-colors-note{margin-block:2px 14px;padding:10px 12px;border:1px solid var(--qs-border);border-radius:10px;background:color-mix(in srgb,var(--qs-surface) 86%,white)}.qs-role-dialog-top-actions{align-items:center;justify-content:flex-end;gap:8px;margin-block-end:-2px}.qs-role-editor[open]{padding-block-end:14px}.qs-role-editor>.qs-help{margin:0 14px;padding-block:2px 10px}.qs-role-editor>[data-action="reset-roles"]{display:inline-flex;margin:15px 14px 10px}.qs-role-editor>.qs-role-grid{padding-block-start:4px}.qs-role-card>.qs-role-actions{display:grid}.qs-role-card>.qs-role-actions>button{justify-content:center}.qs-preview-palette>button{grid-template-rows:64px auto auto 2.7em auto auto 4.1em;min-block-size:232px;align-content:start}.qs-preview-palette>button i{margin-block-end:5px}.qs-preview-palette>button>strong{min-block-size:1.35em}.qs-preview-palette>button>code,.qs-preview-palette>button>small{min-block-size:1.35em}@media (max-width:760px){.qs-role-card>.qs-role-actions{grid-column:1 / -1}}@media (max-width:560px){.qs-role-dialog-top-actions{position:sticky;z-index:4;inset-block-start:-12px;margin:-12px -12px 0;padding:10px 12px;border-block-end:1px solid var(--qs-border);background:rgb(255 255 255 / .96);backdrop-filter:blur(8px)}.qs-role-editor>.qs-help{margin-inline:10px}.qs-role-editor>[data-action="reset-roles"]{margin-inline:10px}}.qs-regeneration-help{margin:10px 0 0;padding:10px 12px;border-inline-start:3px solid color-mix(in srgb,var(--qs-accent) 65%,white);background:color-mix(in srgb,var(--qs-accent-soft) 58%,white);border-radius:8px}.qs-create-role-copy>strong{font-size:15px;line-height:1.35}.qs-create-role-number,.qs-create-role-name,.qs-create-role-copy code{font-size:15px;line-height:1.4}.qs-contrast-actions{margin-block-start:10px}.qs-preview :where([data-semantic-component],[data-role-use]).is-role-inspected:not(.is-preview-focus-state){outline:3px solid var(--qs-accent);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--qs-accent) 18%,transparent)}.qs-preview :where([data-semantic-component],[data-role-use]).is-preview-focus-state{outline:3px solid var(--qp-focus);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--qp-focus) 18%,transparent)}.qs-preview :where([data-semantic-component],[data-role-use]).is-usage-highlighted{outline:4px solid var(--qs-danger);outline-offset:4px}.qs-preview .qp-type-h1{font-family:var(--qp-heading-font);font-size:clamp(32px, 7vw, var(--qp-h1, 56px));font-weight:var(--qp-heading-weight,700);line-height:.98}.qs-preview .qp-type-h2{font-family:var(--qp-heading-font);font-size:clamp(24px, 4vw, var(--qp-h2, 38px));font-weight:var(--qp-heading-weight,700);line-height:1.08}.qs-preview .qp-type-h3{font-family:var(--qp-heading-font);font-size:clamp(18px, 3vw, var(--qp-h3, 25px));font-weight:var(--qp-heading-weight,700);line-height:1.15}.qp-qolorio-wordmark{display:inline-flex;align-items:center;color:var(--qp-brand-logo);font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;font-size:20px;font-weight:900;letter-spacing:-.055em;line-height:1}.qp-qolorio-wordmark b{font:inherit}.qp-dashboard aside{border-inline-end-color:var(--qp-strong-border);background:var(--qp-inverse-surface);color:var(--qp-text-on-inverse)}.qp-dashboard aside button:not(.is-active){color:var(--qp-text-on-inverse)}.qp-dashboard .qp-activity{padding:18px;border:1px solid var(--qp-borders-dividers);border-radius:14px;background:var(--qp-surface)}.qp-dashboard .qp-activity>div{display:flex;align-items:center;justify-content:space-between;padding-block:10px;border-block-start:1px solid var(--qp-borders-dividers);gap:12px}.qp-dashboard .qp-chart i:last-child{background:var(--qp-information)}.qs-app .qs-preview .qp-editorial blockquote{display:grid;align-content:center;min-block-size:150px;margin:0;padding:24px;border:1px solid var(--qp-strong-border);border-inline-start:6px solid var(--qp-accent);border-radius:12px;background:var(--qp-alternate-surface);color:var(--qp-secondary-heading-text);font-family:var(--qp-heading-font);font-size:clamp(20px, 3vw, 28px);font-style:normal;font-weight:var(--qp-heading-weight,700);line-height:1.25}.qs-app .qs-preview .qp-editorial blockquote::before,.qs-app .qs-preview .qp-editorial blockquote::after{content:none}.qp-document{box-shadow:0 18px 55px color-mix(in srgb,var(--qp-strong-border) 12%,transparent)}.qp-document p{max-inline-size:68ch}.qs-app .qs-preview .qp-document blockquote{border:0;border-inline-start:6px solid var(--qp-accent);background:var(--qp-alternate-surface);color:var(--qp-secondary-heading-text);font-style:normal}.qs-app .qs-preview .qp-document blockquote::before,.qs-app .qs-preview .qp-document blockquote::after{content:none}.qp-commercial aside{display:grid;padding:clamp(18px, 3vw, 34px);align-content:center;background:var(--qp-surface);color:var(--qp-body-text);gap:12px}.qp-commercial aside article{display:grid;padding:18px;border:1px solid var(--qp-borders-dividers);border-radius:12px;background:var(--qp-alternate-surface);gap:6px}.qp-commercial aside article>strong{margin:0;color:var(--qp-accent);font-size:28px}.qp-commercial aside article>span{color:var(--qp-secondary-heading-text);font-weight:800}.qp-commercial aside article>small{color:var(--qp-muted-text)}.qp-presentation-frame{display:grid;min-block-size:560px;padding:clamp(14px, 3vw, 34px);place-items:center;background:var(--qp-alternate-surface)}.qp-presentation{inline-size:min(100%, 960px);padding:clamp(22px, 4vw, 48px);border:1px solid var(--qp-strong-border);border-radius:6px;background:var(--qp-page-background);box-shadow:0 18px 55px color-mix(in srgb,var(--qp-strong-border) 14%,transparent)}.qp-slide-visual{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;min-block-size:210px;padding:22px;border:1px solid var(--qp-strong-border);border-radius:14px;background:var(--qp-surface);gap:10px}.qp-slide-visual i{display:block;min-block-size:70px;border-radius:8px 8px 3px 3px}.qp-slide-visual i:nth-child(1){block-size:62%;background:var(--qp-primary-action)}.qp-slide-visual i:nth-child(2){block-size:88%;background:var(--qp-accent)}.qp-slide-visual i:nth-child(3){block-size:74%;background:var(--qp-information)}.qp-slide-visual strong,.qp-slide-visual small{grid-column:1 / -1}.qp-slide-points{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,1fr);gap:10px}.qp-slide-points article{display:flex;padding:12px 14px;border:1px solid var(--qp-borders-dividers);border-radius:10px;background:var(--qp-surface);gap:10px}.qp-presentation footer{display:flex;justify-content:space-between;padding-block-start:12px;border-block-start:1px solid var(--qp-borders-dividers);gap:12px}.qp-logo-design{min-block-size:560px;padding:clamp(20px, 4vw, 48px);overflow:hidden;border-radius:12px;color:var(--qp-body-text)}.qp-logo-design>header{display:flex;align-items:start;justify-content:space-between;gap:16px}.qp-logo-design>header>div{display:grid;gap:8px}.qp-logo-design main{display:grid;margin-block-start:28px;gap:14px}.qp-logo-stage{display:grid;padding:clamp(28px, 7vw, 72px);border:1px solid var(--qp-strong-border);border-radius:18px;text-align:center}.qp-logo-stage p{margin:22px 0 0}.qp-logo-variants{display:grid;gap:12px}.qp-logo-variants article{display:grid;min-block-size:120px;padding:18px;align-content:center;justify-items:center;border:1px solid var(--qp-strong-border);border-radius:12px;gap:10px}.qp-social-campaign{min-block-size:560px;padding:clamp(20px, 4vw, 46px);border-radius:12px;background:var(--qp-page-background)}.qp-social-campaign>header,.qp-social-campaign>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.qp-social-campaign main{display:grid;margin-block:24px;gap:14px}.qp-social-campaign aside{display:grid;gap:14px}.qp-social-campaign aside article{display:grid;padding:20px;align-content:center;border:1px solid var(--qp-strong-border);border-radius:16px;gap:8px}.qp-social-campaign aside article:first-child{background:var(--qp-surface)}.qp-social-campaign aside article:last-child{background:var(--qp-alternate-surface)}.qp-social-campaign>footer{padding-block-start:14px;border-block-start:1px solid var(--qp-borders-dividers)}.qs-preview-palette{align-items:stretch}.qs-typography>.qs-help{margin:0 14px 12px}.qs-typography-presets{flex-wrap:wrap}@media (max-width:760px){.qp-presentation{aspect-ratio:auto}.qp-presentation main,.qp-social-campaign main{grid-template-columns:1fr}.qp-slide-visual{min-block-size:170px}}@media (max-width:560px){.qp-commercial{grid-template-columns:1fr}.qp-presentation{padding:20px}.qp-slide-points{grid-template-columns:1fr}.qp-logo-stage{min-block-size:230px}.qp-logo-design>header{flex-direction:column}}.qp-store-hero{border:1px solid var(--qp-strong-border)}.qp-products article{padding:12px;border:1px solid var(--qp-borders-dividers);border-radius:14px;background:var(--qp-surface)}.qp-mobile{border-color:var(--qp-strong-border)}.qp-mobile article>i{display:block;inline-size:42px;block-size:5px;margin-block-start:10px;border-radius:999px;background:var(--qp-accent)}.qp-landing footer{padding:18px 20px;border:1px solid var(--qp-strong-border);background:var(--qp-inverse-surface);color:var(--qp-text-on-inverse)}.qp-landing footer a,.qp-landing footer span{color:var(--qp-text-on-inverse)}.qs-preview :where([data-semantic-component],[data-role-use],[data-preview-inspectable]):focus-visible{outline:2px dashed var(--qs-accent);outline-offset:3px}.qs-app .qs-preview .qp-qolorio-wordmark,.qs-app .qs-preview .qp-qolorio-icon-mark{display:inline-block;flex:0 0 auto;background:var(--qp-brand-logo);color:#fff0;font-size:0;line-height:0;-webkit-mask-image:var(--qp-brand-asset);mask-image:var(--qp-brand-asset);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.qs-app .qs-preview .qp-qolorio-wordmark{inline-size:clamp(118px, 15vw, 158px);aspect-ratio:4 / 1}.qs-app .qs-preview .qp-qolorio-icon-mark{inline-size:70px;aspect-ratio:1}.qs-app .qs-preview .qp-qolorio-wordmark.is-hover{background:var(--qp-brand-logo-hover)}.qp-logo-variant-mark{inline-size:min(180px, 78%)}.qs-preview [data-preview-fixed-asset]{cursor:pointer}.qs-preview img[data-preview-fixed-asset]{display:block;inline-size:100%;max-inline-size:100%;object-fit:cover}.qs-preview .qs-preview-fixed-inspector p{max-inline-size:68ch}.qs-preview [data-preview-fixed-asset].is-role-inspected{outline:3px solid var(--qs-accent);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--qs-accent) 18%,transparent)}.qp-editorial-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(24px, 5vw, 64px);padding-block:clamp(42px, 7vw, 86px)}.qp-editorial-layout .qp-editorial-hero{padding-block:0}.qp-editorial-media{margin:0;overflow:hidden;border:1px solid var(--qp-strong-border);border-radius:16px;background:var(--qp-alternate-surface)}.qp-editorial-media img{aspect-ratio:4 / 3}.qp-editorial-media figcaption{padding:10px 12px;color:var(--qp-muted-text);background:var(--qp-alternate-surface)}.qp-editorial .qp-columns>div{display:grid;align-content:start;gap:14px}.qp-editorial .qp-columns p{margin:0}.qp-document{display:flex;min-block-size:0;flex-direction:column;border:1px solid var(--qp-strong-border)}.qp-document>header{display:flex;align-items:start;justify-content:space-between;gap:18px}.qp-document>header>div{display:grid;gap:3px}.qp-document .qp-lead{max-inline-size:62ch}.qp-document ul{border-block:1px solid var(--qp-borders-dividers)}.qp-document>footer{display:flex;justify-content:space-between;border-block-start:1px solid var(--qp-borders-dividers)}.qp-commercial{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:stretch}.qp-commercial-copy{position:relative;display:grid;padding:clamp(28px, 6vw, 70px);align-content:center;justify-items:start;overflow:visible;gap:10px}.qp-commercial-copy h1{max-inline-size:8ch}.qp-commercial-copy p{max-inline-size:43ch}.qp-commercial-media{display:grid;padding:clamp(16px, 3vw, 28px);align-content:center;border-inline-start:1px solid var(--qp-strong-border);background:var(--qp-surface);gap:12px}.qp-commercial-media figure{margin:0;overflow:hidden;border:1px solid var(--qp-strong-border);border-radius:16px;background:var(--qp-alternate-surface)}.qp-commercial-media figure img{aspect-ratio:4 / 3}.qp-commercial-media figcaption{padding:9px 11px;color:var(--qp-muted-text);background:var(--qp-alternate-surface)}.qp-commercial-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qp-commercial-features article{display:grid;padding:14px;border:1px solid var(--qp-borders-dividers);border-radius:12px;background:var(--qp-alternate-surface);gap:5px}.qp-commercial-features article>strong{margin:0;color:var(--qp-accent);font-size:24px}.qp-commercial-features article>span{color:var(--qp-secondary-heading-text);font-weight:800}.qp-commercial-features article>small{color:var(--qp-muted-text)}.qp-social-campaign main{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);align-items:stretch}.qp-social-photo-card{display:grid;min-inline-size:0;overflow:hidden;border:1px solid var(--qp-strong-border);border-radius:18px;background:var(--qp-surface);grid-template-rows:minmax(230px,1fr) auto}.qp-social-photo-card figure{margin:0;overflow:hidden;background:var(--qp-alternate-surface)}.qp-social-photo-card figure img{block-size:100%;min-block-size:260px;object-position:center}.qp-social-message{display:grid;padding:clamp(20px, 4vw, 34px);background:var(--qp-primary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color));gap:8px}.qp-social-message :where(h1,p,small){margin:0;color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-social-message h1{max-inline-size:16ch}.qp-social-campaign aside article{min-block-size:0}.qp-social-campaign aside article p{margin:0}.qp-social-campaign aside article a{inline-size:fit-content}.qp-logo-stage>small{margin-block-start:8px}.qp-logo-variants{grid-template-columns:repeat(4,minmax(0,1fr))}.qp-logo-variants article{min-inline-size:0}.qp-logo-variants .qp-qolorio-icon-mark{background:var(--qp-brand-logo)}.qp-logo-variants article:nth-child(2) .qp-qolorio-wordmark{background:var(--qp-brand-logo)}.qp-logo-variants article:nth-child(4) .qp-qolorio-wordmark{background:var(--qp-brand-logo-hover)}.qs-app .qs-preview .qp-qolorio-wordmark:is([data-semantic-component="brandMark"],[data-semantic-component="inverseBrandMark"]).is-preview-hover-state,.qs-app .qs-preview .qp-newsletter-brand[data-semantic-component="brandMark"].is-preview-hover-state{background:var(--qp-brand-logo-hover);color:#fff0}.qp-mobile header .qp-qolorio-wordmark{inline-size:142px}.qs-role-card>.qs-role-actions{grid-column:1 / -1;inline-size:100%;min-inline-size:0;grid-template-columns:repeat(2,minmax(0,1fr))}.qs-role-card>.qs-role-actions>button{inline-size:100%;min-inline-size:0;white-space:normal;overflow-wrap:anywhere}.qs-role-card>.qs-role-actions>button:nth-child(3){grid-column:1 / -1}.qs-role-identity code,.qs-role-identity .qs-role-state{align-self:start}.qs-typography>.qs-help{margin-block-end:14px}.qs-typography-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-block-end:20px;gap:8px}.qs-typography-presets button{inline-size:100%;min-inline-size:0;min-block-size:40px;padding-inline:8px;white-space:normal}.qs-typography-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}.qs-typography-grid>label{display:grid;min-inline-size:0;grid-template-rows:minmax(2.8em,auto) 42px;align-content:start;gap:6px}.qs-typography-grid :where(select,input){inline-size:100%;min-inline-size:0;max-inline-size:100%;block-size:42px;box-sizing:border-box}.qs-typography-actions{display:flex;justify-content:flex-end}.qs-typography-actions .qs-danger-link{min-block-size:38px}@media (max-width:1100px){.qs-typography-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.qs-typography-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qp-logo-variants{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.qp-editorial-layout,.qp-commercial,.qp-social-campaign main{grid-template-columns:1fr}.qp-editorial-layout{padding-block:34px}.qp-commercial-media{border-inline-start:0;border-block-start:1px solid var(--qp-strong-border)}.qp-commercial-features{grid-template-columns:1fr 1fr}.qp-logo-variants{grid-template-columns:repeat(2,minmax(0,1fr))}.qp-mobile header .qp-qolorio-wordmark{inline-size:150px}}@media (max-width:620px){.qs-typography-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-typography-grid{grid-template-columns:1fr}.qs-typography-grid>label{grid-template-rows:auto 42px}.qp-document{padding:28px}.qp-document>header{flex-direction:column}.qp-document>footer{flex-wrap:wrap}}@media (max-width:420px){.qp-commercial-features,.qp-logo-variants{grid-template-columns:1fr}}@media (max-width:380px){.qs-typography-presets{grid-template-columns:1fr}}.qp-dashboard aside>.qp-qolorio-wordmark{margin-block-end:20px}.qp-commercial-copy>.qp-qolorio-wordmark{margin-block-end:14px}.qp-products .qp-product-media>img{inline-size:100%;block-size:100%;min-block-size:0;border-radius:10px;object-fit:cover}.qp-products .qp-product-media>img:not([src]){visibility:hidden}.qp-document-shell{background:var(--qp-page-background)}.qp-document p{line-height:1.45}.qp-document .qp-lead{font-size:1.06em;line-height:1.45}.qs-app .qs-preview .qp-document blockquote{padding:10px 13px}.qp-document ul{margin:3px 0 10px;padding:8px 10px 8px 26px}.qp-document li{padding-block:2px}.qp-document>footer{padding-block-start:8px;gap:10px}.qp-slide-points article{align-items:center}.qp-logo-design{background:var(--qp-alternate-surface)}.qp-logo-stage{background:var(--qp-page-background)}.qp-logo-variants article:first-child{background:var(--qp-surface)}.qp-logo-variants article:nth-child(2){background:var(--qp-inverse-surface)}.qp-logo-variants article:nth-child(3){background:var(--qp-page-background)}.qp-logo-variants article:nth-child(4){background:var(--qp-surface)}.qs-typography-actions{margin-block-start:0}.qs-color-editor{block-size:min(92dvh, 760px);overflow:hidden}.qs-color-editor form{display:grid;block-size:100%;grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.qs-editor-content{min-block-size:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.qs-editor-panel{min-block-size:100%}.qs-editor-actions{position:static}[data-explorer-results] h3{scroll-margin-block-start:24px}.qs-explorer-mix-b{align-items:stretch}.qs-explorer-mix-b>input{min-inline-size:0;flex:1 1 auto}.qs-explorer-mix-b>button{flex:0 0 auto}@media (max-width:760px){.qp-document{inline-size:min(100%, 500px);max-block-size:520px;padding:24px}}@media (max-width:560px){.qs-color-editor{block-size:92dvh}.qp-document-shell{min-block-size:520px;padding:10px}.qp-document{max-block-size:500px}.qp-document .qp-type-h1{font-size:min(var(--qp-h1, 56px), 30px)}.qp-document .qp-type-h2{font-size:min(var(--qp-h2, 38px), 20px)}.qp-document .qp-type-h3{font-size:min(var(--qp-h3, 25px), 16px)}}@media (max-width:560px){.qp-document{inline-size:min(100%, 340px);padding:18px}}.qs-preview-palette-workspace{margin-block-start:22px;padding:clamp(14px, 2.5vw, 22px);border:1px solid var(--qs-border);border-radius:12px;background:color-mix(in srgb,var(--qs-accent-soft) 28%,#fff)}.qs-preview-palette-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.qs-preview-palette-heading>div{min-inline-size:0}.qs-preview-palette-heading h3{margin:2px 0 4px}.qs-preview-palette-heading .qs-help{margin:0;max-inline-size:72ch}.qs-preview-palette-overview{margin-block:16px}.qs-preview-selected-card{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:#fff}.qs-preview-selected-card.is-locked{border-color:color-mix(in srgb,var(--qs-accent) 52%,var(--qs-border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--qs-accent) 20%,transparent)}.qs-preview-selected-swatch{position:relative;min-block-size:210px;padding:12px;background:var(--qs-swatch);color:var(--qs-ink)}.qs-preview-selected-copy{display:grid;min-inline-size:0;padding:18px 18px 12px;align-content:start;gap:7px}.qs-preview-selected-copy h4{margin:0;overflow-wrap:anywhere;font-size:clamp(18px, 2.2vw, 22px)}.qs-preview-selected-copy>code{inline-size:fit-content;color:var(--qs-muted);font-size:14px}.qs-preview-selected-use{margin-block-start:4px}.qs-preview-selected-roles{margin-block-start:2px}.qs-preview-assigned-elsewhere,.qs-preview-selected-empty{margin:2px 0 0}.qs-preview-selected-actions{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;border-block-start:1px solid var(--qs-border);gap:8px}.qs-preview-selected-actions .qs-button{inline-size:100%}.qs-preview-context-note{margin:12px 2px 0}.qs-role-color-lock-note{color:inherit;font-size:12px;font-weight:800;opacity:.82}.qp-products .qp-product-media{position:relative}.qp-products .qp-product-media>:is(button,small){position:absolute;z-index:2;inset-block-start:10px;margin:0}.qp-products .qp-product-media>button{inset-inline-end:10px;min-inline-size:36px;min-block-size:36px;padding:0;border-color:var(--qp-borders-dividers);border-radius:50%;background:var(--qp-secondary-action);color:var(--qp-component-text,var(--qp-text-on-dark-color))}.qp-products .qp-product-media>small{inset-inline-start:10px}.qp-products .qp-product-media>:is(button,small).is-role-inspected{inset-block-start:10px}.qp-document-shell{place-items:start center}.qp-document{box-sizing:border-box}.qp-document>footer{margin-block-start:auto}.qp-presentation .qp-slide-copy{align-content:center;text-align:start}.qp-presentation .qp-slide-copy p{line-height:1.45}.qp-presentation .qp-slide-copy h1{margin-block-start:4px;line-height:.98}.qp-logo-variants article{padding-block-end:23px}.qp-logo-variants article>small{min-block-size:2.6em;text-align:center}@media (max-width:720px){.qs-preview-palette-heading{flex-direction:column}.qs-preview-palette-heading>.qs-button{inline-size:100%}.qs-preview-selected-card{grid-template-columns:1fr}.qs-preview-selected-swatch{min-block-size:150px}.qp-document{inline-size:min(100%, 620px)}}@media (max-width:480px){.qs-preview-selected-actions{grid-template-columns:1fr}}.qp-products .qp-product-media{display:grid;aspect-ratio:4 / 3;padding:10px;align-items:stretch;overflow:hidden;border-radius:14px}.qp-products article:nth-child(1) .qp-product-media{background:var(--qp-accent-hover)}.qp-products article:nth-child(2) .qp-product-media{background:var(--qp-accent)}.qp-products article:nth-child(3) .qp-product-media{background:var(--qp-primary-action)}.qp-products article{padding-block-end:5px}.qp-document-shell{position:relative;display:block;block-size:var(--qp-document-shell-height,1074px);min-block-size:var(--qp-document-shell-height,1074px);overflow:hidden;padding:clamp(12px, 2.5vw, 28px)}.qp-document{position:absolute;inset-block-start:var(--qp-document-top,28px);inset-inline-start:var(--qp-document-left,28px);inline-size:720px;block-size:1018px;max-inline-size:none;max-block-size:none;aspect-ratio:auto;transform:scale(var(--qp-document-scale,1));transform-origin:top left;overflow:hidden;padding:54px;background:var(--qp-surface);font-size:14px;line-height:1.48}.qp-document .qp-type-h1{font-size:46px;line-height:1.02}.qp-document .qp-type-h2{font-size:28px;line-height:1.08}.qp-document .qp-type-h3{font-size:21px;line-height:1.12}.qp-document h1{margin:30px 0 13px}.qp-document h2{margin:24px 0 9px}.qp-document h3{margin:18px 0 8px}.qp-document p{margin-block:0 10px}.qs-app .qs-preview .qp-document blockquote{margin:15px 0}@media (max-width:480px){.qp-document{padding:54px}}.qs-count-guidance{margin:10px 0 0;padding:10px 12px;border:1px solid var(--qs-border);border-radius:10px;background:color-mix(in srgb,var(--qs-surface) 88%,white)}.is-state-locked,.is-state-pinned{display:inline-flex;align-items:center;justify-content:center;gap:6px}.is-state-locked::before,.is-state-pinned::before{content:"";display:inline-block;inline-size:14px;block-size:14px;flex:0 0 14px;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.is-state-locked::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V7a3 3 0 0 0-6 0v3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 10V7a5 5 0 0 1 10 0v3h1a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h1Zm2 0h6V7a3 3 0 0 0-6 0v3Z'/%3E%3C/svg%3E")}.is-state-pinned::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14.7 3 6.3 6.3-2.1 2.1-1.4-1.4-4.3 4.3.7 2.1-1.4 1.4-3.5-3.5L4.3 19 3 17.7 7.7 13l-3.5-3.5 1.4-1.4 2.1.7L12 4.5 10.6 3.1 12.7 1l2 2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m14.7 3 6.3 6.3-2.1 2.1-1.4-1.4-4.3 4.3.7 2.1-1.4 1.4-3.5-3.5L4.3 19 3 17.7 7.7 13l-3.5-3.5 1.4-1.4 2.1.7L12 4.5 10.6 3.1 12.7 1l2 2Z'/%3E%3C/svg%3E")}.qs-lock.is-locked,.qs-preview-selected-actions .is-state-locked,.qs-role-actions .is-state-pinned,.qs-role-dialog-panel .qs-file-actions .is-state-pinned{border-color:var(--qs-text);background:var(--qs-text);color:#fff}.qs-assignment-status.is-state-pinned::before,.qs-role-chip b.is-state-pinned::before,.qs-role-color-lock-note.is-state-locked::before{inline-size:12px;block-size:12px;flex-basis:12px}.qs-role-dialog-panel{position:relative}.qs-role-dialog-top-actions{position:absolute;z-index:6;inset-block-start:0;inset-inline-end:0;display:flex;inline-size:auto;margin:0;padding:0;border:0;background:#fff0;backdrop-filter:none}.qs-dialog-close{display:grid;inline-size:42px;block-size:42px;min-inline-size:42px;min-block-size:42px;padding:4px;place-items:center;border:1px solid var(--qs-border);border-radius:8px;background:#fff;color:var(--qs-accent-hover);font-size:26px;font-weight:900;line-height:1;cursor:pointer}.qs-app button.qs-dialog-close:hover,.qs-app button.qs-dialog-close:focus-visible{border-color:var(--qs-accent);background:var(--qs-accent-soft);color:var(--qs-accent-hover)}.qs-role-dialog-panel>.qs-section-heading{padding-inline-end:54px}.qs-role-dialog-state{padding-inline-end:4px}.qs-role-option-swatch{display:block;inline-size:22px;block-size:22px;border:1px solid color-mix(in srgb,var(--qs-text) 18%,transparent);border-radius:5px;background:var(--qs-swatch);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 25%,transparent)}.qs-color-role-option-copy{display:grid;min-inline-size:0;gap:3px;text-align:start}.qs-color-role-option-copy small{overflow-wrap:anywhere}.qs-preview-assigned-elsewhere{min-block-size:2.9em;margin:4px 0 0}.qs-preview-assigned-elsewhere.is-empty{visibility:hidden}.qs-more-formats .qs-format-grid{margin-block-start:5px}.qp-presentation main{align-items:start}.qp-presentation .qp-slide-copy>*{inline-size:100%;margin:0}.qp-presentation .qp-slide-copy h1{text-wrap:pretty}.qp-presentation .qp-slide-visual{grid-column:1}.qp-presentation .qp-slide-points{grid-column:2;align-self:stretch}.qs-app .qs-preview .qp-logo-stage{grid-template-columns:minmax(0,1fr);min-block-size:clamp(460px, 52vw, 610px);padding-inline:clamp(24px, 5vw, 64px);justify-items:stretch;align-content:center;place-content:center stretch;overflow:hidden}.qs-app .qs-preview .qp-logo-primary{display:block;inline-size:100%;max-inline-size:none;min-inline-size:0;block-size:clamp(250px, 32vw, 380px);min-block-size:220px;aspect-ratio:auto;justify-self:stretch;-webkit-mask-size:100% auto;mask-size:100% auto}.qs-app .qs-preview .qp-logo-stage>:not(.qp-logo-primary){justify-self:center}.qp-logo-stage p{margin-block-start:20px;font-size:clamp(20px, 2.8vw, 28px)}@media (max-width:760px){.qp-presentation main{grid-template-columns:1fr}.qp-presentation .qp-slide-copy,.qp-presentation .qp-slide-visual,.qp-presentation .qp-slide-points{grid-column:1}.qp-presentation .qp-slide-points{grid-template-columns:repeat(3,minmax(0,1fr))}.qs-app .qs-preview .qp-logo-stage{min-block-size:350px}.qs-app .qs-preview .qp-logo-primary{block-size:clamp(190px, 40vw, 280px);min-block-size:180px}}@media (max-width:520px){.qp-presentation .qp-slide-points{grid-template-columns:1fr}.qs-app .qs-preview .qp-logo-stage{min-block-size:300px;padding-inline:14px}.qs-app .qs-preview .qp-logo-primary{inline-size:100%;block-size:clamp(180px, 50vw, 230px);min-block-size:175px}}.qs-simple-palette-link{margin:-3px 0 23px;color:var(--qs-muted);font-size:14px}.qs-simple-palette-link a{color:inherit;text-decoration:underline;text-underline-offset:2px}.qs-saved-project-notice{display:flex;align-items:center;justify-content:space-between;margin-block:0 18px;padding:12px 14px;border:1px solid var(--qs-project-notice-border);border-radius:var(--qs-radius-sm);background:var(--qs-project-notice-bg);gap:14px}.qs-saved-project-notice[hidden]{display:none}.qs-saved-project-notice strong{color:var(--qs-project-notice-text)}.qs-saved-project-notice p{margin:3px 0 0;color:var(--qs-muted);font-size:14px}.qs-saved-project-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.qs-saved-project-notice .qs-button{flex:0 0 auto}.qs-saved-project-notice .qs-danger{color:var(--qs-error);border-color:color-mix(in srgb,var(--qs-error) 38%,var(--qs-border))}@media (max-width:680px){.qs-studio-nav{border-block-end:0}.qs-tabs{scroll-snap-type:x proximity;scroll-padding-inline:10px 42px;gap:30px;padding:8px 42px 8px 10px}.qs-tabs button{flex:0 0 min(70vw, 205px);scroll-snap-align:start}.qs-tabs button:nth-child(1)::after,.qs-tabs button:nth-child(2)::after{inset-inline-end:-29px;inline-size:28px;transform:translate(0,-50%)}.qs-tabs button:nth-child(3)::after{inset-inline-end:-24px}.qs-studio-header{margin-block-end:10px;gap:10px}.qs-studio-heading{gap:7px}.qs-studio-heading h2{font-size:30px;white-space:nowrap}.qs-studio-header .qs-history{gap:5px}.qs-app .qs-studio-header .qs-button-icon{min-inline-size:44px;min-block-size:44px;block-size:44px;font-size:24px}.qs-studio-header .qs-menu summary{inline-size:44px;min-inline-size:44px;min-block-size:44px;padding:7px}.qs-studio-header .qs-menu summary::after,.qs-project-menu-label{display:none}.qs-project-menu-icon{display:inline}.qs-studio-frame{border-radius:var(--qs-radius)}.qs-method-tabs{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:6px 38px;grid-template-columns:none;padding:4px 38px 4px 6px;gap:6px;scrollbar-width:none}.qs-method-tabs::-webkit-scrollbar{display:none}.qs-method-tabs button{flex:0 0 min(38vw, 128px);min-inline-size:104px;min-block-size:44px;scroll-snap-align:start}.qs-saved-project-notice{align-items:stretch;flex-direction:column}.qs-saved-project-actions{align-self:flex-start;justify-content:flex-start}}.qs-palette-overview button,.qs-preview-palette-overview button{border-color:#c9d1d8}.qs-palette-overview button.is-selected{z-index:2;border-color:#fff0;box-shadow:inset 0 0 0 5px var(--qs-ink)}.qs-palette-overview button:focus-visible{outline:3px solid var(--qs-accent);outline-offset:-9px}.qs-preview-palette-overview button.is-selected{border-color:#111;box-shadow:0 0 0 2px #111}.qs-create-role-copy .qs-role-state{margin-block-start:7px;display:flex;flex-wrap:wrap;gap:6px}.qs-create-role-row>.qs-role-state{display:none}.qs-palette-adoption-choices{display:grid;gap:10px;margin-block:8px 18px}.qs-palette-adoption-choice{inline-size:100%;padding:14px 16px;border:1px solid var(--qs-border);border-radius:12px;background:var(--qs-surface);color:var(--qs-text);text-align:start;cursor:pointer}.qs-palette-adoption-choice:hover{border-color:var(--qs-accent)}.qs-palette-adoption-choice strong,.qs-palette-adoption-choice span{display:block}.qs-palette-adoption-choice span{margin-block-start:4px;color:var(--qs-muted);line-height:1.45}.qs-palette-adoption-choice.is-destructive strong{color:var(--qs-danger,#b42318)}.qs-shrink-colors .qs-role-dialog-color.is-selected{outline:3px solid #111;outline-offset:2px}.qs-shrink-colors .qs-role-dialog-color.is-protected{opacity:.56}.qs-export-section{margin-block:18px;padding:18px;border:1px solid var(--qs-border);border-radius:14px;background:var(--qs-surface)}.qs-export-section-heading{margin-block-end:14px}.qs-export-section-heading h3{margin:2px 0 4px}.qs-export-section-heading p{margin:0;color:var(--qs-muted)}.qs-plain-code-options{margin-block:12px}.qs-plain-code-output{margin-block-start:12px}.qs-contrast-change-details>summary{cursor:pointer}.qs-contrast-change-details>summary::after{content:"▾";transition:transform .18s ease}.qs-contrast-change-details[open]>summary::after{transform:rotate(180deg)}.qs-app .qs-button.qs-studio-transfer{background:#fff;color:#171a1d;border-color:#171a1d}.qs-app .qs-button.qs-studio-transfer:hover{border-color:#171a1d;background:#f5f7f9}.qs-color-match-results{display:grid}.qs-color-match-card{display:grid;gap:14px;padding:14px;border:1px solid var(--qs-border);border-radius:14px;background:var(--qs-surface)}.qs-color-match-swatch{border-radius:12px;background:var(--qs-match);border:1px solid color-mix(in srgb,#000 18%,transparent)}.qs-color-match-card small,.qs-color-match-card strong,.qs-color-match-card code{display:block}.qs-color-match-card p{margin:6px 0 0;color:var(--qs-muted);line-height:1.4}.qs-app .qs-preview .qp-newsletter-brand{display:block;color:#fff0;inline-size:min(240px, 48%);block-size:54px;margin-block-end:16px;background:var(--qp-brand-logo);-webkit-mask:var(--qp-logo-image) center / contain no-repeat;mask:var(--qp-logo-image) center / contain no-repeat}.qp-newsletter-feature-link{display:inline-block;margin-block:8px 14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.qp-presentation main{display:grid;grid-template-columns:1fr;gap:clamp(12px, 2vw, 20px);align-content:start;min-block-size:0}.qp-presentation .qp-slide-copy{grid-column:1;display:grid;gap:6px;inline-size:100%}.qp-presentation .qp-slide-copy h1{max-inline-size:22ch}.qp-presentation .qp-slide-copy p{max-inline-size:68ch}.qp-presentation .qp-slide-lower{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:14px;min-block-size:0}.qp-presentation .qp-slide-visual,.qp-presentation .qp-slide-points{grid-column:auto;min-block-size:0}.qp-presentation .qp-slide-points{grid-template-columns:1fr;gap:8px}.qp-presentation .qp-slide-points article{min-block-size:0;padding:10px 12px}.qp-presentation footer{margin-block-start:8px}.qp-logo-stage{overflow:hidden}.qp-logo-stage p{font-weight:900}.qs-library-favorites-row small{line-height:1.45}@media (max-width:760px){.qp-presentation .qp-slide-lower{grid-template-columns:1fr}}@media (max-width:480px){.qs-color-match-card{grid-template-columns:64px minmax(0,1fr)}.qs-color-match-card>.qs-button{grid-column:1 / -1}.qs-color-match-swatch{inline-size:64px;block-size:64px}}.qs-tool-export-dialog{inline-size:min(720px, calc(100vw - 28px));max-inline-size:720px;max-block-size:min(760px, calc(100vh - 28px));padding:0;border:1px solid var(--qs-border);border-radius:16px;background:var(--qs-surface);color:var(--qs-text);box-shadow:0 24px 70px rgb(17 24 39 / .22)}.qs-tool-export-dialog::backdrop{background:rgb(18 27 36 / .48)}.qs-tool-export-panel{padding:18px}.qs-tool-export-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-block-end:16px}.qs-tool-export-top h3{margin:2px 0 0}.qs-tool-export-panel>label{display:grid;gap:7px;font-weight:700}.qs-tool-export-panel .qs-code-wrap{margin-block-start:14px;max-block-size:390px;overflow:auto}.qs-tool-export-panel .qs-file-actions{margin-block-start:14px}.qs-surprise-panel>div:first-child strong{color:var(--qs-text);font-weight:800;text-underline-offset:2px}.qs-palette-view-heading{padding-block-end:2px}.qs-palette-view-tabs,.qs-role-filter{box-shadow:none}.qs-palette-view-tabs button,.qs-role-filter button{min-block-size:38px}.qp-presentation{aspect-ratio:auto;min-block-size:clamp(520px, 58vw, 590px);overflow:hidden}.qp-presentation .qp-slide-copy{align-items:start;justify-items:start}.qp-presentation .qp-slide-copy>*{max-inline-size:100%;text-align:start}.qp-presentation .qp-slide-copy p{margin-block:2px 0}.qp-presentation .qp-slide-copy h1{margin-block:0}@media (max-width:760px){.qp-presentation{min-block-size:560px}}.qs-role-dialog,.qs-role-dialog-content,.qs-role-dialog-panel,.qs-palette-adoption-choices,.qs-palette-adoption-choice{box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.qs-role-dialog{inline-size:min(760px, calc(100vw - 24px));max-block-size:min(900px, calc(100dvh - 24px));overflow-x:hidden}.qs-role-dialog-content{overflow-x:hidden}.qs-palette-adoption-choice{display:block;white-space:normal;overflow-wrap:anywhere;word-break:normal}.qs-palette-adoption-choice strong,.qs-palette-adoption-choice span{max-inline-size:100%;white-space:normal;overflow-wrap:anywhere}.qs-role-dialog-panel>.qs-file-actions{flex-wrap:wrap;min-inline-size:0}.qs-role-dialog-panel>.qs-file-actions .qs-button{max-inline-size:100%;white-space:normal}.qs-color-role-option{display:grid;grid-template-columns:24px minmax(0,1fr) max-content;inline-size:100%;min-inline-size:0;box-sizing:border-box;align-items:center;justify-content:initial;gap:10px;overflow:hidden}.qs-color-role-option .qs-role-option-swatch{grid-column:1;align-self:center}.qs-color-role-option .qs-color-role-option-copy{grid-column:2;inline-size:100%;min-inline-size:0}.qs-color-role-option .qs-color-role-option-copy strong,.qs-color-role-option .qs-color-role-option-copy small{display:block;min-inline-size:0;margin:0;text-align:start;line-height:1.35;overflow-wrap:anywhere}.qs-color-role-option>.qs-assignment-status{grid-column:3;align-self:center;justify-self:end;margin:0;white-space:nowrap}.qp-presentation .qp-slide-copy>small{order:1;margin-block-end:8px}.qp-presentation .qp-slide-copy>h1{order:2;inline-size:100%;max-inline-size:none;margin:0;font-size:clamp(30px, 4.5vw, 54px);line-height:1.02;white-space:nowrap}.qp-presentation .qp-slide-copy>p{order:3;margin-block-start:8px;max-inline-size:72ch}.qs-app .qs-vision-note{margin:8px 0 0;max-inline-size:72ch}.qs-tangible-exports{flex-wrap:wrap}.qs-contrast-change-details>summary{list-style:none}.qs-contrast-change-details>summary::-webkit-details-marker{display:none}.qs-contrast-change-details .qs-contrast-actions{border-block-start:1px solid var(--qs-border)}.qs-surprise-panel>div:first-child strong{text-decoration:none}@media (max-width:560px){.qs-role-dialog{inline-size:calc(100vw - 12px);max-block-size:calc(100dvh - 12px);border-radius:12px}.qs-role-dialog-content,.qs-resuggest-dialog form{padding:12px;gap:12px}.qs-role-dialog-panel>.qs-section-heading{padding-inline-end:46px}.qs-palette-adoption-choices{gap:8px;margin-block:4px 12px}.qs-palette-adoption-choice{padding:12px}.qs-role-dialog-panel>.qs-file-actions{inline-size:100%}.qs-color-role-option{grid-template-columns:24px minmax(0,1fr);padding:10px}.qs-color-role-option>.qs-assignment-status{grid-column:2;grid-row:2;justify-self:start;margin-block-start:3px}.qs-color-role-option .qs-role-option-swatch{grid-row:1 / span 2;align-self:start;margin-block-start:2px}.qp-presentation .qp-slide-copy>h1{font-size:clamp(28px, 9vw, 42px);white-space:normal}}.qp-presentation .qp-slide-copy{grid-template-columns:minmax(0,1fr);margin-block-start:22px}@media (max-width:560px){.qs-role-dialog-panel>.qs-file-actions .qs-button{flex:0 0 auto;inline-size:100%;block-size:var(--qs-control-height)}}.qs-color-match-auto-note{margin-block:8px 0}.qs-color-match-results{gap:12px;margin-block-start:20px}.qs-color-match-card{grid-template-columns:72px minmax(0,1fr);align-items:start;min-inline-size:0}.qs-color-match-card>.qs-button{grid-column:2;justify-self:start;margin-block-start:2px}.qs-color-match-copy{min-inline-size:0}.qs-color-match-copy strong,.qs-color-match-copy code,.qs-color-match-copy p{overflow-wrap:anywhere}.qs-color-match-swatch{inline-size:72px;block-size:72px}.qs-color-match-preview-section,.qs-color-match-export{margin-block-start:30px;padding-block-start:26px;border-block-start:1px solid var(--qs-border)}.qs-color-match-composition{--qm-base:#0068FF;--qm-base-ink:#FFFFFF;--qm-bg:#F5F8FF;--qm-surface:#EAF1FF;--qm-text:#172132;--qm-border:#59718C;--qm-accent:#FF8A5B;--qm-accent-ink:#171A1D;position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--qs-border);border-radius:22px;background:var(--qm-bg);color:var(--qm-text)}.qs-match-demo-card{position:relative;z-index:2;margin-inline-start:clamp(0px, 5vw, 64px);background:var(--qm-surface);color:var(--qm-text)}.qs-match-demo-card>small{display:block;margin-block-end:8px;color:var(--qm-accent);font-weight:800;letter-spacing:.09em}.qs-match-demo-card>h3{margin:0;max-inline-size:18ch;color:var(--qm-text);font-size:clamp(25px, 4vw, 48px);line-height:1.05}.qs-match-demo-card>p{max-inline-size:48ch;margin:16px 0 0;color:var(--qm-text);line-height:1.55}.qs-match-demo-divider{border-radius:999px;background:var(--qm-border);opacity:.9}.qs-match-demo-actions{display:flex;flex-wrap:wrap;gap:14px}.qs-match-demo-actions button{border:0;border-radius:10px;background:var(--qm-base);color:var(--qm-base-ink);font:inherit;font-weight:800}.qs-match-demo-actions span{padding:7px 11px;border-radius:999px;background:var(--qm-accent);color:var(--qm-accent-ink);font-size:12px;font-weight:800}.qs-match-export-formats{margin-block:12px 16px}@media (max-width:980px){.qs-color-match-results{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-match-demo-card{inline-size:min(78%, 650px);margin-inline-start:0}}@media (max-width:680px){.qs-color-match-results{grid-template-columns:1fr}.qs-color-match-composition{min-block-size:520px;padding:20px}.qs-match-demo-card{inline-size:100%;box-sizing:border-box;padding:22px}}@media (max-width:420px){.qs-color-match-card{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:12px}.qs-color-match-swatch{inline-size:58px;block-size:58px}.qs-color-match-card>.qs-button{grid-column:1 / -1;inline-size:100%}.qs-match-demo-card{border-radius:16px}}.qs-color-match-results{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-color-match-composition{--qm-support:#5A67D8;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:clamp(18px, 3vw, 42px);min-block-size:0;padding:clamp(22px, 4vw, 48px)}.qs-match-background-zone{position:relative;isolation:isolate;overflow:hidden;min-block-size:clamp(330px, 37vw, 460px);padding:clamp(18px, 3vw, 34px);border-radius:18px;color:var(--qm-text)}.qs-match-background-zone>small,.qs-match-demo-card>small{display:block;margin-block-end:10px;color:var(--qm-accent);font-size:12px;font-weight:800;letter-spacing:.09em}.qs-match-background-zone>h3,.qs-match-demo-card>h3{margin:0;max-inline-size:15ch;color:var(--qm-text);font-size:clamp(25px, 3vw, 42px);line-height:1.06}.qs-match-background-zone>p,.qs-match-demo-card>p{max-inline-size:42ch;margin:16px 0 0;color:var(--qm-text);line-height:1.55}.qs-match-background-shapes{position:absolute;z-index:-1;inset-inline:clamp(18px, 3vw, 34px);inset-block-end:clamp(18px, 3vw, 34px);display:flex;align-items:end;gap:12px;pointer-events:none}.qs-match-background-shapes i{display:block}.qs-match-background-shapes i:nth-child(1){inline-size:clamp(58px, 8vw, 110px);aspect-ratio:1;border-radius:50%;background:var(--qm-base)}.qs-match-background-shapes i:nth-child(2){inline-size:clamp(48px, 7vw, 92px);block-size:clamp(70px, 10vw, 132px);border-radius:999px 999px 16px 16px;background:var(--qm-accent)}.qs-match-background-shapes i:nth-child(3){flex:1 1 100px;max-inline-size:150px;block-size:clamp(24px, 3.5vw, 44px);border-radius:999px;background:var(--qm-support)}.qs-match-demo-card{inline-size:auto;min-inline-size:0;margin:0;padding:clamp(22px, 3vw, 38px);border:4px solid var(--qm-border);border-radius:20px;box-sizing:border-box;box-shadow:0 18px 42px color-mix(in srgb,var(--qm-text) 10%,transparent)}.qs-match-demo-divider{block-size:4px;margin-block:24px 18px}.qs-match-demo-actions{align-items:stretch}.qs-match-demo-actions button{min-block-size:42px;padding:9px 15px}.qs-match-demo-actions .qs-match-accent-action{background:var(--qm-accent);color:var(--qm-accent-ink)}.qs-match-support-row{display:flex;align-items:center;gap:12px;margin-block-start:18px;color:var(--qm-text);font-size:13px;font-weight:700}.qs-match-support-row i{display:block;inline-size:48px;block-size:12px;border-radius:999px;background:var(--qm-support)}@media (max-width:760px){.qs-color-match-results{grid-template-columns:1fr}.qs-color-match-composition{grid-template-columns:1fr;gap:16px}.qs-match-background-zone{min-block-size:340px}.qs-match-demo-card{inline-size:100%}}@media (max-width:420px){.qs-color-match-composition{padding:14px;border-radius:16px}.qs-match-background-zone{min-block-size:320px;padding:18px}.qs-match-demo-card{padding:20px;border-width:3px}}@media (max-width:760px){.qs-color-match-composition{min-block-size:0}}@media (max-width:420px){.qs-color-match-composition{min-block-size:0}}.qs-guidance-note,.qs-regeneration-help{margin:10px 0 0;padding:10px 12px;border:0;border-inline-start:3px solid color-mix(in srgb,var(--qs-accent) 65%,white);border-radius:8px;background:color-mix(in srgb,var(--qs-accent-soft) 58%,white);color:var(--qs-muted);line-height:1.5}.qs-guidance-note strong,.qs-regeneration-help strong{color:var(--qs-text)}.qs-guidance-details{margin-block-start:12px}.qs-guidance-details>summary{display:inline-flex;align-items:center;gap:5px;padding:0;color:var(--qs-muted);font-size:14px;font-weight:800;list-style:none;cursor:pointer}.qs-guidance-details>summary::-webkit-details-marker{display:none}.qs-guidance-details>summary::after{content:"▾";color:var(--qs-accent);font-size:14px;transition:transform 140ms ease}.qs-guidance-details[open]>summary::after{transform:rotate(180deg)}.qs-guidance-details .qs-regeneration-help{margin-block-start:8px}.qs-app .qs-tabs button:not([aria-selected="true"]){border-color:#68737d;color:#3f4a54}.qs-app .qs-tabs button:not([aria-selected="true"])::before{border-color:#59646f;color:#3f4a54}.qs-tabs button:not(:last-child)::after{color:#65717c}.qs-contrast-change-details{inline-size:fit-content;min-inline-size:0;margin-block-start:10px;border:0;border-radius:0;background:#fff0;overflow:visible}.qs-contrast-change-details>summary{display:inline-flex;min-block-size:0;padding:0;align-items:center;justify-content:flex-start;gap:5px;color:var(--qs-muted);font-size:13px;font-weight:800}.qs-contrast-change-details>summary::after{margin:0;color:var(--qs-accent);font-size:15px}.qs-contrast-change-details .qs-contrast-actions{margin-block-start:8px;padding:0;border:0}.qs-match-control-swatch{flex:0 0 var(--qs-control-height);inline-size:var(--qs-control-height);block-size:var(--qs-control-height);padding:0;border:1px solid #171A1D;border-radius:8px;background:var(--qs-match-control-color,#0068FF);box-shadow:inset 0 0 0 3px #fff;cursor:pointer}.qp-landing .qp-landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.78fr);align-items:center;gap:clamp(28px, 4.5vw, 64px);max-inline-size:none;padding-block:clamp(52px, 7vw, 92px)}.qp-landing .qp-landing-hero>.qp-landing-copy{display:block;min-inline-size:0;margin:0}.qp-landing .qp-landing-copy>div{display:flex;align-items:center;margin-block-start:24px;gap:18px}.qp-landing-media{overflow:hidden;aspect-ratio:4 / 3;margin:0;border:1px solid var(--qp-borders-dividers);border-radius:24px;background:var(--qp-surface)}.qp-landing-media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}@media (max-width:760px){.qp-landing .qp-landing-hero{grid-template-columns:1fr;gap:24px;padding-block:44px}.qp-landing-media{aspect-ratio:16 / 10;border-radius:18px}}.qs-contrast-card{align-items:start}.qs-contrast-sample,.qs-contrast-card>.qs-ratio,.qs-contrast-card>.qs-badge{align-self:start}.qs-app .qs-eyedropper{display:inline-grid;inline-size:44px;min-inline-size:44px;max-inline-size:44px;block-size:44px;min-block-size:44px;padding:0;place-items:center;flex:0 0 44px;border:1px solid #171a1d}.qs-app .qs-eyedropper svg{inline-size:19px;block-size:19px}.qs-app .qs-eyedropper:hover:not(:disabled),.qs-app .qs-eyedropper:focus:not(:disabled),.qs-app .qs-eyedropper:active:not(:disabled){border-color:#171a1d}.qs-tool .qs-eyedropper{inline-size:42px;min-inline-size:42px;max-inline-size:42px;block-size:42px;min-block-size:42px;flex-basis:42px}.qs-app .qs-count-select{inline-size:100%;min-inline-size:0;max-inline-size:100%;block-size:44px;min-block-size:44px;box-sizing:border-box}.qs-control-spacer-label{display:block;block-size:19px;min-block-size:19px;margin:0;overflow:hidden;color:#fff0;font-size:15px;font-weight:750;line-height:19px;visibility:hidden;user-select:none;pointer-events:none}@media (max-width:480px){.qs-tool .qs-eyedropper{display:none}.qs-tool[data-qolorio-tool="explorer"] [data-tool-action="edit-explorer"]{inline-size:100%;min-inline-size:0;white-space:normal}}.qs-swatch-visual.is-light-swatch{box-shadow:inset 0 -1px 0 rgb(23 26 29 / .18)}.qs-create-role-group-heading,.qs-create-role-group-heading h4,.qs-create-role-group-heading small{color:var(--qs-text,#171a1d)}.qs-create-role-group-heading small{opacity:.72}.qs-method-panel[data-method-panel="color"] .qs-create-color-layout{--qs-create-swatch:clamp(150px, 18vw, 190px);display:grid;grid-template-columns:var(--qs-create-swatch) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:16px 18px;align-items:stretch;inline-size:100%;min-inline-size:0}.qs-method-panel[data-method-panel="color"] .qs-create-color-layout>.qs-base-swatch{grid-column:1;grid-row:1 / 4;inline-size:100%;block-size:100%;min-block-size:0;align-self:stretch;border:1px solid var(--qs-border);border-radius:15px;background:var(--qs-base,#0068ff)}.qs-method-panel[data-method-panel="color"] .qs-base-color-field{grid-column:2;grid-row:1;inline-size:100%;max-inline-size:none;min-inline-size:0;align-content:start}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row{display:grid;grid-template-columns:var(--qs-create-control) 44px max-content;grid-template-areas:"input drop edit" "name name name" "help help help";gap:8px;align-items:center;inline-size:100%;max-inline-size:none;min-inline-size:0}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row>input{grid-area:input;inline-size:100%;min-inline-size:0}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row>.qs-eyedropper{grid-area:drop}.qs-method-panel[data-method-panel="color"] .qs-base-edit-button{grid-area:edit}.qs-method-panel[data-method-panel="color"] .qs-base-color-name{grid-area:name;margin:0;color:var(--qs-text);font-size:15px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.qs-method-panel[data-method-panel="color"] .qs-base-color-help{grid-area:help;inline-size:100%;margin:2px 0 0}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row>.qs-button:not(.qs-eyedropper){inline-size:auto;min-inline-size:max-content}.qs-method-panel[data-method-panel="color"] .qs-color-generator-controls{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:10px 14px;align-items:start;inline-size:100%;max-inline-size:none;min-inline-size:0}.qs-method-panel[data-method-panel="color"] .qs-color-generator-controls>*{min-inline-size:0;margin:0}.qs-method-panel[data-method-panel="color"] .qs-color-count-stack{grid-column:1;grid-row:1;display:grid;align-content:start;gap:0;inline-size:100%;min-inline-size:0;justify-self:stretch}.qs-method-panel[data-method-panel="color"] .qs-harmony-field{grid-column:2;grid-row:1}.qs-method-panel[data-method-panel="color"] .qs-vibe-field{grid-column:3;grid-row:1}.qs-method-panel[data-method-panel="color"] .qs-vibe-field[hidden]{display:none}.qs-method-panel[data-method-panel="color"] .qs-color-count-field,.qs-method-panel[data-method-panel="color"] .qs-harmony-field,.qs-method-panel[data-method-panel="color"] .qs-vibe-field{display:grid;grid-template-rows:auto 44px;gap:6px;align-content:start;inline-size:100%;max-inline-size:none;min-inline-size:0}.qs-method-panel[data-method-panel="color"] .qs-color-count-field .qs-count-select,.qs-method-panel[data-method-panel="color"] .qs-harmony-field select,.qs-method-panel[data-method-panel="color"] .qs-vibe-field select{inline-size:100%;max-inline-size:none;min-inline-size:0;box-sizing:border-box}.qs-method-panel[data-method-panel="color"] .qs-count-guidance{grid-column:1 / -1;grid-row:2;inline-size:100%;max-inline-size:none;min-inline-size:0;margin:2px 0 0;padding:9px 11px;font-size:14px;line-height:1.45}.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{grid-column:2;grid-row:3;inline-size:var(--qs-create-control);min-inline-size:0;max-inline-size:var(--qs-create-control);margin:0;justify-self:start}.qs-method-panel[data-method-panel="color"] .qs-guidance-details{grid-column:2;grid-row:4;inline-size:100%;min-inline-size:0;margin:0}.qs-method-panel[data-method-panel="color"] .qs-guidance-details>summary{inline-size:max-content;max-inline-size:100%}.qs-method-panel[data-method-panel="color"] .qs-guidance-details .qs-regeneration-help{max-inline-size:none}@media (min-width:601px){.qs-method-panel[data-method-panel="color"] .qs-base-color-field,.qs-method-panel[data-method-panel="color"] .qs-color-generator-controls{--qs-create-control:calc((100% - 28px) / 3)}.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{--qs-create-control:calc((100% - 28px) / 3)}}@media (min-width:601px) and (max-width:920px){.qs-method-panel[data-method-panel="color"] .qs-create-color-layout{--qs-create-swatch:clamp(132px, 22vw, 170px);gap:14px 16px}}@media (min-width:601px) and (max-width:720px){.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{min-block-size:44px;block-size:44px;padding-inline:6px;font-size:12px;line-height:1.15;white-space:nowrap}}@media (max-width:600px){.qs-method-panel[data-method-panel="color"] .qs-create-color-layout{grid-template-columns:minmax(100px,35fr) minmax(0,65fr);grid-template-rows:auto auto auto auto;gap:16px 14px}.qs-method-panel[data-method-panel="color"] .qs-create-color-layout>.qs-base-swatch{grid-column:1;grid-row:1;block-size:100%;min-block-size:210px}.qs-method-panel[data-method-panel="color"] .qs-base-color-field{grid-column:2;grid-row:1}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"input input" "name name" "help help" "drop edit"}.qs-method-panel[data-method-panel="color"] .qs-base-edit-button{inline-size:100%;min-inline-size:0}.qs-method-panel[data-method-panel="color"] .qs-base-color-help{margin:0;padding:7px 0 7px 10px;border-inline-start:2px solid var(--qs-accent,#2d6fa3);font-size:13px;line-height:1.4}.qs-method-panel[data-method-panel="color"] .qs-color-generator-controls{grid-column:1 / -1;grid-row:2;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:12px}.qs-method-panel[data-method-panel="color"] .qs-color-count-stack{grid-column:1;grid-row:1}.qs-method-panel[data-method-panel="color"] .qs-count-guidance{grid-column:1;grid-row:2}.qs-method-panel[data-method-panel="color"] .qs-harmony-field{grid-column:1;grid-row:3}.qs-method-panel[data-method-panel="color"] .qs-vibe-field{grid-column:1;grid-row:4}.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{grid-column:1 / -1;grid-row:3;inline-size:100%;max-inline-size:none}.qs-method-panel[data-method-panel="color"] .qs-guidance-details{grid-column:1 / -1;grid-row:4}}.qs-app .qs-library-filter-toggle{display:none}.qs-library-filter-extra{display:contents}.qs-app .qs-library-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px}.qs-app .qs-library-filter-field,.qs-app .qs-library-reset-field{display:grid;grid-template-rows:19px 44px;align-content:start;align-items:stretch;min-inline-size:0;max-inline-size:100%;margin:0;gap:6px;font-size:15px;line-height:19px}.qs-app .qs-library-search-field{grid-column:span 2}.qs-app .qs-library-reset-field>span{display:block;block-size:19px;min-block-size:19px;margin:0;overflow:hidden;font-size:15px;font-weight:750;line-height:19px;visibility:hidden;user-select:none}.qs-app .qs-library-filter-field>:where(input,select),.qs-app .qs-library-reset-field>.qs-button{inline-size:100%;min-inline-size:0;max-inline-size:100%;block-size:44px;min-block-size:44px;margin:0;align-self:stretch;box-sizing:border-box}.qs-app .qs-library-favorites-row{grid-column:1 / -1;display:grid;inline-size:100%;margin:0;padding:0;align-items:start;gap:3px}.qs-library-favorites-control{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px}.qs-app .qs-library-favorites-row label{display:inline-flex;inline-size:fit-content;min-block-size:32px;align-items:center;gap:8px;font-weight:700}.qs-library-favorites-status{display:inline-flex;min-block-size:24px;padding:3px 8px;align-items:center;border-radius:999px;background:var(--qs-accent-soft);color:var(--qs-accent);font-size:12px;font-weight:850;line-height:1.2}.qs-library-favorites-status[hidden]{display:none}.qs-app .qs-library-favorites-row.is-active{padding:10px 12px;border:1px solid var(--qs-accent);border-radius:10px;background:var(--qs-accent-soft)}.qs-app .qs-library-favorites-row.is-active .qs-library-favorites-status{background:#fff}.qs-app .qs-library-favorite-help{display:block;box-sizing:border-box;inline-size:100%;max-inline-size:none;margin:0;line-height:1.45}.qs-library-extended a{white-space:nowrap}.qs-app .qs-tool[data-qolorio-tool="library"] [data-page-library-result-label]{margin:10px 0 12px}@media (max-width:980px){.qs-app .qs-library-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-app .qs-library-search-field{grid-column:1 / -1}}@media (max-width:700px){.qs-app .qs-library-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface);gap:10px}.qs-app .qs-library-search-field{grid-column:1 / -1}.qs-app .qs-library-count-field{grid-column:1 / -1}.qs-app .qs-library-filter-toggle{display:inline-flex;grid-column:1 / -1;inline-size:100%;min-inline-size:0;min-block-size:44px;margin:0;align-items:center;justify-content:center;align-self:end;white-space:normal;text-align:center}.qs-app .qs-library-filter-extra{display:none}.qs-app .qs-library-filter-grid.is-open .qs-library-filter-extra{display:contents}.qs-app .qs-library-favorites-row{grid-column:1 / -1}}@media (max-width:480px){.qs-app .qs-library-filter-grid{grid-template-columns:minmax(0,1fr)}.qs-app .qs-library-search-field,.qs-app .qs-library-count-field,.qs-app .qs-library-filter-toggle{grid-column:1}}.qs-app .qs-surprise-panel>.qs-file-actions{display:grid;grid-template-columns:168px 168px max-content;align-items:stretch;align-self:end;justify-content:start;gap:10px;inline-size:max-content;max-inline-size:100%;margin-block:-10px}.qs-app .qs-surprise-panel>.qs-file-actions>.qs-button{inline-size:168px;max-inline-size:168px}.qs-app .qs-surprise-panel>.qs-file-actions>.qs-button:last-child{inline-size:auto;max-inline-size:none}@media (max-width:600px){.qs-app .qs-surprise-panel>.qs-file-actions{grid-template-columns:1fr;inline-size:100%;margin-block:-6px}.qs-app .qs-surprise-panel>.qs-file-actions>.qs-button,.qs-app .qs-surprise-panel>.qs-file-actions>.qs-button:last-child{inline-size:100%;max-inline-size:none}}.qs-app .qs-preview-palette-heading-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;inline-size:min(100%, 520px)}.qs-app .qs-preview-palette-heading-actions>.qs-button{inline-size:100%;min-inline-size:0}.qs-app .qs-stage[data-stage="preview"]>.qs-role-editor{margin-block-start:20px}@media (max-width:900px){.qs-preview-palette-heading{flex-direction:column}.qs-app .qs-preview-palette-heading-actions{inline-size:100%}}@media (max-width:620px){.qs-app .qs-preview-palette-heading-actions{grid-template-columns:1fr}}.qs-app .qs-typography-details{margin:0 0 14px;border:0;border-radius:0;background:#fff0;box-shadow:none}.qs-app .qs-typography-details>summary{display:flex;min-block-size:40px;align-items:center;justify-content:flex-start;gap:6px;padding:8px 0;color:var(--qs-text);font-weight:800;cursor:pointer;list-style:none}.qs-app .qs-typography-details>summary::-webkit-details-marker{display:none}.qs-app .qs-typography-details>summary::after{content:"▾";inline-size:auto;block-size:auto;flex:0 0 auto;margin-inline-start:0;border:0;color:var(--qs-accent);font-size:20px;line-height:1;transform:none;transition:transform 160ms ease}.qs-app .qs-typography-details[open]>summary::after{transform:rotate(180deg)}.qs-app .qs-typography-details>.qs-help{margin:0 0 14px}.qs-app .qs-typography-details .qs-typography-grid{margin:0;padding:0 0 14px}.qs-app .qs-vision-presets{grid-template-columns:repeat(5,minmax(0,1fr));margin-block:14px 0}.qs-app .qs-vision-presets button[aria-pressed="true"]{border-color:var(--qs-accent);background:var(--qs-accent);color:#fff}@media (max-width:760px){.qs-app .qs-vision-presets{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.qs-app .qs-vision-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:360px){.qs-app .qs-vision-presets{grid-template-columns:1fr}}.qs-app .qs-stage[data-stage="export"] .qs-tangible-exports,.qs-app .qs-stage[data-stage="export"] .qs-export-section .qs-file-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qs-app .qs-stage[data-stage="export"] .qs-tangible-exports>.qs-button,.qs-app .qs-stage[data-stage="export"] .qs-export-section .qs-file-actions>:where(.qs-button,button,label){inline-size:100%;min-inline-size:0}.qs-app .qs-stage[data-stage="export"] .qs-code-wrap>[data-action="copy-export"]{inset-inline-end:16px}.qs-app .qs-stage[data-stage="export"] [data-action="download-project"],.qs-app .qs-stage[data-stage="export"] .qs-project-import-button{border-color:var(--qs-border,#cbd5df);background:#fff;color:var(--qs-text,#171a1d);box-shadow:none}@media (max-width:680px){.qs-app .qs-stage[data-stage="export"] .qs-tangible-exports,.qs-app .qs-stage[data-stage="export"] .qs-export-section .qs-file-actions{grid-template-columns:1fr}}.qs-app .qs-export-code-options,.qs-app .qs-export-comment-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:6px;margin-bottom:10px;padding:10px;border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm);background:var(--qs-surface-alt)}.qs-app .qs-export-comment-options{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:10px 12px}.qs-app .qs-export-code-options legend,.qs-app .qs-export-comment-options legend{padding-inline:5px;font-weight:850}.qs-app .qs-export-code-options legend small{margin-inline-start:5px;color:var(--qs-muted);font-weight:600}.qs-app .qs-export-code-options label,.qs-app .qs-export-comment-options label{display:inline-flex;inline-size:100%;min-inline-size:0;min-block-size:34px;align-items:center;flex-direction:row;gap:6px;padding:6px 8px;border:1px solid var(--qs-border);border-radius:8px;background:#fff;font-size:13px;line-height:1.15;white-space:normal}.qs-app .qs-export-code-options input,.qs-app .qs-export-comment-options input{flex:0 0 auto;margin:0}@media (max-width:760px){.qs-app .qs-export-code-options{grid-template-columns:repeat(3,minmax(0,1fr))}.qs-app .qs-export-comment-options{grid-template-columns:1fr}}@media (max-width:560px){.qs-app .qs-export-code-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.qs-app .qs-mixer-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-block-end:14px}.qs-app .qs-mixer-controls>label,.qs-app .qs-mixer-controls>.qs-mixer-reset-field{display:grid;grid-template-rows:19px 44px;align-content:start;align-items:stretch;gap:6px;min-inline-size:0;margin:0;font-size:15px;line-height:19px}.qs-app .qs-mixer-reset-field>span{display:block;block-size:19px;min-block-size:19px;margin:0;font-size:15px;font-weight:750;line-height:19px}.qs-app .qs-mixer-controls :where(select,.qs-mixer-reset-field>.qs-button){inline-size:100%;min-inline-size:0;block-size:44px;min-block-size:44px;margin:0;align-self:stretch}.qs-app .qs-mixer-source-input{display:grid;grid-template-columns:minmax(0,1fr) minmax(154px,.58fr);align-items:start;gap:10px;min-inline-size:0}.qs-app .qs-mixer-source-input>label,.qs-app .qs-mixer-source-edit-field{display:grid;grid-template-rows:19px 44px;align-content:start;gap:6px;min-inline-size:0;margin:0;font-size:15px;line-height:19px}.qs-app .qs-mixer-source-input input{inline-size:100%;min-inline-size:0;block-size:44px;min-block-size:44px;margin:0}.qs-app .qs-mixer-source-actions{display:grid;grid-template-columns:42px minmax(104px,1fr);align-items:center;gap:8px;min-inline-size:0}.qs-app .qs-mixer-source-actions>.qs-button:not(.qs-eyedropper){inline-size:100%;min-inline-size:0;block-size:44px;min-block-size:44px;margin:0;white-space:nowrap}.qs-app .qs-mixer-file-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qs-app .qs-mixer-file-actions>.qs-button{inline-size:100%}@media (max-width:600px){.qs-app .qs-mixer-controls,.qs-app .qs-mixer-file-actions{grid-template-columns:1fr}}@media (max-width:480px){.qs-app .qs-mixer-source-input{grid-template-columns:minmax(0,1fr) 112px}.qs-app .qs-mixer-source-actions{grid-template-columns:1fr}}.qs-app .qs-image-zoom-row{inline-size:100%;margin-block:14px 10px}.qs-app .qs-image-zoom-control{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px;inline-size:100%;margin:0;padding-block:0;font-weight:700}.qs-app .qs-image-zoom-control .qs-range-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(90px,112px) 42px;align-items:center;gap:10px;inline-size:100%}.qs-app .qs-image-zoom-control .qs-range-line input[type="range"]{inline-size:100%;min-inline-size:0;margin:0}.qs-app .qs-image-zoom-control .qs-range-line output{inline-size:42px;min-inline-size:0;text-align:end;font-variant-numeric:tabular-nums}.qs-app .qs-image-zoom-control .qs-range-line select{inline-size:100%;min-inline-size:0;block-size:40px;min-block-size:40px;margin:0}.qs-app .qs-image-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start;margin-block:0 14px}.qs-app .qs-image-controls>label,.qs-app .qs-image-action-field{display:grid;grid-template-rows:19px 44px;align-content:start;align-items:stretch;gap:6px;inline-size:100%;min-inline-size:0;margin:0;font-size:15px;line-height:19px}.qs-app .qs-image-action-field>.qs-button,.qs-app .qs-image-controls>label>select{inline-size:100%;min-inline-size:0;block-size:44px;min-block-size:44px;margin:0}.qs-app .qs-image-controls>.qs-image-cancel:not([hidden]){grid-column:1 / -1;inline-size:100%;block-size:44px;min-block-size:44px;margin:0}@media (max-width:680px){.qs-app .qs-image-zoom-control{align-items:start}.qs-app .qs-image-zoom-control .qs-range-line{grid-template-columns:minmax(0,1fr) 39px;grid-template-areas:"slider output" "preset preset";min-block-size:34px}.qs-app .qs-image-zoom-control .qs-range-line input[type="range"]{grid-area:slider;align-self:center}.qs-app .qs-image-zoom-control .qs-range-line select{grid-area:preset}.qs-app .qs-image-zoom-control .qs-range-line output{grid-area:output;inline-size:39px}}@media (max-width:820px){.qs-app .qs-image-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-app .qs-image-action-field{grid-template-rows:44px;gap:0}.qs-app .qs-image-action-field>.qs-control-spacer-label{display:none}}@media (max-width:520px){.qs-app .qs-image-controls{grid-template-columns:1fr}}.qs-app .qs-chart-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;padding:12px;border:1px solid var(--qs-border);border-radius:var(--qs-radius-sm);background:var(--qs-surface-alt)}.qs-app .qs-chart-controls>label,.qs-app .qs-chart-action-field{display:grid;grid-template-rows:19px 44px;align-content:start;align-items:stretch;gap:6px;inline-size:100%;min-inline-size:0;margin:0;font-size:15px;line-height:19px}.qs-app .qs-chart-controls select,.qs-app .qs-chart-action-field>.qs-button{inline-size:100%;min-inline-size:0;block-size:44px;min-block-size:44px;margin:0;align-self:stretch;box-sizing:border-box}@media (max-width:560px){.qs-app .qs-chart-controls{grid-template-columns:1fr}.qs-app .qs-chart-action-field{grid-template-rows:44px;gap:0}.qs-app .qs-chart-action-field>.qs-control-spacer-label{display:none}}.qs-app .qs-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-rows:1fr;align-items:stretch;margin-block-start:16px}.qs-app .qs-chart-grid.is-websafe{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.qs-app .qs-chart-grid button{display:grid;min-inline-size:0;min-block-size:146px;block-size:100%;grid-template-rows:minmax(12px,1fr) auto minmax(34px,auto) auto;align-content:stretch;padding:9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--qs-ink) 18%,transparent);border-radius:0;background:var(--qs-chart);color:var(--qs-ink);text-align:start}.qs-app .qs-chart-grid button>strong,.qs-app .qs-chart-grid button>span,.qs-app .qs-chart-grid button>small{inline-size:100%;min-inline-size:0;overflow-wrap:anywhere;word-break:break-word}.qs-app .qs-chart-grid button>strong{align-self:end}.qs-app .qs-chart-grid button>span{align-self:start;font-family:var(--qs-font-mono);font-size:clamp(10px, 1.5vw, 12px);line-height:1.25}.qs-app .qs-chart-grid button>small{align-self:start;font-size:12px;line-height:1.2}@media (max-width:560px){.qs-app .qs-chart-grid,.qs-app .qs-chart-grid.is-websafe{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-app .qs-chart-grid button{min-block-size:154px;padding:8px}.qs-app .qs-chart-grid button>span{font-size:10px}}.qs-app .qs-vision-tool-inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);grid-template-areas:"entry actions" "help help" "chips chips";column-gap:18px;row-gap:10px;align-items:start}.qs-app .qs-vision-color-entry{grid-area:entry;display:grid;grid-template-rows:19px 44px;align-content:start;gap:6px;min-inline-size:0;margin:0;font-size:15px;line-height:19px}.qs-app .qs-vision-color-entry>input{inline-size:100%;min-inline-size:0;block-size:44px;min-block-size:44px;margin:0}.qs-app .qs-vision-entry-help{grid-area:help;display:block;inline-size:100%;max-inline-size:none;margin:0;box-sizing:border-box}.qs-app .qs-vision-color-chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:7px;inline-size:100%;min-inline-size:0;min-block-size:34px;margin-block-start:10px}.qs-app .qs-vision-color-chip{display:inline-flex;min-block-size:34px;align-items:center;gap:7px;padding:4px 8px 4px 5px;border:1px solid var(--qs-border,#cbd5df);border-radius:999px;background:#fff;color:var(--qs-text,#171a1d);cursor:pointer}.qs-app .qs-vision-color-chip-swatch{inline-size:24px;block-size:24px;flex:0 0 24px;border:1px solid var(--qs-border,#cbd5df);border-radius:50%;background:var(--qs-chip-color)}.qs-app .qs-vision-color-chip code{color:inherit;font-size:12px}.qs-app .qs-vision-color-chip-remove{color:var(--qs-muted,#56616d);font-size:18px;line-height:1}.qs-app .qs-vision-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-self:start;inline-size:100%;margin:0;padding:25px 0 0}.qs-app .qs-vision-actions>.qs-button{inline-size:100%;min-inline-size:0;block-size:44px;min-block-size:44px}@media (max-width:760px){.qs-app .qs-vision-tool-inputs{grid-template-columns:1fr;grid-template-areas:"entry" "help" "chips" "actions"}.qs-app .qs-vision-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-block-start:0}}@media (max-width:440px){.qs-app .qs-vision-actions{grid-template-columns:1fr}}.qs-app .qs-contrast-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qs-app .qs-contrast-editor article{display:grid;grid-template-columns:minmax(108px,35fr) minmax(0,65fr);grid-template-rows:auto 44px;align-items:stretch;gap:10px 12px;min-inline-size:0;padding:14px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:#fff}.qs-app .qs-contrast-editor article>i{grid-column:1;grid-row:1 / 3;display:block;inline-size:100%;block-size:100%;min-block-size:118px;border:1px solid var(--qs-border);border-radius:12px}.qs-app .qs-contrast-editor article>label{grid-column:2;grid-row:1;display:grid;grid-template-rows:1.25em 44px;gap:5px;min-inline-size:0;line-height:1.25}.qs-app .qs-contrast-editor article>label input{inline-size:100%;min-inline-size:0;block-size:44px}.qs-app .qs-contrast-editor-actions{grid-column:2;grid-row:2;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-inline-size:0}.qs-app .qs-contrast-editor-actions>.qs-button:not(.qs-eyedropper){inline-size:100%;min-inline-size:0;block-size:44px;white-space:nowrap}@media (max-width:720px){.qs-app .qs-contrast-editor{grid-template-columns:1fr}}@media (max-width:480px){.qs-app .qs-contrast-editor-actions{grid-template-columns:1fr}}@media (max-width:360px){.qs-app .qs-contrast-editor article{grid-template-columns:1fr;grid-template-rows:auto auto 44px}.qs-app .qs-contrast-editor article>i{grid-column:1;grid-row:1;block-size:86px;min-block-size:86px}.qs-app .qs-contrast-editor article>label{grid-column:1;grid-row:2}.qs-app .qs-contrast-editor-actions{grid-column:1;grid-row:3}}.qs-vibe-dialog{inline-size:min(720px, calc(100vw - 28px));max-block-size:min(82vh, 760px);padding:0;overflow:hidden;border:1px solid var(--qs-border,#cbd5df);border-radius:18px;background:#fff;color:var(--qs-text,#171a1d);box-shadow:0 24px 80px rgb(23 26 29 / .22)}.qs-vibe-dialog::backdrop{background:rgb(20 28 36 / .34)}.qs-vibe-dialog-card{position:relative;box-sizing:border-box;max-block-size:min(82vh, 760px);padding:24px;overflow-y:auto}.qs-vibe-dialog-close{position:absolute;inset-block-start:14px;inset-inline-end:14px;cursor:pointer}.qs-vibe-dialog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:18px}.qs-vibe-dialog-list section{padding-block:9px;border-top:1px solid var(--qs-border,#d6dee6)}.qs-vibe-dialog-list p{margin:5px 0 0;color:var(--qs-muted,#56616d);font-size:13px;line-height:1.45}.qs-color-match-composition{font-family:var(--qm-body-font,system-ui,sans-serif);font-weight:var(--qm-body-weight,400)}@media (max-width:680px){.qs-vibe-dialog-list{grid-template-columns:1fr}}.qs-app .qs-color-match-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(210px,.85fr);grid-template-rows:auto auto;gap:18px 20px;align-items:start}.qs-app .qs-color-match-start-field{grid-column:1;grid-row:1}.qs-app .qs-color-match-vibe-field{grid-column:2;grid-row:1 / 3;align-self:start}.qs-app .qs-color-match-background-field{grid-column:1;grid-row:2;margin-top:0}.qs-app .qs-color-match-start-field,.qs-app .qs-color-match-background-field{inline-size:100%;max-inline-size:none;min-inline-size:0}.qs-app .qs-color-match-field{display:grid;grid-template-rows:20px var(--qs-control-height);align-content:end;gap:6px;min-inline-size:0;margin:0}.qs-app .qs-color-match-field>label,.qs-app label.qs-color-match-field{min-block-size:20px;line-height:20px}.qs-app .qs-color-match-field>label small{margin-inline-start:4px;color:var(--qs-muted);font-size:12px;font-weight:600}.qs-app .qs-color-match-input-group{display:grid;grid-template-columns:44px minmax(0,1fr) 42px minmax(104px,max-content);align-items:center;gap:8px;min-inline-size:0;block-size:var(--qs-control-height)}.qs-app .qs-match-text-input{position:relative;min-inline-size:0}.qs-app .qs-match-text-input>input{inline-size:100%;min-inline-size:0;block-size:var(--qs-control-height);box-sizing:border-box}.qs-app .qs-match-background-input-wrap>input{padding-inline-end:38px}.qs-app .qs-match-background-clear{position:absolute;inset-inline-end:6px;inset-block-start:50%;translate:0 -50%;inline-size:30px;block-size:30px;border:0;border-radius:50%;background:#fff0;color:var(--qs-muted,#56616d);font-size:22px;line-height:1;cursor:pointer}.qs-app .qs-match-background-clear:hover{background:rgb(45 111 163 / .09);color:var(--qs-accent,#2d6fa3)}.qs-app .qs-color-match-input-group>.qs-button:not(.qs-eyedropper){block-size:44px;min-inline-size:104px;white-space:nowrap}.qs-app .qs-color-match-vibe-field select{inline-size:100%;min-inline-size:0;block-size:var(--qs-control-height);margin:0}.qs-app .qs-inline-info-link{justify-self:start;padding:2px 0;border:0;background:#fff0;color:var(--qs-accent,#2d6fa3);font:inherit;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.qs-app .qs-match-export-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block-start:7px}.qs-app .qs-match-export-actions>.qs-button{inline-size:100%;min-inline-size:0}.qs-app .qs-color-match-next{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:10px;margin-block-start:18px}.qs-app .qs-color-match-next>.qs-help{grid-column:1 / -1;margin:0;max-inline-size:58ch}.qs-app .qs-color-match-next>.qs-button{grid-column:1;inline-size:100%}@media (max-width:900px){.qs-app .qs-match-export-actions,.qs-app .qs-color-match-next{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.qs-app .qs-color-match-controls{grid-template-columns:1fr;grid-template-rows:auto}.qs-app .qs-color-match-start-field,.qs-app .qs-color-match-vibe-field,.qs-app .qs-color-match-background-field{grid-column:1;grid-row:auto}}@media (max-width:576px){.qs-app .qs-match-export-actions,.qs-app .qs-color-match-next{grid-template-columns:1fr}.qs-app .qs-color-match-field{grid-template-rows:auto auto}.qs-app .qs-color-match-input-group{grid-template-columns:72px 42px minmax(0,1fr);grid-template-areas:"swatch input input" "swatch eye edit";block-size:auto}.qs-app .qs-color-match-input-group>.qs-match-control-swatch{grid-area:swatch;align-self:stretch;inline-size:72px;min-inline-size:72px;block-size:100%;min-block-size:96px}.qs-app .qs-color-match-input-group>.qs-match-text-input{grid-area:input}.qs-app .qs-color-match-input-group>.qs-eyedropper{grid-area:eye}.qs-app .qs-color-match-input-group>.qs-button:not(.qs-eyedropper){grid-area:edit;inline-size:100%}}@media (max-width:480px){.qs-app .qs-color-match-input-group{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"swatch input" "swatch edit"}}.qs-app .qs-match-typography-control{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;inline-size:min(320px, 100%);margin-top:14px;font-weight:700}.qs-app .qs-match-typography-control select{inline-size:100%}.qs-app .qs-color-match-composition,.qs-app .qs-color-match-composition p{font-family:var(--qm-body-font,system-ui,sans-serif);font-weight:var(--qm-body-weight,400)}.qs-app .qs-color-match-composition p{font-size:var(--qm-body-size,16px)}.qs-app .qs-color-match-composition button{font-family:var(--qm-body-font,system-ui,sans-serif);font-size:var(--qm-button-size,15px);font-weight:var(--qm-button-weight,600)}.qs-app .qs-color-match-composition .qs-match-demo-heading{display:block;max-inline-size:20ch;margin:0;color:var(--qm-text);font-family:var(--qm-heading-font,system-ui,sans-serif);font-size:clamp(27px, calc(var(--qm-heading-size, 25px) * 1.12), 44px);font-weight:var(--qm-heading-weight,700);line-height:1.08}.qs-app .qs-converter-input-field{align-content:start}.qs-app .qs-converter-input-row{display:grid;grid-template-columns:minmax(0,1fr) 42px max-content;align-items:center;gap:10px;min-inline-size:0}.qs-app .qs-converter-input-row>input{inline-size:100%;min-inline-size:0;block-size:44px}.qs-app .qs-converter-input-row>.qs-button:not(.qs-eyedropper){inline-size:auto;min-inline-size:104px;block-size:44px}@media (max-width:480px){.qs-app .qs-converter-input-row{grid-template-columns:minmax(0,1fr) max-content}}.qs-app .qs-converter-editor-button,.qs-tool[data-qolorio-tool="converter"] [data-tool-action="edit-converter"]{min-block-size:var(--qs-control-height);border-color:var(--qs-border,#cbd5df);background:#fff;color:var(--qs-text,#171a1d);box-shadow:none;font:inherit;font-weight:700}.qs-tool[data-qolorio-tool="converter"] [data-conversion-values]>.qs-more-formats{background:#fff}.qs-app .qs-color-names-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.qs-app .qs-color-names-controls>label,.qs-app .qs-color-names-controls :where(input,select){min-inline-size:0;inline-size:100%}.qs-app .qs-color-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px}.qs-name-finder-input{display:grid;gap:7px;max-inline-size:900px;margin-block-end:18px;font-weight:750}.qs-name-finder-input-row{display:grid;grid-template-columns:minmax(0,1fr) var(--qs-control-height) max-content max-content;align-items:stretch;gap:8px}.qs-name-finder-color-field{position:relative;display:block;min-inline-size:0}.qs-name-finder-input-row :where(input,.qs-button){box-sizing:border-box;min-block-size:var(--qs-control-height);block-size:var(--qs-control-height);margin:0}.qs-name-finder-input-row input{inline-size:100%;min-inline-size:0;padding-inline-end:42px;border-width:1px}.qs-name-finder-input-row input:focus{border-width:1px}.qs-name-finder-input-row .qs-eyedropper{inline-size:var(--qs-control-height);min-inline-size:var(--qs-control-height);padding:6px}.qs-name-finder-clear{position:absolute;inset-block:0;inset-inline-end:0;display:grid;inline-size:40px;padding:0;place-items:center;border:0;background:#fff0;color:var(--qs-muted);font:inherit;font-size:24px;line-height:1}.qs-name-finder-clear:hover,.qs-name-finder-clear:focus-visible{color:var(--qs-text)}.qs-name-finder-result{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);overflow:hidden;border:1px solid var(--qs-border);border-radius:var(--qs-radius-lg);background:var(--qs-surface)}.qs-name-finder-hero{display:grid;min-block-size:280px;padding:clamp(20px, 4vw, 34px);align-content:end;background:var(--qs-name-finder-color,#6C5CE7);color:var(--qs-name-finder-ink,#fff);gap:7px}.qs-name-finder-label{font-size:13px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.qs-name-finder-hero strong{font-size:clamp(30px, 5vw, 52px);line-height:1.02}.qs-name-finder-hero code,.qs-name-finder-hero p{margin:0}.qs-name-finder-hero p{max-inline-size:55ch;line-height:1.45}.qs-name-finder-hero .qs-file-actions{margin-block-start:11px}.qs-name-finder-facts{display:grid;align-content:center;margin:0;padding:clamp(20px, 4vw, 34px);gap:18px}.qs-name-finder-facts div{display:grid;gap:4px}.qs-name-finder-facts :where(dt,dd){margin:0}.qs-name-finder-facts dt{color:var(--qs-muted);font-size:13px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.qs-name-finder-facts dd{min-inline-size:0;overflow-wrap:anywhere;font-size:18px;font-weight:750}.qs-name-finder-facts small{display:block;margin-block-start:3px;color:var(--qs-muted);font-size:14px;font-weight:600}.qs-name-finder-similar{margin-block-start:28px}.qs-name-finder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.qs-name-finder-option{display:grid;min-inline-size:0;padding:0;overflow:hidden;border:1px solid var(--qs-border);border-radius:14px;background:var(--qs-surface);color:var(--qs-text);text-align:start}.qs-name-finder-option:hover,.qs-name-finder-option:focus-visible{border-color:var(--qs-accent);box-shadow:0 0 0 3px var(--qs-accent-soft)}.qs-name-finder-option-swatch{display:block;min-block-size:92px;background:var(--qs-name-option)}.qs-name-finder-option-copy{display:grid;min-inline-size:0;padding:11px;gap:3px}.qs-name-finder-option-copy strong,.qs-name-finder-option-copy small{overflow-wrap:anywhere}.qs-name-finder-option-copy small{color:var(--qs-muted);font-size:13px}@media (max-width:960px) and (min-width:781px){.qs-tool[data-qolorio-tool="name-finder"] .qs-name-finder-hero .qs-file-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}.qs-tool[data-qolorio-tool="name-finder"] .qs-name-finder-hero .qs-file-actions>.qs-button{inline-size:100%}.qs-tool[data-qolorio-tool="name-finder"] [data-tool-action="name-finder-studio"]{grid-column:1 / -1}}@media (max-width:812px){.qs-color-editor .qs-wheel-keyboard-controls{grid-template-columns:1fr}.qs-color-editor .qs-range-line{display:grid;grid-template-columns:minmax(0,1fr) auto}}@media (max-width:780px){.qs-name-finder-result{grid-template-columns:1fr}.qs-name-finder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qs-tool[data-qolorio-tool="name-finder"] .qs-name-finder-hero .qs-file-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}.qs-tool[data-qolorio-tool="name-finder"] .qs-name-finder-hero .qs-file-actions>.qs-button{inline-size:100%}.qs-tool[data-qolorio-tool="name-finder"] [data-tool-action="name-finder-studio"]{grid-column:auto}}@media (max-width:560px){.qs-name-finder-input-row{grid-template-columns:minmax(0,1fr) var(--qs-control-height) max-content}.qs-name-finder-input-row [data-tool-action="find-name"]{grid-column:1 / -1;inline-size:100%}.qs-name-finder-input .qs-help{font-size:13px;line-height:1.4}.qs-tool[data-qolorio-tool="name-finder"] .qs-name-finder-hero .qs-file-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:40px}.qs-tool[data-qolorio-tool="name-finder"] [data-tool-action="name-finder-studio"]{grid-column:1 / -1}}@media (max-width:470px){.qs-name-finder-input-row{grid-template-columns:1fr}.qs-name-finder-input-row .qs-eyedropper{display:none}.qs-name-finder-input-row :where(.qs-name-finder-color-field,.qs-button){inline-size:100%}.qs-name-finder-input-row [data-tool-action="find-name"]{grid-column:auto}}@media (max-width:312px){.qs-name-finder-hero{padding-inline:16px}.qs-tool[data-qolorio-tool="name-finder"] .qs-name-finder-hero .qs-file-actions{gap:6px}.qs-tool[data-qolorio-tool="name-finder"] .qs-name-finder-hero .qs-file-actions>.qs-button{min-block-size:38px;block-size:auto;padding:8px;font-size:13px;line-height:1.2;overflow-wrap:anywhere;white-space:normal}.qs-name-finder-facts{padding-inline:16px}.qs-name-finder-facts dd{font-size:16px}}@media (max-width:680px){.qs-app .qs-color-names-controls,.qs-app .qs-color-name-grid{grid-template-columns:1fr}}.qs-wheel-column{min-inline-size:0}.qs-wheel-keyboard-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block-start:12px}.qs-explorer .qs-wheel-keyboard-controls{grid-template-columns:1fr}.qs-wheel-keyboard-controls label{min-inline-size:0;gap:2px}.qs-wheel-keyboard-controls .qs-range-line{margin-block-start:2px}.qs-preview-inspector-picker{display:grid;gap:6px;margin-block:16px 12px}.qs-preview-inspector-picker label{display:grid;gap:6px;font-weight:750}.qs-preview-inspector-picker .qs-help{margin:0}@media (max-width:560px){.qs-wheel-keyboard-controls,.qs-explorer .qs-wheel-keyboard-controls{grid-template-columns:1fr}}.qs-app h1.qs-kicker{display:block!important;margin:0 0 5px!important;color:var(--qs-accent)!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;letter-spacing:.11em!important;line-height:1.25!important;text-transform:uppercase!important}.qs-palette-section{margin-block-start:28px;padding-block-start:20px;border-block-start:3px solid var(--qs-border-strong)}.qs-saved-project-notice{display:grid;grid-template-columns:1fr;border-color:var(--qs-border-strong);background:#fff;color:var(--qs-text);cursor:pointer}.qs-saved-project-notice>div:first-child{grid-column:1 / -1}.qs-saved-project-notice strong{color:var(--qs-text)}.qs-saved-project-actions{justify-content:flex-start}.qs-menu-panel .qs-project-import-button{inline-size:100%;justify-content:flex-start}.qs-saved-project-notice .qs-danger{color:var(--qs-danger);border-color:color-mix(in srgb,var(--qs-danger) 38%,var(--qs-border))}.qs-color-match-copy{display:grid;align-content:start;gap:4px}.qs-color-match-copy>p{margin-block-start:3px}.qs-image-marker.is-near-top .qs-image-marker-number{inset-block-start:auto;inset-block-end:-12px}.qs-image-marker.is-near-right .qs-image-marker-number{inset-inline-start:auto;inset-inline-end:calc(50% + 10px);transform:translateX(10%)}.qs-name-finder-aliases,.qs-name-finder-aliases li{list-style:none!important}.qs-name-finder-aliases li{display:block;text-transform:capitalize}.qs-name-finder-aliases li::before{content:none!important}@media (max-width:900px){.qs-tool[data-qolorio-tool="charts"] .qs-scroll-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.qs-tool[data-qolorio-tool="charts"] .qs-scroll-tabs button{flex:0 0 min(72vw, 220px);min-inline-size:min(72vw, 220px);white-space:normal;scroll-snap-align:start}}.qs-app[aria-busy="true"]{position:relative;min-block-size:180px}.qs-tool-loading{display:none;align-items:center;justify-content:center;gap:10px;color:var(--qs-muted);font-size:14px;font-weight:750}.qs-tool-loading>span{inline-size:22px;block-size:22px;border:3px solid color-mix(in srgb,var(--qs-accent) 22%,transparent);border-block-start-color:var(--qs-accent);border-radius:50%;animation:qs-tool-spinner .7s linear infinite}.qs-app[aria-busy="true"]>:not(.qs-tool-loading){visibility:hidden!important}.qs-app[aria-busy="true"]>.qs-tool-loading{position:absolute;z-index:5;inset:0;display:flex}@keyframes qs-tool-spinner{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.qs-tool-loading>span{animation-duration:1.8s}}@media (min-width:681px){.qs-swatch-body .qs-card-title h3{font-size:20px}}.qs-source-palette-state{border-inline-start:4px solid var(--qs-accent);box-shadow:0 1px 0 color-mix(in srgb,var(--qs-text) 11%,transparent)}.qs-saved-project-notice{position:fixed;z-index:120;inset:auto 20px 20px auto;inline-size:min(530px, calc(100vw - 40px));margin:0;box-shadow:0 14px 34px rgb(17 24 39 / .18)}.qs-saved-project-notice .qs-button{min-block-size:38px}@media (max-width:680px){.qs-saved-project-notice{inset:auto 12px 12px;inline-size:auto}}.qs-tool[data-qolorio-tool="charts"] .qs-scroll-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin-block-end:18px;padding:5px;border:1px solid var(--qs-border);border-radius:var(--qs-radius);background:var(--qs-surface-strong);gap:4px}.qs-tool[data-qolorio-tool="charts"] .qs-scroll-tabs button{min-inline-size:0;min-block-size:44px;padding:8px 10px;border:1px solid #fff0;border-radius:var(--qs-radius-sm);background:#fff0;color:var(--qs-muted);font-weight:700}.qs-tool[data-qolorio-tool="charts"] .qs-scroll-tabs button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--qs-border-strong) 70%,var(--qs-text));border-block-end-color:color-mix(in srgb,var(--qs-border-strong) 70%,var(--qs-text));background:#fff;color:var(--qs-accent-hover);box-shadow:0 2px 6px rgb(23 25 31 / .08)}@media (max-width:680px){.qs-tool[data-qolorio-tool="charts"] .qs-scroll-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.qs-tool[data-qolorio-tool="charts"] .qs-scroll-tabs button{flex:0 0 min(38vw, 128px);scroll-snap-align:start}}.qs-color-match-copy>small{color:var(--qs-text);font-size:14px;font-weight:850;letter-spacing:.02em}.qs-color-match-card>.qs-button.qs-button-ghost{background:#fff}.qs-color-name-card .qs-name-swatch>strong{font-size:20px}.qs-vision-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px) and (min-width:641px){.qs-vision-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:338px){.qs-vision-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:240px){.qs-vision-swatches{grid-template-columns:1fr}}.qs-name-finder-aliases{display:grid;margin:0;padding:0;gap:4px;list-style:none}.qs-name-finder-aliases li::before{content:"•";margin-inline-end:7px;color:var(--qs-accent)}.qs-studio-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:24px;row-gap:14px;margin-block-end:5px}.qs-studio-heading{display:grid;min-inline-size:0;align-content:end;justify-items:start;gap:4px;text-align:left}.qs-studio-heading h1{margin:0;color:var(--qs-text);font-size:30px;line-height:1.15}.qs-studio-tagline,.qs-studio-intro,.qs-studio-tools-link{margin:0;text-align:left}.qs-studio-tagline{color:var(--qs-accent-hover);font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.35}.qs-studio-intro{color:var(--qs-text);font-size:16px;line-height:1.5}.qs-studio-tools-link{margin-block-start:4px;color:var(--qs-accent);font-size:14px;font-weight:600;text-decoration-thickness:1.5px;text-underline-offset:.18em}.qs-studio-tools-link:hover,.qs-studio-tools-link:focus-visible{color:var(--qs-accent-hover)}.qs-studio-header .qs-history{align-self:end;justify-self:end;position:sticky;z-index:40;inset-block-start:10px;padding:6px;border:1px solid var(--qs-border);border-radius:12px;background:var(--qs-surface);box-shadow:none}@media (max-width:680px){.qs-studio-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;row-gap:10px}.qs-studio-heading{gap:4px}.qs-studio-heading h1{font-size:28px;white-space:normal}.qs-studio-tagline{font-size:17px}.qs-studio-header .qs-history{justify-self:end;align-self:end}}@media (max-width:519px){.qs-studio-header{grid-template-columns:minmax(0,1fr);row-gap:10px}.qs-studio-header .qs-history{justify-self:end;align-self:end}}@media (max-width:380px){.qs-source-palette-state{align-items:stretch;flex-direction:column}.qs-source-palette-state>.qs-restore-source-palette-button{inline-size:100%;min-inline-size:0;white-space:normal;overflow-wrap:anywhere}.qs-method-panel[data-method-panel="color"] .qs-create-color-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto}.qs-method-panel[data-method-panel="color"] .qs-create-color-layout>.qs-base-swatch{grid-column:1;grid-row:1;min-block-size:150px}.qs-method-panel[data-method-panel="color"] .qs-base-color-field{grid-column:1;grid-row:2}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"input" "name" "help" "drop" "edit"}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row>.qs-eyedropper,.qs-method-panel[data-method-panel="color"] .qs-base-edit-button{inline-size:100%;min-inline-size:0;white-space:normal;overflow-wrap:anywhere}.qs-swatch-visual{padding-block-start:52px}.qs-card-markers{padding-inline-end:0}.qs-base-marker,.qs-selected-marker{min-inline-size:0;white-space:normal;overflow-wrap:anywhere}.qs-method-panel[data-method-panel="color"] .qs-color-generator-controls{grid-column:1;grid-row:3;gap:10px}.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{grid-column:1;grid-row:4}.qs-method-panel[data-method-panel="color"] .qs-guidance-details{grid-column:1;grid-row:5}.qs-method-panel[data-method-panel="color"] .qs-count-guidance{overflow-wrap:anywhere;font-size:13px}.qs-app .qs-surprise-panel,.qs-app .qs-surprise-panel>*{min-inline-size:0;max-inline-size:100%}.qs-app .qs-surprise-panel :where(p,h3){overflow-wrap:anywhere}.qs-app .qs-surprise-spectrum{inline-size:100%;min-inline-size:0;max-inline-size:100%}.qs-app .qs-surprise-spectrum i{min-inline-size:0}.qs-app .qs-surprise-panel>.qs-file-actions{margin-block:0}.qs-app .qs-mixer-source-input{grid-template-columns:minmax(0,1fr)}.qs-app .qs-mixer-source-actions{grid-template-columns:42px minmax(0,1fr)}}.qs-match-background-zone>:not(.qs-match-background-shapes){position:relative;z-index:1}@media (max-width:420px){.qs-match-background-zone{min-block-size:0;padding-block-end:154px}.qs-match-background-shapes{inset-inline:18px;inset-block-end:18px;gap:8px}}.qs-studio .qs-home-instructions{margin:0;font-size:14px}.qs-studio .qs-home-instructions a{color:#28618f;text-decoration:underline;text-underline-offset:.15em}.qs-studio .qs-home-instructions a:focus-visible{outline:3px solid #28618f;outline-offset:3px}.qs-studio [data-current-palette][hidden]{display:none!important}#color-studio-instructions{scroll-margin-block-start:24px}@media (min-width:601px) and (max-width:760px){.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{inline-size:100%;max-inline-size:100%;min-block-size:44px;block-size:auto;padding:10px 12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}}@media (max-width:600px){.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{min-block-size:44px;block-size:auto;padding:10px 12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}}@media (min-width:350px) and (max-width:760px){.qs-create-role-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));inline-size:100%}.qs-create-role-actions>.qs-button{inline-size:100%;min-inline-size:0;padding-inline:7px;white-space:normal;overflow-wrap:anywhere}}@media (max-width:349px){.qs-create-role-row{grid-template-columns:minmax(0,1fr);gap:9px}.qs-create-role-row>.qs-create-role-swatch,.qs-create-role-row>.qs-create-role-copy,.qs-create-role-row>.qs-create-role-actions{grid-column:1}.qs-create-role-row>.qs-create-role-copy,.qs-create-role-row>.qs-create-role-actions{inline-size:100%}.qs-create-role-copy{grid-template-columns:minmax(0,1fr)}.qs-create-role-copy>:is(strong,span,code,.qs-role-state){grid-column:1;min-inline-size:0}.qs-create-role-actions{display:grid;grid-template-columns:minmax(0,1fr)}.qs-create-role-actions>.qs-button{inline-size:100%;min-inline-size:0;white-space:normal;overflow-wrap:anywhere}}.qs-app .qs-mixer-source-actions>.qs-button:not(.qs-eyedropper){min-inline-size:0;min-block-size:44px;block-size:auto;padding:9px 8px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.qs-workflow-lock-note{margin:7px 4px 0;color:var(--qs-muted);font-size:13px;line-height:1.4}.qs-workflow-lock-note[hidden]{display:none}.qs-app .qs-tabs button:disabled{border-color:var(--qs-border);background:var(--qs-surface-alt);color:#737d86;cursor:not-allowed;opacity:.72}.qs-app .qs-tabs button:disabled::before,.qs-app .qs-tabs button:disabled::after{border-color:var(--qs-border);color:#879099}.qs-method-panel[data-method-panel="color"] .qs-generation-guidance{grid-column:2;grid-row:3;display:grid;inline-size:100%;min-inline-size:0;gap:8px}.qs-method-panel[data-method-panel="color"] .qs-generation-guidance .qs-guidance-details{grid-column:auto;grid-row:auto;inline-size:100%;min-inline-size:0;margin:0}.qs-method-panel[data-method-panel="color"] .qs-generation-guidance .qs-guidance-details ul{margin:8px 0 0;padding-inline-start:20px}.qs-method-panel[data-method-panel="color"] .qs-generation-guidance .qs-guidance-details li{list-style-position:outside}.qs-method-panel[data-method-panel="color"] .qs-generation-guidance .qs-guidance-details li+li{margin-block-start:4px}.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{grid-column:2;grid-row:4;inline-size:100%;max-inline-size:100%;min-block-size:44px;block-size:auto;padding:10px 12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row>.qs-button.qs-base-edit-button{min-inline-size:0;max-inline-size:100%;padding-inline:10px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}@media (min-width:436px) and (max-width:600px){.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row{grid-template-columns:minmax(0,1fr) 44px max-content;grid-template-areas:"input drop edit" "name name name" "help help help"}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row>.qs-button.qs-base-edit-button{inline-size:auto}}@media (max-width:435px){.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"input input" "name name" "help help" "drop edit"}.qs-method-panel[data-method-panel="color"] .qs-base-color-input-row>.qs-button.qs-base-edit-button{inline-size:100%;justify-self:stretch}}@media (max-width:600px){.qs-method-panel[data-method-panel="color"] .qs-generation-guidance{grid-column:1 / -1;grid-row:3}.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{grid-column:1 / -1;grid-row:4}}@media (max-width:380px){.qs-method-panel[data-method-panel="color"] .qs-generation-guidance{grid-column:1;grid-row:4}.qs-method-panel[data-method-panel="color"] .qs-generate-palette-button{grid-column:1;grid-row:5}}.qs-palette{align-items:stretch}.qs-swatch-card,.qs-palette .qs-swatch-card{display:flex;block-size:100%;flex-direction:column}.qs-swatch-body{display:flex;flex:1 1 auto;flex-direction:column}.qs-card-role-block{flex:1 1 auto;align-content:start}.qs-card-actions{margin-block-start:auto}.qs-app .qs-preview [data-semantic-component="inverseBrandMark"],.qs-app .qs-preview .qp-qolorio-wordmark[data-semantic-component="inverseBrandMark"]:hover:not(.is-preview-hover-state),.qs-app .qs-preview .qp-qolorio-wordmark[data-semantic-component="inverseBrandMark"].is-preview-hover-state{color:var(--qp-text-on-inverse)}.qs-app .qs-preview .qp-qolorio-wordmark[data-semantic-component="inverseBrandMark"],.qs-app .qs-preview .qp-qolorio-wordmark[data-semantic-component="inverseBrandMark"]:hover:not(.is-preview-hover-state),.qs-app .qs-preview .qp-qolorio-wordmark[data-semantic-component="inverseBrandMark"].is-preview-hover-state{background:var(--qp-text-on-inverse);color:#fff0}