/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[3].use[1]!./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[15].oneOf[3].use[2]!./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/font/local/target.css?{"path":"src/app/layout.tsx","import":"","arguments":[{"src":"../../public/fonts/NasalizationRg.otf","variable":"--font-brand","display":"swap"}],"variableName":"brandFont"} ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'brandFont';
src: url(/_next/static/media/954613a8a690f974-s.p.otf) format('opentype');
font-display: swap;
}@font-face {font-family: 'brandFont Fallback';src: local("Arial");ascent-override: 75.64%;descent-override: 21.61%;line-gap-override: 0.00%;size-adjust: 122.15%
}.__className_4f9c15 {font-family: 'brandFont', 'brandFont Fallback'
}.__variable_4f9c15 {--font-brand: 'brandFont', 'brandFont Fallback'
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: var(--dc-font-sans); /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
  body.admin-scroll-lock {
    overflow: hidden;
    /* Prevent "white screen" where the whole app shifts out of viewport because some
       scroll-lock helper left `body { position: fixed; top: -Npx; }` behind. */
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    transform: none !important;
  }

  /* Remove number input spinners (users type values; tiny +/- 0.01 steppers are noise). */
  .dc-root input[type='number'] {
    -webkit-appearance: textfield;
            appearance: textfield;
    -moz-appearance: textfield;
  }
  .dc-root input[type='number']::-webkit-outer-spin-button,
  .dc-root input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  [data-mode="dark"] .dc-root {
    color: var(--dc-text);
    background: var(--dc-surface-0);
  }

  [data-mode="dark"] .dc-root .bg-gray-100 {
    background-color: var(--dc-surface-0) !important;
  }

  [data-mode="dark"] .dc-root .bg-white {
    background-color: var(--dc-surface-1) !important;
  }

  [data-mode="dark"] .dc-root .bg-gray-50 {
    background-color: color-mix(in srgb, var(--dc-surface-1) 86%, #ffffff 14%) !important;
  }

  [data-mode="dark"] .dc-root .text-gray-900 {
    color: var(--dc-text) !important;
  }

  [data-mode="dark"] .dc-root .text-gray-800,
  [data-mode="dark"] .dc-root .text-gray-700,
  [data-mode="dark"] .dc-root .text-gray-600,
  [data-mode="dark"] .dc-root .text-gray-500,
  [data-mode="dark"] .dc-root .text-gray-400 {
    color: var(--dc-text-muted) !important;
  }

  [data-mode="dark"] .dc-root .border-gray-200,
  [data-mode="dark"] .dc-root .border-gray-300,
  [data-mode="dark"] .dc-root .divide-gray-100 {
    border-color: var(--dc-border) !important;
  }

  [data-mode="dark"] .dc-root input,
  [data-mode="dark"] .dc-root select,
  [data-mode="dark"] .dc-root textarea {
    background: var(--dc-surface-1);
    color: var(--dc-text);
    border-color: var(--dc-border-strong);
  }

  [data-mode="dark"] .dc-root input::-moz-placeholder, [data-mode="dark"] .dc-root textarea::-moz-placeholder {
    color: var(--dc-text-muted);
  }

  [data-mode="dark"] .dc-root input::placeholder,
  [data-mode="dark"] .dc-root textarea::placeholder {
    color: var(--dc-text-muted);
  }
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
/* Header search: force enough left padding even if base styles override utility classes. */
.dc-root .dc-header-search .dc-input {
    padding-left: 48px !important; /* matches pl-12 */
  }
/* Page headers: slightly larger and clearer hierarchy for Print.
     Keep this override here until we upstream the same sizing to DesignCorp-UI templates. */
.dc-root .dc-page-header h1 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--dc-fg);
  }
@media (max-width: 640px) {
    .dc-root .dc-page-header h1 {
      font-size: 24px;
    }
  }
/* Product configurator choice styles (Print).
     Kept small + token-driven so it can be upstreamed to DesignCorp-UI later. */
.dc-root .dc-choice {
    width: 100%;
    justify-content: space-between;
    text-align: left;
    padding: 10px 12px;
    border-radius: 12px;
    background: var(--dc-card);
    border: 1px solid var(--dc-border);
    color: var(--dc-fg);
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.04s ease;
  }
.dc-root .dc-choice:hover {
    background: color-mix(in srgb, var(--dc-accent-soft) 22%, var(--dc-card));
    border-color: var(--dc-border-strong);
  }
.dc-root .dc-choice:active {
    transform: translateY(1px);
  }
.dc-root .dc-choice[data-selected="true"] {
    background: var(--dc-accent-soft);
    border-color: var(--dc-accent);
  }
.dc-root .dc-choice-grid {
    text-align: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    padding: 12px 10px;
  }
.dc-root .dc-choice-sub {
    font-size: 12px;
    color: var(--dc-muted);
  }
/* Quantity/price table (product page) */
.dc-root .dc-price-row[data-selected="true"] {
    background: color-mix(in srgb, var(--dc-accent-soft) 40%, transparent);
  }
.dc-root .dc-price-pick {
    font: inherit;
    color: inherit;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
  }
.dc-root .dc-price-pick:hover {
    color: var(--dc-accent);
  }
/* Checkout/cart steps */
.dc-root .dc-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid var(--dc-border);
    border-radius: 14px;
    background: var(--dc-card);
    margin: 12px 0 18px;
  }
.dc-root .dc-step {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid transparent;
    color: var(--dc-muted);
    text-decoration: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.dc-root .dc-step:hover {
    color: var(--dc-fg);
    background: var(--dc-surface-1);
    border-color: var(--dc-border);
  }
.dc-root .dc-step.is-active {
    color: var(--dc-fg);
    background: var(--dc-accent-soft);
    border-color: var(--dc-accent);
  }
.dc-root .dc-step.is-done {
    color: var(--dc-fg);
  }
.dc-root .dc-step-dot {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid var(--dc-border);
    background: var(--dc-bg);
  }
.dc-root .dc-step.is-active .dc-step-dot {
    border-color: var(--dc-accent);
    color: var(--dc-accent);
    background: color-mix(in srgb, var(--dc-accent-soft) 80%, var(--dc-bg));
  }
.dc-root .dc-step-label {
    font-size: 12.5px;
    font-weight: 600;
  }
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.right-0 {
  right: 0px;
}
.top-0 {
  top: 0px;
}
.top-24 {
  top: 6rem;
}
.top-full {
  top: 100%;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.\!m-0 {
  margin: 0px !important;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.\!mb-3 {
  margin-bottom: 0.75rem !important;
}
.\!mb-4 {
  margin-bottom: 1rem !important;
}
.\!mt-0 {
  margin-top: 0px !important;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-7 {
  margin-top: 1.75rem;
}
.mt-8 {
  margin-top: 2rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-20 {
  height: 5rem;
}
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-56 {
  max-height: 14rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-72 {
  max-height: 18rem;
}
.max-h-80 {
  max-height: 20rem;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-screen {
  min-height: 100vh;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-4 {
  width: 1rem;
}
.w-44 {
  width: 11rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[1\%\] {
  width: 1%;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[1100px\] {
  min-width: 1100px;
}
.min-w-\[1224px\] {
  min-width: 1224px;
}
.min-w-\[700px\] {
  min-width: 700px;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-w-\[760px\] {
  min-width: 760px;
}
.min-w-\[860px\] {
  min-width: 860px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-xl {
  max-width: 36rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.-translate-x-full {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-grab {
  cursor: grab;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[10rem_5\.5rem_7\.5rem_5rem_6rem_5rem_5rem_6rem_6rem_6rem_6rem_3rem\] {
  grid-template-columns: 10rem 5.5rem 7.5rem 5rem 6rem 5rem 5rem 6rem 6rem 6rem 6rem 3rem;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.\!border {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-dashed {
  border-style: dashed;
}
.\!border-\[var\(--dc-border\)\] {
  border-color: var(--dc-border) !important;
}
.border-\[var\(--dc-border\)\] {
  border-color: var(--dc-border);
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}
.border-brand-200 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-200) / var(--tw-border-opacity, 1));
}
.border-brand-300 {
  --tw-border-opacity: 1;
  border-color: rgb(var(--brand-300) / var(--tw-border-opacity, 1));
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-emerald-200\/60 {
  border-color: rgb(167 243 208 / 0.6);
}
.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-red-400 {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-zinc-700 {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}
.border-zinc-800 {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}
.\!bg-\[var\(--dc-surface-1\)\] {
  background-color: var(--dc-surface-1) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.bg-\[var\(--dc-accent-soft\)\] {
  background-color: var(--dc-accent-soft);
}
.bg-\[var\(--dc-bg\)\] {
  background-color: var(--dc-bg);
}
.bg-\[var\(--dc-card\)\] {
  background-color: var(--dc-card);
}
.bg-\[var\(--dc-surface\)\] {
  background-color: var(--dc-surface);
}
.bg-\[var\(--dc-surface-1\)\] {
  background-color: var(--dc-surface-1);
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-brand-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-100) / var(--tw-bg-opacity, 1));
}
.bg-brand-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-50) / var(--tw-bg-opacity, 1));
}
.bg-brand-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-600) / var(--tw-bg-opacity, 1));
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50\/60 {
  background-color: rgb(236 253 245 / 0.6);
}
.bg-emerald-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
}
.bg-emerald-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-100\/90 {
  background-color: rgb(243 244 246 / 0.9);
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/40 {
  background-color: rgb(249 250 251 / 0.4);
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-purple-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}
.bg-zinc-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.bg-zinc-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-10 {
  padding: 2.5rem !important;
}
.\!p-4 {
  padding: 1rem !important;
}
.\!p-5 {
  padding: 1.25rem !important;
}
.\!p-6 {
  padding: 1.5rem !important;
}
.\!p-8 {
  padding: 2rem !important;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.\!px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.\!py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.\!py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.\!text-right {
  text-align: right !important;
}
.text-right {
  text-align: right;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.tracking-\[0\.14em\] {
  letter-spacing: 0.14em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.\!text-\[var\(--dc-danger\)\] {
  color: var(--dc-danger) !important;
}
.\!text-\[var\(--dc-muted\)\] {
  color: var(--dc-muted) !important;
}
.text-\[var\(--dc-accent\)\] {
  color: var(--dc-accent);
}
.text-\[var\(--dc-danger\)\] {
  color: var(--dc-danger);
}
.text-\[var\(--dc-fg\)\] {
  color: var(--dc-fg);
}
.text-\[var\(--dc-muted\)\] {
  color: var(--dc-muted);
}
.text-\[var\(--dc-success\)\] {
  color: var(--dc-success);
}
.text-\[var\(--dc-warning\)\] {
  color: var(--dc-warning);
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-brand-600 {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-600) / var(--tw-text-opacity, 1));
}
.text-brand-700 {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-700) / var(--tw-text-opacity, 1));
}
.text-brand-800 {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-800) / var(--tw-text-opacity, 1));
}
.text-brand-900 {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-900) / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-800 {
  --tw-text-opacity: 1;
  color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}
.text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}
.text-zinc-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-80 {
  opacity: 0.8;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-red-200 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity, 1));
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}


  [data-mode="dark"] .dc-root .placeholder\:text-gray-400::-moz-placeholder {
    color: var(--dc-text-muted) !important;
  }


  [data-mode="dark"] .dc-root .placeholder\:text-gray-400::placeholder {
    color: var(--dc-text-muted) !important;
  }

[data-mode="dark"] .dc-root .hover\:bg-white:hover {
    background-color: var(--dc-surface-1) !important;
  }

[data-mode="dark"] .dc-root .hover\:bg-gray-50:hover {
    background-color: color-mix(in srgb, var(--dc-surface-1) 86%, #ffffff 14%) !important;
  }


  [data-mode="dark"] .dc-root .disabled\:text-gray-400:disabled {
    color: var(--dc-text-muted) !important;
  }


  [data-mode="dark"] .dc-root .disabled\:hover\:text-gray-400:hover:disabled {
    color: var(--dc-text-muted) !important;
  }

.placeholder\:text-gray-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.placeholder\:text-gray-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.last\:border-0:last-child {
  border-width: 0px;
}

.last\:pb-0:last-child {
  padding-bottom: 0px;
}

.hover\:border-\[var\(--dc-accent\)\]:hover {
  border-color: var(--dc-accent);
}

.hover\:border-zinc-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
}

.hover\:border-zinc-700:hover {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}

.hover\:bg-\[var\(--dc-accent-soft\)\]:hover {
  background-color: var(--dc-accent-soft);
}

.hover\:bg-\[var\(--dc-surface-1\)\]:hover {
  background-color: var(--dc-surface-1);
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.hover\:bg-blue-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-200) / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-50) / var(--tw-bg-opacity, 1));
}

.hover\:bg-brand-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--brand-700) / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 120 87 / var(--tw-bg-opacity, 1));
}

.hover\:bg-emerald-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 95 70 / var(--tw-bg-opacity, 1));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

.hover\:bg-purple-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-zinc-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.hover\:text-\[var\(--dc-accent\)\]:hover {
  color: var(--dc-accent);
}

.hover\:text-brand-600:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-600) / var(--tw-text-opacity, 1));
}

.hover\:text-brand-800:hover {
  --tw-text-opacity: 1;
  color: rgb(var(--brand-800) / var(--tw-text-opacity, 1));
}

