.qpal-app{--qpal-font:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;--qpal-font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--qpal-bg:#ffffff;--qpal-surface:#f7f9fb;--qpal-surface-strong:#edf4f8;--qpal-text:#171a1d;--qpal-muted:#5c6670;--qpal-border:#d9e0e6;--qpal-border-strong:#aeb8c2;--qpal-accent:#28618f;--qpal-accent-hover:#214f75;--qpal-accent-soft:#edf4f8;--qpal-danger:#b42318;--qpal-focus:#0a0a0a;--qpal-radius-sm:8px;--qpal-radius:14px;--qpal-radius-lg:22px;--qpal-shadow:0 14px 36px rgba(23, 25, 31, 0.08);--qpal-control:44px;position:relative;inline-size:min(100%, 1320px);min-inline-size:0;margin-inline:auto;overflow:clip;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius-lg);background:var(--qpal-bg);box-shadow:var(--qpal-shadow);color:var(--qpal-text);font-family:var(--qpal-font);font-size:16px;line-height:1.5}.qpal-loading{display:none;min-block-size:320px;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--qpal-text);font-size:14px;font-weight:750}.qpal-loading span{inline-size:22px;block-size:22px;border:3px solid color-mix(in srgb,var(--qpal-accent) 22%,transparent);border-top-color:var(--qpal-accent);border-radius:50%;animation:qpal-spin .7s linear infinite}.qpal-app[aria-busy="true"]{position:relative;min-block-size:420px}.qpal-app[aria-busy="true"]>:not(.qpal-loading){visibility:hidden!important}.qpal-app[aria-busy="true"]>.qpal-loading{position:absolute;z-index:5;inset:0;display:flex;min-block-size:0}.qpal-app h1.qpal-kicker{display:block!important;margin:0 0 5px!important;color:var(--qpal-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}.qpal-app>.qpal-loading{display:none}.qpal-app[aria-busy="true"]>.qpal-loading{display:flex;min-block-size:420px}@keyframes qpal-spin{to{transform:rotate(1turn)}}.qpal-app,.qpal-app *,.qpal-app *::before,.qpal-app *::after{box-sizing:border-box}.qpal-app [hidden]{display:none}.qpal-app :where(button,input,select,textarea){color:inherit;font:inherit;letter-spacing:inherit}.qpal-app :where(button){box-sizing:border-box;line-height:1.25;transform:none;text-transform:none;-webkit-appearance:none;appearance:none}.qpal-app :where(button):hover,.qpal-app :where(button):focus,.qpal-app :where(button):active{transform:none}.qpal-app :where(button,select,input[type="color"],input[type="file"],input[type="checkbox"],input[type="radio"]){cursor:pointer}.qpal-app :where(button,input,select,textarea):focus-visible{outline:3px solid color-mix(in srgb,var(--qpal-focus) 75%,transparent);outline-offset:2px}.qpal-app :where(button,input,select):disabled{cursor:not-allowed;opacity:.46}.qpal-app :where(h2,h3,h4,p){margin-block-start:0}.qpal-app :where(img,canvas,svg){display:block;max-inline-size:100%}.qpal-app h2{margin-block-end:0;font-size:clamp(18px, 2.5vw, 24px);line-height:1.15;letter-spacing:-.035em}.qpal-app h3{margin-block-end:6px;font-size:17px;line-height:1.3}.qpal-app h4{margin-block-end:6px;font-size:16px;line-height:1.3}.qpal-app p{margin-block-end:12px}.qpal-app :where(code,kbd,tt,var){font-size:1em}.qpal-app code{font-family:var(--qpal-font-mono)}.qpal-skip{position:absolute;z-index:100;inset-block-start:8px;inset-inline-start:8px;translate:0 -160%;padding:10px 14px;border-radius:var(--qpal-radius-sm);background:var(--qpal-text);color:#fff}.qpal-skip:focus{translate:0}.qpal-kicker{display:block;margin-block-end:5px;color:var(--qpal-accent);font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.qpal-help,.qpal-app small{color:var(--qpal-muted);font-size:14px}.qpal-header{display:flex;align-items:end;justify-content:space-between;min-block-size:104px;padding:20px clamp(16px, 3vw, 34px);border-block-end:1px solid var(--qpal-border);gap:20px}.qpal-header p{margin:7px 0 0;color:var(--qpal-muted)}.qpal-header-actions{display:flex;min-inline-size:0;align-items:center;justify-content:flex-end;gap:10px}@media (max-width:1020px) and (min-width:701px){.qpal-header{flex-wrap:wrap;align-items:start}.qpal-header>div:first-child{min-inline-size:0;flex:1 1 280px}.qpal-header-actions{flex:1 1 100%;justify-content:space-between}.qpal-tabs{flex:1 1 auto;min-inline-size:0}.qpal-app .qpal-tabs button{flex:1 1 0%;min-inline-size:0;white-space:normal}.qpal-app .qpal-button.qpal-reset{flex:0 0 auto;margin-inline-start:0}}.qpal-tabs{display:flex;align-items:center;gap:10px;padding:0;border:0;background:#fff0}.qpal-app .qpal-tabs button{min-block-size:46px;padding:9px 16px;border:1px solid var(--qpal-border-strong);border-radius:10px;background:#fff;color:var(--qpal-text);font-weight:800;text-align:center;box-shadow:none}.qpal-app .qpal-tabs button:hover:not([aria-pressed="true"]){border-color:var(--qpal-accent);background:var(--qpal-accent-soft);color:var(--qpal-accent-hover)}.qpal-app .qpal-tabs button[aria-pressed="true"]{border-color:var(--qpal-accent);background:var(--qpal-accent);color:#fff}.qpal-app .qpal-main{min-block-size:620px;padding:clamp(18px, 3vw, 36px);outline:none}.qpal-view{animation:qpal-fade 160ms ease-out}.qpal-section-heading{display:flex;align-items:end;justify-content:space-between;margin-block-end:22px;gap:18px}.qpal-section-heading p{max-inline-size:68ch;margin:7px 0 0;color:var(--qpal-muted)}.qpal-loading,.qpal-error,.qpal-empty{display:grid;min-block-size:380px;place-content:center;justify-items:center;padding:30px;text-align:center;color:var(--qpal-muted)}.qpal-spinner{inline-size:22px;block-size:22px;margin-block-end:8px;border:3px solid color-mix(in srgb,var(--qpal-accent) 22%,transparent);border-block-start-color:var(--qpal-accent);border-radius:50%;animation:qpal-spin .7s linear infinite}.qpal-app .qpal-button,.qpal-app :where(input[type="text"],input[type="search"],input[type="number"],select){min-block-size:var(--qpal-control);border:1px solid var(--qpal-border);border-radius:var(--qpal-radius-sm);background:#fff}.qpal-app .qpal-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:none}.qpal-app .qpal-button:hover:not(:disabled),.qpal-app .qpal-button:focus:not(:disabled),.qpal-app .qpal-button:active:not(:disabled){border-width:1px;border-color:var(--qpal-accent);background:var(--qpal-accent-soft);color:var(--qpal-accent-hover)}.qpal-app .qpal-button-primary{border-width:1px;border-color:var(--qpal-accent);background:var(--qpal-accent);color:#fff}.qpal-app .qpal-button-primary:hover:not(:disabled),.qpal-app .qpal-button-primary:focus:not(:disabled),.qpal-app .qpal-button-primary:active:not(:disabled){border-width:1px;border-color:var(--qpal-accent-hover);background:var(--qpal-accent-hover);color:#fff}.qpal-app .qpal-button-small{min-block-size:40px;padding-inline:10px;font-size:14px}.qpal-button-small{min-block-size:40px;padding-inline:10px;font-size:14px}.qpal-app .qpal-button-danger{border-color:var(--qpal-danger);background:#fff;color:var(--qpal-danger)}.qpal-app .qpal-button-danger:hover:not(:disabled),.qpal-app .qpal-button-danger:focus:not(:disabled),.qpal-app .qpal-button-danger:active:not(:disabled){border-color:var(--qpal-danger);background:#fff0ee;color:var(--qpal-danger)}.qpal-app .qpal-button.qpal-reset{inline-size:auto;min-inline-size:0;min-block-size:0;margin-inline-start:8px;padding:3px 0;border:0;border-radius:0;background:#fff0;color:var(--qpal-danger);box-shadow:none;font-size:14px;font-weight:700}.qpal-app .qpal-button.qpal-reset:hover:not(:disabled),.qpal-app .qpal-button.qpal-reset:focus:not(:disabled),.qpal-app .qpal-button.qpal-reset:active:not(:disabled){border:0;background:#fff0;color:#8f1c14;box-shadow:none}.qpal-app .qpal-button.qpal-reset:focus-visible{outline:2px solid var(--qpal-focus);outline-offset:3px}.qpal-app .qpal-card-open:hover,.qpal-app .qpal-card-open:focus,.qpal-app .qpal-card-open:active{background:#fff0;color:inherit;box-shadow:none}.qpal-app .qpal-favorite:hover:not(.is-active),.qpal-app .qpal-favorite:focus:not(.is-active){border-color:#fff0;background:#fff0;color:var(--qpal-text)}.qpal-app .qpal-favorite.is-active,.qpal-app .qpal-favorite.is-active:hover,.qpal-app .qpal-favorite.is-active:focus,.qpal-app .qpal-favorite.is-active:active{border-color:#fff0;background:#fff0;color:var(--qpal-text)}.qpal-app button.qpal-swatch:hover,.qpal-app button.qpal-swatch:focus-visible,.qpal-app button.qpal-swatch:active{position:relative;z-index:1;background:var(--qpal-swatch);box-shadow:inset 0 0 0 3px var(--qpal-text)}.qpal-app .qpal-proportion:hover,.qpal-app .qpal-proportion:focus,.qpal-app .qpal-proportion:active{background:var(--qpal-swatch);color:var(--qpal-ink);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--qpal-ink) 45%,transparent)}.qpal-app .qpal-program:hover:not(.is-active),.qpal-app .qpal-program:focus:not(.is-active){border-color:var(--qpal-accent);background:var(--qpal-accent-soft);color:var(--qpal-accent-hover)}.qpal-app .qpal-program.is-active,.qpal-app .qpal-program.is-active:hover,.qpal-app .qpal-program.is-active:focus,.qpal-app .qpal-program.is-active:active{border-color:var(--qpal-accent);background:var(--qpal-accent-soft);color:var(--qpal-accent)}.qpal-app button.qpal-dialog-close:hover,.qpal-app button.qpal-dialog-close:focus-visible{border-color:var(--qpal-accent);background:var(--qpal-accent-soft);color:var(--qpal-accent-hover)}.qpal-field{display:grid;min-inline-size:0;align-content:start;gap:6px;color:var(--qpal-text);font-size:15px;font-weight:700}.qpal-field :where(input,select){inline-size:100%;min-inline-size:0;padding-inline:11px;color:var(--qpal-text);font-size:15px;font-weight:500}.qpal-count-combo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 42px;inline-size:100%;min-inline-size:0;block-size:var(--qpal-control);min-block-size:var(--qpal-control);border:1px solid var(--qpal-border);border-radius:var(--qpal-radius-sm);background:#fff}.qpal-count-combo:focus-within{border-color:var(--qpal-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--qpal-accent) 18%,transparent)}.qpal-app .qpal-count-combo>.qpal-count-input{inline-size:100%;min-inline-size:0;block-size:calc(var(--qpal-control) - 2px);min-block-size:calc(var(--qpal-control) - 2px);margin:0;padding:9px 12px;border:0;border-radius:calc(var(--qpal-radius-sm) - 1px) 0 0 calc(var(--qpal-radius-sm) - 1px);outline:0;box-shadow:none;background:#fff0;color:var(--qpal-text);font:inherit;font-size:15px;font-weight:500;appearance:textfield}.qpal-count-combo .qpal-count-input::-webkit-inner-spin-button,.qpal-count-combo .qpal-count-input::-webkit-outer-spin-button{margin:0;appearance:none}.qpal-count-toggle{display:grid;inline-size:42px;min-inline-size:42px;block-size:calc(var(--qpal-control) - 2px);min-block-size:calc(var(--qpal-control) - 2px);margin:0;padding:0;border:0;border-inline-start:1px solid var(--qpal-border);border-radius:0 calc(var(--qpal-radius-sm) - 1px) calc(var(--qpal-radius-sm) - 1px) 0;background:#fff;color:var(--qpal-text);font-size:18px;line-height:1;place-items:center;cursor:pointer}.qpal-count-toggle:hover,.qpal-count-toggle:focus-visible,.qpal-count-toggle[aria-expanded="true"]{background:var(--qpal-accent-soft);color:var(--qpal-accent-hover);outline:0}.qpal-count-menu{position:absolute;z-index:80;inset-block-start:calc(100% + 5px);inset-inline:0;max-block-size:300px;padding:5px;overflow-y:auto;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius-sm);box-shadow:0 12px 28px rgb(17 24 39 / .16);background:#fff}.qpal-count-menu[hidden]{display:none}.qpal-count-menu>[data-count-option]{display:block;inline-size:100%;min-block-size:34px;padding:6px 10px;border:0;border-radius:7px;background:#fff0;color:var(--qpal-text);text-align:start;cursor:pointer}.qpal-count-menu>[data-count-option]:hover,.qpal-count-menu>[data-count-option]:focus-visible,.qpal-count-menu>[data-count-option][aria-selected="true"]{background:var(--qpal-accent-soft);color:var(--qpal-accent-hover);outline:0}.qpal-checkbox{display:flex;min-block-size:var(--qpal-control);align-items:center;align-self:end;gap:8px;font-size:15px;font-weight:700;white-space:nowrap}.qpal-checkbox input{inline-size:20px;block-size:20px;accent-color:var(--qpal-accent)}.qpal-app .qpal-filter-toggle{display:none}.qpal-filters{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;margin-block-end:18px;gap:10px}.qpal-filters>.qpal-field,.qpal-filter-reset-field{grid-template-rows:1.25em var(--qpal-control);align-self:stretch;gap:5px}.qpal-filters>.qpal-field>:where(input,select),.qpal-filters>.qpal-field>.qpal-search-control,.qpal-filters>.qpal-field>.qpal-count-combo,.qpal-filter-reset-field>.qpal-filter-reset{block-size:var(--qpal-control);min-block-size:var(--qpal-control)}.qpal-filter-reset-field>.qpal-filter-reset-label{display:block;min-block-size:1.25em;visibility:hidden;line-height:1.25;user-select:none}.qpal-app .qpal-filter-reset{inline-size:100%;block-size:var(--qpal-control);min-block-size:var(--qpal-control);margin:0;padding-block:0;align-self:stretch;justify-self:stretch;font-size:15px}.qpal-favorites-row{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr);min-inline-size:0;align-items:start;gap:3px}.qpal-favorites-control{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px}.qpal-favorites-row .qpal-checkbox{justify-self:start}.qpal-favorites-status{display:inline-flex;align-items:center;min-block-size:24px;padding:3px 8px;border-radius:999px;background:var(--qpal-accent-soft);color:var(--qpal-accent);font-size:12px;font-weight:800;line-height:1.2}.qpal-favorites-status[hidden]{display:none}.qpal-favorites-row.is-active{padding:10px 12px;border:1px solid var(--qpal-accent);border-radius:10px;background:var(--qpal-accent-soft)}.qpal-favorites-row.is-active .qpal-favorites-status{background:#fff}.qpal-favorites-note{display:block;inline-size:100%;margin:0;color:var(--qpal-muted);font-size:13px;font-weight:500;line-height:1.4}.qpal-search-field{grid-column:span 5}.qpal-count-field{grid-column:span 2}.qpal-category-field{grid-column:span 5}.qpal-mood-field,.qpal-style-field,.qpal-sort-field,.qpal-filter-reset-field{grid-column:span 3}.qpal-search-control{position:relative;min-inline-size:0}.qpal-search-control>input[type="search"]{inline-size:100%;block-size:var(--qpal-control);min-block-size:var(--qpal-control);padding-inline-end:42px}.qpal-search-control>input[type="search"]::-webkit-search-cancel-button{appearance:none}.qpal-search-clear{position:absolute;inset-block:0;inset-inline-end:0;display:grid;inline-size:42px;block-size:var(--qpal-control);margin:0;padding:0;place-items:center;border:0;background:#fff0;color:var(--qpal-muted);font-size:22px;font-weight:500;line-height:1;cursor:pointer}.qpal-search-clear:hover,.qpal-search-clear:focus-visible{color:var(--qpal-accent-hover);outline:0}.qpal-search-clear[hidden]{display:none}.qpal-result-label{margin:0 0 12px;color:var(--qpal-muted);font-size:14px}.qpal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:clamp(12px, 1.7vw, 20px)}.qpal-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;min-block-size:224px;min-inline-size:0;overflow:hidden;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:#fff;box-shadow:0 4px 14px rgb(23 25 31 / .035);transition:border-color 140ms ease,box-shadow 140ms ease}.qpal-card:hover,.qpal-card:focus-within{border-color:color-mix(in srgb,var(--qpal-accent) 34%,var(--qpal-border));box-shadow:0 10px 24px rgb(23 25 31 / .08)}.qpal-card-open{grid-column:1 / -1;display:grid;grid-template-rows:auto minmax(0,1fr);inline-size:100%;block-size:100%;min-inline-size:0;padding:0;border:0;background:#fff0;text-align:start}.qpal-card .qpal-palette{min-block-size:104px;border-radius:0}.qpal-card-meta{display:grid;grid-template-rows:minmax(2.56em,auto) auto;min-inline-size:0;padding:13px 14px 10px;align-content:start;gap:2px}.qpal-card-meta strong{overflow:visible;color:var(--qpal-text);line-height:1.28;overflow-wrap:break-word;text-overflow:clip;text-wrap:balance;white-space:normal}.qpal-card-title-line{display:block}.qpal-card-meta>span{overflow:hidden;color:var(--qpal-muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.qpal-favorite{position:static;z-index:auto;grid-column:2;justify-self:end;display:grid;inline-size:30px;block-size:30px;min-inline-size:30px;min-block-size:30px;margin:-3px 8px 6px 0;padding:0;place-items:center;border:0;border-radius:0;background:#fff0;color:var(--qpal-muted);font-size:23px;font-weight:700;line-height:1}.qpal-count-badge{position:absolute;inset-block-start:8px;inset-inline-end:8px;padding:3px 7px;border-radius:999px;background:rgb(23 25 31 / .78);color:#fff;font-size:12px;font-weight:800}.qpal-load-more{display:flex;margin:22px auto 0}.qpal-palette{display:grid;min-inline-size:0;overflow:hidden;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface-strong)}.qpal-palette.is-compact{grid-template-columns:repeat(var(--qpal-preview-columns,12),minmax(0,1fr));min-block-size:104px;border:0}.qpal-palette.is-balanced{display:grid;grid-template-columns:1fr}.qpal-palette.is-balanced .qpal-palette-row{display:grid;grid-template-columns:repeat(var(--qpal-row-count),minmax(0,1fr));min-inline-size:0}.qpal-palette.is-balanced .qpal-swatch{min-inline-size:0}.qpal-swatch{position:relative;display:block;min-inline-size:0;min-block-size:28px;padding:0;border:0;border-radius:0;background:var(--qpal-swatch)}.qpal-swatch.is-base::after{position:absolute;z-index:2;inset-block-start:4px;inset-inline-start:4px;display:grid;inline-size:18px;block-size:18px;place-items:center;border:1px solid rgb(23 26 29 / .24);border-radius:999px;background:rgb(255 255 255 / .94);color:#171a1d;box-shadow:0 1px 3px rgb(23 25 31 / .16);content:"B";font-size:10px;font-weight:900;line-height:1;pointer-events:none}.qpal-create-panel [id$="-base-color-help"]{margin-block-start:15px}.qpal-base-help{margin-block:25px 16px}button.qpal-swatch{min-block-size:44px}.qpal-subtabs{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));inline-size:fit-content;min-inline-size:min(100%, 390px);margin-block-end:18px;padding:5px;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface-strong);gap:4px}.qpal-app .qpal-subtabs button{min-inline-size:0;min-block-size:44px;padding:8px 10px;border:1px solid #fff0;border-radius:var(--qpal-radius-sm);background:#fff0;color:var(--qpal-muted);font-weight:700;box-shadow:none}.qpal-app .qpal-subtabs button:hover:not([aria-pressed="true"]):not([aria-selected="true"]){border-color:#fff0;background:rgb(255 255 255 / .6);color:var(--qpal-text)}.qpal-app .qpal-subtabs button[aria-pressed="true"],.qpal-app .qpal-subtabs button[aria-selected="true"]{border-color:var(--qpal-border);background:#fff;color:var(--qpal-accent-hover);box-shadow:0 2px 6px rgb(23 25 31 / .08)}.qpal-create-panels{padding:clamp(16px, 2.5vw, 26px);border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface)}.qpal-create-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(132px,0.48fr) minmax(180px,0.7fr) auto;align-items:end;gap:10px}.qpal-create-form-wide{grid-template-columns:minmax(260px,1fr) auto}.qpal-create-form input[type="color"]{inline-size:52px;block-size:var(--qpal-control);padding:4px;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius-sm);background:#fff}.qpal-create-form>*{margin-block:0}.qpal-color-picker-control{display:grid;grid-template-columns:52px minmax(64px,auto);align-items:stretch;gap:8px}.qpal-color-picker-control input[type="color"]{inline-size:52px;block-size:var(--qpal-control);padding:4px;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius-sm);background:#fff}.qpal-color-picker-control .qpal-button{min-block-size:var(--qpal-control)}.qpal-picked-color-list{display:flex;flex-wrap:wrap;min-block-size:0;margin-block-start:12px;gap:7px}.qpal-picked-color-list:empty{display:none}.qpal-picked-color-chip{display:inline-flex;min-block-size:34px;align-items:center;gap:7px;padding:4px 8px 4px 5px;border:1px solid var(--qpal-border);border-radius:999px;background:#fff;color:var(--qpal-text);cursor:pointer}.qpal-picked-color-chip:hover,.qpal-picked-color-chip:focus-visible{border-color:var(--qpal-accent)}.qpal-picked-color-chip code{font-size:12px;font-weight:700}.qpal-picked-color-swatch{inline-size:24px;block-size:24px;flex:0 0 24px;border:1px solid rgb(17 24 39 / .14);border-radius:50%;background:var(--qpal-picked-color)}.qpal-picked-color-remove{color:var(--qpal-muted);font-size:18px;line-height:1}.qpal-create-form .qpal-field{margin:0}.qpal-create-form .qpal-field :where(input,select),.qpal-create-form>.qpal-button{margin:0}.qpal-surprise-copy{display:grid;justify-items:start;max-inline-size:600px;gap:5px}.qpal-surprise-button{min-inline-size:180px}.qpal-create-result,.qpal-photo-result{display:grid;margin-block-start:24px;gap:14px}.qpal-result-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.qpal-result-heading p{margin:3px 0 0;color:var(--qpal-muted)}.qpal-result-count{padding:5px 10px;border-radius:999px;background:var(--qpal-accent-soft);color:var(--qpal-accent);font-size:12px;font-weight:800;white-space:nowrap}.qpal-result-actions,.qpal-detail-actions{display:grid;inline-size:100%;gap:8px}.qpal-result-primary-actions,.qpal-detail-primary-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qpal-result-primary-actions .qpal-button,.qpal-detail-primary-actions .qpal-button,.qpal-studio-handoff{min-inline-size:0;white-space:normal}.qpal-studio-handoff{inline-size:100%}.qpal-copy-formats{display:flex;flex-wrap:wrap;gap:8px}.qpal-reset-actions{display:flex;flex-wrap:wrap;gap:8px}.qpal-photo-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,0.8fr);align-items:start;gap:clamp(16px, 3vw, 30px)}.qpal-designer-swatch.is-picked::after{position:absolute;z-index:3;inset-block-start:4px;inset-inline-start:4px;display:grid;inline-size:18px;block-size:18px;place-items:center;border:1px solid rgb(23 26 29 / .24);border-radius:999px;background:rgb(255 255 255 / .95);color:#171a1d;box-shadow:0 1px 3px rgb(23 25 31 / .16);content:"P";font-size:10px;font-weight:900;line-height:1;pointer-events:none}.qpal-designer-swatch{position:relative}.qpal-dropzone{display:grid;min-block-size:290px;place-content:center;justify-items:center;padding:28px;border:2px dashed var(--qpal-border-strong);border-radius:var(--qpal-radius-lg);background:linear-gradient(145deg,#fff,var(--qpal-surface));text-align:center}.qpal-dropzone.is-dragging{border-color:var(--qpal-accent);background:var(--qpal-accent-soft)}.qpal-dropzone p{margin:5px 0 14px;color:var(--qpal-muted)}.qpal-dropzone small{margin-block-start:14px}.qpal-drop-icon{display:grid;inline-size:58px;block-size:58px;margin-block-end:14px;place-items:center;border-radius:18px;background:var(--qpal-accent-soft);color:var(--qpal-accent);font-size:18px}.qpal-file-input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;opacity:0}.qpal-photo-preview{margin-block-start:12px;overflow:hidden;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface)}.qpal-photo-preview img{inline-size:100%;max-block-size:52dvh;object-fit:contain}.qpal-photo-controls{display:grid;padding:18px;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface);gap:13px}.qpal-mode-grid{display:grid;gap:8px}.qpal-mode-card{display:grid;grid-template-columns:24px 1fr;min-block-size:64px;align-items:center;padding:9px 11px;border:1px solid var(--qpal-border);border-radius:10px;background:#fff;gap:9px}.qpal-mode-card:has(input:checked){border-color:var(--qpal-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--qpal-accent) 17%,transparent)}.qpal-mode-card input{inline-size:20px;block-size:20px;accent-color:var(--qpal-accent)}.qpal-mode-card span{display:grid;gap:1px}.qpal-photo-controls progress{inline-size:100%;accent-color:var(--qpal-accent)}.qpal-photo-order{display:flex;justify-content:flex-end;margin-block:4px 10px}.qpal-photo-order .qpal-field{inline-size:min(100%, 220px)}.qpal-photo-order select{inline-size:100%}.qpal-photo-palette-help{margin:10px 0 14px}.qpal-designer-palette{display:grid;min-inline-size:0;padding:10px;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface-strong);gap:8px}.qpal-designer-family{display:grid;grid-template-columns:minmax(120px,150px) minmax(0,1fr);min-inline-size:0;align-items:stretch;gap:8px}.qpal-designer-family-label{display:grid;min-inline-size:0;align-content:center;padding:6px 8px;border-radius:8px;background:#fff;color:var(--qpal-text);gap:1px}.qpal-designer-family-label strong{font-size:13px;line-height:1.2}.qpal-designer-family-label span{color:var(--qpal-muted);font-size:12px;line-height:1.2}.qpal-designer-family-swatches{display:flex;min-inline-size:0;flex-wrap:wrap;align-content:flex-start;gap:2px}.qpal-designer-family-swatches .qpal-designer-swatch{flex:0 0 clamp(30px, 4vw, 52px);inline-size:clamp(30px, 4vw, 52px);block-size:42px;min-inline-size:30px;min-block-size:42px;border-radius:5px}.qpal-proportion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:7px}.qpal-proportion{display:grid;min-block-size:72px;align-content:center;padding:7px;border:0;border-radius:9px;background:var(--qpal-swatch);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--qpal-ink) 22%,transparent);color:var(--qpal-ink);text-align:start}.qpal-proportion span{font-weight:800}.qpal-proportion code,.qpal-proportion small{color:inherit;font-size:13px}.qpal-dialog-layer:empty{display:none}.qpal-overlay{position:fixed;z-index:999999;inset:0;display:flex;justify-content:end;background:rgb(17 24 39 / .54);overscroll-behavior:contain}.qpal-dialog{position:relative;inline-size:min(920px, 92vw);block-size:100dvh;overflow:auto;padding:clamp(22px, 4vw, 42px);border-inline-start:1px solid var(--qpal-border);background:#fff;box-shadow:-20px 0 60px rgb(17 24 39 / .22);color:var(--qpal-text)}.qpal-dialog-close{position:relative;z-index:1;inset-block-start:0;float:right;display:grid;inline-size:42px;block-size:42px;min-inline-size:42px;min-block-size:42px;margin:-8px -8px 4px 10px;padding:4px;place-items:center;border:1px solid var(--qpal-border);border-radius:8px;background:#fff;color:var(--qpal-accent-hover);font-size:26px;font-weight:900;line-height:1}.qpal-detail{display:grid;clear:both;gap:16px}.qpal-detail-header p{max-inline-size:62ch;margin:6px 0 0;color:var(--qpal-muted)}.qpal-selected-color{display:grid;grid-template-columns:76px minmax(0,1fr) auto;min-block-size:76px;align-items:center;overflow:hidden;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface)}.qpal-selected-swatch{display:grid;align-self:stretch;place-items:center;background:var(--qpal-selected);color:var(--qpal-selected-ink);font-weight:800}.qpal-selected-color>div{display:grid;min-inline-size:0;padding:10px 14px;gap:1px}.qpal-selected-color small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qpal-selected-color>.qpal-button{margin-inline-end:10px}.qpal-similar{margin-block-start:8px;padding-block-start:18px;border-block-start:1px solid var(--qpal-border)}.qpal-similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qpal-card-small .qpal-card .qpal-palette,.qpal-card-small .qpal-palette{min-block-size:72px}.qpal-card-small .qpal-card-meta{padding-block:9px}.qpal-export{display:grid;clear:both;gap:18px}.qpal-export header p{margin:5px 0 0;color:var(--qpal-muted)}.qpal-export-name-field{display:grid;grid-template-rows:auto var(--qpal-control) auto;gap:5px}.qpal-export-file-name{inline-size:min(100%, 520px)}.qpal-export-name-field .qpal-help{display:block;max-inline-size:70ch;margin:0}.qpal-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qpal-program{min-block-size:66px;padding:10px;border:1px solid var(--qpal-border);border-radius:10px;background:var(--qpal-surface);font-weight:700}.qpal-program.is-active{border-color:var(--qpal-accent);background:var(--qpal-accent-soft);color:var(--qpal-accent)}.qpal-format-panel{min-block-size:120px;scroll-margin-block-start:16px;padding:16px;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface)}.qpal-format-panel>.qpal-kicker+h4{margin-block-start:4px}.qpal-format-grid{display:flex;flex-wrap:wrap;gap:8px}.qpal-copy-formats{align-items:center}.qpal-copy-formats h4{inline-size:100%}.qpal-app .qpal-toast{position:fixed;z-index:1000000;inset-inline-start:50%;inset-inline-end:auto;inset-block-end:max(20px, env(safe-area-inset-bottom));inline-size:max-content;max-inline-size:min(calc(100vw - 32px), 520px);padding:11px 16px;border:0;border-radius:10px;background:var(--qpal-text);color:#fff;box-shadow:0 10px 30px rgb(17 24 39 / .25);font-size:14px;font-weight:700;line-height:1.35;text-align:center;white-space:normal;overflow-wrap:break-word;opacity:0;translate:-50% 150%;transition:translate 160ms ease,opacity 160ms ease}.qpal-app .qpal-toast.is-visible{translate:-50% 0;opacity:1}.qpal-app .qpal-toast.is-error{background:var(--qpal-danger);color:#fff}.qpal-copy-helper{position:fixed;inset:-9999px auto auto -9999px}@media (max-width:1120px){.qpal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.qpal-header{align-items:start}.qpal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qpal-create-form{grid-template-columns:1fr 52px 1fr}.qpal-create-form .qpal-button{grid-column:1 / -1}.qpal-create-form-wide{grid-template-columns:1fr auto}.qpal-create-form-wide .qpal-button{grid-column:auto}.qpal-photo-layout{grid-template-columns:1fr}.qpal-photo-controls{grid-template-columns:minmax(150px,0.55fr) minmax(260px,1fr);align-items:start}.qpal-photo-controls>.qpal-button,.qpal-photo-controls>progress,.qpal-photo-controls>p{grid-column:1 / -1}.qpal-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.qpal-app{border-inline:0;border-radius:0;box-shadow:none}.qpal-header{display:grid;grid-template-columns:minmax(0,1fr);inline-size:100%;min-block-size:0;padding-block:16px 10px;gap:14px}.qpal-header>div:first-child{min-inline-size:0;inline-size:100%}.qpal-header-actions{display:grid;grid-template-columns:minmax(0,1fr);inline-size:100%;min-inline-size:0;gap:8px}.qpal-reset{justify-self:end;margin-inline-start:0}.qpal-tabs{display:flex;inline-size:100%;min-inline-size:0;gap:6px}.qpal-app .qpal-tabs button{flex:1 1 0%;min-inline-size:0;padding-inline:8px}.qpal-main{min-block-size:560px;padding:16px}.qpal-app .qpal-filter-toggle{display:inline-flex;grid-column:1 / -1;inline-size:100%;justify-content:center;justify-self:stretch;margin:0}.qpal-section-heading{align-items:start}.qpal-filters{grid-template-columns:1fr 1fr;padding:12px;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface)}.qpal-filters:not(.is-open)>:not(.qpal-search-field):not(.qpal-count-field):not(.qpal-filter-toggle){display:none}.qpal-favorites-row{grid-column:1 / -1;inline-size:100%}.qpal-search-field{grid-column:1 / -1}.qpal-grid{gap:12px}.qpal-card .qpal-palette{min-block-size:94px}.qpal-card-meta{padding-inline-start:11px}.qpal-create-form,.qpal-create-form-wide{grid-template-columns:1fr}.qpal-create-form input[type="color"]{inline-size:100%}.qpal-color-picker-control{grid-template-columns:64px minmax(90px,140px);justify-content:start}.qpal-create-form .qpal-button,.qpal-create-form-wide .qpal-button{grid-column:auto}.qpal-designer-family{grid-template-columns:1fr;gap:5px}.qpal-designer-family-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.qpal-photo-controls{grid-template-columns:1fr}.qpal-photo-controls>.qpal-button,.qpal-photo-controls>progress,.qpal-photo-controls>p{grid-column:auto}.qpal-dialog{inline-size:100vw;max-inline-size:none;block-size:100dvh;padding:max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border:0}.qpal-detail-header{display:grid}.qpal-selected-color{grid-template-columns:64px minmax(0,1fr)}.qpal-selected-color>.qpal-button{grid-column:1 / -1;margin:0 10px 10px}.qpal-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.qpal-header p{display:none}.qpal-app .qpal-tabs button{font-size:15px}.qpal-section-heading{margin-block-end:16px}.qpal-grid{grid-template-columns:1fr}.qpal-card .qpal-palette{min-block-size:112px}.qpal-filters{grid-template-columns:1fr}.qpal-filters>*{grid-column:auto}.qpal-count-combo{inline-size:100%}.qpal-subtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));inline-size:100%;min-inline-size:0}.qpal-photo-order{justify-content:stretch}.qpal-photo-order .qpal-field{inline-size:100%}.qpal-app .qpal-subtabs button{padding-inline:5px;font-size:14px}.qpal-result-heading{align-items:start}.qpal-result-primary-actions,.qpal-detail-primary-actions{display:grid;grid-template-columns:1fr}.qpal-dropzone{min-block-size:250px;padding:20px 14px}.qpal-proportion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qpal-similar-grid,.qpal-program-grid{grid-template-columns:1fr}.qpal-create-result .qpal-result-description{font-size:12.5px}}@media (max-width:360px){.qpal-main{padding-inline:12px}.qpal-header{padding-inline:12px}.qpal-dialog{overflow-x:hidden;padding:max(12px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));font-size:15px}.qpal-dialog :where(.qpal-detail,.qpal-detail-header,.qpal-detail-header>*,.qpal-selected-color,.qpal-similar,.qpal-detail-actions,.qpal-detail-primary-actions){min-inline-size:0;max-inline-size:100%}.qpal-dialog-close{inline-size:38px;block-size:38px;min-inline-size:38px;min-block-size:38px;font-size:22px}.qpal-selected-color{grid-template-columns:52px minmax(0,1fr);min-block-size:52px}.qpal-detail-count-control{inline-size:100%}.qpal-proportion-grid{grid-template-columns:1fr 1fr}.qpal-selected-color small{display:none}}@media (max-height:520px) and (orientation:landscape){.qpal-dialog{padding-block:14px}.qpal-dropzone{min-block-size:210px}.qpal-photo-preview img{max-block-size:72dvh}}@media (prefers-reduced-motion:reduce){.qpal-app *,.qpal-app *::before,.qpal-app *::after{scroll-behavior:auto;animation-duration:0.001ms;animation-iteration-count:1;transition-duration:0.001ms}}@keyframes qpal-spin{to{rotate:1turn}}@keyframes qpal-fade{from{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.qpal-photo-subtabs{grid-template-columns:repeat(3,minmax(0,1fr))}.qpal-photo-tool-panels,.qpal-photo-tool-panel{display:grid;min-inline-size:0;gap:12px}.qpal-photo-tool-panel[hidden],.qpal-photo-detail-panel[hidden]{display:none}.qpal-photo-selection-workspace{display:grid;min-inline-size:0;gap:10px}.qpal-photo-stage{position:relative;isolation:isolate}.qpal-photo-canvas-host{min-inline-size:0;line-height:0}.qpal-photo-canvas,.qpal-photo-canvas-host>img{display:block;inline-size:100%;block-size:auto;max-block-size:62dvh;object-fit:contain}.qpal-photo-stage.is-picking{cursor:none;touch-action:pan-y pinch-zoom}.qpal-photo-stage.is-area-mode{cursor:crosshair;touch-action:none}.qpal-photo-stage:focus-visible{outline:3px solid var(--qpal-accent);outline-offset:3px}.qpal-photo-picker-marker{position:absolute;z-index:5;inline-size:24px;block-size:24px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px rgb(23 26 29 / .72),0 2px 8px rgb(23 26 29 / .28);transform:translate(-50%,-50%);pointer-events:none}.qpal-photo-picker-marker::before,.qpal-photo-picker-marker::after{position:absolute;inset:50% auto auto 50%;background:#fff;content:"";transform:translate(-50%,-50%)}.qpal-photo-picker-marker::before{inline-size:8px;block-size:1px}.qpal-photo-picker-marker::after{inline-size:1px;block-size:8px}.qpal-photo-area-layer{position:absolute;z-index:4;inset:0;pointer-events:none}.qpal-photo-area-box{position:absolute;display:grid;min-inline-size:12px;min-block-size:12px;place-items:start;padding:4px;border:2px solid var(--qpal-accent);background:rgb(40 97 143 / .12);color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .45);font-size:11px;font-weight:900;line-height:1;text-shadow:0 1px 2px rgb(0 0 0 / .45)}.qpal-photo-area-box.is-exclude{border-color:var(--qpal-danger);background:rgb(180 35 24 / .12)}.qpal-photo-area-box.is-draft{border-style:dashed}.qpal-photo-detail-panel{display:grid;padding:12px;border:1px solid var(--qpal-border);border-radius:var(--qpal-radius);background:var(--qpal-surface);gap:10px}.qpal-photo-detail-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.qpal-photo-detail-heading>div{display:grid;gap:2px}.qpal-photo-detail-heading small,.qpal-photo-sample-info{color:var(--qpal-muted)}.qpal-photo-detail-body{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,1fr);align-items:start;gap:12px}.qpal-photo-detail-grid{display:grid;grid-template-columns:repeat(var(--qpal-detail-size),minmax(0,1fr));inline-size:min(100%, 280px);overflow:hidden;aspect-ratio:1;border:1px solid var(--qpal-border-strong);border-radius:9px;background:#fff;cursor:default}.qpal-photo-detail-cell{position:relative;min-inline-size:0;background:var(--qpal-pixel);box-shadow:inset 0 0 0 .5px rgb(23 26 29 / .1)}.qpal-photo-detail-cell:hover{z-index:2;outline:2px solid #fff;outline-offset:-2px}.qpal-photo-detail-cell.is-center{z-index:3;outline:3px solid var(--qpal-accent);outline-offset:-3px}.qpal-photo-pick-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.qpal-photo-area-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.qpal-photo-area-settings .is-disabled{opacity:.55}.qpal-photo-current-color{display:grid;grid-template-columns:46px minmax(0,1fr);min-inline-size:0;align-items:center;padding:12px;border:1px solid var(--qpal-border);border-radius:10px;background:#fff;gap:10px}.qpal-photo-current-swatch{display:block;inline-size:46px;block-size:46px;border:1px solid rgb(23 26 29 / .16);border-radius:8px;background:var(--qpal-current,#f3f5f7)}.qpal-photo-current-copy{display:grid;min-inline-size:0;gap:2px}.qpal-photo-current-copy strong,.qpal-photo-current-copy code,.qpal-photo-current-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qpal-photo-add-color{grid-column:1 / -1;inline-size:100%}.qpal-photo-picked-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.qpal-photo-picked-list,.qpal-photo-area-list{display:grid;gap:6px}.qpal-photo-picked-item,.qpal-photo-area-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;min-inline-size:0;align-items:center;padding:7px;border:1px solid var(--qpal-border);border-radius:9px;background:#fff;gap:8px}.qpal-photo-picked-swatch,.qpal-photo-area-badge{display:grid;inline-size:32px;block-size:32px;place-items:center;border:1px solid rgb(23 26 29 / .16);border-radius:7px;background:var(--qpal-picked,var(--qpal-accent-soft));color:var(--qpal-accent);font-size:11px;font-weight:900}.qpal-photo-area-item.is-exclude .qpal-photo-area-badge{background:#fff3f3;color:var(--qpal-danger)}.qpal-photo-picked-copy,.qpal-photo-area-copy{display:grid;min-inline-size:0;gap:1px}.qpal-photo-picked-copy strong,.qpal-photo-picked-copy code,.qpal-photo-area-copy strong,.qpal-photo-area-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qpal-photo-area-copy small{color:var(--qpal-muted)}.qpal-photo-picker-status{margin:0}@media (max-width:700px){.qpal-photo-pick-settings,.qpal-photo-area-settings,.qpal-photo-detail-body{grid-template-columns:1fr}.qpal-photo-detail-grid{inline-size:min(100%, 300px);justify-self:center}.qpal-photo-picked-item,.qpal-photo-area-item{grid-template-columns:32px minmax(0,1fr)}.qpal-photo-picked-item>.qpal-button,.qpal-photo-area-item>.qpal-button{grid-column:1 / -1}}@media (max-width:480px){.qpal-photo-subtabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:360px){.qpal-photo-subtabs button{padding-inline:3px;font-size:12px}}.qpal-create-mood-help{margin-block-start:15px}.qpal-surprise-copy .qpal-help{max-inline-size:54ch;margin:0;font-size:13px;line-height:1.4}.qpal-create-result .qpal-result-heading>div:first-child{min-inline-size:0}.qpal-create-result .qpal-result-description{display:-webkit-box;min-block-size:2.7em;max-block-size:2.7em;margin-block-start:3px;overflow:hidden;color:var(--qpal-muted);font-size:13px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;cursor:pointer}.qpal-create-result .qpal-result-description.is-expanded{display:block;max-block-size:none;-webkit-line-clamp:unset}.qpal-create-result .qpal-result-description:focus-visible{border-radius:4px;outline:2px solid var(--qpal-focus);outline-offset:2px}.qpal-functional-note{margin:0;padding:10px 12px;border:1px solid var(--qpal-border);border-radius:9px;background:var(--qpal-surface)}.qpal-basic-formats{display:grid;gap:8px;padding-block-start:4px}.qpal-basic-formats h4,.qpal-basic-formats p{margin:0}.qpal-app .qpal-photo-detail-cell{min-block-size:0;margin:0;padding:0;border:0;border-radius:0;outline:0;background:var(--qpal-pixel);box-shadow:inset 0 0 0 .5px rgb(23 26 29 / .1);cursor:pointer;appearance:none}.qpal-app .qpal-photo-detail-cell:hover,.qpal-app .qpal-photo-detail-cell:focus-visible{z-index:2;outline:2px solid #fff;outline-offset:-2px;box-shadow:inset 0 0 0 1px rgb(23 26 29 / .2)}.qpal-app .qpal-photo-detail-cell.is-center,.qpal-app .qpal-photo-detail-cell.is-center:hover,.qpal-app .qpal-photo-detail-cell.is-center:focus-visible{z-index:3;outline:3px solid var(--qpal-accent);outline-offset:-3px}.qpal-detail-header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;justify-content:stretch;gap:12px}.qpal-detail-count-control{display:grid;inline-size:min(100%, 190px);gap:5px;color:var(--qpal-muted);font-size:15px;font-weight:700}.qpal-detail-count-label{line-height:1.25}.qpal-create-heading{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;justify-content:stretch;gap:12px}.qpal-create-count-field{inline-size:min(100%, 190px)}@media (max-width:700px){.qpal-detail-count-control,.qpal-create-count-field{inline-size:100%}}@media (max-width:420px){.qpal-tabs,.qpal-subtabs{display:grid;grid-template-columns:minmax(0,1fr);inline-size:100%;gap:6px}.qpal-app .qpal-tabs button,.qpal-app .qpal-subtabs button{inline-size:100%;min-inline-size:0;padding:10px 12px;white-space:normal;overflow-wrap:anywhere}.qpal-format-grid{display:grid;grid-template-columns:minmax(0,1fr)}.qpal-format-grid>.qpal-button{inline-size:100%;min-inline-size:0;white-space:normal;overflow-wrap:anywhere}}