@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}:root{--color-canvas:#e6e6e6;--color-canvas-dot:#c8c8c8;--canvas-dots:radial-gradient(circle,var(--color-canvas-dot) 0.65px,transparent 0.75px);--canvas-dot-size:8px 8px;--color-bg:#ffffff;--color-bg-hover:#f5f5f5;--color-bg-selected:#e5f4ff;--color-text:#000000e5;--color-text-secondary:#00000080;--color-text-tertiary:#0000004d;--color-text-brand:#007be5;--color-text-onbrand:#ffffff;--color-brand:#0d99ff;--color-brand-hover:#007be5;--color-border:#e6e6e6;--color-danger:#f24822;--font:var(--font-inter);--font-size:12px;--font-size-brand:13px;--font-size-table:11px;--gutter:16px;--margin:12px;--radius:6px;--radius-panel:8px;--rule:1px solid var(--color-border);--filter-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2300000080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E")}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow-x:clip;background-color:var(--color-canvas);background-image:var(--canvas-dots);background-size:var(--canvas-dot-size);color:var(--color-text);font-family:var(--font);font-size:var(--font-size);line-height:1.4;text-size-adjust:100%}a,button,h1,h2,h3,h4,input,label,li,p,select,small,span,td,textarea,th{margin:0;padding:0;font-family:inherit;font-size:inherit;font-weight:400;color:inherit;line-height:inherit;border-radius:0}a,button,input[type=date],input[type=file],label,select,summary{cursor:pointer}a{color:var(--color-text-brand);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img,video{display:block;max-width:100%;height:auto}.shell{display:flex;flex-direction:column;width:100%;min-width:0;margin:0;padding:0}.header{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:8px;padding:8px var(--margin);background:var(--color-bg);border-bottom:var(--rule)}.brand{font-size:var(--font-size-brand);color:var(--color-text);white-space:nowrap}.brand a{color:inherit;text-decoration:none}.brand a:hover{text-decoration:none;color:var(--color-text)}.shell-app .nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;flex:1 1 auto;min-width:0}.main{display:block;min-width:0;padding:var(--gutter) var(--margin) var(--margin)}body:has(.mockup-canvas),html:has(.mockup-canvas){height:100%;overflow:hidden}.shell:has(.mockup-canvas){height:100%;height:100dvh}.main:has(.mockup-canvas){flex:1 1 auto;min-height:0;padding:0;display:flex}.mockup-canvas,form.mockup-canvas{flex:1 1 auto;display:flex;min-width:0;min-height:0;width:100%}.mockup-canvas-shell{flex:1 1 auto;display:grid;grid-template-columns:220px minmax(0,1fr) 256px;min-width:0;min-height:0}.mockup-canvas-inspector,.mockup-canvas-layers{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--color-bg)}.mockup-canvas-layers{gap:0;padding:0;border-right:var(--rule);overflow:auto}.mockup-canvas-inspector{gap:0;padding:0;border-left:var(--rule);overflow:hidden}.canvas-search{position:relative}.canvas-search>.icon{position:absolute;top:50%;left:8px;z-index:1;width:14px;height:14px;margin:0;color:var(--color-text-secondary);pointer-events:none;transform:translateY(-50%)}.mockup-canvas-layers .canvas-search input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:100%;min-width:0;padding-left:28px;padding-right:22px}.mockup-canvas-layers .canvas-search input::placeholder{color:var(--color-text-secondary)}.mockup-canvas-layers .file.is-compact{border:0;background:var(--color-bg-hover);border-radius:var(--radius)}.mockup-canvas-layers .file.is-compact .label{display:none}.mockup-canvas-layers .file.is-compact.is-empty{justify-content:center;min-height:7.5em;padding:16px 12px;border:1.5px dashed var(--color-brand);background:color-mix(in srgb,var(--color-bg-selected) 80%,var(--color-bg));color:var(--color-text);text-align:center}.mockup-canvas-layers .file.is-compact.is-empty,.mockup-canvas-layers .file.is-compact.is-empty>label{display:grid;justify-items:center;align-content:center;grid-gap:6px;gap:6px}.mockup-canvas-layers .file.is-compact.is-empty .file-well-icon{display:grid;place-items:center;color:var(--color-brand)}.mockup-canvas-layers .file.is-compact.is-empty .file-well-icon .icon{width:22px;height:22px}.mockup-canvas-layers .file.is-compact.is-empty .file-hint{color:var(--color-text-secondary)}.mockup-canvas-layers .file.is-compact.is-empty.is-idle:not(.is-over){border:0;background:var(--color-bg-hover);color:var(--color-text-secondary)}.mockup-canvas-layers .file.is-compact.is-empty.is-idle:not(.is-over) .file-hint,.mockup-canvas-layers .file.is-compact.is-empty.is-idle:not(.is-over) .file-well-icon{color:var(--color-text-tertiary)}.mockup-canvas-layers .file.is-compact.is-over{background:var(--color-bg-selected);border-style:solid;box-shadow:none}.mockup-canvas-layers .canvas-inspect-section input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:100%;max-width:100%;min-width:0;border:0;background:var(--color-bg-hover);box-shadow:none}.mockup-canvas-layers .canvas-inspect-section input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]):focus,.mockup-canvas-layers .canvas-inspect-section input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]):focus-visible{background:var(--color-bg);box-shadow:0 0 0 1px var(--color-brand)}.canvas-mark-text-input{display:block;width:100%;height:calc(2 * 1.4em + 20px);min-height:calc(2 * 1.4em + 20px);resize:none;overflow:hidden;field-sizing:fixed;padding:10px 12px;border:0;border-radius:var(--radius);background:var(--color-bg-hover);color:var(--color-text);box-shadow:none}.canvas-mark-text-input::placeholder{color:var(--color-text-secondary)}.canvas-mark-text-input:focus,.canvas-mark-text-input:focus-visible{background:var(--color-bg-hover);border-color:transparent;box-shadow:none}.canvas-mark-text-input.is-current,.canvas-mark-text-input.is-current:focus,.canvas-mark-text-input.is-current:focus-visible{background:var(--color-bg-selected);box-shadow:0 0 0 1px var(--color-brand)}.canvas-inspect-body{flex:1 1 auto;min-height:0;overflow:auto}.canvas-inspect-section{position:relative;z-index:0;display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:var(--rule)}.canvas-inspect-section:has(.combobox-list){z-index:8}.canvas-inspect-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.canvas-inspect-reset{padding:0;border:0;background:none;color:var(--color-text-secondary)}.canvas-inspect-reset:hover{color:var(--color-text)}a.canvas-inspect-back{width:-moz-fit-content;width:fit-content;color:var(--color-text-secondary);text-decoration:none}a.canvas-inspect-back:hover{color:var(--color-text)}.canvas-inspect-title,.canvas-inspector-id{color:var(--color-text);font-size:var(--font-size-brand)}.canvas-inspect-meta{color:var(--color-text-secondary)}.canvas-pos{gap:12px}.canvas-pos,.canvas-pos-group{display:flex;flex-direction:column}.canvas-pos-group{gap:6px}.canvas-pos-label{color:var(--color-text-secondary)}.canvas-pos-row{display:flex;align-items:center;gap:8px}.canvas-pos-cluster{display:flex;background:var(--color-bg-hover);border-radius:var(--radius)}.canvas-pos-anchor,.canvas-pos-cluster button{display:grid;place-items:center;min-width:28px;min-height:28px;padding:4px;color:var(--color-text-secondary)}.canvas-pos-anchor:hover,.canvas-pos-cluster button:hover{color:var(--color-text);background:var(--color-border)}.canvas-pos-cluster button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.canvas-pos-cluster button:last-child{border-radius:0 var(--radius) var(--radius) 0}.canvas-pos-anchor.is-current,.canvas-pos-cluster button.is-current{color:var(--color-text);background:var(--color-bg-selected)}.canvas-pos-fields{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:8px;gap:8px;flex:1 1;min-width:0}.canvas-pos-angle,.canvas-pos-fields label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:6px;gap:6px;min-width:0;padding:0 8px;color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius)}.canvas-pos-angle{flex:1 1 auto;grid-template-columns:auto minmax(0,1fr) auto}.mockup-canvas-inspector .canvas-pos-angle input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]),.mockup-canvas-inspector .canvas-pos-fields input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:100%;min-width:0;max-width:none;padding:4px 0;border:0;background:transparent;box-shadow:none}.canvas-pos-anchor{border-radius:var(--radius);background:var(--color-bg-hover)}.mockup-canvas-inspector .canvas-inspect-section input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]),.mockup-canvas-inspector .canvas-inspect-section textarea{width:100%;max-width:100%;min-width:0;border:0;background:var(--color-bg-hover);box-shadow:none}.mockup-canvas-inspector .canvas-inspect-section input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]):focus,.mockup-canvas-inspector .canvas-inspect-section input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]):focus-visible,.mockup-canvas-inspector .canvas-inspect-section textarea:focus,.mockup-canvas-inspector .canvas-inspect-section textarea:focus-visible{background:var(--color-bg);border-bottom-color:transparent;box-shadow:0 0 0 1px var(--color-brand)}.canvas-type{display:grid;grid-gap:8px;gap:8px}.canvas-type-family{position:relative}.canvas-type-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.canvas-type-row label,.canvas-type-size,.canvas-type-weight{position:relative;display:grid;grid-gap:4px;gap:4px;min-width:0}.mockup-canvas-inspector .canvas-type select{width:100%;min-width:0;border:0;padding-right:1.4em;background-color:var(--color-bg-hover);background-image:var(--filter-chevron);background-repeat:no-repeat;background-position:right 6px center;background-size:.7em;box-shadow:none}.mockup-canvas-inspector .canvas-type select:focus,.mockup-canvas-inspector .canvas-type select:focus-visible{background-color:var(--color-bg);background-image:var(--filter-chevron);background-repeat:no-repeat;background-position:right 6px center;background-size:.7em;box-shadow:0 0 0 1px var(--color-brand)}.canvas-type .combobox input,.canvas-type-family input{padding-right:22px}.canvas-scrub{position:relative}.canvas-scrub input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){padding-left:26px}button.canvas-scrub-handle{position:absolute;top:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;width:24px;margin:0;padding:0;border:0;border-radius:var(--radius) 0 0 var(--radius);color:var(--color-text-secondary);background:transparent;cursor:ew-resize;touch-action:none}button.canvas-scrub-handle:active,button.canvas-scrub-handle:hover{color:var(--color-text);background:transparent}button.canvas-scrub-handle .icon{width:14px;height:14px;vertical-align:0}button.combobox-toggle{position:absolute;top:0;right:0;bottom:0;z-index:1;display:grid;place-items:center;width:24px;margin:0;padding:0;border:0;border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text-secondary);background:transparent}button.combobox-toggle:hover,button.combobox-toggle[aria-expanded=true]{color:var(--color-text);background:transparent}button.combobox-toggle .icon{width:14px;height:14px;vertical-align:0}.canvas-type-align{display:grid;grid-gap:4px;gap:4px}.mockup-canvas-inspector .logo-decoration{display:flex;width:100%;overflow:visible}.mockup-canvas-inspector .logo-decoration button{position:relative;flex:1 1;min-width:0;padding:6px 4px;border:0;background:var(--color-bg-hover);text-align:center}.mockup-canvas-inspector .logo-decoration button+button{border-left:1px solid var(--color-bg)}.mockup-canvas-inspector .logo-decoration button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.mockup-canvas-inspector .logo-decoration button:last-child{border-radius:0 var(--radius) var(--radius) 0}.mockup-canvas-inspector .logo-decoration button.is-current{background:var(--color-bg-selected);color:var(--color-text)}.mockup-canvas-inspector .logo-decoration button:disabled{color:var(--color-text-tertiary);cursor:not-allowed}.mockup-canvas-inspector .logo-decoration button:disabled:hover{color:var(--color-text-tertiary);background:var(--color-bg-hover)}.mockup-canvas-inspector .logo-decoration button:disabled .canvas-tip{position:absolute;left:50%;top:calc(100% + 6px);z-index:4;display:none;width:max-content;max-width:12.5em;padding:5px 8px;border-radius:6px;background:#1e1e1e;color:#fff;font-size:12px;font-weight:400;line-height:1.3;pointer-events:none;transform:translateX(-50%);box-shadow:0 4px 12px #00000026}.mockup-canvas-inspector .logo-decoration button:disabled:focus-visible .canvas-tip,.mockup-canvas-inspector .logo-decoration button:disabled:hover .canvas-tip{display:block}.mockup-canvas-inspector .logo-colors{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px}.mockup-canvas-inspector .logo-color-row{display:flex;align-items:center;gap:8px;min-width:0}.mockup-canvas-inspector .logo-color-original{flex:none;padding:0;color:var(--color-text-secondary);background:none}.mockup-canvas-inspector .logo-color-original.is-current,.mockup-canvas-inspector .logo-color-original:hover{color:var(--color-text);background:none}.mockup-canvas-inspector .logo-size{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.mockup-canvas-inspector .logo-colors .label,.mockup-canvas-inspector .logo-size .label,.mockup-canvas-inspector .logo-size-by,.mockup-canvas-inspector .logo-size-unit{display:none}.mockup-canvas-inspector .logo-size,.mockup-canvas-inspector .logo-size-dims{width:100%}.mockup-canvas-inspector .logo-size-dims{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.mockup-canvas-inspector .logo-size-dims label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:6px;gap:6px;min-width:0;padding:0 8px;color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius)}.mockup-canvas-inspector .logo-size-dims input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:100%;min-width:0;max-width:none;padding:4px 0;border:0;background:transparent;box-shadow:none}.mockup-canvas-inspector .logo-hex{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;grid-gap:6px;gap:6px;flex:1 1 auto;min-width:0;padding:3px 10px 3px 4px;background:var(--color-bg-hover);border-radius:999px}.mockup-canvas-inspector .logo-hex.is-current{box-shadow:0 0 0 1px var(--color-brand)}.mockup-canvas-inspector .logo-colors .logo-hex input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]),.mockup-canvas-inspector .logo-hex-field{width:100%;min-width:0;max-width:none;height:auto;min-height:0;padding:0;background:transparent}.mockup-canvas-inspector .logo-pantone{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;width:100%}.mockup-canvas-inspector .logo-pantone .label{display:block;margin:0;color:var(--color-text)}.mockup-canvas-inspector .logo-pantone .combobox{position:relative;width:100%;min-width:0}.mockup-canvas-inspector .logo-pantone-field{display:inline-flex;align-items:baseline;gap:.35em;width:max-content;max-width:100%;min-width:0;padding:4px 10px;background:var(--color-bg-hover);border-radius:999px}.mockup-canvas-inspector .logo-pantone-field:focus-within{background:var(--color-bg);box-shadow:0 0 0 1px var(--color-brand)}.mockup-canvas-inspector .canvas-inspect-section .logo-pantone-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]),.mockup-canvas-inspector .canvas-inspect-section .logo-pantone-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]):focus,.mockup-canvas-inspector .canvas-inspect-section .logo-pantone-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]):focus-visible{width:auto;min-width:3ch;max-width:none;height:auto;min-height:0;padding:0;border:0;border-radius:0;font-size:inherit;background:transparent;box-shadow:none}.mockup-canvas-inspector .logo-pantone-finish{position:static;transform:none;flex:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:inherit}.mockup-canvas-inspector .logo-swatch{flex:none;width:20px;height:20px;border-radius:4px}.mockup-canvas-inspector .logo-swatch-pick{width:18px;height:18px;border:0;border-radius:50%}.mockup-canvas-inspector .logo-inks{display:flex;flex-direction:column;gap:8px}.mockup-canvas-inspector .logo-ink-row{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px}.mockup-canvas-inspector .logo-ink-row .logo-pantone{display:grid;grid-template-columns:minmax(0,1fr);width:auto}.mockup-canvas-inspector .logo-ink-row .logo-pantone .label{display:none}.canvas-inspect-export{display:flex;flex-direction:column;gap:8px}.canvas-inspect-export .button-solid,.canvas-inspect-secondary{width:100%;justify-self:stretch;text-align:center}.canvas-inspect-secondary{padding:6px 10px;border:0;border-radius:var(--radius);background:var(--color-bg-hover);color:var(--color-text)}.canvas-inspect-secondary:hover{background:var(--color-border);color:var(--color-text)}.canvas-inspect-secondary:disabled{opacity:.45;cursor:default}.canvas-quiet{display:grid;grid-gap:6px;gap:6px;color:var(--color-text-secondary)}.canvas-inspect-foot{position:relative;flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:8px 12px;border-top:var(--rule)}.canvas-inspect-foot-status{margin-right:auto}.canvas-confirm{position:absolute;right:12px;bottom:calc(100% + 8px);left:12px;z-index:6;display:grid;grid-gap:4px;gap:4px;padding:12px;background:var(--color-bg);border-radius:var(--radius-panel);box-shadow:0 0 0 1px var(--color-border),0 8px 24px #0000001a}.canvas-confirm-note,.canvas-confirm-title{margin:0}.canvas-confirm-note{color:var(--color-text-secondary)}.canvas-confirm-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:8px}.canvas-confirm-actions button{padding:4px 10px}.canvas-confirm-danger{color:#fff;background:var(--color-danger)}.canvas-confirm-danger:hover{color:#fff;background:#d63d1a}.canvas-inspect-delete{color:var(--color-text-secondary)}.canvas-inspect-delete:hover{color:var(--color-danger);background:var(--color-bg-hover)}.mockup-canvas-board{position:relative;min-width:0;min-height:0;overflow:hidden;overscroll-behavior:none;container-type:size;background-color:var(--color-canvas);background-image:var(--canvas-dots);background-size:var(--canvas-dot-size)}.mockup-canvas .mockup-zoom{display:grid;grid-gap:0;gap:0;height:100%;max-width:none;min-height:0}.mockup-canvas .mockup-zoom-view{height:100%;display:flex;align-items:center;justify-content:center;padding:24px 24px 56px;border-radius:0;background:transparent;overflow:hidden;overscroll-behavior:none}.mockup-canvas .mockup-stage{position:relative;z-index:1;width:min(100%,70cqh);max-height:100%}.mockup-canvas .mockup-stage.is-framed{aspect-ratio:var(--photo-aspect,1);width:min(100%,calc(70cqh * var(--photo-aspect, 1)));height:auto}.crumb{min-width:0;overflow-wrap:break-word}.crumb a{color:inherit;text-decoration:none}.crumb a:hover{color:var(--color-text);text-decoration:none}.nav-progress{position:fixed;top:0;left:0;z-index:30;width:100%;height:2px;pointer-events:none;overflow:hidden;background:transparent}.nav-progress:after{content:"";display:block;width:40%;height:100%;background:var(--color-brand);animation:nav-progress .8s linear infinite}@keyframes nav-progress{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion:reduce){.nav-progress:after{width:100%;animation:none}}.account{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:end;margin-left:auto;color:var(--color-text-secondary)}.account-menu{position:relative;z-index:5}.account-menu>summary{list-style:none;text-decoration:none}.account-menu>summary::-webkit-details-marker,.account-menu>summary::marker{display:none;content:""}.account-menu-panel{display:none;position:absolute;right:0;top:100%;z-index:5;padding:8px 0 0;background:var(--color-bg);white-space:nowrap}details.account-menu:focus-within>.account-menu-panel,details.account-menu:hover>.account-menu-panel,details.account-menu[open]>.account-menu-panel{display:block}.nav-menu>summary{list-style:none;text-decoration:none}.nav-menu>summary::-webkit-details-marker,.nav-menu>summary::marker{display:none;content:""}.nav-body{display:none;flex-direction:column}.nav-group,.nav-menu[open] .nav-body{display:flex}.nav-group{flex-direction:column}.nav-group+.nav-group{margin-top:8px}.nav-sub{display:flex;flex-direction:column;padding-left:1em}.nav{min-width:0}.nav a{color:var(--color-text-secondary);white-space:nowrap;padding:4px 8px;border-radius:var(--radius)}.nav a,.nav a:hover{text-decoration:none}.nav a:hover{background:var(--color-bg-hover)}.nav a.is-current,.nav a.is-group,.nav a:hover{color:var(--color-text)}.nav a.is-current{background:var(--color-bg-selected)}.nav-secondary{display:flex;flex-direction:column;margin-top:8px;padding-top:8px;border-top:var(--rule)}.nav .nav-secondary a{color:var(--color-text-tertiary)}.nav .nav-secondary a.is-current,.nav .nav-secondary a.is-group,.nav .nav-secondary a:hover{color:var(--color-text)}@media (min-width:721px){.nav-menu>summary{display:none}details.nav-menu .nav-body,details.nav-menu:not([open])>.nav-body{display:flex}}.main>*{min-width:0}.main>.stack:not(:has(.data-list-block)){padding:16px;background:var(--color-bg);border:var(--rule);border-radius:var(--radius-panel)}.actions,.field,.grid,.meta,.panel,.row,.stack{display:grid;grid-gap:var(--gutter);gap:var(--gutter)}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-1{grid-template-columns:1fr}.panel{padding:0}.contents{display:contents}.row{grid-template-columns:1fr}.field .label,.field label,label.field>span{display:block;margin-bottom:4px;color:var(--color-text-secondary)}form.stack input::placeholder,form.stack textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:1}.field-inline{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-column-gap:8px;column-gap:8px;align-items:baseline;border-bottom:var(--rule)}.field-inline input,.field-inline select{border-bottom:0;padding-bottom:4px}.button,.field input,.field select,.field textarea,button,input,select,textarea{width:100%;padding:0 0 4px;border:0;border-bottom:var(--rule);background:transparent;color:var(--color-text);font-family:inherit;font-size:inherit;outline:none}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]),select,textarea{min-height:calc(1.4em + 8px);padding:4px 8px;border:var(--rule);border-radius:var(--radius);background:var(--color-bg)}.field select,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1.2em;background:var(--filter-chevron) no-repeat right 2px center /.7em}input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none;box-shadow:none;border-bottom-color:var(--color-brand)}.field textarea{min-height:2.6em;overflow:hidden;resize:none;field-sizing:content}.field select.select-fit,.select-fit{width:calc(var(--select-fit, 22) * 1ch + 2.25em);max-width:100%}.form-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--gutter)}.form-head .button-solid,.form-head .field-date,.form-head input,.form-head p,.form-head select{width:auto}.combobox{position:relative}.form-head .combobox{min-width:12em;flex:1 1 12em;max-width:22em}.form-head .combobox input{width:100%}.combobox-list{position:absolute;z-index:8;top:100%;left:0;right:0;min-width:100%;max-height:12em;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;list-style:none;background:var(--color-bg);border:0;border-radius:var(--radius-panel);box-shadow:0 0 0 1px var(--color-border)}.combobox-list>li{display:block;margin:0;padding:0}button.combobox-option{display:block;box-sizing:border-box;width:100%;margin:0;padding:6px 10px;border:0;border-radius:0;text-align:left;text-decoration:none;color:var(--color-text);background:transparent}.combobox-list>li:first-child button.combobox-option{border-radius:var(--radius-panel) var(--radius-panel) 0 0}.combobox-list>li:last-child button.combobox-option{border-radius:0 0 var(--radius-panel) var(--radius-panel)}.combobox-list>li:only-child button.combobox-option{border-radius:var(--radius-panel)}button.combobox-option:hover,button.combobox-option[aria-selected=true]{background:var(--color-bg-selected);color:var(--color-text)}.combobox-font-sample,.combobox-option span{display:block}.combobox-font-sample{font-size:15px;line-height:1.25;font-synthesis:none}.actions{grid-template-columns:repeat(auto-fit,minmax(max-content,1fr));align-items:end;gap:var(--gutter)}.button,button{width:auto;cursor:pointer;text-align:left;text-decoration:none;color:var(--color-text-secondary);border-bottom:0;padding:4px 8px;border-radius:var(--radius);background:none}.button:hover,button:hover{color:var(--color-text);background:var(--color-bg-hover)}.button-solid{display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:center;justify-items:center;column-gap:4px;width:auto;padding:6px 10px;border:0;border-radius:var(--radius);background:var(--color-brand);font-family:inherit;font-size:var(--font-size);font-weight:inherit;line-height:inherit;text-align:center;white-space:nowrap}.button-solid,.button-solid:hover{color:var(--color-text-onbrand);text-decoration:none}.button-solid:hover{background:var(--color-brand-hover)}.button-solid .icon{color:inherit}.actions .button-solid{justify-self:start}.button-solid:disabled,form.stack:has(>[aria-busy=true]){cursor:wait}.form-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.form-actions .button-solid:has(.icon){aspect-ratio:1}.form-actions .form-actions-end{margin-left:auto}.icon{display:inline-block;width:16px;height:16px;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon.icon-image{stroke-width:1.15}.icon-button{display:inline-grid;place-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:6px;border-radius:var(--radius);color:var(--color-text-secondary);text-decoration:none}.icon-button:hover{color:var(--color-text);background:var(--color-bg-hover);text-decoration:none}.inline-actions{display:grid;grid-auto-flow:column;justify-content:start;grid-gap:var(--gutter);gap:var(--gutter);align-items:baseline}.stack>.inline-actions{display:flex;flex-wrap:wrap;align-items:start;justify-content:flex-start;gap:var(--gutter);min-width:0}.inline-actions-start{display:grid;grid-auto-flow:column;justify-content:start;grid-gap:calc(var(--gutter) * 2);gap:calc(var(--gutter) * 2);align-items:center;min-width:0;flex:1 1 auto}.share-view-slot:empty{display:none}.share-view-panel{display:grid;grid-gap:8px;gap:8px;max-width:100%;padding:12px;background:var(--color-bg);border:var(--rule);border-radius:var(--radius-panel)}.share-view-url{overflow-wrap:anywhere}.share-view-actions{display:grid;grid-auto-flow:column;justify-content:start;grid-gap:var(--gutter);gap:var(--gutter);align-items:center}.inline-actions-start button,.stack>.inline-actions a{display:inline-grid;grid-auto-flow:column;align-items:center;column-gap:4px;justify-self:start}.stack>.inline-actions .button-solid,.stack>.inline-actions>form{margin-left:auto;flex:0 0 auto}.file{position:relative;display:grid;justify-items:center;align-content:center;grid-row-gap:4px;row-gap:4px;min-height:5.5em;margin:0;padding:var(--gutter);border:var(--rule);cursor:pointer;text-align:center;text-decoration:none}.file .icon{vertical-align:0}.file.is-over{background:var(--color-bg-selected);color:var(--color-text);box-shadow:0 0 0 1.5px var(--color-brand)}.file.is-over a{color:inherit}.file input{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.file.is-compact{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;align-content:center;column-gap:var(--gutter);row-gap:4px;min-height:2.5em;padding:8px 12px;text-align:left}.file.is-compact.is-empty{display:grid;justify-items:center;align-content:center;justify-content:center;min-height:7.5em;padding:16px 12px;text-align:center}.file.is-compact .label{margin:0}.file.is-compact .file-name{display:flex;align-items:baseline;gap:4px;min-width:0;flex:1 1 8em;max-width:22em}.file.is-compact .file-name a{display:flex;min-width:0;max-width:100%}.file-clear{flex:none;display:inline-flex;align-items:center;padding:0;border:0;background:none;color:var(--color-text-secondary)}.file-clear:hover{color:var(--color-danger)}.file-clear .icon{width:12px;height:12px}.file-name-stem{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.file-name-ext{flex:none}.file.is-compact>label{display:contents}.file.is-compact.is-empty>label{display:grid;justify-items:center;align-content:center;grid-gap:6px;gap:6px;width:100%;text-align:center}.file.is-compact.is-empty>label>span{display:block;width:100%;text-align:center}.attach-thumbs{display:flex;flex-wrap:wrap;gap:var(--gutter);margin:8px 0 0;padding:0;list-style:none}.attach-thumb{position:relative;display:block;width:4em;height:4em;padding:0;overflow:hidden;text-decoration:none}.attach-thumb img,.attach-thumb video{width:100%;height:100%;object-fit:cover}.attach-thumb .icon{position:absolute;top:2px;right:2px;background:var(--color-bg)}.attach-file{display:inline-grid;grid-auto-flow:column;align-items:baseline;column-gap:4px;width:auto;padding:0;text-decoration:none}.attach-file span{text-decoration:underline;text-underline-offset:3px}.media-files{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.table-wrap{overflow:hidden;background:var(--color-bg);border:var(--rule);border-radius:var(--radius-panel);padding:8px 12px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:8px var(--gutter) 8px 0;text-align:left;vertical-align:baseline;border:0}.table td:last-child,.table th:last-child{width:1%;white-space:nowrap;padding-right:0}.table .col-date,.table .col-fit,.table .col-id{width:1%;white-space:nowrap}.table th{padding-top:0;padding-bottom:8px;border-bottom:var(--rule)}.list-create,.list-filters{display:flex;flex-wrap:wrap;align-items:end;gap:8px var(--gutter)}.list-create{padding:12px;background:var(--color-bg);border:var(--rule);border-radius:var(--radius-panel)}.list-create input{width:auto;min-width:12em;flex:1 1 12em;max-width:22em}.product-meta{display:grid;grid-gap:var(--gutter);gap:var(--gutter)}.data-list-block{display:grid;grid-gap:0;gap:0;min-width:0;background:var(--color-bg);border:var(--rule);border-radius:var(--radius-panel);overflow:visible}.data-list-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px}.data-list-search{flex:0 1 16em;min-width:10em;max-width:22em}.data-list-search>.icon{left:8px}.data-list-toolbar .data-list-search input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:100%;min-width:0;padding-left:28px;border:0;background:var(--color-bg-hover);border-radius:var(--radius)}.data-list-toolbar .data-list-search input::placeholder{color:var(--color-text-secondary)}.data-list-toolbar .data-list-search input:focus,.data-list-toolbar .data-list-search input:focus-visible{background:var(--color-bg);box-shadow:0 0 0 1px var(--color-brand)}.data-list-customize{position:relative}.data-list-customize.is-open{z-index:8}button.data-list-customize-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;color:var(--color-text-secondary)}button.data-list-customize-toggle:hover,button.data-list-customize-toggle[aria-expanded=true]{color:var(--color-text);background:var(--color-bg-hover)}button.data-list-customize-toggle .icon{width:12px;height:12px;vertical-align:0}.data-list-customize .combobox-list{right:0;left:auto;min-width:12em}.data-list-customize .combobox-option{display:grid;grid-template-columns:16px 1fr;align-items:center;grid-column-gap:8px;column-gap:8px}.data-list-check{display:grid;place-items:center;width:16px;height:16px}.data-list-check .icon{width:12px;height:12px;vertical-align:0}.data-list-wrap{width:100%;overflow-x:auto;border-radius:0 0 var(--radius-panel) var(--radius-panel)}.data-list{width:100%;border-collapse:collapse;font-size:var(--font-size-table)}.data-list td,.data-list th{padding:4px 8px;text-align:left;vertical-align:baseline;border:0}.data-list th{background:var(--color-bg-hover);color:var(--color-text-secondary);font-weight:400;white-space:nowrap;border-bottom:var(--rule)}.data-list th button{width:auto;color:inherit;text-decoration:none;padding:0;border-radius:0}.data-list th button:hover{color:var(--color-text);background:transparent}.data-list th button[aria-pressed=true]:after{content:" \2193"}.data-list th button[aria-pressed=true][data-dir=asc]:after{content:" \2191"}.data-list td{border-bottom:var(--rule)}.data-list tbody tr:nth-child(2n){background:#fafafa}.data-list tbody tr:hover{background:var(--color-bg-hover)}.data-list a{color:var(--color-text-brand);text-decoration:none}.data-list a:hover{text-decoration:underline}.data-list .col-date,.data-list .col-edit,.data-list .col-files,.data-list .col-fit,.data-list .col-id{width:1%;white-space:nowrap}.data-list .file-actions{display:inline;white-space:nowrap}.data-list .file-actions a{text-decoration:none}.data-list .file-actions a:hover{text-decoration:underline}.records{--records-columns:calc(10ch + var(--gutter)) calc(2.5em + var(--gutter)) calc(16ch + 2.25em) 1fr calc(8ch + 2.4em);display:grid;grid-template-columns:var(--records-columns);width:100%;overflow:visible}.record-row,.records-header{display:grid;grid-template-columns:subgrid;grid-column:1/-1}.records-header{align-items:stretch;border-bottom:var(--rule)}.record-row>*,.records-header>*{min-width:0;padding-right:var(--gutter)}.record-row>:last-child,.records-header>:last-child{padding-right:0}.records-header>*{display:flex;align-items:end;padding-bottom:8px}.records .col-date{position:relative}.records-header .col-status{justify-content:end;text-align:end}.records-header .col-status .status-filter{margin-left:auto}.record-row{cursor:pointer;align-items:start;padding-top:8px;padding-bottom:8px;border-bottom:var(--rule)}.record-row .col-date:before{content:"";position:absolute;top:.4em;left:calc(-1 * var(--gutter));width:.375em;height:.375em;border-radius:50%;background:var(--color-text);pointer-events:none;opacity:0}.record-row:focus-visible .col-date:before,.record-row:hover .col-date:before{opacity:1}.record-row.is-open{border-bottom:0}.record-row.is-open .col-description{visibility:hidden}.record-row .col-product{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-row .col-description{overflow-wrap:break-word}.record-row .col-status{display:flex;justify-content:end;align-items:start;gap:4px;text-align:end}.record-row .col-status form{display:inline-grid;justify-items:end;width:auto}.record-row .col-status button{width:auto}.record-status,.record-toggle{display:inline-grid;justify-items:end}.record-toggle{place-items:center end;flex:none;width:1em;height:1.3em;pointer-events:none;opacity:0}.record-row.is-open .record-toggle,.record-row:focus-visible .record-toggle,.record-row:hover .record-toggle{opacity:1}.record-status{line-height:1.3}.record-done{column-gap:4px}.done-switch,.record-done{display:inline-grid;grid-auto-flow:column;align-items:center}.done-switch{column-gap:8px;width:auto;cursor:pointer;text-decoration:none}.done-switch input{width:1em;height:1em;margin:0;padding:0;accent-color:var(--color-text)}.decision-list,.reply-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.reply{display:grid;grid-gap:8px;gap:8px;padding-bottom:8px;border-bottom:var(--rule)}.reply-meta{opacity:1}.replies{display:grid;grid-gap:var(--gutter);gap:var(--gutter)}.record-composer,.record-panel,.records-empty{grid-column:1/-1;padding:8px 0;border-bottom:var(--rule)}.record-composer{padding:12px;border-bottom:0;background:var(--color-bg);border:var(--rule);border-radius:var(--radius-panel)}.record-panel-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-column-gap:var(--gutter);column-gap:var(--gutter);align-items:baseline}.record-panel-meta p{min-width:0;overflow-wrap:break-word}.record-panel-meta a,.record-panel-meta form{grid-column:-1;justify-self:end;text-align:end}.record-cell-link{display:block;min-height:2.5em;text-decoration:none}.record-thumb{display:block;width:2.5em;height:2.5em;overflow:hidden}.attach-thumb img,.record-thumb img,.record-thumb video{width:100%;height:100%;object-fit:cover}.record-thumb-play-wrap,.record-thumb:has(.record-thumb-play){display:grid;place-items:center;width:100%;height:100%;background:var(--color-text)}.record-thumb-play{width:.75em;height:.75em;fill:var(--color-bg)}.filter-select{display:inline-grid;align-items:center;min-width:0;max-width:100%}.filter-select:after{content:attr(data-value);grid-area:1/1;padding-right:1.05em;overflow:hidden;visibility:hidden;white-space:nowrap;pointer-events:none}.column-filter{grid-area:1/1;width:100%;min-width:0;max-width:100%;padding:0 1.05em 0 0;border-bottom:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--filter-chevron) no-repeat right center /.7em;cursor:pointer}.column-filter::-ms-expand{display:none}.date-filter,.product-filter,.status-filter{position:relative;min-width:0;max-width:100%}.date-filter summary,.product-filter summary,.status-filter summary{display:inline-flex;align-items:center;column-gap:.35em;min-width:0;max-width:100%;overflow:hidden;cursor:pointer;list-style:none;padding:4px 8px;border-radius:var(--radius);color:var(--color-text-secondary)}.date-filter summary:hover,.date-filter[open] summary,.product-filter summary:hover,.product-filter[open] summary,.status-filter summary:hover,.status-filter[open] summary{color:var(--color-text);background:var(--color-bg-hover)}.date-filter summary>span,.product-filter summary>span,.status-filter summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-filter summary:after,.product-filter summary:after,.status-filter summary:after{content:"";flex:0 0 0.7em;width:.7em;height:.7em;background:var(--filter-chevron) center /contain no-repeat}.date-filter summary::-webkit-details-marker,.date-filter summary::marker,.product-filter summary::-webkit-details-marker,.product-filter summary::marker,.status-filter summary::-webkit-details-marker,.status-filter summary::marker{display:none;content:""}.date-filter-panel,.product-filter-panel,.status-filter-panel{position:absolute;z-index:2;top:calc(100% + 8px);left:0;display:grid;grid-gap:8px;gap:8px;min-width:min(16em,calc(100vw - 2 * var(--margin)));max-width:calc(100vw - 2 * var(--margin));padding:var(--gutter);background:var(--color-bg);border:var(--rule);border-radius:var(--radius-panel)}.status-filter-panel{right:0;left:auto;min-width:8em}.product-filter-panel{max-height:min(70vh,24em);overflow:auto}.product-filter-panel label{display:grid;grid-template-columns:auto 1fr;grid-column-gap:8px;column-gap:8px;align-items:center}.product-filter-panel input[type=checkbox]{width:1em;height:1em;padding:0;border:0;accent-color:var(--color-text)}.table td input,.table td select{width:100%}.media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--gutter);gap:var(--gutter)}.media-frame{position:relative}.media-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px;z-index:1;opacity:0}.media-frame:focus-within .media-actions,.media-frame:hover .media-actions{opacity:1}.media-actions .icon-button{width:2em;min-width:2em;min-height:2em;background:var(--color-bg)}.media img,.media video{width:100%;display:block}.media-zoom{position:fixed;inset:0;z-index:20;background:var(--color-bg)}.media-zoom-stage{position:absolute;inset:calc(var(--margin) + 2.5em) var(--margin) var(--margin)}.media-zoom-stage img,.media-zoom-stage video{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}.media-zoom-bar{position:fixed;top:var(--margin);right:var(--margin);display:flex;gap:8px;z-index:1}.media-zoom-bar .icon-button{width:2em;min-width:2em;min-height:2em;background:var(--color-bg)}.is-current{text-decoration:none}@supports not (grid-template-columns:subgrid){.header,.main{grid-template-columns:repeat(12,minmax(0,1fr))}.record-row,.records-header{grid-template-columns:var(--records-columns)}}.mockup-zoom{display:grid;grid-gap:8px;gap:8px;max-width:32em}.mockup-zoom-view{position:relative;overflow:hidden;background:var(--color-canvas);border-radius:var(--radius-panel);--rotate-cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round' d='M6 15.2A7 7 0 0 1 17.2 8.2M14.6 6.2l2.8 2.1-2.6 1.8M8.4 17.2L5.8 15.1 8.6 13.4'/%3E%3Cpath fill='none' stroke='%230d99ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M6 15.2A7 7 0 0 1 17.2 8.2M14.6 6.2l2.8 2.1-2.6 1.8M8.4 17.2L5.8 15.1 8.6 13.4'/%3E%3C/svg%3E") 12 12}.mockup-zoom-view.is-over{background:var(--color-bg-selected);color:var(--color-text)}.mockup-canvas .mockup-zoom-view.is-over{background:transparent}.mockup-canvas .mockup-zoom-view.is-over:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:color-mix(in srgb,var(--color-bg-selected) 78%,transparent)}.mockup-drop-hint,.mockup-drop-target{position:absolute;inset:0;display:grid;place-items:center;margin:0;pointer-events:none}.mockup-drop-target[data-framed]{inset:auto;border:1.5px dashed var(--color-brand);border-radius:4px;background:color-mix(in srgb,var(--color-bg-selected) 42%,transparent)}.mockup-drop-target[data-framed].is-over{border-style:solid;background:color-mix(in srgb,var(--color-bg-selected) 72%,transparent)}.mockup-drop-card{display:grid;justify-items:center;align-content:center;grid-gap:6px;gap:6px;min-width:8.5em;max-width:calc(100% - 12px);padding:12px 14px;border:1.5px dashed var(--color-brand);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--color-bg) 88%,var(--color-bg-selected));color:var(--color-text);box-shadow:0 8px 24px #00000014;text-align:center}.mockup-drop-card.is-over,.mockup-drop-target.is-over .mockup-drop-card{border-style:solid;background:var(--color-bg-selected)}.mockup-drop-card .icon{width:22px;height:22px;color:var(--color-brand);vertical-align:0}.mockup-drop-card span,.mockup-drop-card strong{display:block}.mockup-drop-card span{color:var(--color-text-secondary)}.mockup-canvas-board>.mockup-drop-hint{color:var(--color-text)}.mockup-stage-reset{position:absolute;top:10px;right:10px;z-index:4;width:auto;min-height:0;padding:.2em .55em;background:#fff;color:#000;box-shadow:0 0 0 1px #000}.mockup-tools{position:absolute;left:50%;bottom:12px;z-index:5;display:flex;align-items:center;gap:2px;padding:4px;transform:translateX(-50%);background:#fff;border-radius:6px;box-shadow:0 0 0 1px var(--color-border),0 2px 8px #00000014}.mockup-tools button{display:inline-grid;place-items:center;min-width:28px;min-height:28px;padding:4px 6px;color:var(--color-text-secondary)}.mockup-tools button:hover{color:var(--color-text);background:var(--color-bg-hover)}.mockup-tools button.is-current{color:var(--color-text);background:var(--color-bg-selected)}.mockup-tools button:disabled{opacity:.35;cursor:default;background:none}.mockup-tools-zoom{min-width:4.2em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mockup-tools-sep{flex:none;width:1px;height:16px;margin:0 4px;background:var(--color-border)}.mockup-zoom-view:focus{outline:none}.mockup-zoom-view[data-tool=hand],.mockup-zoom-view[data-tool=hand] .mockup-stage,.mockup-zoom-view[data-tool=hand] .mockup-stage *{cursor:-webkit-grab;cursor:grab}.mockup-zoom-view[data-panning],.mockup-zoom-view[data-panning] .mockup-stage,.mockup-zoom-view[data-panning] .mockup-stage *,.mockup-zoom-view[data-tool=hand]:active,.mockup-zoom-view[data-tool=hand]:active .mockup-stage,.mockup-zoom-view[data-tool=hand]:active .mockup-stage *{cursor:-webkit-grabbing;cursor:grabbing}.mockup-stage{position:relative;display:block;width:100%;isolation:isolate;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.mockup-stage[data-edit=logo]{cursor:default}.mockup-stage[data-edit=scale]{cursor:crosshair}.mockup-stage[data-edit=area]{cursor:move}.mockup-zoom-slider{display:flex;flex-wrap:wrap;align-items:center;gap:8px var(--gutter)}.mockup-zoom-slider .label{margin:0}.mockup-zoom-slider input[type=range]:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]){flex:1 1;width:auto;min-width:8em;height:1.3em;min-height:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;accent-color:var(--color-text)}.mockup-zoom-slider input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--color-text)}.mockup-zoom-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;margin-top:-4.5px;border:0;background:var(--color-text);cursor:pointer}.mockup-zoom-slider input[type=range]::-moz-range-track{height:1px;background:var(--color-text)}.mockup-zoom-slider input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;background:var(--color-text);cursor:pointer}.logo-size{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px var(--gutter)}.logo-size .label{margin:0}.logo-size-dims{flex-wrap:nowrap}.logo-size-dims,.logo-size-dims label{display:flex;align-items:baseline;gap:8px}.logo-size-by,.logo-size-unit{flex:none}.logo-size input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:8ch;min-width:8ch;max-width:8ch}.logo-size input[readonly]{cursor:default}.mockup-stage>img{display:block;width:100%;height:auto;pointer-events:none}.mockup-canvas .mockup-stage.is-framed>img{height:100%;object-fit:contain}.product-images{display:flex;flex-wrap:wrap;gap:var(--gutter);align-items:end;margin:0;padding:4px 0;list-style:none}.product-image{position:relative;display:block;width:4.8em;aspect-ratio:4/5;padding:0;border:var(--rule);overflow:hidden;cursor:pointer;text-decoration:none}.product-image:not(.is-current){opacity:.45}.product-image:not(.is-current):focus-visible,.product-image:not(.is-current):has(:focus-visible),.product-image:not(.is-current):hover{opacity:1}.mockup-canvas-layers .product-image.is-filled:not(.is-locked):not(:disabled){opacity:1}.product-image.is-locked,.product-image.is-locked:hover,.product-image:disabled,.product-image:disabled:hover{opacity:.35;cursor:not-allowed}.product-images-manage .product-image{width:8em;cursor:pointer}.product-image-select{display:block;width:100%;height:100%;padding:0;border:0;text-decoration:none}.product-image[data-kind=template]{aspect-ratio:1}.product-image.has-area:before,.product-image.has-scale:after{content:"";position:absolute;bottom:4px;width:8px;height:8px;background:var(--color-text);pointer-events:none}.product-image.has-scale:after{left:4px}.product-image.has-area:before{left:16px;box-shadow:inset 0 0 0 2px var(--color-bg)}.product-image.is-current{outline:2px solid var(--color-text);outline-offset:3px}.product-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.product-image .icon-button{position:absolute;top:2px;right:2px;width:auto;padding:2px;background:var(--color-bg)}.scale-setup{display:grid;grid-gap:8px;gap:8px;max-width:32em}.scale-setup .mockup-zoom{max-width:none}.scale-setup .mockup-zoom-view{border:var(--rule)}.scale-stage{position:relative;display:block;width:100%;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.scale-stage img{width:100%;height:auto;pointer-events:none}.scale-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.scale-overlay line{stroke:#000;stroke-width:1.5;vector-effect:non-scaling-stroke}.scale-overlay .scale-overlay-halo{stroke:#fff;stroke-width:4;vector-effect:non-scaling-stroke}.scale-handle{width:10px;height:10px;padding:0;border:0;background:#fff;box-shadow:0 0 0 1px #000;text-decoration:none;transform:translate(-50%,-50%) scale(calc(1 / var(--mockup-zoom, 1)));cursor:-webkit-grab;cursor:grab;pointer-events:auto}.scale-handle,.scale-label{position:absolute;z-index:1}.scale-label{padding:0 4px;background:var(--color-bg);transform:translate(-50%,-150%) scale(calc(1 / var(--mockup-zoom, 1)));transform-origin:center bottom;pointer-events:none;white-space:nowrap}.scale-mm{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.scale-mm .label{margin:0}.scale-mm input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:8ch;min-width:8ch;max-width:8ch}.scale-status{min-width:5em}.image-tools,.print-area-fields{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.image-tools button.is-current,.print-area-fields button.is-current{outline:2px solid var(--color-text);outline-offset:2px}.print-area{box-sizing:border-box}.print-area,.print-area-fill{position:absolute;pointer-events:none}.print-area-fill{inset:0;border:calc(1.5px / var(--mockup-zoom, 1)) dashed #000;box-shadow:0 0 0 calc(1px / var(--mockup-zoom, 1)) #fff}.print-area[data-shape=circle] .print-area-fill{border-radius:50%}.print-area-ui{position:absolute;inset:0;pointer-events:auto}.print-area[data-active]{cursor:move}.mockup-logo.is-locked{cursor:default}.mockup-logo{z-index:5;box-sizing:border-box;overflow:visible;cursor:move}.mockup-logo,.mockup-logo-paint{position:absolute}.mockup-logo-paint>.mockup-logo-fill,.mockup-logo-paint>img{width:100%;height:100%;object-fit:fill;pointer-events:none}.canvas-mark-text{container-type:size;display:flex;width:100%;height:100%;overflow:hidden;pointer-events:none;align-items:center}.canvas-mark-text[data-valign=top]{align-items:flex-start}.canvas-mark-text[data-valign=bottom]{align-items:flex-end}.canvas-mark-text p{margin:0;width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;font-variation-settings:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.mockup-logo-fill{display:block;background:var(--color-text)}.mockup-logo-fill,.mockup-logo-fx{-webkit-mask-image:var(--logo-mask);mask-image:var(--logo-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-source-type:alpha;mask-mode:alpha}.mockup-logo-fx{display:none;position:absolute;inset:0;pointer-events:none}.mockup-logo-paint[data-decoration=engraving]:not([data-painted]){mix-blend-mode:overlay}.mockup-logo-paint[data-decoration=engraving]:not([data-painted])>.canvas-mark-text,.mockup-logo-paint[data-decoration=engraving]:not([data-painted])>.mockup-logo-fill,.mockup-logo-paint[data-decoration=engraving]:not([data-painted])>img{filter:grayscale(1) contrast(1.55) brightness(.88)}.mockup-logo-paint[data-decoration=engraving]:not([data-painted])>.mockup-logo-fx[data-fx=form]{display:block;background:linear-gradient(145deg,rgba(255,255,255,.28),transparent 42%,rgba(0,0,0,.3));mix-blend-mode:overlay}.mockup-logo-paint[data-decoration=embroidery]{filter:drop-shadow(.35px .7px .75px rgba(0,0,0,.16))}.mockup-logo-paint[data-decoration=embroidery][data-painted]{filter:drop-shadow(.3px .65px .8px rgba(0,0,0,.14))}.mockup-logo-paint[data-decoration=embroidery]>.mockup-logo-fx[data-fx=thread]{display:block;background:repeating-linear-gradient(32deg,rgba(255,255,255,.3) 0 1px,rgba(255,255,255,.04) 1px 2px,rgba(0,0,0,.28) 2px 3px);mix-blend-mode:overlay}.mockup-logo-paint[data-decoration=embroidery]>.mockup-logo-fx[data-fx=form]{display:block;background:linear-gradient(145deg,rgba(255,255,255,.22),transparent 42%,rgba(0,0,0,.24));mix-blend-mode:overlay}.mockup-logo-ui{position:absolute;inset:0;pointer-events:none;border:calc(1px / var(--mockup-zoom, 1)) dashed var(--color-brand);box-shadow:none;transform-origin:center center}.logo-decoration{display:flex;width:-moz-fit-content;width:fit-content;max-width:100%}.logo-decoration button{min-width:7em;padding:8px 12px;border:var(--rule);text-align:center;text-decoration:none;border-radius:0}.logo-decoration button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.logo-decoration button:last-child{border-radius:0 var(--radius) var(--radius) 0}.logo-decoration button+button{border-left:0}.logo-decoration button.is-current{background:var(--color-bg-selected);color:var(--color-text);text-decoration:none}.canvas-inspect-section .product-decorations-list,.product-decorations{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.product-decorations-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px var(--gutter)}.decoration-switch{display:inline-grid;grid-auto-flow:column;align-items:center;column-gap:8px;width:auto;cursor:pointer;text-decoration:none}.decoration-switch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.decoration-switch-ui{position:relative;width:1.75em;height:1em;border:var(--rule);border-radius:1em;background:transparent}.decoration-switch-ui:after{content:"";position:absolute;top:1px;left:1px;width:calc(1em - 4px);height:calc(1em - 4px);border-radius:50%}.decoration-switch input:checked+.decoration-switch-ui,.decoration-switch-ui:after{background:var(--color-text)}.decoration-switch input:checked+.decoration-switch-ui:after{left:auto;right:1px;background:var(--color-bg)}.decoration-switch input:focus-visible+.decoration-switch-ui{outline:2px solid var(--color-text);outline-offset:2px}.product-decorations .label,.product-decorations p{margin:0}.logo-colors{display:flex;flex-wrap:wrap;align-items:center;gap:8px var(--gutter)}.logo-colors .label{margin:0}.logo-swatch,.logo-swatch-pick{display:block;width:1.3em;height:1.3em;padding:0;border:var(--rule);text-decoration:none;overflow:hidden;cursor:pointer}.logo-swatch.is-black{background:#000}.logo-swatch.is-white{background:#fff}.logo-swatch-pick.is-current,.logo-swatch.is-current{box-shadow:0 0 0 1px var(--color-bg),0 0 0 2px var(--color-text)}.logo-swatch-pick{position:relative;background:conic-gradient(#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}.logo-swatch-pick input[type=color]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.logo-hex{display:flex;align-items:center;gap:8px;width:auto}.logo-colors .logo-hex input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:8ch;min-width:8ch;max-width:8ch;height:1.3em;min-height:1.3em;padding:0;line-height:1.3;cursor:text}.logo-pantone{display:flex;align-items:baseline;gap:8px;flex:1 0 100%}.logo-pantone .label{flex:none}.logo-pantone .combobox{position:relative;flex:none;width:16ch}.logo-pantone-field{display:inline-flex;align-items:baseline;gap:.35em;width:max-content;max-width:100%}.logo-pantone-field input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=color]){width:auto;min-width:3ch;max-width:none;font-size:1.15em}.logo-pantone-finish{flex:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo-pantone .combobox-list{right:auto;min-width:16em;max-height:16em}.logo-pantone .combobox-option{display:flex;align-items:center;gap:8px}.logo-pantone-swatch{flex:none;width:.9em;height:.9em;border:1px solid}.mockup-handle{position:absolute;z-index:1;padding:0;border:0;background:#fff;text-decoration:none;transform:scale(calc(1 / var(--mockup-zoom, 1)));transform-origin:center}.mockup-handle:after{content:"";position:absolute;inset:-5px}.mockup-logo .mockup-handle{background:#fff;border-radius:0;box-shadow:0 0 0 1.5px var(--color-brand);pointer-events:auto}.mockup-logo .mockup-handle-icon{stroke:var(--color-brand)}.mockup-handle-icon{display:block;width:100%;height:100%;fill:none;stroke:#000;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;pointer-events:none}.mockup-handle-scale{z-index:2;width:10px;height:10px}.mockup-logo .mockup-handle-scale{width:6px;height:6px}.mockup-handle-nw{top:-5px;left:-5px;cursor:nwse-resize}.mockup-logo .mockup-handle-nw{top:-3px;left:-3px}.mockup-handle-ne{top:-5px;right:-5px;cursor:nesw-resize}.mockup-logo .mockup-handle-ne{top:-3px;right:-3px}.mockup-handle-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.mockup-logo .mockup-handle-sw{bottom:-3px;left:-3px}.mockup-handle-se{bottom:-5px;right:-5px;cursor:nwse-resize}.mockup-logo .mockup-handle-se{bottom:-3px;right:-3px}.mockup-handle-rotate{z-index:1;width:22px;height:22px;padding:3px;overflow:visible;border-radius:50%;cursor:-webkit-grab;cursor:grab}.mockup-logo .mockup-handle-rotate{background:transparent;box-shadow:none}.mockup-logo .mockup-handle-rotate.is-hover{opacity:1;cursor:var(--rotate-cursor),-webkit-grab;cursor:var(--rotate-cursor),grab}.mockup-logo .mockup-handle-rotate.is-hover .mockup-handle-icon{opacity:0}.mockup-logo[data-drag=rotate],.mockup-logo[data-drag=rotate] *,.mockup-zoom-view:has(.mockup-logo[data-drag=rotate]),.mockup-zoom-view:has(.mockup-logo[data-drag=rotate]) *{cursor:var(--rotate-cursor),-webkit-grabbing;cursor:var(--rotate-cursor),grabbing}.mockup-logo .mockup-handle-rotate.is-hover:after{inset:-16px}.mockup-handle-rotate .mockup-handle-icon{stroke-width:1.75;transform-box:fill-box;transform-origin:center}.mockup-logo .mockup-handle-rotate .mockup-handle-icon{stroke:var(--color-brand);stroke-width:1.6;filter:drop-shadow(0 0 .7px #fff) drop-shadow(0 0 .7px #fff)}.mockup-handle-rotate-nw{top:calc(-22px / var(--mockup-zoom, 1) - 11px);left:calc(-22px / var(--mockup-zoom, 1) - 11px)}.mockup-handle-rotate-nw .mockup-handle-icon{transform:rotate(-90deg)}.mockup-handle-rotate-ne{top:calc(-22px / var(--mockup-zoom, 1) - 11px);right:calc(-22px / var(--mockup-zoom, 1) - 11px)}.mockup-handle-rotate-se{bottom:calc(-22px / var(--mockup-zoom, 1) - 11px);right:calc(-22px / var(--mockup-zoom, 1) - 11px)}.mockup-handle-rotate-se .mockup-handle-icon{transform:rotate(90deg)}.mockup-handle-rotate-sw{bottom:calc(-22px / var(--mockup-zoom, 1) - 11px);left:calc(-22px / var(--mockup-zoom, 1) - 11px)}.mockup-handle-rotate-sw .mockup-handle-icon{transform:rotate(180deg)}.mockup-handle-delete{z-index:3;top:calc(-20px / var(--mockup-zoom, 1) - 10px);left:50%;margin-left:-9px;width:18px;height:18px;padding:2px;border-radius:50%;cursor:pointer}.mockup-handle-delete .icon{display:block;width:100%;height:100%;vertical-align:0;stroke:#000}.mockup-handle-skew{cursor:ew-resize}.mockup-handle-skew-x{width:22px;height:12px;padding:1px 3px;bottom:calc(-16px / var(--mockup-zoom, 1) - 6px);left:50%;margin-left:-11px;cursor:ew-resize}.mockup-handle-skew-y{width:12px;height:22px;padding:3px 1px;top:50%;right:calc(-16px / var(--mockup-zoom, 1) - 6px);margin-top:-11px;cursor:ns-resize}.mockup-print-hit{position:absolute;z-index:1;pointer-events:none}.mockup-print-hit:has(.mockup-logo){z-index:5}.mockup-print-hit-ui{position:absolute;inset:0;pointer-events:auto}.mockup-print-bounds{position:absolute;z-index:2;pointer-events:none}.mockup-print-bounds-ui{position:absolute;inset:0;border:calc(1px / var(--mockup-zoom, 1)) dashed var(--color-brand);transform-origin:center center}.mockup-logo-guides{position:absolute;inset:0;z-index:3;pointer-events:none}.mockup-logo-guide{position:absolute}.mockup-logo-guide.is-v{width:0;border-left:calc(1px / var(--mockup-zoom, 1)) dashed var(--color-brand)}.mockup-logo-guide.is-h{height:0;border-top:calc(1px / var(--mockup-zoom, 1)) dashed var(--color-brand)}.mockup-logo-size{position:absolute;z-index:6;padding:2px 8px;border-radius:999px;background:var(--color-brand);color:#fff;font-size:11px;line-height:1.3;white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(6px / var(--mockup-zoom, 1))) scale(calc(1 / var(--mockup-zoom, 1)));transform-origin:top center}.mockup-zoom-view:not([data-logo-engaged]) .mockup-handle,.mockup-zoom-view:not([data-logo-engaged]) .mockup-logo-guides,.mockup-zoom-view:not([data-logo-engaged]) .mockup-logo-size,.mockup-zoom-view:not([data-logo-engaged]) .mockup-logo-ui,.mockup-zoom-view:not([data-logo-engaged]) .mockup-print-bounds{visibility:hidden}@media (hover:hover) and (pointer:fine){.mockup-zoom-view:not([data-logo-engaged]) .mockup-logo{cursor:default}}@media (max-width:720px){body:has(.mockup-canvas),html:has(.mockup-canvas){height:auto;overflow:auto}.shell:has(.mockup-canvas){height:auto}.main:has(.mockup-canvas){display:block}.mockup-canvas,.mockup-canvas-shell,form.mockup-canvas{display:flex;flex-direction:column;min-height:calc(100dvh - 7em)}.mockup-canvas-board{min-height:70vw;order:-1}.mockup-canvas-inspector,.mockup-canvas-layers{border:0;border-top:var(--rule)}.shell-app .header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;grid-column-gap:12px;column-gap:12px;grid-row-gap:8px;row-gap:8px}.shell-app .brand{grid-column:1;grid-row:1;min-width:0}.shell-app .account{grid-column:2;grid-row:1;margin-left:0}.shell-app .nav{grid-column:1/-1;grid-row:2;flex:0 0 auto}.nav-menu>summary{display:inline-flex;align-items:center;column-gap:.35em;min-height:2.75em}.nav-menu>summary:after{content:"";flex:0 0 0.7em;width:.7em;height:.7em;background:var(--filter-chevron) center /contain no-repeat}.nav-menu .nav-body{padding-top:var(--gutter)}.nav a{display:flex;align-items:center;min-height:2.75em}.account-menu>summary,.icon-button{min-width:2.75em;min-height:2.75em}a,button,input,label,select,summary{touch-action:manipulation}.main>*{min-width:0}.actions,.grid-2,.grid-3,.grid-4{grid-template-columns:minmax(0,1fr)}.stack>.inline-actions{flex-direction:column;align-items:stretch}.stack>.inline-actions .button-solid,.stack>.inline-actions>form{margin-left:0;align-self:start}.inline-actions-start{display:flex;flex-wrap:wrap;justify-content:start;align-items:center}.form-head,.records,.stack,.table-wrap{min-width:0}.table-wrap{overflow-x:visible}.records{min-width:0;grid-template-columns:minmax(0,1fr)}.records-header{display:flex;flex-wrap:wrap;gap:8px var(--gutter);align-items:end;justify-content:start}.records-header .col-description,.records-header .col-media{display:none}.records-header>*{width:auto;flex:0 1 auto;max-width:100%}.records-header .col-status{justify-content:start;text-align:start}.record-row{display:grid;grid-template-columns:2.5em minmax(0,1fr) auto;grid-template-areas:"media date status" "media product product" "desc desc desc";grid-column-gap:8px;column-gap:8px;grid-row-gap:2px;row-gap:2px;width:100%}.record-row .col-date{grid-area:date}.record-row .col-media{grid-area:media;align-self:start}.record-row .col-product{grid-area:product;white-space:normal;overflow:visible;text-overflow:unset}.record-row .col-description{grid-area:desc}.record-row.is-open .col-description{display:none;visibility:visible}.record-row .col-status{grid-area:status}.record-row:not(:has(.record-thumb)){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date status" "product product" "desc desc"}.record-row:not(:has(.record-thumb)) .col-media{display:none}.record-row.is-open{grid-template-areas:"media date status" "media product product"}.record-row.is-open:not(:has(.record-thumb)){grid-template-areas:"date status" "product product"}.record-composer,.record-panel,.records-empty{grid-column:1}.date-filter summary,.product-filter summary,.status-filter summary{min-height:2.75em;text-overflow:ellipsis}.date-filter-panel,.product-filter-panel,.status-filter-panel{position:static;left:auto;right:auto;top:auto;min-width:0;max-width:none;width:100%;padding:8px 0 0}.date-filter[open],.product-filter[open],.status-filter[open]{flex:1 1 100%}.records-header>:has([open]){flex:1 1 100%}.table,.table tbody,.table td,.table th,.table thead,.table tr{display:block;width:100%;max-width:100%}.table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.table tbody tr{padding:8px 0;border-bottom:var(--rule)}.table td{padding:4px 0;width:100%;white-space:normal}.table td:last-child,.table th:last-child{width:100%;white-space:normal;padding-right:0}.table td:empty{display:none}.table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:4px}.table .col-date,.table .col-fit,.table .col-id,.table .col-sku{width:100%;white-space:normal}.table td,.table th{overflow-wrap:break-word}.table .inline-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px var(--gutter)}.form-head{display:grid;grid-template-columns:minmax(0,1fr)}.form-head .button-solid,.form-head .combobox,.form-head input,.form-head p,.form-head select{width:100%;max-width:none}.form-head .done-switch{justify-self:start;width:auto}.file.is-compact{min-height:2.75em}.logo-decoration{width:100%}.logo-decoration button{flex:1 1;min-width:0;min-height:2.75em}.logo-swatch,.logo-swatch-pick{width:2.75em;height:2.75em}.product-image{width:5.5em}.column-filter,.date-filter,.date-filter summary,.filter-select,.form-head>*,.product-filter,.product-filter summary,.status-filter,.status-filter summary{min-width:0;max-width:100%}.field-date{flex-wrap:wrap}.field select.select-fit,.field-date,.select-fit{max-width:100%}}@media (hover:none){.nav a{color:var(--color-text)}.media-actions{opacity:1}.record-row .col-date:before{display:none}}