.hover\:text-red-700:hover {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-brand-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(var(--brand-500) / var(--tw-ring-opacity, 1));
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:text-gray-400:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

.disabled\:hover\:text-gray-400:hover:disabled {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.group:focus-within .group-focus-within\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.peer:checked ~ .peer-checked\:border-emerald-400 {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.peer:checked ~ .peer-checked\:bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

.peer:checked ~ .peer-checked\:text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }
}

@media (min-width: 768px) {

  .md\:left-20 {
    left: 5rem;
  }

  .md\:left-72 {
    left: 18rem;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:w-20 {
    width: 5rem;
  }

  .md\:w-64 {
    width: 16rem;
  }

  .md\:w-72 {
    width: 18rem;
  }

  .md\:w-8 {
    width: 2rem;
  }

  .md\:w-96 {
    width: 24rem;
  }

  .md\:w-\[480px\] {
    width: 480px;
  }

  .md\:w-\[680px\] {
    width: 680px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-cols-\[minmax\(0\2c 1\.2fr\)_minmax\(0\2c 0\.9fr\)_12rem_7rem\] {
    grid-template-columns: minmax(0,1.2fr) minmax(0,0.9fr) 12rem 7rem;
  }

  .md\:grid-cols-\[minmax\(0\2c 1\.4fr\)_10rem_9rem_9rem_8rem_7rem_6rem_6rem_6rem_auto\] {
    grid-template-columns: minmax(0,1.4fr) 10rem 9rem 9rem 8rem 7rem 6rem 6rem 6rem auto;
  }

  .md\:grid-cols-\[minmax\(0\2c 1\.4fr\)_10rem_9rem_9rem_8rem_7rem_6rem_6rem_auto\] {
    grid-template-columns: minmax(0,1.4fr) 10rem 9rem 9rem 8rem 7rem 6rem 6rem auto;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_10rem_10rem_auto\] {
    grid-template-columns: minmax(0,1fr) 10rem 10rem auto;
  }

  .md\:grid-cols-\[minmax\(0\2c 1fr\)_10rem_8rem_8rem_auto\] {
    grid-template-columns: minmax(0,1fr) 10rem 8rem 8rem auto;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-zinc-700 {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:pb-0\.5 {
    padding-bottom: 0.125rem;
  }
}

@media (min-width: 1024px) {

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/designcorp-ui/tokens.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --dc-font-sans: "Inter", "Sora", "IBM Plex Sans", "Segoe UI", sans-serif;
  --dc-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  color-scheme: light;

  /* Semantic tokens (light). Prefer using these in new CSS. */
  --dc-surface-0: #ffffff;
  --dc-surface-1: #f7f7f8;
  --dc-surface-2: #f1f5f9;
  --dc-text: #111111;
  --dc-text-muted: #6b7280;
  --dc-border: #e5e7eb;
  --dc-border-strong: #d1d5db;

  /* Component-level tokens */
  --dc-card: var(--dc-surface-0);
  --dc-sidebar-bg: var(--dc-surface-2);
  --dc-sidebar-hover: rgba(17, 17, 17, 0.04);
  --dc-sidebar-active: var(--dc-accent-soft);

  --dc-accent: #6d28d9;
  --dc-accent-strong: #5b21b6;
  --dc-accent-soft: #f0e9ff;
  --dc-accent-foreground: #ffffff;

  --dc-success: #059669;
  --dc-warning: #f59e0b;
  --dc-danger: #dc2626;

  /* Default brand scale fallback */
  --brand-50: 240 249 255;
  --brand-100: 224 242 254;
  --brand-200: 186 230 253;
  --brand-300: 125 211 252;
  --brand-400: 56 189 248;
  --brand-500: 14 165 233;
  --brand-600: 2 132 199;
  --brand-700: 3 105 161;
  --brand-800: 7 89 133;
  --brand-900: 12 74 110;

  /* Backward-compatible aliases */
  --dc-bg: var(--dc-surface-0);
  --dc-fg: var(--dc-text);
  --dc-muted: var(--dc-text-muted);
}

[data-mode="dark"] {
  color-scheme: dark;

  --dc-surface-0: #0b1220;
  --dc-surface-1: #0f172a;
  --dc-surface-2: #111b31;
  --dc-text: #e5e7eb;
  --dc-text-muted: #9ca3af;
  --dc-border: rgba(229, 231, 235, 0.12);
  --dc-border-strong: rgba(229, 231, 235, 0.18);

  --dc-card: var(--dc-surface-1);
  --dc-sidebar-bg: var(--dc-surface-1);
  --dc-sidebar-hover: rgba(229, 231, 235, 0.06);
  --dc-sidebar-active: rgba(255, 255, 255, 0.06);

  --dc-success: #34d399;
  --dc-warning: #fbbf24;
  --dc-danger: #fb7185;
}

[data-theme="group"] {
  --dc-accent: #f97316;
  --dc-accent-strong: #ea580c;
  --dc-accent-soft: #fff2e6;
}

[data-theme="hub"] {
  --dc-accent: #6d28d9;
  --dc-accent-strong: #5b21b6;
  --dc-accent-soft: #f0e9ff;
}

[data-theme="print"] {
  --dc-accent: #06b6d4;
  --dc-accent-strong: #0891b2;
  --dc-accent-soft: #e6fbff;

  /* Tailwind brand scale (print accent). Format: R G B */
  --brand-50: 240 249 255;
  --brand-100: 224 242 254;
  --brand-200: 186 230 253;
  --brand-300: 125 211 252;
  --brand-400: 56 189 248;
  --brand-500: 14 165 233;
  --brand-600: 2 132 199;
  --brand-700: 3 105 161;
  --brand-800: 7 89 133;
  --brand-900: 12 74 110;
}

/* Optional dark-mode tuning for print accent */
[data-mode="dark"][data-theme="print"] {
  --brand-50: 12 74 110;
  --brand-100: 7 89 133;
  --brand-200: 3 105 161;
  --brand-300: 2 132 199;
  --brand-400: 14 165 233;
  --brand-500: 56 189 248;
  --brand-600: 125 211 252;
  --brand-700: 186 230 253;
  --brand-800: 224 242 254;
  --brand-900: 240 249 255;
}

[data-theme="ad"] {
  --dc-accent: #db2777;
  --dc-accent-strong: #be185d;
  --dc-accent-soft: #ffe8f3;
}

[data-theme="ui"] {
  --dc-accent: #4f46e5;
  --dc-accent-strong: #4338ca;
  --dc-accent-soft: #edf0ff;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/designcorp-ui/base.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
}

/* Base page styles are opt-in to avoid clobbering host apps.
   Apply `class="dc-root"` on body (or a top-level wrapper) when desired. */
.dc-root {
  margin: 0;
  font-family: var(--dc-font-sans);
  color: var(--dc-fg);
  background: var(--dc-bg);
  min-height: 100vh;
  line-height: 1.5;
}

.dc-root a {
  color: inherit;
  text-decoration: none;
}

.dc-root img {
  max-width: 100%;
  display: block;
}

.dc-app-shell {
  display: grid;
  grid-template-columns: 236px 1fr;
  min-height: 100vh;
  transition: grid-template-columns 0.2s ease;
}

.dc-app-shell.collapsed {
  grid-template-columns: 88px 1fr;
}

.dc-sidebar {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100vh;
  padding: var(--dc-space-5) var(--dc-space-5);
  background: var(--dc-sidebar-bg);
  border-right: 1px solid var(--dc-border);
  display: flex;
  flex-direction: column;
  gap: var(--dc-space-5);
  transition: width 0.2s ease, padding 0.2s ease;
}

.dc-sidebar-body {
  display: grid;
  gap: var(--dc-space-5);
  overflow-y: auto;
  padding-right: 2px;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: rgba(17, 17, 17, 0.2) transparent;
}

.dc-sidebar-body::-webkit-scrollbar {
  width: 6px;
}

.dc-sidebar-body::-webkit-scrollbar-thumb {
  background: rgba(17, 17, 17, 0.18);
  border-radius: 999px;
}

.dc-sidebar.collapsed {
  width: 88px;
  padding: var(--dc-space-5) var(--dc-space-3);
  gap: var(--dc-space-3);
}

.dc-sidebar.collapsed .dc-sidebar-body {
  gap: var(--dc-space-3);
}

.dc-sidebar-brand {
  display: grid;
  gap: 6px;
}

.dc-brand-row {
  display: flex;
  align-items: center;
  gap: var(--dc-space-2);
}

.dc-brand-mark {
  width: 30px;
  height: 30px;
  border-radius: 0;
  background: transparent;
  border: 1px solid var(--dc-accent);
  color: var(--dc-accent);
  display: grid;
  place-items: center;
  font-weight: 500;
}

.dc-brand-name {
  font-weight: 600;
  letter-spacing: 0.01em;
  font-size: 13.5px;
}

.dc-brand-tag {
  font-size: 12px;
  color: var(--dc-muted);
}

.dc-sidebar-toggle {
  margin-left: auto;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: transparent;
  display: grid;
  place-items: center;
  color: var(--dc-muted);
  cursor: pointer;
}

.dc-sidebar-toggle:hover {
  color: var(--dc-accent);
  background: var(--dc-surface-1);
}

.dc-sidebar-search {
  padding: 0 6px;
}

.dc-sidebar-search input {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 12.5px;
  background: var(--dc-bg);
  font-family: inherit;
}

.dc-sidebar-search input::-moz-placeholder {
  color: var(--dc-muted);
}

.dc-sidebar-search input::placeholder {
  color: var(--dc-muted);
}

.dc-brand-name,
.dc-brand-tag,
.dc-sidebar-title,
.dc-nav-item span,
.dc-nav-end,
.dc-sidebar-sub,
.dc-team-meta,
.dc-team-menu,
.dc-team-trigger svg,
.dc-sidebar-search {
  transition: opacity 0.2s ease, max-width 0.2s ease;
}

.dc-team-switcher {
  position: relative;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--dc-border);
}

.dc-team-trigger {
  width: 100%;
  display: grid;
  grid-template-columns: 32px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.dc-team-trigger:hover {
  background: var(--dc-surface-2);
}

.dc-team-avatar {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--dc-border);
  display: grid;
  place-items: center;
  font-weight: 600;
  color: var(--dc-muted);
}

.dc-team-meta {
  display: grid;
  gap: 2px;
  font-size: 12.5px;
}

.dc-team-meta span {
  color: var(--dc-muted);
  font-size: 12px;
}

.dc-team-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 220px;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  padding: 6px;
  z-index: 20;
  display: grid;
  gap: 4px;
  animation: dc-fade-in 0.15s ease;
}

.dc-team-option {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  border-radius: 8px;
  background: transparent;
  border: none;
  font-size: 12.5px;
  color: var(--dc-muted);
  cursor: pointer;
}

.dc-team-option em {
  font-style: normal;
  color: var(--dc-accent);
}

.dc-team-option:hover {
  background: var(--dc-surface-1);
  color: var(--dc-fg);
}

.dc-sidebar-nav {
  display: grid;
  gap: 6px;
}

.dc-sidebar-sections {
  display: grid;
  gap: 20px;
}

.dc-sidebar-section {
  display: grid;
  gap: 10px;
}

.dc-sidebar-title {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dc-muted);
  font-weight: 600;
  padding: 0 10px;
}

.dc-sidebar-list {
  display: grid;
  gap: 6px;
}

.dc-sidebar-item {
  display: grid;
  gap: 6px;
}

.dc-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 6px;
  color: var(--dc-muted);
  font-size: 13px;
  font-weight: 500;
  position: relative;
  transition: background 0.15s ease, color 0.15s ease;
}

.dc-nav-item.sub {
  padding-left: 36px;
  font-size: 12.5px;
  color: var(--dc-muted);
  gap: 8px;
}

.dc-nav-item.sub::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--dc-muted);
}

.dc-nav-end {
  margin-left: auto;
  font-size: 11px;
  color: var(--dc-muted);
}

.dc-nav-pill {
  padding: 2px 6px;
  border-radius: 999px;
  background: var(--dc-accent-soft);
  color: var(--dc-accent);
  font-size: 10.5px;
  font-weight: 600;
}

.dc-sidebar-sub {
  display: grid;
  gap: 4px;
}

.dc-sidebar.collapsed .dc-brand-name,
.dc-sidebar.collapsed .dc-brand-tag,
.dc-sidebar.collapsed .dc-sidebar-title,
.dc-sidebar.collapsed .dc-nav-item span,
.dc-sidebar.collapsed .dc-nav-end,
.dc-sidebar.collapsed .dc-sidebar-sub,
.dc-sidebar.collapsed .dc-team-meta,
.dc-sidebar.collapsed .dc-team-menu,
.dc-sidebar.collapsed .dc-team-trigger svg,
.dc-sidebar.collapsed .dc-sidebar-search {
  opacity: 0;
  max-width: 0;
  width: 0;
  overflow: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, max-width 0.2s ease;
}

.dc-sidebar.collapsed .dc-sidebar-profile {
  border-top: none;
  padding-top: 0;
  gap: 0;
}

.dc-sidebar.collapsed .dc-profile-meta,
.dc-sidebar.collapsed .dc-sidebar-profile a {
  display: none;
}

.dc-sidebar.collapsed .dc-profile-row {
  justify-content: center;
}

.dc-sidebar.collapsed .dc-team-trigger {
  grid-template-columns: 32px;
  justify-content: center;
  gap: 0;
  padding: 6px;
}

.dc-sidebar.collapsed .dc-sidebar-search {
  display: none;
}

.dc-sidebar.collapsed .dc-sidebar-search input {
  display: none;
}

.dc-sidebar.collapsed .dc-nav-item {
  justify-content: center;
  padding: 8px;
}

.dc-sidebar.collapsed .dc-nav-item.active::before {
  left: 0;
  top: 8px;
  bottom: 8px;
}

.dc-nav-item svg {
  width: 20px;
  height: 20px;
  color: var(--dc-muted);
}

.dc-nav-item:hover {
  background: var(--dc-sidebar-hover);
  color: var(--dc-fg);
}

.dc-nav-item.active {
  color: var(--dc-fg);
  font-weight: 500;
  background: var(--dc-accent-soft);
}

.dc-nav-item.active svg {
  color: var(--dc-accent);
}

.dc-nav-item.active::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  border-radius: 999px;
  background: var(--dc-accent);
}

.dc-sidebar.collapsed .dc-sidebar-title,
.dc-sidebar.collapsed .dc-sidebar-sub {
  display: none;
}

.dc-sidebar.collapsed .dc-sidebar-sections {
  gap: var(--dc-space-3);
}

.dc-sidebar.collapsed .dc-sidebar-section {
  gap: 6px;
}

.dc-sidebar-end {
  margin-top: auto;
  display: grid;
  gap: var(--dc-space-4);
}

.dc-sidebar-profile {
  display: grid;
  gap: var(--dc-space-3);
  border-top: 1px solid var(--dc-border);
  padding-top: var(--dc-space-3);
}

.dc-sidebar-divider {
  height: 1px;
  background: var(--dc-border);
  margin: 6px 0;
}

.dc-sidebar-footer {
  display: grid;
  gap: 8px;
}

.dc-profile-row {
  display: flex;
  align-items: center;
  gap: var(--dc-space-3);
}

.dc-avatar {
  width: 38px;
  height: 38px;
  border-radius: 0;
  background: transparent;
  border: 1px solid var(--dc-border);
  display: grid;
  place-items: center;
  color: var(--dc-muted);
  font-weight: 600;
}

.dc-profile-meta {
  display: grid;
  gap: 2px;
  font-size: 13px;
}

.dc-profile-meta span:last-child {
  color: var(--dc-muted);
  font-size: 12px;
}

.dc-main {
  padding: 0 var(--dc-space-7) var(--dc-space-10);
}

.dc-topbar {
  position: sticky;
  top: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.35) 100%);
  backdrop-filter: blur(8px) saturate(120%);
  -webkit-backdrop-filter: blur(8px) saturate(120%);
  border-bottom: 1px solid var(--dc-border);
  z-index: 5;
  padding: 12px var(--dc-space-7);
  margin-left: calc(-1 * var(--dc-space-7));
  margin-right: calc(-1 * var(--dc-space-7));
}

.dc-sidebar-trigger {
  position: sticky;
  top: 68px;
  margin-left: -12px;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: rgba(17, 17, 17, 0.04);
  color: var(--dc-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 4;
}

.dc-sidebar-trigger:hover {
  color: var(--dc-accent);
  background: var(--dc-surface-1);
}

.dc-sidebar-trigger.collapsed {
  margin-left: -4px;
}

.dc-topbar-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--dc-space-4);
}

.dc-topbar-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.dc-search {
  display: flex;
  align-items: center;
  gap: var(--dc-space-2);
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 6px 0;
  min-width: 260px;
  color: var(--dc-muted);
}

.dc-search svg {
  width: 20px;
  height: 20px;
  color: var(--dc-muted);
}

.dc-search input {
  border: none;
  border-bottom: 1px solid var(--dc-border);
  outline: none;
  font-size: 12.5px;
  width: 100%;
  font-family: inherit;
  background: transparent;
  padding: 4px 0;
}

.dc-icon-button {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background: transparent;
  display: grid;
  place-items: center;
  color: var(--dc-muted);
  padding: 0;
}

.dc-icon-button:hover {
  color: var(--dc-accent);
  background: var(--dc-surface-1);
}

.dc-theme-select {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid var(--dc-border);
  background: transparent;
  font-size: 12.5px;
  color: var(--dc-fg);
  position: relative;
}

.dc-theme-select select {
  border: none;
  outline: none;
  font-family: inherit;
  background: transparent;
  font-size: 12.5px;
  color: inherit;
  width: 140px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 18px;
}

.dc-theme-select::after {
  content: "";
  position: absolute;
  right: 10px;
  width: 10px;
  height: 10px;
  pointer-events: none;
  background: currentColor;
  opacity: 0.6;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center / contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center / contain no-repeat;
}

.dc-theme-switcher {
  position: relative;
  display: inline-flex;
}

.dc-theme-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid var(--dc-border);
  background: transparent;
  font-size: 12.5px;
  color: var(--dc-fg);
  cursor: pointer;
}

