:root {
        color-scheme: light;
        --ink: #1d1d1f;
        --muted: #6e6e73;
        --line: #d2d2d7;
        --accent: #f0c433;
        --accent-soft: #fff4bf;
        --paper: #fbfaf7;
        --paper-warm: #f4efe7;
        --oak: #b98545;
        --soft: #f4f2ee;
      }

      * {
        box-sizing: border-box;
      }

      body {
        margin: 0;
        background: var(--paper);
        color: var(--ink);
        font-family:
          -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;
      }

      button,
      input {
        font: inherit;
      }

      .cropper-view-box,
      .cropper-face {
        outline-color: var(--accent);
      }

      .cropper-line,
      .cropper-point {
        background-color: var(--accent);
      }

      .checker {
        background: var(--soft);
      }

      .range {
        accent-color: var(--accent);
      }

      .app-stage {
        position: relative;
        min-height: 100vh;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(251, 250, 247, 0.94)),
          radial-gradient(circle at 50% 0, rgba(240, 196, 51, 0.1), transparent 38%),
          var(--paper);
      }

      .app-stage::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        opacity: 0.38;
        background-image:
          linear-gradient(rgba(29, 29, 31, 0.025) 1px, transparent 1px),
          linear-gradient(90deg, rgba(29, 29, 31, 0.02) 1px, transparent 1px);
        background-size: 28px 28px;
        mask-image: linear-gradient(180deg, black, transparent 82%);
      }

      .brand-button {
        border-radius: 14px;
      }

      .brand-wordmark {
        display: block;
        width: 150px;
        height: auto;
      }

      #brickApp.is-empty .brick-workspace {
        grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
        max-width: 1120px;
        margin-inline: auto;
        align-items: stretch;
      }

      #brickApp.is-empty .preview-panel {
        display: none;
      }

      #brickApp.is-empty .brick-tools {
        grid-column: 1;
      }

      #brickApp.is-empty .tool-panel {
        height: 100%;
        padding: 10px;
        border: 1px solid rgba(177, 152, 118, 0.22);
        border-radius: 28px;
        background: rgba(255, 255, 255, 0.54);
        box-shadow: 0 22px 60px rgba(65, 49, 28, 0.07);
      }

      #brickApp.is-empty .upload-frame {
        width: 100%;
        min-height: 500px;
        max-height: none;
        aspect-ratio: auto;
        border: 2px dashed rgba(245, 196, 0, 0.84);
        background: rgba(255, 255, 255, 0.4);
      }

      #brickApp.is-empty .upload-guide {
        display: block;
        grid-column: 2;
        align-self: center;
        padding: 28px 8px 28px 14px;
      }

      .guide-sample {
        position: relative;
        aspect-ratio: 1;
        overflow: hidden;
        border: 1px solid rgba(177, 152, 118, 0.24);
        border-radius: 8px;
        background: #f5f5f7;
      }

      .guide-sample img {
        display: block;
        width: 100%;
        height: 100%;
      }

      .guide-sample-close img {
        object-fit: cover;
        object-position: center;
        transform: scale(3.2);
        transform-origin: 50% 35%;
      }

      .guide-sample-wide img {
        object-fit: cover;
        object-position: center;
      }

      .guide-verdict {
        position: absolute;
        top: 10px;
        left: 10px;
        display: inline-flex;
        min-height: 26px;
        align-items: center;
        border-radius: 999px;
        padding: 0 10px;
        font-size: 11px;
        font-weight: 700;
      }

      .guide-verdict-good {
        background: #e7f3e8;
        color: #1f6f35;
      }

      .guide-verdict-avoid {
        background: #fde8e8;
        color: #a71f2a;
      }

      .upload-principles > div {
        display: flex;
        min-width: 0;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        color: var(--ink);
        text-align: center;
      }

      .upload-principles svg {
        width: 42px;
        height: 42px;
        color: #28282a;
        stroke-width: 1.55;
      }

      .upload-principles p {
        max-width: 112px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.35;
      }

      .upload-frame {
        border: 1px solid rgba(177, 152, 118, 0.28);
        position: relative;
        overflow: hidden;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(244, 239, 231, 0.9)),
          var(--soft);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.72),
          inset 0 -1px 0 rgba(0, 0, 0, 0.035);
      }

      .upload-frame.is-dragging {
        border-color: var(--accent);
        background:
          linear-gradient(180deg, rgba(255, 250, 224, 0.94), rgba(255, 247, 205, 0.88)),
          #fff9dc;
        box-shadow:
          inset 0 0 0 2px rgba(245, 196, 0, 0.3),
          0 12px 32px rgba(125, 98, 0, 0.1);
      }

      .upload-frame.is-dragging #uploadPrompt {
        transform: scale(0.98);
      }

      .upload-frame.is-dragging .primary-pill {
        background: #ffd84d;
      }

      .upload-frame > img {
        border-radius: inherit;
      }

      .upload-frame .cropper-container {
        border-radius: inherit;
        overflow: hidden;
        background: #f5f5f7;
      }

      .upload-frame .cropper-wrap-box,
      .upload-frame .cropper-canvas,
      .upload-frame .cropper-drag-box {
        border-radius: inherit;
        overflow: hidden;
      }

      .upload-frame .cropper-modal {
        background: rgba(29, 29, 31, 0.22);
      }

      @media (max-width: 1023px) {
        #brickApp.is-empty .brick-workspace {
          display: grid;
          grid-template-columns: 1fr;
          max-width: 680px;
        }

        #brickApp.is-empty .brick-tools,
        #brickApp.is-empty .upload-guide {
          grid-column: 1;
        }

        #brickApp.is-empty .upload-guide {
          padding: 8px 4px 24px;
        }
      }

      @media (max-width: 639px) {
        #brickApp.is-empty .upload-frame {
          min-height: 320px;
        }

        #brickApp.is-empty .upload-guide {
          padding-inline: 0;
        }
      }

      .guide-photo-card {
        position: relative;
        overflow: hidden;
        border: 1px solid var(--line);
        background: #ffffff;
      }

      .guide-photo-card img {
        display: block;
        aspect-ratio: 1;
        width: 100%;
        object-fit: cover;
      }

      .guide-photo-card.good {
        border-color: rgba(48, 132, 70, 0.42);
      }

      .guide-photo-card.bad {
        border-color: rgba(191, 35, 46, 0.34);
      }

      .guide-status {
        position: absolute;
        left: 10px;
        top: 10px;
        display: inline-flex;
        min-height: 24px;
        align-items: center;
        border-radius: 999px;
        padding: 0 10px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.02em;
      }

      .guide-photo-card.good .guide-status {
        background: #e7f3e8;
        color: #1f6f35;
      }

      .guide-photo-card.bad .guide-status {
        background: #fde8e8;
        color: #a71f2a;
      }

      .primary-pill {
        background: var(--accent);
        color: #1d1d1f;
        border-radius: 999px;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.45),
          0 8px 18px rgba(143, 105, 18, 0.16);
      }

      .nordic-card {
        border: 0;
        background: transparent;
        box-shadow: none;
      }

      .ghost-pill {
        border: 1px solid rgba(177, 152, 118, 0.3);
        background: rgba(255, 255, 255, 0.72);
        color: var(--ink);
        border-radius: 999px;
      }

      .footer-link {
        color: #515154;
        text-decoration: none;
      }

      .footer-link:hover {
        color: #1d1d1f;
        text-decoration: underline;
      }

      .minimal-panel {
        border: 1px solid rgba(177, 152, 118, 0.24);
        background: rgba(255, 255, 255, 0.78);
        box-shadow:
          0 18px 50px rgba(65, 49, 28, 0.045),
          inset 0 1px 0 rgba(255, 255, 255, 0.78);
        backdrop-filter: blur(18px);
      }

      .quiet-card {
        border: 1px solid rgba(177, 152, 118, 0.22);
        background: rgba(255, 255, 255, 0.78);
      }

      .preview-empty-state {
        color: var(--muted);
      }

      .preview-empty-frame {
        display: grid;
        width: 148px;
        aspect-ratio: 1;
        place-items: center;
        border: 1px solid rgba(210, 210, 215, 0.84);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.64);
        box-shadow: 0 14px 32px rgba(65, 49, 28, 0.06);
      }

      .preview-empty-grid {
        width: 86px;
        aspect-ratio: 1;
        border-radius: 12px;
        background:
          linear-gradient(rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.78)),
          repeating-linear-gradient(0deg, #d8d8de 0 1px, transparent 1px 10px),
          repeating-linear-gradient(90deg, #d8d8de 0 1px, transparent 1px 10px),
          #ececf1;
        box-shadow: inset 0 0 0 1px rgba(210, 210, 215, 0.72);
      }

      .preview-loading {
        width: min(360px, 80%);
      }

      .preview-loading-grid {
        display: grid;
        width: 112px;
        aspect-ratio: 1;
        grid-template-columns: repeat(4, 1fr);
        gap: 5px;
        padding: 12px;
        border: 1px solid rgba(177, 152, 118, 0.24);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.74);
        box-shadow: 0 16px 34px rgba(65, 49, 28, 0.07);
      }

      .preview-loading-grid span {
        border-radius: 3px;
        background: #dedee3;
        animation: preview-cell-pulse 1.6s ease-in-out infinite;
      }

      .preview-loading-grid span:nth-child(3n + 1) {
        animation-delay: 0.12s;
      }

      .preview-loading-grid span:nth-child(3n + 2) {
        animation-delay: 0.28s;
      }

      .preview-loading-grid span:nth-child(3n) {
        animation-delay: 0.44s;
      }

      .preview-loading.is-error .preview-loading-grid span {
        animation: none;
        background: #e8d8d8;
      }

      @keyframes preview-cell-pulse {
        0%,
        100% {
          background: #dedee3;
          transform: scale(0.88);
        }
        50% {
          background: var(--accent);
          transform: scale(1);
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .preview-loading-grid span {
          animation: none;
        }
      }

      .gallery-thumb[aria-selected="true"] {
        border-color: #1d1d1f;
        background: #ffffff;
      }

      #galleryStage {
        height: clamp(520px, 46vw, 620px);
        min-height: 0;
      }

      .preview-stage {
        border: 1px solid rgba(177, 152, 118, 0.22);
        background:
          linear-gradient(rgba(255, 255, 255, 0.7), rgba(244, 239, 231, 0.76)),
          repeating-linear-gradient(0deg, rgba(29, 29, 31, 0.035) 0 1px, transparent 1px 18px),
          repeating-linear-gradient(90deg, rgba(29, 29, 31, 0.026) 0 1px, transparent 1px 18px),
          var(--soft) !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.82),
          inset 0 -1px 0 rgba(65, 49, 28, 0.035);
      }

      #galleryProduct,
      #galleryWall,
      #galleryDesk,
      #galleryPattern {
        height: 100%;
      }

      #galleryProduct {
        align-items: center;
        justify-content: center;
      }

      #galleryProduct:not(.hidden) {
        display: flex;
      }

      #galleryProduct .product-frame {
        width: min(78%, 520px);
        aspect-ratio: 1 / 1;
      }

      #galleryProduct .product-frame img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      #galleryWall,
      #galleryDesk {
        min-height: 0;
      }

      #galleryWall .mockup-scene,
      #galleryDesk .mockup-scene {
        max-height: calc(100% - 32px);
      }

      #galleryPattern {
        max-height: calc(100% - 64px);
        overflow: hidden;
      }

      @media (max-width: 767px) {
        #galleryStage {
          height: 430px;
        }

        #galleryPattern {
          max-height: calc(100% - 48px);
          padding: 20px;
        }
      }

      .gallery-arrow {
        position: absolute;
        top: 50%;
        z-index: 5;
        width: 44px;
        height: 44px;
        transform: translateY(-50%);
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(210, 210, 215, 0.9);
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.92);
        box-shadow: 0 10px 24px rgba(65, 49, 28, 0.08);
      }

      .gallery-arrow span {
        display: block;
        width: 13px;
        height: 13px;
        border-top: 3px solid #1d1d1f;
        border-left: 3px solid #1d1d1f;
      }

      #galleryPrev span {
        transform: rotate(-45deg) translate(2px, 2px);
      }

      #galleryNext span {
        transform: rotate(135deg) translate(2px, 2px);
      }

      .gallery-dot {
        width: 9px;
        height: 9px;
        border-radius: 999px;
        background: #c7c7cc;
      }

      .gallery-dot[aria-selected="true"] {
        background: #1d1d1f;
      }

      .style-card {
        min-width: 160px;
        border: 1px solid rgba(177, 152, 118, 0.24);
        background: rgba(255, 255, 255, 0.64);
        box-shadow: 0 10px 26px rgba(65, 49, 28, 0.035);
      }

      .style-card[aria-selected="true"] {
        border-color: #1d1d1f;
        border-width: 2px;
        background: #ffffff;
        box-shadow: 0 14px 32px rgba(65, 49, 28, 0.08);
      }

      .product-frame {
        border: 10px solid #1d1d1f;
        background: #ffffff;
        box-shadow:
          0 26px 80px rgba(0, 0, 0, 0.16),
          0 0 0 1px rgba(255, 255, 255, 0.8);
      }

      .scene-wall {
        background: #f3f1ed;
      }

      .scene-desk {
        background: #f8f7f4;
      }

      .mockup-scene {
        position: relative;
        width: min(100%, 900px);
        overflow: hidden;
        border-radius: 18px;
        background: var(--soft);
        box-shadow: 0 24px 70px rgba(65, 49, 28, 0.12);
      }

      .wall-mockup-scene {
        aspect-ratio: 1586 / 992;
      }

      .desk-mockup-scene {
        aspect-ratio: 1537 / 1023;
      }

      .mockup-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .mockup-insert {
        position: absolute;
        overflow: hidden;
        background:
          linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(238, 234, 224, 0.92)),
          #f7f5ee;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, 0.92),
          inset 0 1px 2px rgba(255, 255, 255, 0.55),
          inset 2px 2px 6px rgba(0, 0, 0, 0.12),
          inset -3px -3px 7px rgba(0, 0, 0, 0.05),
          0 1px 2px rgba(0, 0, 0, 0.14);
      }

      .mockup-insert::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.42), transparent 31%),
          linear-gradient(108deg, rgba(255, 255, 255, 0.28), transparent 34%),
          linear-gradient(0deg, rgba(0, 0, 0, 0.075), transparent 20%);
        mix-blend-mode: soft-light;
      }

      .mockup-insert::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 2;
        opacity: 0.18;
        background-image:
          linear-gradient(rgba(0, 0, 0, 0.06) 1px, transparent 1px),
          linear-gradient(90deg, rgba(0, 0, 0, 0.055) 1px, transparent 1px);
        background-size: 5px 5px;
      }

      .mockup-art-shell {
        position: absolute;
        inset: 0;
        overflow: hidden;
        padding: 2%;
        background: #ffffff;
        box-shadow:
          0 1px 2px rgba(0, 0, 0, 0.22),
          inset 0 0 0 1px rgba(255, 255, 255, 0.42);
      }

      .mockup-art {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #ffffff;
        filter: brightness(0.94) contrast(0.92) saturate(0.88);
        mix-blend-mode: multiply;
        opacity: 0.96;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
      }

      .wall-art-shell {
        inset: 0;
      }

      .desk-art-shell {
        inset: 0;
      }

      .wall-insert {
        left: 39.25%;
        top: 23.05%;
        width: 21.55%;
        height: 34.45%;
        border-radius: 1px;
      }

      .desk-insert {
        left: 42.0%;
        top: 22.45%;
        width: 32.1%;
        height: 51.1%;
        border-radius: 1px;
        transform: none;
        transform-origin: center;
      }

      #brickApp[data-size="large"] .wall-insert {
        left: 39.72%;
        top: 16.13%;
        width: 22.95%;
        height: 51.41%;
      }

      #brickApp[data-size="large"] .desk-mockup-scene {
        aspect-ratio: 3 / 2;
      }

      #brickApp[data-size="large"] .desk-insert {
        left: 36.95%;
        top: 15.72%;
        width: 30.14%;
        height: 63.28%;
      }

      #brickApp[data-size="large"] .mockup-art-shell {
        padding: 0;
      }

      #brickApp[data-size="large"] #productFrame {
        width: min(58%, 390px);
        aspect-ratio: 60 / 84;
        padding: 2%;
        background: #ffffff;
      }

      .size-option {
        display: grid;
        gap: 2px;
        min-height: 92px;
        padding: 12px;
        text-align: left;
        border: 1px solid #d2d2d7;
        border-radius: 16px;
        background: #ffffff;
      }

      .size-option strong {
        font-size: 14px;
      }

      .size-option span,
      .size-option small {
        color: #6e6e73;
        font-size: 12px;
      }

      .size-option[aria-selected="true"] {
        border: 2px solid #1d1d1f;
        background: #fffaf0;
      }

      .home-shell {
        min-height: calc(100vh - 96px);
      }

      .home-shell h1,
      .studio-heading h1 {
        letter-spacing: 0;
        text-wrap: balance;
      }

      .home-kicker {
        color: #86868b;
      }

      .pixelcraft-feature {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1.55fr) minmax(340px, 0.75fr);
        overflow: hidden;
        border-block: 1px solid rgba(177, 152, 118, 0.3);
        background: rgba(255, 255, 255, 0.42);
        transition:
          background 180ms ease,
          border-color 180ms ease;
      }

      .pixelcraft-feature:hover {
        border-color: rgba(139, 103, 18, 0.38);
        background: rgba(255, 255, 255, 0.7);
      }

      .pixelcraft-feature:focus-visible {
        outline: 3px solid rgba(245, 196, 0, 0.42);
        outline-offset: 4px;
      }

      .pixelcraft-media {
        min-height: 460px;
        overflow: hidden;
        background: var(--soft);
      }

      .pixelcraft-media img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 460px;
        object-fit: cover;
        object-position: center 48%;
        transition: transform 240ms ease;
      }

      .pixelcraft-feature:hover .pixelcraft-media img {
        transform: scale(1.015);
      }

      .pixelcraft-copy {
        display: flex;
        min-width: 0;
        flex-direction: column;
        justify-content: center;
        padding: 48px;
      }

      .pixelcraft-specs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-block: 1px solid rgba(177, 152, 118, 0.3);
      }

      .pixelcraft-specs span {
        display: flex;
        min-height: 62px;
        align-items: center;
        padding: 10px 14px;
        color: #515154;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.35;
      }

      .pixelcraft-specs span + span {
        border-left: 1px solid rgba(177, 152, 118, 0.3);
      }

      .pixelcraft-cta {
        width: fit-content;
        min-height: 46px;
        border-radius: 999px;
        padding: 0 20px;
        background: var(--accent);
        color: #1d1d1f;
        font-size: 14px;
        font-weight: 700;
      }

      .pixelcraft-cta svg {
        width: 18px;
        height: 18px;
      }

      .pixelcraft-parts-note {
        max-width: 520px;
        border-left: 3px solid var(--accent);
        padding: 4px 0 4px 14px;
      }

      .future-products {
        margin-top: 72px;
        padding-top: 34px;
        border-top: 1px solid rgba(177, 152, 118, 0.28);
      }

      .future-products-heading {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: 32px;
      }

      .future-products-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
        margin-top: 26px;
      }

      .future-product {
        display: grid;
        min-width: 0;
        grid-template-columns: 116px minmax(0, 1fr);
        align-items: center;
        gap: 18px;
        padding-block: 14px;
        opacity: 0.72;
      }

      .future-product + .future-product {
        border-left: 1px solid rgba(177, 152, 118, 0.24);
        padding-left: 24px;
      }

      .future-product-media {
        aspect-ratio: 1;
        overflow: hidden;
        border-radius: 8px;
        background: var(--soft);
        filter: saturate(0.72);
      }

      .future-product-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .future-product-copy {
        min-width: 0;
      }

      .future-status {
        display: block;
        color: #86868b;
        font-size: 12px;
        font-weight: 700;
      }

      .beta-chip {
        border: 1px solid rgba(139, 103, 18, 0.18);
        border-radius: 999px;
        background: var(--accent-soft);
        color: #5f4a00;
      }

      @media (max-width: 1023px) {
        .pixelcraft-feature {
          grid-template-columns: 1fr;
        }

        .pixelcraft-media,
        .pixelcraft-media img {
          min-height: 420px;
        }

        .pixelcraft-copy {
          padding: 36px 30px 42px;
        }

        .future-products-grid {
          grid-template-columns: 1fr;
          gap: 0;
        }

        .future-product + .future-product {
          border-top: 1px solid rgba(177, 152, 118, 0.24);
          border-left: 0;
          padding-left: 0;
        }
      }

      @media (max-width: 639px) {
        .home-shell {
          min-height: auto;
        }

        .pixelcraft-media,
        .pixelcraft-media img {
          min-height: 300px;
        }

        .pixelcraft-copy {
          padding: 30px 20px 34px;
        }

        .pixelcraft-specs {
          grid-template-columns: 1fr;
        }

        .pixelcraft-specs span {
          min-height: 44px;
          padding-inline: 0;
        }

        .pixelcraft-specs span + span {
          border-top: 1px solid rgba(177, 152, 118, 0.3);
          border-left: 0;
        }

        .future-products {
          margin-top: 52px;
        }

        .future-products-heading {
          display: block;
        }

        .future-products-heading > p {
          margin-top: 12px;
        }

        .future-product {
          grid-template-columns: 92px minmax(0, 1fr);
        }
      }

      .tool-panel,
      .tool-summary,
      .tune-panel {
        border-color: rgba(177, 152, 118, 0.24);
      }

      .decision-actions {
        display: grid;
        grid-template-columns: 0.92fr 1.35fr;
        gap: 10px;
      }

      .decision-actions.hidden {
        display: none;
      }

      .decision-actions button {
        width: 100%;
      }

      .confirm-card {
        border: 1px solid rgba(177, 152, 118, 0.28);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 250, 247, 0.98)),
          var(--paper);
        box-shadow: 0 26px 90px rgba(29, 29, 31, 0.2);
      }

      .checkout-preview {
        border: 1px solid rgba(177, 152, 118, 0.18);
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(244, 239, 231, 0.82)),
          var(--soft);
      }

      .price-panel {
        border-color: rgba(177, 152, 118, 0.26);
        background: rgba(255, 255, 255, 0.72);
      }

      @media (max-width: 767px) {
        .decision-actions {
          grid-template-columns: 1fr;
        }
      }