.dc-theme-trigger span {
  min-width: 120px;
  text-align: left;
}

.dc-theme-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 180px;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  padding: 6px;
  z-index: 20;
  animation: dc-fade-in 0.15s ease;
}

.dc-theme-option {
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  border-radius: 8px;
  background: transparent;
  border: none;
  font-size: 12.5px;
  color: var(--dc-muted);
  cursor: pointer;
}

.dc-theme-option:hover {
  background: var(--dc-surface-1);
  color: var(--dc-fg);
}

.dc-theme-option.active {
  background: var(--dc-accent-soft);
  color: var(--dc-accent);
  font-weight: 600;
}

.dc-user-menu {
  display: flex;
  align-items: center;
  gap: var(--dc-space-3);
  padding: 6px 8px;
  border-radius: 6px;
  border: none;
  background: rgba(17, 17, 17, 0.04);
  color: var(--dc-fg);
  font-size: 12.5px;
  font-weight: 500;
}

.dc-user-menu:hover {
  background: var(--dc-surface-1);
  color: var(--dc-fg);
}

.dc-user-menu .dc-avatar {
  width: 28px;
  height: 28px;
  font-size: 12px;
  border-radius: 999px;
}

.dc-avatar-image {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid var(--dc-border);
}

.dc-user-dropdown {
  position: relative;
  display: inline-flex;
}

.dc-user-dropdown-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 180px;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  padding: 6px;
  z-index: 20;
  display: grid;
  gap: 4px;
  animation: dc-fade-in 0.15s ease;
}

@keyframes dc-fade-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dc-user-dropdown-menu button {
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  border-radius: 8px;
  background: transparent;
  border: none;
  font-size: 12.5px;
  color: var(--dc-muted);
  cursor: pointer;
}

.dc-user-dropdown-menu button:hover {
  background: var(--dc-surface-1);
  color: var(--dc-fg);
}

.dc-page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--dc-space-4);
  margin: var(--dc-space-6) 0 var(--dc-space-5);
}

.dc-page-header h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.dc-page-header p {
  margin: 6px 0 0;
  color: var(--dc-muted);
  font-size: 12.5px;
}

.dc-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--dc-space-6);
}

.dc-kpi-card {
  background: transparent;
  border-radius: 0;
  padding: 18px;
  display: grid;
  gap: var(--dc-space-2);
}

.dc-kpi-card:not(:last-child) {
  border-right: 1px solid var(--dc-border);
}

.dc-kpi-card .label {
  color: var(--dc-muted);
  font-size: 12.5px;
  font-weight: 600;
}

.dc-kpi-card .value {
  font-size: 28px;
  font-weight: 500;
}

.dc-kpi-card .delta {
  color: var(--dc-muted);
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dc-pill {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 0;
  background: transparent;
  border: 1px solid var(--dc-border);
}

.dc-panel {
  background: transparent;
  border-radius: 0;
  padding: var(--dc-space-5);
  border-top: 1px solid var(--dc-border);
}

.dc-block-card {
  border: 1px solid var(--dc-border);
  padding: var(--dc-space-5);
  border-radius: 6px;
  background: transparent;
}

.dc-block-meta {
  display: grid;
  gap: 4px;
  margin-bottom: var(--dc-space-4);
}

.dc-block-meta h3 {
  margin: 0;
  font-size: 16px;
}

.dc-block-meta p {
  margin: 0;
  color: var(--dc-muted);
  font-size: 12.5px;
}

.dc-block-category {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--dc-muted);
  margin-bottom: 12px;
}

.dc-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--dc-space-4);
}

.dc-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.dc-table th,
.dc-table td {
  padding: 14px 12px;
  border-bottom: 1px solid var(--dc-border);
  text-align: left;
}

.dc-table th {
  color: var(--dc-muted);
  font-weight: 500;
  font-size: 12.5px;
}

.dc-table tbody tr:hover {
  background: var(--dc-surface-1);
}

.dc-button {
  display: inline-flex;
  align-items: center;
  gap: var(--dc-space-2);
  padding: 7px 12px;
  border-radius: 0;
  background: var(--dc-accent);
  color: var(--dc-accent-foreground);
  font-weight: 500;
  font-size: 12.5px;
  border: 1px solid var(--dc-accent);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.dc-button:hover {
  background: var(--dc-accent-strong);
  border-color: var(--dc-accent-strong);
}

.dc-button.secondary {
  background: transparent;
  color: var(--dc-fg);
  border: 1px solid var(--dc-border);
}

.dc-button.ghost {
  background: transparent;
  color: var(--dc-muted);
  border: 1px solid transparent;
}

.dc-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dc-tabs {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border-radius: 0;
  background: transparent;
  border-bottom: none;
}

.dc-tab {
  padding: 8px 12px;
  border-radius: 0;
  font-size: 13px;
  color: var(--dc-muted);
}

.dc-tab.active {
  color: var(--dc-fg);
  border-bottom: 2px solid var(--dc-accent);
}

.dc-breadcrumbs {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--dc-muted);
  font-size: 13px;
}

.dc-pagination {
  display: flex;
  gap: 6px;
  align-items: center;
}

.dc-page {
  width: 32px;
  height: 32px;
  border-radius: 0;
  border: 1px solid var(--dc-border);
  display: grid;
  place-items: center;
  font-size: 12.5px;
  color: var(--dc-muted);
  background: var(--dc-bg);
}

.dc-page.active {
  background: var(--dc-bg);
  color: var(--dc-fg);
}

.dc-field {
  display: grid;
  gap: var(--dc-space-2);
}

.dc-label {
  font-size: 12px;
  color: var(--dc-muted);
  letter-spacing: 0.02em;
}

.dc-form-grid {
  display: grid;
  gap: var(--dc-space-4);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.dc-form-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.dc-section-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-end;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.dc-section-title {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.dc-section-subtitle {
  margin: 4px 0 0;
  font-size: 12.5px;
  color: var(--dc-muted);
}

.dc-input,
.dc-select,
.dc-textarea {
  border: 1px solid var(--dc-border);
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: inherit;
  background: var(--dc-bg);
}

.dc-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--dc-space-2);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  background: var(--dc-accent-soft);
  border: none;
  color: var(--dc-accent);
}

.dc-badge.success {
  background: color-mix(in srgb, var(--dc-success) 18%, transparent);
  color: var(--dc-success);
}

.dc-badge.warn {
  background: color-mix(in srgb, var(--dc-warning) 18%, transparent);
  color: var(--dc-warning);
}

.dc-badge.danger {
  background: color-mix(in srgb, var(--dc-danger) 18%, transparent);
  color: var(--dc-danger);
}

.dc-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid var(--dc-border);
  background: transparent;
  font-size: 12.5px;
}

.dc-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 180px;
  background: var(--dc-bg);
  border: 1px solid var(--dc-border);
  border-radius: 6px;
  box-shadow: none;
  padding: 6px;
  z-index: 10;
}

.dc-dropdown:hover .dc-dropdown-menu {
  display: grid;
  gap: 4px;
}

.dc-dropdown-menu a {
  padding: 8px 10px;
  border-radius: 6px;
  color: var(--dc-muted);
  font-size: 13px;
}

.dc-dropdown-menu a:hover {
  background: var(--dc-surface-1);
  color: var(--dc-fg);
}

.dc-modal {
  border: 1px solid var(--dc-border);
  border-radius: 6px;
  background: var(--dc-bg);
  padding: var(--dc-space-6);
  box-shadow: none;
}

/* Dialog (Radix) */
.dc-dialog-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  animation: dc-fade-in 0.15s ease;
}

[data-mode="dark"] .dc-dialog-overlay {
  background: rgba(0, 0, 0, 0.6);
}

.dc-dialog-content {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  background: var(--dc-card);
  border: 1px solid var(--dc-border);
  border-radius: 12px;
  padding: 16px;
  outline: none;
  box-shadow: 0 18px 80px rgba(0, 0, 0, 0.18);
}

.dc-dialog-header {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
}

.dc-dialog-title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}

.dc-dialog-description {
  margin: 0;
  color: var(--dc-muted);
  font-size: 12.5px;
}

.dc-dialog-footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--dc-border);
}

/* DropdownMenu (Radix) */
.dc-dropdownmenu-content {
  min-width: 200px;
  padding: 6px;
  background: var(--dc-card);
  border: 1px solid var(--dc-border);
  border-radius: 12px;
  box-shadow: 0 18px 80px rgba(0, 0, 0, 0.12);
  animation: dc-fade-in 0.12s ease;
}

.dc-dropdownmenu-label {
  padding: 8px 10px;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dc-muted);
  font-weight: 600;
}

.dc-dropdownmenu-separator {
  height: 1px;
  background: var(--dc-border);
  margin: 6px 4px;
}

.dc-dropdownmenu-item {
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 12.5px;
  color: var(--dc-fg);
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dc-dropdownmenu-item[data-highlighted] {
  background: var(--dc-surface-1);
}

.dc-dropdownmenu-item[data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

.dc-tabs-content {
  padding-top: 14px;
}

.dc-focus-ring:focus-visible,
.dc-button:focus-visible,
.dc-input:focus-visible,
.dc-select:focus-visible,
.dc-textarea:focus-visible,
.dc-icon-button:focus-visible {
  outline: 2px solid var(--dc-accent);
  outline-offset: 2px;
}

@media (max-width: 900px) {
  .dc-app-shell {
    grid-template-columns: 1fr;
  }

  .dc-sidebar {
    position: relative;
    height: auto;
    border-right: none;
    border-bottom: 1px solid var(--dc-border);
  }

  .dc-sidebar-nav {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    padding-bottom: var(--dc-space-2);
  }

  .dc-main {
    padding: var(--dc-space-6) var(--dc-space-5) var(--dc-space-10);
  }

  .dc-topbar {
    margin-left: calc(-1 * var(--dc-space-5));
    margin-right: calc(-1 * var(--dc-space-5));
    padding: 12px var(--dc-space-5);
  }

  .dc-topbar-row {
    flex-direction: column;
    align-items: stretch;
  }

  .dc-search {
    min-width: 100%;
  }

  .dc-kpi-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .dc-kpi-grid {
    grid-template-columns: 1fr;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/designcorp-ui/index.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/



/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/print-design/approved.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Migrated from the accepted HTML. Scope prevents commerce/admin style collisions. */

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/print-design/inter-8909904ab6c8.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/print-design/inter-6744a7f509eb.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;
}
/* inter-latin-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/print-design/inter-f3779f1efccc.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-latin-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/print-design/inter-2c6fbc42d315.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;
}
/* inter-latin-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('/print-design/inter-f9a06e79cd3a.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-latin-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('/print-design/inter-e4bdf67b0cd1.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;
}
/* Cormorant Garamond: complete Latin and Cyrillic variable fonts, OFL. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-display:swap;font-weight:300 700;src:url('/print-design/CormorantGaramond-Variable.ttf') format('truetype');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-display:swap;font-weight:300 700;src:url('/print-design/CormorantGaramond-Italic-Variable.ttf') format('truetype');}
.print-design{--ink:#073349;--blue:#009fe3;--button:#00aff0;--paper:#f6f8f5;--white:#fff;--muted:#61737d;--line:#d6dedf;--action-text:#006c96;--accent-number:#007ba8;--radius:7px;--focus:#006c96;--gutter:clamp(24px,6vw,100px);--display:'Cormorant Garamond',Georgia,serif;--sans:Inter,Arial,sans-serif;}
.print-design *{box-sizing:border-box;}
.print-design html{scroll-behavior:smooth;scroll-padding-top:32px;}
.print-design{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:clamp(16px,1.25vw,22px);line-height:1.55;-webkit-font-smoothing:antialiased;}
.print-design-dialog-open{overflow:hidden;}
.print-design button,.print-design input,.print-design summary{font:inherit;}
.print-design button,.print-design a,.print-design summary{-webkit-tap-highlight-color:transparent;}
.print-design a{color:inherit;text-decoration:none;}
.print-design button{cursor:pointer;border:0;}
.print-design img{display:block;max-width:100%;}
.print-design [hidden]{display:none!important;}
.print-design button:focus-visible,.print-design a:focus-visible,.print-design summary:focus-visible,.print-design input:focus-visible{outline:3px solid var(--focus);outline-offset:6px;}
.print-design .hero a:focus-visible,.print-design .hero button:focus-visible{outline-color:#fff;}
.print-design .container{width:calc(100% - var(--gutter)*2);max-width:1720px;margin-inline:auto;}
.print-design .skip-link{position:fixed;z-index:100;left:20px;top:20px;padding:12px 20px;background:white;color:var(--ink);transform:translateY(-150%);}
.print-design .skip-link:focus{transform:translateY(0);}
.print-design .icon{display:inline-block;width:1.2em;height:1.2em;flex-shrink:0;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;}
.print-design .icon-search{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNyAxN0wyMSAyMSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMyAxMUMzIDE1LjQxODMgNi41ODE3MiAxOSAxMSAxOUMxMy4yMTMgMTkgMTUuMjE2MSAxOC4xMDE1IDE2LjY2NDQgMTYuNjQ5M0MxOC4xMDc3IDE1LjIwMjIgMTkgMTMuMjA1MyAxOSAxMUMxOSA2LjU4MTcyIDE1LjQxODMgMyAxMSAzQzYuNTgxNzIgMyAzIDYuNTgxNzIgMyAxMVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNyAxN0wyMSAyMSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMyAxMUMzIDE1LjQxODMgNi41ODE3MiAxOSAxMSAxOUMxMy4yMTMgMTkgMTUuMjE2MSAxOC4xMDE1IDE2LjY2NDQgMTYuNjQ5M0MxOC4xMDc3IDE1LjIwMjIgMTkgMTMuMjA1MyAxOSAxMUMxOSA2LjU4MTcyIDE1LjQxODMgMyAxMSAzQzYuNTgxNzIgMyAzIDYuNTgxNzIgMyAxMVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');}
.print-design .icon-bag{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOS4yNjA5IDkuNjk1ODlMMjAuNjQ1NSAxOC42OTU5QzIwLjgzMTkgMTkuOTA3NCAxOS44OTQ1IDIxIDE4LjY2ODggMjFINS4zMzEyMkM0LjEwNTQ1IDIxIDMuMTY4MDkgMTkuOTA3NCAzLjM1NDQ4IDE4LjY5NTlMNC43MzkwOSA5LjY5NTg5QzQuODg5MiA4LjcyMDIyIDUuNzI4NyA4IDYuNzE1ODQgOEgxNy4yODQyQzE4LjI3MTMgOCAxOS4xMTA4IDguNzIwMjIgMTkuMjYwOSA5LjY5NTg5WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQgNUMxNCAzLjg5NTQzIDEzLjEwNDYgMyAxMiAzQzEwLjg5NTQgMyAxMCAzLjg5NTQzIDEwIDUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOS4yNjA5IDkuNjk1ODlMMjAuNjQ1NSAxOC42OTU5QzIwLjgzMTkgMTkuOTA3NCAxOS44OTQ1IDIxIDE4LjY2ODggMjFINS4zMzEyMkM0LjEwNTQ1IDIxIDMuMTY4MDkgMTkuOTA3NCAzLjM1NDQ4IDE4LjY5NTlMNC43MzkwOSA5LjY5NTg5QzQuODg5MiA4LjcyMDIyIDUuNzI4NyA4IDYuNzE1ODQgOEgxNy4yODQyQzE4LjI3MTMgOCAxOS4xMTA4IDguNzIwMjIgMTkuMjYwOSA5LjY5NTg5WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQgNUMxNCAzLjg5NTQzIDEzLjEwNDYgMyAxMiAzQzEwLjg5NTQgMyAxMCAzLjg5NTQzIDEwIDUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');}
.print-design .icon-user{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01IDIwVjE5QzUgMTUuMTM0IDguMTM0MDEgMTIgMTIgMTJWMTJDMTUuODY2IDEyIDE5IDE1LjEzNCAxOSAxOVYyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTJDMTQuMjA5MSAxMiAxNiAxMC4yMDkxIDE2IDhDMTYgNS43OTA4NiAxNC4yMDkxIDQgMTIgNEM5Ljc5MDg2IDQgOCA1Ljc5MDg2IDggOEM4IDEwLjIwOTEgOS43OTA4NiAxMiAxMiAxMloiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01IDIwVjE5QzUgMTUuMTM0IDguMTM0MDEgMTIgMTIgMTJWMTJDMTUuODY2IDEyIDE5IDE1LjEzNCAxOSAxOVYyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTJDMTQuMjA5MSAxMiAxNiAxMC4yMDkxIDE2IDhDMTYgNS43OTA4NiAxNC4yMDkxIDQgMTIgNEM5Ljc5MDg2IDQgOCA1Ljc5MDg2IDggOEM4IDEwLjIwOTEgOS43OTA4NiAxMiAxMiAxMloiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');}
.print-design .icon-chevron{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDlMMTIgMTVMMTggOSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDlMMTIgMTVMMTggOSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');}
.print-design .icon-arrow{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zIDEyTDIxIDEyTTIxIDEyTDEyLjUgMy41TTIxIDEyTDEyLjUgMjAuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zIDEyTDIxIDEyTTIxIDEyTDEyLjUgMy41TTIxIDEyTDEyLjUgMjAuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');}
.print-design .icon-arrow-up{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjAwMDA1IDE5TDE5IDUuOTk5OTZNMTkgNS45OTk5NlYxOC40OE0xOSA1Ljk5OTk2SDYuNTIwMDUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjAwMDA1IDE5TDE5IDUuOTk5OTZNMTkgNS45OTk5NlYxOC40OE0xOSA1Ljk5OTk2SDYuNTIwMDUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');}
.print-design .icon-plus{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDEySDEyTTE4IDEySDEyTTEyIDEyVjZNMTIgMTJWMTgiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDEySDEyTTE4IDEySDEyTTEyIDEyVjZNMTIgMTJWMTgiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');}
.print-design .icon-menu{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zIDVIMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMgMTJIMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMgMTlIMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zIDVIMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMgMTJIMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTMgMTlIMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');}
.print-design .icon-close{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljc1ODI3IDE3LjI0MjZMMTIuMDAwOSAxMk0xNy4yNDM1IDYuNzU3MzZMMTIuMDAwOSAxMk0xMi4wMDA5IDEyTDYuNzU4MjcgNi43NTczNk0xMi4wMDA5IDEyTDE3LjI0MzUgMTcuMjQyNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljc1ODI3IDE3LjI0MjZMMTIuMDAwOSAxMk0xNy4yNDM1IDYuNzU3MzZMMTIuMDAwOSAxMk0xMi4wMDA5IDEyTDYuNzU4MjcgNi43NTczNk0xMi4wMDA5IDEyTDE3LjI0MzUgMTcuMjQyNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');}
.print-design .icon-check{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01IDEzTDkgMTdMMTkgNyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01IDEzTDkgMTdMMTkgNyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');}
.print-design .hero{position:relative;isolation:isolate;height:clamp(690px,50.6vw,970px);background:#063349;color:white;overflow:visible;}
.print-design .hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;}
.print-design .site-header{position:absolute;top:clamp(28px,2.4vw,46px);left:0;right:0;display:flex;align-items:center;gap:clamp(20px,2vw,38px);z-index:5;}
/* The original artwork is kept intact; this only clips its transparent margins. */
.print-design .brand{position:relative;display:block;flex-shrink:0;width:clamp(160px,12.2vw,235px);aspect-ratio:1632/466;overflow:hidden;}
.print-design .brand img{position:absolute;max-width:none;width:125.490196%;height:auto;left:-13.541667%;top:-169.742489%;filter:brightness(0) invert(1);}
.print-design .desktop-nav{display:flex;gap:clamp(24px,2vw,40px);margin-left:auto;align-items:center;font-size:clamp(14px,1.075vw,20px);font-weight:500;white-space:nowrap;}
.print-design .desktop-nav a{transition:opacity .2s;}.print-design .desktop-nav a:hover{opacity:.7;}
.print-design .header-actions{display:flex;align-items:center;gap:clamp(14px,1.75vw,34px);padding-left:clamp(18px,2vw,40px);border-left:1px solid #ffffff99;}
.print-design .icon-button{display:inline-flex;justify-content:center;align-items:center;min-width:38px;min-height:42px;padding:0;background:transparent;color:inherit;}
.print-design .icon-button .icon{width:clamp(25px,1.85vw,34px);height:clamp(25px,1.85vw,34px);}.print-design .icon-button:hover{opacity:.7;}
.print-design .language-picker{position:relative;font-size:clamp(14px,1.075vw,20px);font-weight:500;}
.print-design .language-picker summary{display:flex;align-items:center;gap:10px;min-height:42px;cursor:pointer;list-style:none;}.print-design summary::-webkit-details-marker{display:none;}
.print-design .language-picker .icon{width:19px;height:19px;}
.print-design .language-menu{position:absolute;top:52px;right:0;background:var(--paper);color:var(--ink);min-width:150px;padding:15px 20px;border-radius:4px;font-size:15px;box-shadow:0 10px 30px #001c2b26;}
.print-design .language-menu>span{display:flex;justify-content:space-between;align-items:center;gap:24px;}.print-design .language-menu .icon{color:var(--blue);}
.print-design .menu-toggle,.print-design .mobile-nav{display:none;}
.print-design .hero-content{padding-top:clamp(150px,11.3vw,217px);}
.print-design .eyebrow{margin:0 0 18px;font-size:clamp(10px,.8vw,15px);font-weight:600;line-height:1.5;letter-spacing:.17em;text-transform:uppercase;color:#456977;}
.print-design .hero .eyebrow{color:#00c1f5;font-size:clamp(12px,.95vw,18px);letter-spacing:.29em;margin-bottom:14px;}
.print-design h1,.print-design h2,.print-design h3,.print-design p{margin-top:0;}.print-design h1,.print-design h2,.print-design h3{font-family:var(--display);font-weight:600;}
.print-design h1{font-size:clamp(76px,6.08vw,96px);font-weight:500;line-height:.91;letter-spacing:-.035em;margin-bottom:24px;}
.print-design .hero .container{width:calc(100% - 11vw);}
.print-design .hero .button{font-size:clamp(16px,1.32vw,25px);}
.print-design .hero-description{color:#e5edf0;font-size:clamp(19px,1.48vw,29px);line-height:1.5;letter-spacing:-.01em;margin-bottom:28px;}
.print-design .hero-links{display:flex;align-items:center;gap:clamp(26px,2.2vw,44px);}
.print-design .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:clamp(55px,4.1vw,78px);padding:13px clamp(24px,2.5vw,48px);border-radius:999px;background:var(--button);color:#032a3d;font-size:clamp(15px,1.16vw,22px);line-height:1.25;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s;}
.print-design .button:hover{background:#35c2f4;transform:translateY(-2px);}.print-design .button .icon{width:1.1em;height:1.1em;}
.print-design .text-link{display:inline-flex;align-items:center;gap:7px;position:relative;padding-block:8px;font-weight:500;font-size:clamp(14px,1.05vw,20px);line-height:1.3;white-space:nowrap;}
.print-design .text-link::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;opacity:.38;transition:opacity .2s;}.print-design .text-link:hover::after{opacity:1;}.print-design .text-link .icon{height:1em;width:1em;}.print-design .text-link.light{color:white;}
.print-design .hero-note{margin-top:23px;margin-bottom:0;color:#becfda;font-size:clamp(14px,1.05vw,20px);}
.print-design .category-strip{display:flex;justify-content:center;align-items:center;height:clamp(76px,5.7vw,109px);background:#fafbfa;border-bottom:1px solid #edf0ef;font-size:clamp(15px,1.05vw,20px);font-weight:500;}
.print-design .category-strip a{display:flex;justify-content:center;align-items:center;min-width:clamp(210px,19vw,365px);height:32px;position:relative;}.print-design .category-strip a+a{border-left:1px solid #c6cfd3;}
.print-design .category-strip a::after{content:'';position:absolute;bottom:-8px;width:90px;height:1px;background:#b9c3c7;transition:background .2s,width .2s;}.print-design .category-strip a:hover::after{background:var(--blue);width:110px;}
.print-design .section-pad{padding-block:clamp(72px,6vw,116px);}
.print-design .section-heading{display:grid;grid-template-columns:1.4fr .9fr;gap:6vw;align-items:end;margin-bottom:36px;}
.print-design h2{font-size:clamp(49px,5vw,96px);line-height:.99;letter-spacing:-.035em;margin-bottom:0;}
.print-design .section-description{max-width:460px;margin:0 0 6px 0;color:var(--muted);font-size:clamp(17px,1.48vw,27px);line-height:1.6;letter-spacing:-.018em;}
.print-design .intro{padding-bottom:clamp(60px,4.6vw,88px);}.print-design .intro-image{width:100%;height:auto;aspect-ratio:2.65;-o-object-fit:cover;object-fit:cover;border-radius:7px;}
.print-design .products{background:#fbfcfa;padding-top:clamp(64px,5vw,96px);padding-bottom:clamp(42px,3.5vw,68px);}
.print-design .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,2.3vw,44px);}
.print-design .product-card{border:1px solid #e8ece8;border-radius:7px;overflow:hidden;background:#fcfbf8;scroll-margin-top:32px;}.print-design .product-image-link{display:block;overflow:hidden;}
.print-design .product-image-link img{width:100%;height:auto;aspect-ratio:2.12;-o-object-fit:cover;object-fit:cover;transition:transform .5s;}.print-design .product-image-link:hover img{transform:scale(1.035);}
.print-design .product-info{padding:clamp(20px,1.9vw,36px);padding-top:20px;}.print-design .product-info h3{font-weight:400;font-size:clamp(31px,3vw,57px);line-height:1.1;letter-spacing:-.04em;margin-bottom:5px;}.print-design .product-info h3 a:hover{color:#007cab;}
.print-design .product-info p{color:var(--muted);font-size:clamp(15px,1.37vw,25px);margin-bottom:12px;line-height:1.5;}
.print-design .product-link{display:inline-flex;align-items:center;gap:7px;color:var(--action-text);font-size:clamp(14px,1.2vw,22px);font-weight:500;}.print-design .product-link:hover{text-decoration:underline;text-underline-offset:5px;}.print-design .product-link .icon{height:1em;width:1em;}
.print-design .more-products{display:flex;justify-content:center;gap:0;margin-top:28px;}.print-design .more-products a{margin-inline:clamp(30px,3.2vw,62px);}.print-design .more-products a+a::before{content:'';position:absolute;left:calc(clamp(30px,3.2vw,62px)*-1);height:24px;width:1px;background:#c6cfd3;}
.print-design .two-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw;}.print-design .process{padding-block:clamp(64px,5.5vw,106px);}.print-design .process-steps{margin-top:0;}.print-design .step{border-bottom:1px solid var(--line);}.print-design .step:last-child{border-bottom:0;}
.print-design .step summary{display:flex;align-items:center;gap:24px;padding-block:16px;list-style:none;cursor:pointer;}.print-design .step:first-child summary{padding-top:0;}
.print-design .step-number{font:500 clamp(42px,3.2vw,61px)/1 var(--display);color:var(--accent-number);letter-spacing:-.035em;min-width:64px;}.print-design .step-title{display:flex;flex-direction:column;gap:3px;}.print-design .step-title strong{font-size:clamp(16px,1.2vw,23px);font-weight:500;}.print-design .step-title>span{color:var(--muted);font-size:clamp(14px,1vw,19px);}
.print-design .step summary>.icon{margin-left:auto;color:#718a96;width:17px;height:17px;}.print-design details[open] summary>.icon-plus{-webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDEySDE4IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHN0cm9rZS13aWR0aD0iMS41IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDEySDE4IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');}
.print-design .step-content{padding:4px 28px 24px 88px;color:var(--muted);font-size:15px;line-height:1.7;}.print-design .step-content a,.print-design .faq-answer a{color:#0076a7;text-decoration:underline;text-underline-offset:3px;}
.print-design .file-help{position:relative;isolation:isolate;background:#063349;color:#fff;overflow:hidden;}.print-design .help-image{position:absolute;z-index:-1;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.print-design .help-layout{display:grid;grid-template-columns:1.35fr .8fr .65fr;gap:28px;align-items:center;padding-block:clamp(42px,3.3vw,64px);}.print-design .file-help h2{font-size:clamp(38px,3.45vw,67px);letter-spacing:-.035em;line-height:1.03;}.print-design .file-help p{font-size:clamp(15px,1.2vw,23px);margin:18px 0 0;color:#dde8ed;}
.print-design .help-links{display:flex;flex-direction:column;align-items:center;gap:12px;}.print-design .help-links .button{padding-inline:clamp(22px,2.2vw,42px);font-size:clamp(14px,1.05vw,20px);min-height:clamp(54px,3.9vw,75px);}.print-design .help-links .text-link{font-size:clamp(12px,.85vw,16px);}
.print-design .faq{padding-top:clamp(68px,5.5vw,106px);padding-bottom:clamp(58px,4.3vw,84px);}.print-design .faq h2{font-size:clamp(47px,4.6vw,88px);white-space:nowrap;}.print-design .contact-email{display:inline-block;margin-top:25px;color:var(--muted);font-size:clamp(16px,1.22vw,23px);}.print-design .contact-email:hover{color:#007cab;}
.print-design .faq-item{border-bottom:1px solid var(--line);}.print-design .faq-item:last-child{border-bottom:0;}.print-design .faq-item summary{list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;cursor:pointer;font-size:clamp(14px,1.08vw,20px);padding-block:20px;line-height:1.5;color:#435e6b;}.print-design .faq-item:first-child summary{padding-top:0;}.print-design .faq-item summary>.icon{color:#718a96;width:17px;height:17px;}.print-design .faq-answer{font-size:15px;color:var(--muted);line-height:1.7;padding:0 28px 24px 0;}
.print-design .closing-cta{background:#fbfcfa;padding-block:clamp(50px,4vw,78px);}.print-design .closing-layout{display:flex;justify-content:space-between;align-items:center;gap:40px;}.print-design .closing-cta h2{font-size:clamp(46px,4.5vw,86px);}.print-design .closing-cta .button{margin-right:0;}
.print-design .site-footer{background:#063b51;color:#d4e3e9;padding-top:clamp(48px,4vw,78px);font-size:clamp(14px,1.02vw,19px);}.print-design .footer-grid{display:grid;grid-template-columns:1.35fr .8fr 1fr .95fr;gap:5vw;}.print-design .footer-brand .brand{width:clamp(180px,16vw,280px);}.print-design .footer-brand p{margin:23px 0 0;}.print-design .site-footer h3{font:500 clamp(14px,1.02vw,19px)/1.5 var(--sans);color:#fff;letter-spacing:0;margin:0 0 15px;}.print-design .site-footer nav a{display:block;margin-bottom:6px;}.print-design .site-footer a:hover{color:#fff;}.print-design .footer-bottom{border-top:1px solid #ffffff40;margin-top:40px;padding-block:25px 42px;font-size:clamp(12px,.88vw,16px);}
.print-design .search-dialog{border:0;background:var(--paper);color:var(--ink);width:min(680px,calc(100% - 32px));padding:32px 36px;border-radius:7px;box-shadow:0 30px 80px #00182740;max-height:calc(100dvh - 64px);overflow:auto;}.print-design .search-dialog::backdrop{background:#021e30b3;}.print-design .search-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;}.print-design .search-header h2{font-size:46px;}.print-design .search-dialog label{display:block;font-size:14px;font-weight:500;margin-bottom:10px;}.print-design .search-input-wrap{position:relative;}.print-design .search-input-wrap>.icon{position:absolute;left:15px;top:18px;width:22px;height:22px;color:var(--muted);}.print-design .search-input-wrap input{width:100%;min-height:58px;border:1px solid #b5c4cb;background:white;border-radius:4px;padding:14px 14px 14px 48px;font-size:16px;color:var(--ink);}
.print-design .search-results{padding:0;list-style:none;margin:18px 0 0;}.print-design .search-results li+li{border-top:1px solid var(--line);}.print-design .search-results a{display:flex;align-items:center;gap:16px;padding:16px 0;}.print-design .search-results img{height:60px;width:96px;-o-object-fit:cover;object-fit:cover;border-radius:3px;}.print-design .search-results a>span:not(.icon){display:flex;flex-direction:column;gap:3px;}.print-design .search-results strong{font-size:17px;font-weight:500;}.print-design .search-results a>span>span{font-size:13px;color:var(--muted);}.print-design .search-results .icon{margin-left:auto;color:var(--blue);}.print-design .search-results a:hover strong{color:#007cab;}.print-design .search-empty{margin-top:28px;font-size:16px;}.print-design .search-empty a{text-decoration:underline;color:#0076a7;}.print-design .search-count{font-size:12px;color:var(--muted);margin:14px 0 0;}
@media(min-width:1800px){.print-design .section-heading{margin-bottom:50px;}.print-design .product-info{padding-top:26px;}.print-design .hero-description{margin-bottom:36px;}.print-design .hero-note{margin-top:28px;}.print-design .step summary{padding-block:24px;}.print-design .faq-item summary{padding-block:25px;}}
@media(max-width:1100px){.print-design .desktop-nav{gap:20px;}.print-design .header-actions{gap:12px;padding-left:18px;}.print-design .brand{width:150px;}.print-design .hero{height:700px;}.print-design .hero-content{padding-top:160px;}.print-design h1{font-size:76px;}.print-design .hero-description{font-size:18px;}.print-design .hero-links{gap:24px;}.print-design .hero-links .button{padding-inline:25px;}.print-design .hero-links .text-link{font-size:13px;}.print-design .help-layout{grid-template-columns:1.25fr .9fr .25fr;}.print-design .two-columns{gap:5vw;}.print-design .footer-grid{gap:3vw;}}
@media(max-width:900px){
  .print-design{--gutter:32px;}.print-design .hero .container{width:calc(100% - var(--gutter)*2);}.print-design .site-header{top:26px;gap:18px;}.print-design .desktop-nav{display:none;}.print-design .header-actions{margin-left:auto;border:0;padding:0;gap:16px;}.print-design .account-link{display:none;}.print-design .menu-toggle{display:flex;}.print-design .brand{width:170px;}
  .print-design .mobile-nav{position:absolute;top:72px;left:0;right:0;display:flex;flex-direction:column;background:#063349;color:#fff;padding:18px 26px;border:1px solid #ffffff2e;border-radius:5px;box-shadow:0 20px 30px #001b2a26;}.print-design .mobile-nav a{font-size:18px;padding:12px 0;}.print-design .mobile-nav a+a{border-top:1px solid #ffffff20;}
  .print-design .hero{height:740px;}.print-design .hero-image{-o-object-position:58% center;object-position:58% center;}.print-design .hero::after{content:'';position:absolute;inset:0;background:#03263bb3;z-index:-1;pointer-events:none;}.print-design .hero-content{padding-top:175px;}.print-design h1{font-size:74px;}.print-design .hero-description{font-size:18px;}.print-design .hero .eyebrow{font-size:12px;}
  .print-design .section-pad{padding-block:72px;}.print-design .section-heading{grid-template-columns:1.1fr 1fr;gap:40px;}.print-design h2{font-size:54px;}.print-design .section-description{font-size:17px;}.print-design .desktop-break{display:none;}.print-design .intro{padding-bottom:64px;}.print-design .products{padding-top:64px;padding-bottom:44px;}.print-design .product-grid{gap:24px;}.print-design .product-info h3{font-weight:400;font-size:32px;}.print-design .product-info{padding:22px;}.print-design .product-info p{font-size:14px;}
  .print-design .step-number{min-width:50px;font-size:44px;}.print-design .step summary{gap:16px;}.print-design .step-content{padding-left:66px;}.print-design .step-title strong{font-size:16px;}.print-design .step-title>span{font-size:13px;}
  .print-design .file-help h2{font-size:39px;}.print-design .help-layout{grid-template-columns:1.2fr .8fr;gap:24px;padding-block:42px;}.print-design .help-image{opacity:.3;}.print-design .file-help p{font-size:14px;}.print-design .help-links .button{font-size:14px;padding-inline:22px;}
  .print-design .faq h2{font-size:49px;white-space:normal;}.print-design .faq-item summary{font-size:14px;}.print-design .closing-cta h2{font-size:48px;}.print-design .closing-cta .button{font-size:14px;padding-inline:25px;}.print-design .footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:40px;}.print-design .footer-grid>div:last-child{grid-column:2/4;}.print-design .footer-brand{grid-row:1/3;}.print-design .footer-brand .brand{width:175px;}
}
@media(max-width:600px){
  .print-design{--gutter:24px;}.print-design html{scroll-padding-top:22px;}.print-design{font-size:16px;}.print-design .hero{height:820px;min-height:820px;overflow:hidden;}.print-design .hero-image{-o-object-position:center top;object-position:center top;}.print-design .hero::after{background:transparent;}
  .print-design .site-header{top:22px;gap:8px;}.print-design .brand{width:142px;}.print-design .header-actions{gap:8px;}.print-design .icon-button{min-width:44px;min-height:44px;}.print-design .icon-button .icon{width:25px;height:25px;}.print-design .language-picker{display:none;}.print-design .cart-link{display:none;}.print-design .mobile-nav{top:64px;padding:14px 22px;}
  .print-design .hero-content{padding-top:153px;}.print-design .hero .eyebrow{font-size:12px;letter-spacing:.24em;margin-bottom:18px;}.print-design h1{font-size:clamp(34px,11.2vw,68px);line-height:1.05;letter-spacing:-.035em;margin-bottom:24px;}.print-design .hero-description{font-size:16px;line-height:1.65;max-width:340px;margin-bottom:26px;}.print-design .hero-description br{display:none;}
  .print-design .hero .button{font-size:15px;}
  .print-design .hero-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}.print-design .button{font-size:15px;min-height:56px;padding-inline:28px;}.print-design .hero-links .button{padding-inline:28px;}.print-design .hero-links .text-link{font-size:14px;}.print-design .hero-note{display:none;}
  .print-design .category-strip{height:77px;justify-content:stretch;padding-inline:12px;font-size:13px;}.print-design .category-strip a{min-width:0;flex:1;height:24px;}.print-design .category-strip a::after{width:64px;bottom:-10px;}.print-design .category-strip a:hover::after{width:74px;}
  .print-design .section-pad{padding-block:62px;}.print-design .section-heading{display:block;margin-bottom:28px;}.print-design .eyebrow{font-size:12px;letter-spacing:.13em;margin-bottom:16px;}.print-design h2{font-size:clamp(43px,10.6vw,60px);line-height:1.04;letter-spacing:-.035em;}.print-design .section-description{margin:24px 0 0;max-width:360px;font-size:16px;line-height:1.7;}
  .print-design .intro{padding-bottom:60px;}.print-design .intro-image{aspect-ratio:1.35;-o-object-position:42% center;object-position:42% center;border-radius:4px;}.print-design .products{padding-top:58px;padding-bottom:44px;}.print-design .product-grid{grid-template-columns:1fr;gap:28px;}.print-design .product-card{border-radius:5px;scroll-margin-top:24px;}.print-design .product-image-link img{aspect-ratio:1.7;}.print-design .product-info{padding:22px;}.print-design .product-info h3{font-weight:400;font-size:35px;margin-bottom:7px;}.print-design .product-info p{font-size:15px;margin-bottom:12px;}.print-design .product-link{font-size:14px;}
  .print-design .more-products{justify-content:space-between;margin-top:28px;gap:12px;}.print-design .more-products a{margin:0;font-size:12px;gap:4px;}.print-design .more-products a+a::before{display:none;}.print-design .more-products .icon{width:13px;height:13px;}
  .print-design .two-columns{grid-template-columns:1fr;gap:32px;}.print-design .process{padding-block:60px;}.print-design .step summary{padding-block:19px;gap:18px;}.print-design .step:first-child summary{padding-top:0;}.print-design .step-number{font-size:44px;min-width:48px;}.print-design .step-title strong{font-size:16px;}.print-design .step-title>span{font-size:13px;}.print-design .step-content{padding-left:66px;padding-right:0;font-size:14px;}
  .print-design .help-layout{display:block;padding-block:48px;}.print-design .file-help h2{font-size:38px;line-height:1.07;}.print-design .file-help p{max-width:280px;font-size:14px;line-height:1.7;margin-top:20px;}.print-design .help-links{align-items:flex-start;gap:12px;margin-top:26px;}.print-design .help-links .button{font-size:14px;padding-inline:26px;}.print-design .help-links .text-link{font-size:13px;}.print-design .help-image{-o-object-position:75% center;object-position:75% center;opacity:.22;}
  .print-design .faq{padding-top:60px;padding-bottom:44px;}.print-design .faq h2{font-size:43px;}.print-design .contact-email{font-size:15px;margin-top:20px;}.print-design .faq .two-columns{gap:32px;}.print-design .faq-item summary{padding-block:20px;font-size:14px;}.print-design .faq-item:first-child summary{padding-top:0;}.print-design .faq-answer{font-size:14px;padding-right:0;}
  .print-design .closing-cta{padding-block:43px 55px;}.print-design .closing-layout{align-items:flex-start;flex-direction:column;gap:26px;}.print-design .closing-cta h2{font-size:43px;}.print-design .closing-cta .button{font-size:15px;padding-inline:28px;}
  .print-design .site-footer{padding-top:48px;font-size:14px;}.print-design .footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px;}.print-design .footer-brand{grid-column:1/-1;grid-row:auto;}.print-design .footer-brand .brand{width:175px;}.print-design .footer-brand p{margin-top:20px;}.print-design .site-footer h3{font-size:14px;margin-bottom:12px;}.print-design .footer-grid>div:last-child{grid-column:1/-1;}.print-design .footer-bottom{margin-top:32px;padding-block:24px 34px;font-size:11px;}
  .print-design .search-dialog{padding:26px 22px;width:calc(100% - 24px);max-height:calc(100dvh - 32px);}.print-design .search-header h2{font-size:38px;}.print-design .search-results img{width:68px;height:52px;}.print-design .search-results a{gap:12px;}.print-design .search-results strong{font-size:16px;}.print-design .search-results a>span>span{font-size:12px;}.print-design .search-results .icon{width:17px;height:17px;}
}
@media(prefers-reduced-motion:reduce){.print-design html{scroll-behavior:auto;}.print-design *,.print-design *::before,.print-design *::after{transition:none!important;animation:none!important;}.print-design .button:hover{transform:none;}.print-design .product-image-link:hover img{transform:none;}}

/* Shared refinements retain the supplied photographic identity. */
.print-design .language-current{min-height:44px;display:inline-flex;align-items:center;}
.print-design .icon-button{min-width:44px;min-height:44px;}
.print-design .product-availability{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:12px;}
.print-design .product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;}
.print-design .product-link{min-height:44px;}
.print-design .product-link-secondary{font-size:14px;}
.print-design .product-info p{max-width:45ch;}
.print-design .step-number{color:var(--accent-number);}
.print-design .category-strip a{min-height:44px;}
.print-design .search-input-wrap{border-color:#7d939d;}
.print-design .help-links .text-link{font-size:max(14px,.85vw);}
@media(max-width:600px){
  .print-design .language-current{display:none;}
  .print-design .category-strip{font-size:14px;}
  .print-design .step-title>span{font-size:14px;}
  .print-design .more-products{flex-wrap:wrap;justify-content:flex-start;gap:8px 24px;}
  .print-design .more-products a{font-size:14px;min-height:44px;}
  .print-design .search-results a>span>span{font-size:14px;}
  .print-design .footer-bottom{font-size:12px;}
  .print-design .product-actions{gap:4px 20px;}
}


/* Owner revision 2026-10-06: compact header and hero controls. */
.print-design .site-header .brand{width:clamp(80px,6.1vw,117.5px);}
.print-design .desktop-nav{gap:clamp(8px,1vw,18px);font-size:clamp(13px,.85vw,16px);}
.print-design .desktop-nav a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;transition:background .2s,color .2s;}
.print-design .header-actions{gap:clamp(8px,.85vw,16px);padding-left:clamp(12px,1.2vw,24px);}
.print-design .site-header .icon-button{border-radius:999px;transition:background .2s,color .2s;}
.print-design .site-header .icon-button .icon{width:clamp(18px,1.35vw,22px);height:clamp(18px,1.35vw,22px);}
.print-design .site-header .language-current{font-size:clamp(13px,.85vw,16px);}
.print-design .desktop-nav a:hover,.print-design .site-header .icon-button:hover,.print-design .mobile-nav a:hover{background:var(--button);color:#032a3d;opacity:1;}
.print-design .mobile-nav a{font-size:16px;padding:10px 12px;border-radius:7px;transition:background .2s,color .2s;}
.print-design .hero-description{font-size:clamp(16px,1.2vw,22px);line-height:1.55;margin-bottom:24px;}
.print-design .hero-links .button{min-height:44px;padding:10px 24px;font-size:clamp(14px,.95vw,18px);gap:8px;}
@media(max-width:1100px){.print-design .site-header .brand{width:75px;}}
@media(max-width:900px){.print-design .site-header .brand{width:85px;}.print-design .header-actions{padding-left:0;}.print-design .hero-description{font-size:16px;}}
@media(max-width:600px){.print-design .site-header .brand{width:71px;}.print-design .site-header .icon-button .icon{width:18px;height:18px;}.print-design .hero-description{font-size:14px;margin-bottom:22px;}.print-design .hero-links .button{font-size:14px;min-height:44px;padding:10px 22px;}}


/* Owner revision 2026-10-06: four products per desktop row. */
@media(min-width:901px){
  .print-design .products .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.4vw,26px);}
  .print-design .products .product-info{padding:clamp(16px,1.25vw,24px);}
  .print-design .products .product-info h3{font-size:clamp(26px,1.9vw,36px);}
  .print-design .products .product-info p{font-size:clamp(14px,.9vw,17px);}
  .print-design .products .product-link{font-size:clamp(14px,.85vw,16px);}
}

/* Shared navigation and information pages for the private HTML preview. */
.print-design .client-nav{position:relative;}
.print-design .client-menu-trigger{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:500;white-space:nowrap;}
.print-design .client-menu-trigger .icon{width:14px;height:14px;transition:transform .2s;}
.print-design .client-menu-trigger[aria-expanded="true"] .icon{transform:rotate(180deg);}
.print-design .client-menu-trigger:hover,.print-design .client-menu-trigger[aria-expanded="true"]{background:var(--button);color:#032a3d;}
.print-design .client-menu{position:absolute;top:calc(100% + 12px);left:0;width:280px;padding:10px;background:#063349;color:#fff;border:1px solid #ffffff40;border-radius:7px;box-shadow:0 16px 40px #001b2a38;}
.print-design .desktop-nav .client-menu a{display:flex;min-height:44px;padding:10px 14px;border-radius:4px;white-space:normal;font-size:14px;}
.print-design .desktop-nav .contact-nav{background:var(--button);color:#032a3d;}
.print-design .site-footer{padding-top:32px;font-size:14px;}
.print-design .footer-grid{grid-template-columns:1fr 1.25fr 1fr;gap:32px;}
.print-design .footer-brand .brand{width:120px;}
.print-design .site-footer h3{font-size:14px;margin-bottom:10px;}
.print-design .site-footer nav a{margin-bottom:4px;}
.print-design .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.print-design .footer-contact h3{margin-bottom:0;}
.print-design .footer-contact .button{min-height:44px;padding:10px 18px;font-size:14px;}
.print-design .footer-bottom{margin-top:24px;padding-block:18px 24px;font-size:12px;}
.print-design .info-header{background:#063349;color:white;}
.print-design .info-header .site-header{position:relative;top:auto;padding-block:24px;}
.print-design .info-content{max-width:1000px;padding-block:48px 64px;}
.print-design .info-content h1{font-size:clamp(38px,4vw,64px);line-height:1.08;margin-bottom:24px;}
.print-design .info-content h2{font-size:clamp(26px,2.3vw,36px);line-height:1.2;margin:32px 0 14px;}
.print-design .info-content p,.print-design .info-content li{font-size:16px;line-height:1.75;}
.print-design .info-content p{max-width:68ch;}
.print-design .info-content ul,.print-design .info-content ol{padding-left:24px;max-width:68ch;}
.print-design .info-content li+li{margin-top:10px;}
.print-design .info-content .back-link{display:inline-block;margin-bottom:28px;color:var(--action-text);font-size:14px;}
.print-design .info-content a:not(.button){text-decoration:underline;text-underline-offset:3px;}
.print-design .info-note{padding:18px 22px;background:#e7f3f8;border-left:3px solid var(--blue);border-radius:0 5px 5px 0;}
.print-design .info-note p:last-child{margin-bottom:0;}
.print-design .file-diagram{max-width:540px;margin:24px 0;}
.print-design .file-diagram svg{display:block;width:100%;height:auto;}
.print-design .file-diagram figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:12px;}
.print-design .info-contact{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px;}
.print-design .info-contact .button{font-size:14px;min-height:44px;padding:10px 22px;}
@media(max-width:900px){
  .print-design .mobile-nav{max-height:calc(100dvh - 120px);overflow-y:auto;}
  .print-design .mobile-nav .client-menu-trigger{width:100%;justify-content:space-between;min-height:44px;border-radius:4px;padding:10px 12px;}
  .print-design .mobile-nav .client-menu{position:static;width:100%;padding:4px 0 8px 12px;margin:4px 0 8px;box-shadow:none;border:0;border-left:1px solid #ffffff40;border-radius:0;}
  .print-design .mobile-nav .client-menu a{display:flex;align-items:center;font-size:14px;min-height:44px;padding:10px 12px;}
  .print-design .mobile-nav .contact-nav{background:var(--button);color:#032a3d;}
  .print-design .info-header .site-header{padding-block:20px;}
  .print-design .footer-grid{grid-template-columns:1fr 1fr;gap:24px;}
  .print-design .footer-brand{grid-column:1/-1;grid-row:auto;}
  .print-design .footer-grid>div:last-child{grid-column:auto;}
}
@media(max-width:600px){
  .print-design .footer-grid{grid-template-columns:1fr;gap:22px;}
  .print-design .footer-brand,.print-design .footer-grid>div:last-child{grid-column:auto;}
  .print-design .footer-brand .brand{width:100px;}
  .print-design .site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;}
  .print-design .site-footer nav h3{grid-column:1/-1;}
  .print-design .site-footer nav a{font-size:13px;line-height:1.6;}
  .print-design .info-content{padding-block:32px 48px;}
  .print-design .info-content h1{font-size:38px;}
  .print-design .info-content h2{font-size:28px;}
  .print-design .info-content p,.print-design .info-content li{font-size:15px;}
  .print-design .info-note{padding:16px;}
}
/* Account access in the private HTML preview. All rules stay inside the dialog. */
.print-design .auth-dialog{inset:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--paper);color:var(--ink);overflow:hidden;}
.print-design .auth-dialog::backdrop{background:#063349;}
.print-design .auth-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100%;}
.print-design .auth-panel{display:flex;flex-direction:column;min-width:0;min-height:0;}
.print-design .auth-toolbar{display:flex;align-items:center;flex-shrink:0;min-height:84px;padding:20px 32px;}
.print-design .auth-back,.print-design .auth-close{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;background:transparent;color:var(--ink);font-size:14px;border-radius:5px;}
.print-design .auth-back{padding:8px 12px;margin-left:-12px;}
.print-design .auth-back .icon{width:17px;height:17px;transform:rotate(180deg);}
/* Modal controls sit above the later positioned photo panel. */
.print-design .auth-close{position:absolute;z-index:1;top:20px;right:24px;width:44px;background:var(--paper);}
.print-design .auth-close .icon{width:22px;height:22px;}
.print-design .auth-back:hover,.print-design .auth-close:hover{background:var(--button);}
.print-design .auth-dialog button:focus-visible,.print-design .auth-dialog a:focus-visible{outline:3px solid var(--focus);outline-offset:3px;}
.print-design .auth-panel-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 48px 48px;display:flex;flex-direction:column;scroll-behavior:auto;}
.print-design .auth-content{flex-shrink:0;width:100%;max-width:400px;margin:auto;}
.print-design .auth-dialog h2{font-size:44px;line-height:1.15;font-weight:500;letter-spacing:-.02em;text-wrap:balance;margin:0 0 28px;}
.print-design .auth-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;padding:11px 12px;border:1px solid #747775;border-radius:5px;background:#fff;color:#1f1f1f;font-family:"Google Sans",Inter,Arial,sans-serif;font-size:14px;font-weight:500;line-height:20px;transition:background .2s;}
.print-design .auth-google img{flex:none;width:18px;height:18px;-o-object-fit:contain;object-fit:contain;}
.print-design .auth-google:hover{background:#f8fafd;}
.print-design .auth-google:active{background:#e8f0fe;}
.print-design .auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--muted);font-size:12px;line-height:20px;}
.print-design .auth-divider::before,.print-design .auth-divider::after{content:"";flex:1;height:1px;background:var(--line);}
.print-design .auth-form{display:flex;flex-direction:column;gap:20px;}
.print-design .auth-field{min-width:0;}
.print-design .auth-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;}
.print-design .auth-optional{font-weight:400;color:var(--muted);}
.print-design .auth-field input{display:block;width:100%;min-height:54px;padding:12px 16px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);font-size:16px;line-height:1.5;caret-color:var(--ink);}
.print-design .auth-field input:hover{border-color:#a1b5bf;}
.print-design .auth-dialog .auth-field input:focus,.print-design .auth-dialog .auth-field input:focus-visible{border-color:var(--focus);outline:none;box-shadow:none;}
.print-design .auth-dialog .auth-field input[aria-invalid="true"],.print-design .auth-dialog .auth-field input[aria-invalid="true"]:focus{border-color:#a82535;}
.print-design .auth-password-wrap{position:relative;}
.print-design .auth-password-wrap input{padding-right:88px;}
.print-design .auth-password-toggle{position:absolute;right:5px;top:5px;bottom:5px;min-width:74px;min-height:44px;padding:8px;border-radius:3px;background:transparent;color:var(--action-text);font-size:13px;font-weight:600;}
.print-design .auth-password-toggle:hover{background:#e7f3f8;}
.print-design .auth-error{font-size:13px;line-height:1.5;color:#a82535;margin:8px 0 0;}
.print-design .auth-submit.button{width:100%;min-height:52px;font-size:15px;padding:12px 20px;margin-top:4px;}
.print-design .auth-submit.button:hover{transform:none;}
.print-design .auth-submit.button:active{background:#009bda;}
.print-design .auth-submit.button:disabled{cursor:default;background:#d6dedf;color:#496471;transform:none;}
.print-design .auth-feedback{font-size:14px;line-height:1.6;padding:14px 16px;border:1px solid #b5d4e3;border-radius:5px;background:#e7f3f8;margin:0;}
.print-design .auth-preview-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0;}
.print-design .auth-switch{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:24px;font-size:14px;line-height:1.6;}
.print-design .auth-switch p{margin:0;}
.print-design .auth-switch button{min-height:44px;padding:8px 0;background:transparent;color:var(--action-text);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.print-design .auth-switch button:hover{color:var(--ink);}
.print-design .auth-photo{position:relative;min-width:0;min-height:0;margin:0;background:#073349;overflow:hidden;}
.print-design .auth-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:73% center;object-position:73% center;}
.print-design .auth-dialog[open] .auth-content{animation:auth-enter .2s cubic-bezier(.22,1,.36,1);}
@keyframes auth-enter{from{transform:translateY(8px);}to{transform:translateY(0);}}
/* The account button retains the original header and mobile menu affordances. */
.print-design .mobile-nav .mobile-account-link{display:block;width:100%;text-align:left;min-height:44px;padding:12px 0;background:transparent;color:inherit;font:inherit;}
@media(max-width:900px){
  .print-design .auth-shell{grid-template-columns:1fr;}
  .print-design .auth-photo{display:none;}
  .print-design .auth-toolbar{padding:16px 24px;min-height:76px;}
  .print-design .auth-close{top:16px;right:20px;}
  .print-design .auth-panel-scroll{padding:16px 24px 32px;}
  .print-design .auth-dialog h2{font-size:38px;margin-bottom:24px;}
}
@media(prefers-reduced-motion:reduce){
  .print-design .auth-dialog[open] .auth-content{animation:none;}
  .print-design .auth-dialog button{transition:none;}
}


.print-design .shipping-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0;}
.print-design .shipping-highlight{padding:20px;border:1px solid #d4e3ea;border-radius:5px;}
.print-design .shipping-highlight h2{font-size:19px;margin:0 0 10px;}
.print-design .shipping-highlight p{font-size:14px;line-height:1.65;margin:0;}
.print-design .shipping-steps{margin-block:20px 28px;}
.print-design .info-content .shipping-destinations{display:flex;flex-wrap:wrap;gap:10px;max-width:none;list-style:none;padding:0;margin:20px 0;}
.print-design .info-content .shipping-destinations li{font-size:14px;line-height:1.5;margin:0;padding:8px 14px;background:#f3f8fa;border:1px solid #d4e3ea;border-radius:5px;}
.print-design .shipping-faq details{border-top:1px solid #d4e3ea;padding:16px 0;}
.print-design .shipping-faq details:last-child{border-bottom:1px solid #d4e3ea;}
.print-design .shipping-faq summary{cursor:pointer;font-weight:600;line-height:1.5;min-height:28px;}
.print-design .shipping-faq summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px;}
.print-design .shipping-faq details p{margin:12px 0 0;}
@media(max-width:900px){.print-design .shipping-highlights{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.print-design .shipping-highlights{grid-template-columns:1fr;gap:12px;}.print-design .shipping-highlight{padding:18px;}}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.1.6_@babel+core@7.28.5_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/styles/print-design/application.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Integration rules preserve the accepted layout without changing commerce controls. */
.print-header-shell.on-hero{background:transparent;color:#fff;}
.print-header-shell:not(.on-hero){background:#f6f8f5;color:#073349;border-bottom:1px solid #d6dedf;}
.print-header-shell:not(.on-hero) .brand img{filter:none;}
.print-header-shell:not(.on-hero) .site-header{position:relative;top:auto;padding-block:24px;}
/* Language choices use the same popup surface and typography as client help. */
.print-design .print-language-trigger{font-size:13px;min-width:44px;min-height:44px;}
.print-design .print-language-menu{left:auto;right:0;width:-moz-max-content;width:max-content;min-width:0;}
.print-design .print-language-menu button{display:flex;align-items:center;width:100%;min-height:44px;padding:10px 14px;border-radius:4px;background:transparent;color:#073349;font:500 14px/1.5 Inter,Arial,sans-serif;text-align:left;}
.print-design .print-language-menu button:hover,.print-design .print-language-menu button:focus-visible,.print-design .print-language-menu button[aria-checked="true"]{background:#00aff0;color:#032a3d;}
.print-design .print-language-menu button:focus-visible{outline:2px solid #006c96;outline-offset:-2px;}
.print-design .icon-button{position:relative;}
.print-design .print-icon-tooltip{position:absolute;z-index:20;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:-moz-max-content;width:max-content;max-width:min(240px,70vw);padding:7px 12px;border:1px solid #d6dedf;border-radius:5px;background:#f6f8f5;color:#073349;font:400 13px/1.5 Inter,Arial,sans-serif;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;}
.print-design .icon-button:hover>.print-icon-tooltip,.print-design .icon-button:focus-visible>.print-icon-tooltip{opacity:1;visibility:visible;}
.print-design .menu-toggle .print-icon-tooltip{left:auto;right:0;transform:none;}
.print-design .print-cart-count{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 3px;display:grid;place-items:center;border-radius:999px;background:var(--button);color:var(--ink);font-size:10px;}
.print-design .print-signout .print-logout-icon{background:none;-webkit-mask:none;mask:none;}
.print-design .print-search-submit{font-size:14px;min-height:44px;margin-top:20px;}
.print-design .search-label{display:block;font-size:14px;margin-bottom:8px;}
.print-design .auth-page{position:relative;}
.print-design .auth-dialog .auth-field input{background:white;color:var(--ink);}
.print-design .auth-dialog .auth-field input:focus,.print-design .auth-dialog .auth-field input:focus-visible{border-color:var(--focus);outline:none;box-shadow:none;}
.print-design .auth-dialog .auth-field input[aria-invalid="true"]:focus{border-color:#a82535;}
.print-design .auth-dialog [hidden]{display:none!important;}
.print-design .auth-photo img{min-width:0;}
@media(max-width:900px){.print-header-shell:not(.on-hero) .site-header{padding-block:20px;}}
@media(max-width:600px){.print-design .print-locale{display:none;}.print-design .print-signout{display:none;}}
/* Set the hero header foreground explicitly; nested design scopes carry their own text color. */
.print-header-shell.on-hero .site-header{color:#fff;}
.print-header-shell.on-hero .desktop-nav>a:not(.contact-nav),
.print-header-shell.on-hero .client-menu-trigger,
.print-header-shell.on-hero .header-actions .icon-button{color:#fff;}
.print-header-shell.on-hero .desktop-nav>a:not(.contact-nav):hover,
.print-header-shell.on-hero .client-menu-trigger:hover,
.print-header-shell.on-hero .client-menu-trigger[aria-expanded="true"],
.print-header-shell.on-hero .header-actions .icon-button:hover{color:#032a3d;}
.print-design .client-menu,.print-design .mobile-nav{background:#f6f8f5;color:#073349;border-color:#d6dedf;}
.print-design .client-menu a{color:#073349;}
.print-header-shell.on-hero .mobile-nav .client-menu-trigger{color:#073349;}
.print-design .print-menu-locale{padding:10px 12px;}
.print-design .print-menu-locale .print-language-menu{position:static;width:-moz-max-content;width:max-content;min-width:0;padding:10px;margin-top:8px;}
@font-face{font-family:"Google Sans";src:url("/print-design/google-sans-medium-latin-ext.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap;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:"Google Sans";src:url("/print-design/google-sans-medium-latin.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* Product register: functional screens share the accepted Print palette.
   These classes are attached in JSX; marketing and native account dialogs keep
   their approved scope. Admin retains its compact tables and fixed shell. */
.print-commerce{
  --dc-bg:#f6f8f5;--dc-card:#fff;--dc-surface:#eef4f4;
  --dc-surface-0:#f6f8f5;--dc-surface-1:#fff;--dc-surface-2:#eef4f4;
  --dc-fg:#073349;--dc-text:#073349;--dc-muted:#61737d;--dc-text-muted:#61737d;
  --dc-border:#d6dedf;--dc-border-strong:#a6bcc4;--dc-accent:#00aff0;
  --dc-accent-hover:#009fe3;--dc-accent-foreground:#073349;--dc-accent-soft:#e7f5fa;
  --dc-danger:#a82538;--dc-success:#236b50;--dc-warning:#83540d;
  --print-focus:#006c96;--print-ink:#073349;--print-paper:#f6f8f5;
  --gutter:clamp(24px,6vw,100px);
  font-family:Inter,Arial,sans-serif;color:var(--print-ink);background:var(--print-paper);
  color-scheme:light;line-height:1.55;min-width:0;
}
.print-commerce .print-main{flex:1;padding-block:clamp(40px,4.5vw,80px);min-width:0;}
/* One outer geometry, shared by header, content and footer. The more specific
   approved .hero .container keeps its original 11vw composition. */
:is(.print-commerce,.print-design) :is(.print-container,.container){width:calc(100% - var(--gutter)*2);max-width:1720px;margin-inline:auto;padding-inline:0;}
.print-commerce .print-layout,.print-commerce .print-layout>*{min-width:0;}
.print-commerce .print-page-title,.print-commerce .dc-page-header .print-page-title{
  font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(42px,4.1vw,76px);
  font-weight:500;line-height:1.15;letter-spacing:-.025em;color:var(--print-ink);overflow-wrap:anywhere;
}
.print-commerce .print-section-title{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.4;color:var(--print-ink);}
.print-commerce .dc-page-header{margin:0 0 28px;gap:20px;flex-wrap:wrap;}
.print-commerce .dc-page-header p,.print-commerce .dc-section-subtitle{color:var(--dc-muted);line-height:1.6;}
.print-commerce .print-muted{color:var(--dc-muted);}
.print-commerce .print-ink{color:var(--print-ink);}
.print-commerce .print-card,.print-commerce .dc-panel,.print-commerce .dc-block-card{
  background:#fff;border:1px solid var(--dc-border);border-radius:8px;box-shadow:none;color:var(--print-ink);
}
.print-commerce .print-card .print-card{border-radius:6px;}
.print-commerce .print-link{color:var(--print-focus);text-underline-offset:4px;}
.print-commerce .print-link:hover{text-decoration:underline;}
.print-commerce .print-label{font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:500;color:var(--print-ink);}
.print-commerce .print-input,.print-commerce .dc-input,.print-commerce .dc-select,.print-commerce .dc-textarea{
  box-sizing:border-box;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;
  border:1px solid var(--dc-border);border-radius:5px;background:#fff;color:var(--print-ink);
  font:400 14px/1.4 Inter,Arial,sans-serif;box-shadow:none;
}
.print-commerce textarea.print-input,.print-commerce .dc-textarea{min-height:100px;resize:vertical;}
.print-commerce .print-input::-moz-placeholder, .print-commerce .dc-input::-moz-placeholder{color:#61737d;opacity:1;}
.print-commerce .print-input::placeholder,.print-commerce .dc-input::placeholder{color:#61737d;opacity:1;}
.print-commerce .print-input:focus,.print-commerce .dc-input:focus,.print-commerce .dc-select:focus,.print-commerce .dc-textarea:focus{
  border-color:var(--print-focus);outline:none;box-shadow:none;
}
.print-commerce .print-input[aria-invalid="true"]{border-color:var(--dc-danger);}
.print-commerce .print-input:disabled,.print-commerce .print-input[readonly]{background:#f6f8f5;color:var(--dc-muted);}
.print-commerce .print-check{accent-color:var(--print-focus);flex-shrink:0;width:16px;height:16px;}
.print-commerce .print-button,.print-commerce .dc-button{
  min-height:44px;border-radius:999px;gap:8px;padding:10px 20px;
  font:500 14px/1.4 Inter,Arial,sans-serif;text-decoration:none;box-shadow:none;
  align-items:center;justify-content:center;border:1px solid transparent;max-width:100%;
  white-space:normal;text-align:center;cursor:pointer;
}
.print-commerce .dc-button{display:inline-flex;background:var(--dc-accent);color:var(--print-ink);}
.print-commerce .print-button-primary,.print-commerce .dc-button:not(.secondary):not(.ghost){background:var(--dc-accent);color:var(--print-ink);border-color:var(--dc-accent);}
.print-commerce .print-button-primary:hover,.print-commerce .dc-button:not(.secondary):not(.ghost):hover{background:#009fe3;border-color:#009fe3;color:#073349;}
.print-commerce .print-button-secondary,.print-commerce .dc-button.secondary{background:#fff;border-color:var(--dc-border);color:var(--print-ink);}
.print-commerce .print-button-secondary:hover,.print-commerce .dc-button.secondary:hover{background:#e7f5fa;border-color:#a6bcc4;}
.print-commerce .print-button-ghost,.print-commerce .dc-button.ghost{background:transparent;border-color:transparent;color:var(--print-focus);}
.print-commerce .print-button-ghost:hover,.print-commerce .dc-button.ghost:hover{background:#e7f5fa;}
.print-commerce .print-button-danger{background:#fff;border-color:#e6c4c9;color:var(--dc-danger);}
.print-commerce .print-button-danger:hover{background:#fff1f3;border-color:var(--dc-danger);color:var(--dc-danger);}
.print-commerce .print-button:disabled,.print-commerce .dc-button:disabled{cursor:not-allowed;opacity:.5;}
.print-commerce.print-cookie-panel{position:fixed;z-index:80;bottom:24px;left:24px;width:min(540px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;box-shadow:0 8px 30px rgba(7,51,73,.12);}
.print-commerce .print-cookie-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.print-commerce .print-cookie-title{margin:0;font:600 20px/1.3 Inter,Arial,sans-serif;letter-spacing:0;color:var(--print-ink);}
.print-commerce .print-cookie-copy{margin:12px 0 8px;font:400 14px/1.55 Inter,Arial,sans-serif;}
.print-commerce .print-cookie-policy{font-size:13px;}
.print-commerce .print-cookie-close{display:grid;place-items:center;min-width:44px;min-height:44px;margin:-12px -12px -12px 0;border:0;border-radius:5px;background:transparent;color:var(--print-ink);font:400 24px/1 Inter,Arial,sans-serif;cursor:pointer;}
.print-commerce .print-cookie-close:hover{background:var(--dc-accent-soft);}
.print-commerce .print-cookie-options{margin-top:18px;border-top:1px solid var(--dc-border);}
.print-commerce .print-cookie-option{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0;border-bottom:1px solid var(--dc-border);font:400 14px/1.5 Inter,Arial,sans-serif;}
.print-commerce .print-cookie-option>div{min-width:0;overflow-wrap:anywhere;}
.print-commerce .print-cookie-option strong{font-weight:600;}
.print-commerce .print-cookie-option p{margin:4px 0 0;font-size:12px;color:var(--dc-muted);}
.print-commerce .print-cookie-option .print-check{width:20px;height:20px;cursor:pointer;}
.print-commerce .print-cookie-option .print-check:disabled{cursor:not-allowed;}
.print-commerce .print-cookie-always{flex-shrink:0;font-size:12px;color:var(--dc-muted);}
.print-commerce .print-cookie-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.print-commerce .print-cookie-actions .print-button{flex:1 1 auto;padding-inline:16px;}
.print-commerce .print-cookie-error{margin:14px 0 0;font-size:13px;color:var(--dc-danger);}
.print-commerce.print-cookie-reopen{position:fixed;z-index:40;bottom:12px;left:12px;min-height:44px;padding:8px 12px;border:1px solid var(--dc-border);border-radius:5px;background:var(--print-paper);color:var(--dc-muted);font:400 12px/1.4 Inter,Arial,sans-serif;cursor:pointer;}
.print-commerce :is(.print-cookie-close,.print-check):focus-visible,.print-commerce.print-cookie-reopen:focus-visible{outline:2px solid var(--print-focus);outline-offset:3px;}
@media(max-width:600px){.print-commerce.print-cookie-panel{bottom:12px;left:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px;}.print-commerce .print-cookie-always{max-width:100px;text-align:right;}}
.print-commerce :is(.print-button,.dc-button,.print-link,.print-disclosure,.print-account-link,.dc-choice):focus-visible{
  outline:2px solid var(--print-focus);outline-offset:3px;
}
.print-commerce .print-disclosure{min-height:44px;align-content:center;cursor:pointer;color:var(--print-focus);font-weight:500;}
.print-commerce .dc-choice{min-height:44px;border-radius:5px;background:#fff;border-color:var(--dc-border);color:var(--print-ink);}
.print-commerce .dc-choice[data-selected="true"]{background:#e7f5fa;border-color:var(--print-focus);}
.print-commerce .dc-steps{background:transparent;border:0;border-radius:0;padding:0 0 20px;margin:0 0 24px;border-bottom:1px solid var(--dc-border);gap:8px;}
.print-commerce .dc-step{min-height:44px;padding:8px 12px;border-radius:999px;color:var(--dc-muted);}
.print-commerce .dc-step.is-active{border-color:var(--print-focus);background:#e7f5fa;color:var(--print-ink);}
.print-commerce .dc-step.is-active .dc-step-dot{color:var(--print-ink);background:#00aff0;border-color:#00aff0;}
.print-commerce .print-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;}
.print-commerce .print-table,.print-commerce .dc-table{width:100%;border-collapse:collapse;font:400 13px/1.5 Inter,Arial,sans-serif;color:var(--print-ink);}
.print-commerce :is(.print-table,.dc-table) th{background:#f6f8f5;color:var(--dc-muted);font-weight:500;white-space:nowrap;}
.print-commerce :is(.print-table,.dc-table) th,.print-commerce :is(.print-table,.dc-table) td{padding:14px 16px;border-bottom:1px solid var(--dc-border);vertical-align:middle;}
.print-commerce :is(.print-table,.dc-table) tr:last-child td{border-bottom:0;}
.print-commerce :is(.print-table,.dc-table) tbody tr:hover{background:#f2f9fb;}
.print-commerce .print-empty{background:#fff;border:1px dashed var(--dc-border);border-radius:8px;padding:clamp(24px,4vw,48px);color:var(--dc-muted);text-align:center;}
.print-commerce .print-status{font-size:12px;font-weight:500;border-radius:999px;padding:4px 9px;}
.print-commerce .print-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--dc-muted);margin-bottom:24px;}
.print-commerce .print-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,2.3vw,44px);}
.print-commerce .print-catalog-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e8ece8;border-radius:7px;overflow:hidden;background:#fcfbf8;color:var(--print-ink);}
.print-commerce .print-catalog-photo{display:block;overflow:hidden;}
.print-commerce .print-catalog-photo img{display:block;width:100%;height:auto;aspect-ratio:2.12;-o-object-fit:cover;object-fit:cover;transition:transform .5s;}
.print-commerce .print-catalog-photo:hover img{transform:scale(1.035);}
.print-commerce .print-catalog-info{display:flex;flex:1;flex-direction:column;padding:clamp(20px,1.9vw,36px);padding-top:20px;}
.print-commerce .print-catalog-info h2{font:400 clamp(31px,3vw,57px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:0 0 12px;overflow-wrap:anywhere;}
.print-commerce .print-catalog-info h2 a:hover{color:#006c96;}
.print-commerce .print-catalog-description{max-width:50ch;color:var(--dc-muted);font-size:clamp(15px,1.15vw,20px);line-height:1.6;margin-bottom:18px;}
.print-commerce .print-catalog-kicker{font:500 12px/1.5 Inter,Arial,sans-serif;color:var(--dc-muted);margin-bottom:10px;}
.print-commerce .print-catalog-action{display:inline-flex;align-self:flex-start;align-items:center;gap:12px;min-height:44px;margin-top:auto;color:#006c96;font-size:14px;font-weight:500;text-underline-offset:4px;}
.print-commerce .print-catalog-action:hover{text-decoration:underline;}
.print-commerce :is(.print-catalog-photo,.print-catalog-info h2 a,.print-catalog-action):focus-visible{outline:2px solid var(--print-focus);outline-offset:-3px;}
/* The product image, real total and help form one stack; options size to their content. */
.print-commerce .print-configurator{align-items:start;}
.print-commerce .print-configurator>div{min-width:0;}
.print-commerce .print-config-options,.print-commerce .print-config-options-panel{height:auto;min-height:0;align-self:start;}
.print-commerce .print-config-fields{display:grid;gap:10px;}
.print-commerce .print-config-fields>div{margin-top:0;}
.print-commerce .print-config-fields select{width:100%;max-width:100%;min-width:0;}
.print-commerce .print-option-label{justify-content:flex-start;}
.print-commerce .print-option-info{width:44px;min-width:44px;min-height:44px;margin-left:-4px;flex-shrink:0;}
.print-commerce .print-config-heading{margin:0;font:600 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--dc-muted);}
.print-commerce .print-config-label{display:block;font:500 13px/1.5 Inter,Arial,sans-serif;color:var(--print-ink);}
.print-commerce .print-config-options-panel .dc-choice,.print-commerce .print-config-options-panel .print-input{font-size:13px;}
.print-commerce .print-config-counters{margin-top:16px;padding-top:16px;border-top:1px solid var(--dc-border);}
.print-commerce .print-config-counter{min-width:0;}
.print-commerce .print-config-counter .print-button{width:44px;min-width:44px;padding:10px;flex-shrink:0;}
.print-commerce .print-config-counter-input{min-width:0;}
.print-commerce .print-config-summary{margin-bottom:20px;}
.print-commerce .print-config-total{font:600 clamp(26px,2.1vw,36px)/1.2 Inter,Arial,sans-serif;color:var(--print-ink);overflow-wrap:anywhere;margin-top:8px;}
.print-commerce .print-config-photo{display:block;width:100%;height:auto;aspect-ratio:2.12;-o-object-fit:cover;object-fit:cover;border-radius:7px;margin-bottom:20px;}
.print-commerce .print-has-breadcrumbs{padding-top:20px;}
.print-commerce .print-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:13px;line-height:1.5;color:var(--dc-muted);}
.print-commerce .print-breadcrumbs .mx-2{margin-inline:0;}
.print-commerce .print-account-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;}
.print-commerce .print-account-content{min-width:0;}
.print-commerce .print-account-sidebar{width:100%;padding:24px;position:sticky;top:24px;}
.print-commerce .print-account-identity{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--dc-border);margin-bottom:16px;}
.print-commerce .print-account-identity>div:last-child{min-width:0;overflow-wrap:anywhere;}
.print-commerce .print-account-avatar{background:#e7f5fa;color:var(--print-focus);flex-shrink:0;}
.print-commerce .print-account-link{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:44px;border-radius:5px;color:var(--dc-muted);font:500 13px/1.4 Inter,Arial,sans-serif;}
.print-commerce .print-account-link:hover,.print-commerce .print-account-link.is-current{background:#e7f5fa;color:var(--print-ink);}
.print-commerce .print-order-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.print-commerce .print-order-item{gap:20px;align-items:flex-start;flex-wrap:wrap;}
.print-commerce .print-order-item-content{min-width:0;flex:1 1 240px;overflow-wrap:anywhere;}
.print-commerce .print-order-item-price{flex:0 0 auto;white-space:nowrap;}
.print-commerce .print-order-options{display:grid;gap:4px;}
.print-commerce .print-order-options>div{display:flex;flex-wrap:wrap;gap:4px 8px;min-width:0;}
.print-commerce .print-order-options dt{font-weight:500;}
.print-commerce .print-order-options dd{min-width:0;overflow-wrap:anywhere;}
.print-commerce .print-upload-zone{display:flex;min-height:160px;border:1px dashed var(--dc-border);border-radius:8px;background:#f6f8f5;}
.print-commerce .print-upload-zone:hover{border-color:var(--print-focus);background:#e7f5fa;}
.print-commerce .print-file-row{min-width:0;gap:12px;flex-wrap:wrap;}
.print-commerce .print-file-row>div{min-width:0;overflow-wrap:anywhere;}
.print-commerce .print-error-page{min-height:60vh;padding:40px 20px;}
.print-commerce .print-error-card{width:100%;max-width:640px;margin:auto;padding:32px;}
.print-commerce .print-field{display:flex;flex-direction:column;gap:7px;min-width:0;}
.print-commerce.dc-dialog-overlay{background:rgb(7 51 73 / .4);}
.print-commerce.dc-dialog-content{width:min(560px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px;border:1px solid var(--dc-border);border-radius:8px;background:#fff;box-shadow:0 12px 48px rgb(7 51 73 / .18);}
.print-commerce .dc-dialog-title{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:600;color:var(--print-ink);}
.print-commerce .dc-dialog-description{color:var(--dc-muted);font-size:14px;}
.print-commerce.dc-dropdownmenu-content{background:#fff;border:1px solid var(--dc-border);border-radius:6px;color:var(--print-ink);box-shadow:0 8px 24px rgb(7 51 73 / .12);}
.print-commerce .dc-dropdownmenu-item{min-height:44px;border-radius:4px;}
.print-commerce .dc-dropdownmenu-item[data-highlighted]{background:#e7f5fa;color:var(--print-ink);}
.print-commerce .dc-tab{min-height:44px;border:1px solid var(--dc-border);border-radius:999px;padding:8px 16px;background:#fff;color:var(--dc-muted);}
.print-commerce .dc-tab[data-state="active"]{background:#e7f5fa;color:var(--print-ink);border-color:var(--print-focus);}
.print-commerce .dc-tab:focus-visible{outline:2px solid var(--print-focus);outline-offset:3px;}

/* Customer help shares the page geometry and uses an editorial reading scale. */
.print-commerce.print-help-page{min-height:100vh;display:flex;flex-direction:column;}
.print-commerce .print-help-nav{display:flex;flex-wrap:wrap;gap:8px 32px;padding-block:18px;border-bottom:1px solid var(--dc-border);}
.print-commerce .print-help-nav a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;font-size:14px;color:var(--dc-muted);text-decoration:none;text-underline-offset:7px;}
.print-commerce .print-help-nav a:hover,.print-commerce .print-help-nav a[aria-current="page"]{color:var(--print-focus);text-decoration:underline;}
.print-commerce .print-help-content{overflow-wrap:anywhere;}
.print-commerce .print-help-intro{margin-bottom:clamp(32px,4vw,64px);min-width:0;}
.print-commerce .print-help-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:20px;font-size:14px;color:var(--print-focus);text-underline-offset:4px;}
.print-commerce .print-help-back:hover{text-decoration:underline;}
.print-commerce .print-help-intro h1{margin:0 0 24px;max-width:20ch;line-height:1.06;letter-spacing:-.035em;}
.print-commerce .print-help-lead{max-width:58ch;color:var(--dc-muted);font-size:clamp(18px,1.4vw,24px);line-height:1.65;}
.print-commerce .print-help-lead p{margin:0;}
.print-commerce .print-shipping-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start;margin-bottom:clamp(40px,5vw,80px);}
.print-commerce .print-shipping-lead .print-help-intro{margin-bottom:0;}
.print-commerce .print-shipping-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 36px;padding-top:64px;}
.print-commerce .print-shipping-facts section{border-top:1px solid var(--dc-border);padding-top:20px;min-width:0;}
.print-commerce .print-shipping-facts h2{font:500 clamp(21px,1.55vw,28px)/1.3 Inter,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 14px;}
.print-commerce .print-shipping-facts p{font-size:16px;line-height:1.7;margin:0;color:var(--dc-muted);}
.print-commerce .print-help-section{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,88px);border-top:1px solid var(--dc-border);padding-block:clamp(32px,3.6vw,64px);align-items:start;}
.print-commerce .print-help-section-heading{min-width:0;}
.print-commerce .print-help-number{display:block;font:500 13px/1.5 Inter,Arial,sans-serif;color:var(--print-focus);margin-bottom:16px;}
.print-commerce .print-help-section h2{font:500 clamp(30px,2.65vw,50px)/1.13 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:0;max-width:22ch;}
.print-commerce .print-help-body{min-width:0;font-size:clamp(16px,1.1vw,19px);line-height:1.75;}
.print-commerce .print-help-body p{max-width:72ch;margin:0 0 24px;}
.print-commerce .print-help-body>p:last-child{margin-bottom:0;}
.print-commerce .print-help-body a{color:var(--print-focus);text-decoration:underline;text-underline-offset:4px;}
.print-commerce .print-help-note{margin-block:24px;padding:20px 24px;border-left:3px solid #009fe3;background:#e7f3f8;font-size:16px;line-height:1.75;}
.print-commerce .print-help-note p{margin:0;max-width:72ch;}
.print-commerce .print-help-opening-note{max-width:1000px;margin:0 0 48px;}
.print-commerce .print-help-steps{list-style:decimal-leading-zero;margin:0 0 28px;padding-left:44px;}
.print-commerce .print-help-steps li{padding:0 0 24px 12px;}
.print-commerce .print-help-steps li+li{padding-top:24px;border-top:1px solid var(--dc-border);}
.print-commerce .print-help-steps li::marker{color:var(--print-focus);font:500 14px/1.5 Inter,Arial,sans-serif;}
.print-commerce .print-help-steps strong{display:block;font-weight:600;margin-bottom:5px;}
.print-commerce .print-help-list{padding-left:22px;margin:0 0 28px;max-width:72ch;}
.print-commerce .print-help-list li+li{margin-top:18px;}
.print-commerce .print-help-destinations{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:disc;margin:28px 0;padding:20px 0 20px 22px;border-block:1px solid var(--dc-border);font-weight:500;}
.print-commerce .print-help-faq details{border-bottom:1px solid var(--dc-border);}
.print-commerce .print-help-faq details:first-child{border-top:1px solid var(--dc-border);}
.print-commerce .print-help-faq summary{position:relative;cursor:pointer;min-height:44px;list-style:none;font-weight:500;line-height:1.5;padding:22px 36px 22px 0;}
.print-commerce .print-help-faq summary::-webkit-details-marker{display:none;}
.print-commerce .print-help-faq summary::after{content:'+';position:absolute;right:4px;top:22px;color:var(--print-focus);font-size:22px;line-height:1.2;}
.print-commerce .print-help-faq details[open] summary::after{content:'−';}
.print-commerce .print-help-faq p{color:var(--dc-muted);padding-right:28px;margin-bottom:24px;}
.print-commerce .print-file-guidance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;}
.print-commerce .print-help-diagram{margin:0 0 28px;max-width:540px;min-width:0;}
.print-commerce .print-help-diagram svg{display:block;width:100%;height:auto;}
.print-commerce .print-help-diagram figcaption{font-size:14px;line-height:1.6;color:var(--dc-muted);margin-top:12px;}
.print-commerce .print-help-contact{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;padding-top:32px;border-top:1px solid var(--dc-border);}
.print-commerce .print-help-contact .print-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;}
.print-commerce :is(.print-help-nav a,.print-help-back,.print-help-body a,.print-help-faq summary):focus-visible{outline:2px solid var(--print-focus);outline-offset:4px;}
@media(max-width:1200px){.print-commerce .print-file-guidance{grid-template-columns:minmax(0,1fr);}}
@media(max-width:1100px){
  .print-commerce .print-shipping-lead{grid-template-columns:minmax(0,1fr);gap:28px;}
  .print-commerce .print-shipping-facts{padding-top:0;}
}
@media(max-width:900px){
  .print-commerce .print-help-section{grid-template-columns:minmax(0,1fr);gap:28px;}
  .print-commerce .print-help-nav{gap:4px 24px;}
  .print-commerce .print-help-section h2{max-width:none;}
}
@media(max-width:600px){
  .print-commerce .print-help-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;}
  .print-commerce .print-help-nav a{font-size:13px;}
  .print-commerce .print-shipping-facts{grid-template-columns:minmax(0,1fr);gap:24px;}
  .print-commerce .print-help-intro h1{font-size:42px;}
  .print-commerce .print-help-lead{font-size:18px;}
  .print-commerce .print-help-body{font-size:16px;}
  .print-commerce .print-help-note{padding:18px;font-size:15px;}
  .print-commerce .print-help-steps{padding-left:32px;}
  .print-commerce .print-help-faq summary{font-size:16px;padding-block:18px;}
  .print-commerce .print-help-faq summary::after{top:18px;}
}

/* Admin is the same product system with a smaller data scale. */
.print-admin .print-admin-main{background:var(--print-paper);}
.print-admin .print-admin-page{padding:clamp(20px,3vw,40px);max-width:1800px;margin-inline:auto;}
.print-admin .print-page-title{font-family:Inter,Arial,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.02em;}
.print-admin .print-section-title{font-size:16px;}
.print-admin .print-admin-sidebar{background:#073349;color:#d9e7ed;border-color:#315568;}
.print-admin .print-admin-sidebar .print-admin-nav-link{color:#d9e7ed;border-color:transparent;min-height:44px;border-radius:5px;}
.print-admin .print-admin-sidebar .print-admin-nav-link:hover,.print-admin .print-admin-sidebar .print-admin-nav-link.is-current{color:#073349;background:#00aff0;border-color:#00aff0;}
.print-admin .print-admin-sidebar .print-admin-nav-link:focus-visible{outline:2px solid #00aff0;outline-offset:3px;}
.print-admin .print-admin-sidebar .print-button-secondary{background:transparent;color:#fff;border-color:#527180;}
.print-admin .print-admin-sidebar .print-button-secondary:hover{background:#315568;}
.print-admin .print-admin-sidebar .print-admin-return{color:#d9e7ed;min-height:44px;padding:8px;}
.print-admin .print-admin-topbar{background:#f6f8f5;border-color:var(--dc-border);}
.print-admin .print-button{font-size:12px;min-height:36px;padding:8px 14px;}
.print-admin .print-input{font-size:13px;min-height:38px;padding:8px 10px;}
.print-admin :is(.print-table,.dc-table) th,.print-admin :is(.print-table,.dc-table) td{padding:10px 12px;}
.print-admin .print-table-scroll .print-input{min-width:70px;}
.print-admin .print-toggle{border:1px solid var(--dc-border);background:#f6f8f5;color:var(--dc-muted);border-radius:5px;}
.print-admin input:checked+.print-toggle{border-color:var(--print-focus);background:#e7f5fa;color:var(--print-ink);}
.print-admin input:focus-visible+.print-toggle{outline:2px solid var(--print-focus);outline-offset:3px;}
.print-admin .print-locale-tab.is-current{background:#00aff0;color:#073349;border-color:#00aff0;}
.print-admin .print-default-choice.is-current{background:#e7f5fa;color:#073349;border-color:#006c96;}
.print-admin .print-collapse-trigger{justify-content:flex-start;align-items:flex-start;text-align:left;padding:4px 0;color:var(--print-ink);border-radius:4px;}
.print-admin .print-icon-button{width:36px;min-width:36px;padding:0;flex-shrink:0;}
.print-commerce .print-button.print-design-info-button{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;flex-shrink:0;}
.print-commerce :is(.print-design-info-button,.print-icon-button)>svg{flex-shrink:0;}
.print-admin .print-design-locale-tabs .print-button{min-width:24px;width:24px;min-height:24px;height:24px;padding:0;font-size:10px;line-height:1;flex-shrink:0;}
.print-design-service-row{container-type:inline-size;}
@container(min-width:440px){.print-design-service-form{grid-template-columns:repeat(2,minmax(0,1fr));}}
@container(min-width:800px){.print-design-service-form{grid-template-columns:minmax(10rem,1fr) 5rem 6rem 4.5rem 11rem 5rem 2.5rem;}}
.print-admin .print-notice{padding:12px 16px;border-radius:6px;font-size:13px;}
.print-commerce .print-ui-kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}

/* Match the approved homepage's four-card scale where four cards fit. */
@media(min-width:1200px){
  .print-commerce .print-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.4vw,26px);}
  .print-commerce .print-catalog-info{padding:clamp(16px,1.25vw,24px);}
  .print-commerce .print-catalog-info h2{font-size:clamp(26px,1.9vw,36px);}
  .print-commerce .print-catalog-description{font-size:clamp(14px,.9vw,17px);}
  .print-commerce .print-catalog-action{font-size:clamp(14px,.85vw,16px);}
}
@media(max-width:1000px){.print-commerce .print-account-layout{grid-template-columns:220px minmax(0,1fr);gap:24px;}}
@media(max-width:900px){.print-commerce{--gutter:32px;}}
@media(max-width:767px){
  .print-commerce .print-account-layout{grid-template-columns:minmax(0,1fr);gap:28px;}
  .print-commerce .print-account-sidebar{position:static;padding:20px;}
  .print-commerce .print-account-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
  .print-commerce .print-account-sidebar nav>*{margin:0;}
  .print-commerce .print-summary{position:static;}
  .print-commerce .print-table-scroll .print-table{min-width:560px;}
  /* Fit printing and design prices in the configurator without a sideways scroll. */
  .print-commerce .print-configurator .print-table-scroll .print-table{min-width:0;table-layout:fixed;}
  .print-commerce .print-configurator .print-table :is(th,td){padding:12px 8px;overflow-wrap:anywhere;}
  .print-commerce .print-configurator .print-table th{white-space:normal;}
  .print-commerce .print-configurator .print-card>.print-table-scroll .print-table th:nth-child(1){width:20%;}
  .print-commerce .print-configurator .print-card>.print-table-scroll .print-table th:nth-child(2){width:50%;}
  .print-commerce .print-configurator .print-card>.print-table-scroll .print-table th:nth-child(3){width:30%;}
  .print-commerce .print-configurator .mt-5 .print-table th:first-child{width:45%;}
  .print-admin .print-button{min-height:44px;}
  .print-admin .print-input{min-height:44px;}
  .print-admin .print-admin-sidebar .print-button{min-width:44px;}
  .print-admin .print-icon-button{width:44px;min-width:44px;}
  .print-commerce .print-ui-kit-grid{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:600px){
  .print-commerce .print-catalog-grid{grid-template-columns:minmax(0,1fr);gap:16px;}
  .print-commerce{--gutter:24px;}
  .print-commerce .print-catalog-photo img{aspect-ratio:1.7;}
  .print-commerce .print-catalog-info{padding:22px;}
  .print-commerce .print-catalog-info h2{font-size:35px;}
  .print-commerce .print-catalog-description{font-size:15px;}
  .print-commerce .print-config-photo{aspect-ratio:1.7;}
  .print-commerce .dc-step{padding:7px 9px;gap:6px;}
  .print-commerce .dc-step-label{font-size:11px;}
  .print-commerce .print-order-heading>.print-button{width:100%;}
  .print-commerce .print-order-item-content{flex-basis:100%;}
  .print-commerce .print-order-item-price{text-align:left;}
  .print-commerce .print-error-card{padding:24px;}
}
@media(prefers-reduced-motion:reduce){.print-commerce .print-catalog-photo img{transition:none;transform:none;}}

/* Accessible privacy links in the existing footer and account panel. */
.print-design .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;}
.print-design .footer-bottom a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px;}
.print-design .auth-privacy{font-size:14px;line-height:1.6;margin:0 0 16px;}
.print-design .auth-privacy a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-text);text-decoration:underline;text-underline-offset:3px;}
@media(max-width:600px){
  .print-commerce .print-help-intro .print-privacy-title{font-size:clamp(26px,8.2vw,42px);overflow-wrap:normal;word-break:normal;}
}