/* Dependencies used by FeedCard and MasonryGrid in the Halfpix source. */
.feed-card .avatar--sm{width:30px;height:30px;min-width:30px;flex:0 0 30px;border-radius:50%;object-fit:cover}
.feed-card__image{display:block;object-fit:cover}
.feed-card__video .app-icon{width:16px;height:16px}
.feed-sentinel{display:block;width:100%;height:1px;min-height:1px;padding:0;border:0;overflow:hidden;opacity:0;pointer-events:none}
.discover-filters__clear[hidden]{display:none!important}
.media-gallery__video{position:relative;width:100%;height:100%}
.media-gallery__video video{display:block;width:100%;height:100%;object-fit:contain;background:#171310}
.media-gallery__play.is-playing{opacity:.55}
.media-gallery__play.is-playing:hover,.media-gallery__play.is-playing:focus-visible{opacity:1}
.media-lightbox__stage{display:grid;width:100%;height:100%;place-items:center;min-width:0;min-height:0}
.media-lightbox__stage img{display:block;width:100%;height:100%;max-width:1600px;max-height:calc(100dvh - 90px);object-fit:contain}
.comment-file[hidden]{display:none!important}
.hp-comments .hp-file-name{width:100%;max-width:none}
.hp-comments .comment{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0}
.product-detail--reference{width:min(100%,1500px);margin-inline:auto}
.product-reference-gallery .media-gallery__track{max-height:min(72dvh,720px)}
.product-reference-gallery .media-gallery__slide{min-height:0;max-height:min(72dvh,720px);aspect-ratio:1/1}
.product-reference-gallery .media-gallery__open,.product-reference-gallery .media-gallery__open>.media-image{width:100%;height:100%;max-height:min(72dvh,720px)}
.product-reference-gallery .media-gallery__open>.media-image{object-fit:contain}
.product-reference-summary>.hp-stock{display:none}
@media(min-width:768px){.product-reference-hero{grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr)}}
@media(min-width:1120px){.product-reference-hero{grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr)}}
:where(.app-button,.hp-button,.astra-place-order,.creation-actions button,.hp-form button[type=submit]){min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent!important;border-radius:var(--radius-md);background:var(--clay);color:#fff;font-family:var(--font-sans);font-size:var(--text-button);font-weight:var(--weight-semibold);line-height:1;box-shadow:none;cursor:pointer}
:where(.app-button,.hp-button,.astra-place-order,.creation-actions button,.hp-form button[type=submit])>.app-icon{position:static;width:18px;height:18px;min-width:18px;margin:0;vertical-align:middle}
:where(.app-button,.hp-button,.astra-place-order,.creation-actions button,.hp-form button[type=submit]):hover{border-color:transparent!important;background:var(--clay-dark);color:#fff;box-shadow:none;transform:none}
.app-button--secondary,.product-buy-now{border-color:var(--line)!important;background:var(--porcelain);color:var(--clay-dark)}
.app-button--secondary:hover,.product-buy-now:hover{border-color:var(--clay)!important;background:var(--cream);color:var(--clay-dark)}
.product-purchase-row .app-button,.product-buy-now{padding-inline:22px}
.product-purchase-row .app-button{width:100%}
.product-purchase-row .quantity-picker{min-height:50px;padding-inline:6px}
.product-purchase-row .quantity-picker button{display:grid;place-items:center;padding:0;border:0!important}
.product-tab-panel{width:100%;overflow:visible}
.creation-page{width:min(100%,1180px);margin-inline:auto;padding:26px var(--page-gutter) 110px}
.creation-heading{margin-bottom:24px}.creation-heading>svg{color:var(--clay-dark)}
.creation-form{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.creation-main-column{display:grid;gap:16px}
.creation-section{padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--porcelain);box-shadow:var(--shadow-sm)}
.creation-section__head{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.creation-section__head strong{font-family:var(--font-display);font-size:var(--text-section-title);font-weight:var(--weight-regular)}.creation-section__head small{max-width:38ch;color:var(--muted);text-align:right}
.creation-section .form-stack{display:grid;gap:15px}.creation-section label{display:grid;gap:7px;color:var(--ink);font-size:var(--text-small);font-weight:var(--weight-medium)}
.creation-section :is(input,textarea,select){width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--porcelain);color:var(--ink);font:inherit}.creation-section textarea{min-height:108px;resize:vertical}
.creation-quick-choices{display:flex;flex-wrap:wrap;gap:8px}.creation-quick-choices button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--cream);color:var(--ink)}
.creation-actions{position:sticky;bottom:12px;z-index:4;display:flex;justify-content:flex-end;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--porcelain) 90%,transparent);backdrop-filter:blur(12px)}
@media(min-width:960px){.creation-form{grid-template-columns:minmax(0,1fr) 300px}.creation-preview{display:block}.creation-actions{grid-column:1/-1}}
.astra-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.astra-field-grid label,.astra-order-note{display:grid;gap:7px;color:var(--ink);font-size:var(--text-small);font-weight:var(--weight-medium)}.astra-field-grid :is(input,select),.astra-order-note textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--porcelain);color:var(--ink);font:inherit}.astra-field-wide{grid-column:1/-1}.astra-order-note{margin-top:18px}.astra-order-note textarea{min-height:96px;resize:vertical}.astra-place-order{width:100%;margin-top:18px}.astra-place-order>.app-icon{width:18px;height:18px}.astra-order-table .media-image{width:58px;height:58px;object-fit:contain;border-radius:var(--radius-sm)}
@media(max-width:599px){.astra-field-grid{grid-template-columns:1fr}.astra-field-wide{grid-column:auto}.creation-section{padding:17px}.creation-section__head{display:grid}.creation-section__head small{text-align:left}}
.cart-page--refined{width:min(100%,1680px);margin-inline:auto;padding:30px var(--page-gutter) 110px}.astra-cart-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px}.astra-cart-header h1{margin:0;font-family:var(--font-sans);font-size:var(--text-page-title);font-weight:var(--weight-semibold)}.astra-cart-continue{display:inline-flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid currentColor;color:var(--ink);text-decoration:none}.astra-cart-layout{display:grid;gap:34px}.astra-cart-table,.astra-cart-totals{border:1px solid var(--line)}.astra-cart-head,.astra-cart-row{display:grid;grid-template-columns:48px minmax(260px,1fr) 120px 158px 120px;align-items:center;gap:18px}.astra-cart-head{min-height:62px;padding:0 20px;border-bottom:1px solid var(--line);background:var(--porcelain);color:var(--muted);font-size:var(--text-caption)}.astra-cart-row{min-height:126px;padding:14px 20px;border-bottom:1px solid var(--line)}.astra-cart-remove{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted)}.astra-cart-remove>.app-icon{width:13px;height:13px}.astra-cart-product{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:20px}.astra-cart-image{overflow:hidden;background:var(--porcelain)}.astra-cart-image .media-image{width:92px;height:92px;object-fit:contain}.astra-cart-product>div{display:grid;gap:6px}.astra-cart-product a{color:var(--clay-dark);text-decoration:none}.astra-cart-product small{color:var(--muted)}.astra-cart-price,.astra-cart-subtotal{text-align:center;color:var(--muted)}.astra-cart-price small,.astra-cart-subtotal span{display:none}.astra-cart-subtotal{text-align:right}.astra-cart-quantity{display:flex;align-items:center;justify-content:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-md)}.astra-cart-quantity button{width:38px;height:38px;padding:0;border:0;background:transparent}.astra-cart-coupon{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:84px;padding:14px 20px}.astra-cart-coupon input{width:min(100%,265px);height:46px;padding:0 14px;border:1px solid var(--line);background:var(--porcelain)}.astra-cart-coupon button{min-height:46px;padding:0 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--porcelain);color:var(--ink)}.astra-cart-totals{width:min(100%,680px);justify-self:end}.astra-cart-totals h2{margin:0;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--porcelain);font-family:var(--font-sans)}.astra-cart-totals>div{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;margin:0 22px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}.astra-cart-totals p{display:grid;gap:5px;margin:0}.astra-cart-totals a{color:var(--clay-dark)}.astra-checkout-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;margin:22px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--clay);color:#fff!important;text-decoration:none}.astra-checkout-button>.app-icon{width:18px;height:18px}
@media(max-width:699px){.astra-cart-header{align-items:flex-start;flex-direction:column}.astra-cart-head{display:none}.astra-cart-row{grid-template-columns:28px minmax(0,1fr) auto;gap:12px;min-height:0;padding:16px 12px}.astra-cart-product{grid-column:2/-1;grid-template-columns:80px minmax(0,1fr);gap:12px}.astra-cart-image .media-image{width:80px;height:80px}.astra-cart-price{grid-column:2;text-align:left}.astra-cart-price small,.astra-cart-subtotal span{display:block}.astra-cart-quantity{grid-column:2;justify-self:start}.astra-cart-subtotal{grid-column:3;grid-row:2/4;align-self:end}.astra-cart-totals{width:100%}}
.cart-page--refined .astra-cart-header h1,.astra-checkout-page .astra-checkout-header h1{font-family:var(--font-sans)!important;font-weight:var(--weight-semibold)!important;letter-spacing:-.035em}
.astra-checkout-page{width:min(100%,1680px);margin-inline:auto;padding:30px clamp(16px,2vw,34px) 110px;background:var(--cream)}.astra-checkout-header{display:flex;align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:38px}.astra-checkout-header>a{order:2;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:var(--text-caption);text-decoration:none}.astra-checkout-header h1{order:1;margin:0;font-size:var(--text-page-title);line-height:1}.astra-checkout-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.95fr);align-items:start;gap:clamp(42px,6vw,96px)}.astra-customer-column,.astra-order-column{min-width:0}.astra-customer-column>h2,.astra-order-column>h2{margin:0;padding-bottom:16px;font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.astra-customer-column>h3{margin:0;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:var(--text-lg)}.astra-saved-address{display:grid;gap:6px;margin-top:20px;color:var(--muted);font-size:var(--text-caption)}.astra-saved-address select{height:48px;padding:0 14px;border:1px solid var(--line);background:var(--porcelain)}.astra-checkout-coupon{display:grid;gap:9px;margin-top:22px}.astra-checkout-coupon>label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-caption)}.astra-checkout-coupon>div{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}.astra-checkout-coupon input{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--porcelain)}.astra-checkout-coupon button{min-height:46px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--porcelain);color:var(--ink)}.astra-payment-section{margin-top:26px}.astra-payment-section h3{margin:0 0 16px;font-size:var(--text-lg)}.astra-payment-section>div{display:flex;align-items:flex-start;gap:14px;padding:20px;border-top:3px solid var(--clay);border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--porcelain)}.astra-payment-section>div>.app-icon{width:18px;height:18px;color:var(--clay)}.astra-payment-section p{display:grid;gap:5px;margin:0}.astra-payment-section p span{color:var(--muted);font-size:var(--text-caption);line-height:1.6}.astra-order-column{position:sticky;top:92px}.astra-order-table{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--porcelain)}.astra-order-head,.astra-order-table article,.astra-order-total-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line)}.astra-order-head{color:var(--muted);font-size:var(--text-small)}.astra-order-table article>div{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px}.astra-order-table article span{display:grid;gap:3px}.astra-order-table article small{color:var(--muted)}.astra-order-table article>strong,.astra-order-total-row>strong{text-align:right}.astra-order-grand-total{border-bottom:0}.astra-order-grand-total span,.astra-order-grand-total strong{color:var(--ink);font-size:var(--text-lg);font-weight:var(--weight-semibold)}
@media(max-width:1023px){.astra-checkout-layout{grid-template-columns:1fr}.astra-order-column{position:static;grid-row:1}.astra-customer-column{grid-row:2}}
@media(max-width:599px){.astra-checkout-page{padding-top:22px}.astra-checkout-header{margin-bottom:26px}.astra-checkout-header h1{font-size:40px}.astra-checkout-coupon>div{grid-template-columns:1fr}.astra-order-column{padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--porcelain);box-shadow:var(--shadow-sm)}.astra-customer-column{padding-top:8px}.astra-order-table article>div{grid-template-columns:50px minmax(0,1fr)}}
.creation-section .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.journal-stage-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.journal-stage-track span{position:relative;padding-top:18px;color:var(--muted);font-size:var(--text-caption);text-align:center}.journal-stage-track span:before{position:absolute;top:4px;right:0;left:0;height:3px;background:var(--line);content:""}.journal-stage-track span.is-current{color:var(--clay-dark);font-weight:var(--weight-semibold)}.journal-stage-track span.is-current:before{background:var(--clay)}
@media(max-width:599px){.creation-section .form-grid{grid-template-columns:1fr}.journal-stage-track{overflow-x:auto;grid-template-columns:repeat(5,minmax(76px,1fr))}}
@media(max-width:599px){.feed-card .avatar--sm{width:28px;height:28px;min-width:28px;flex-basis:28px}}

/* Discover uses the complete workspace width while keeping every control aligned. */
.hp-main[data-view="discover"] .discover-page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 34px clamp(20px, 3vw, 52px) 96px;
}

.hp-main[data-view="discover"] .commerce-heading.stream-heading {
  width: 100%;
  max-width: none;
  gap: 22px;
}

.hp-main[data-view="discover"] .commerce-heading.stream-heading > div:first-child {
  width: 100%;
}

.hp-main[data-view="discover"] .commerce-heading.stream-heading > div:first-child > p {
  max-width: none;
}

.hp-main[data-view="discover"] .discover-tabs {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  overflow: visible;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--porcelain) 86%, transparent);
}

.hp-main[data-view="discover"] .discover-tabs button {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding-inline: 12px;
  border-radius: var(--radius-md);
}

.hp-main[data-view="discover"] .discover-filters {
  width: 100%;
  display: grid;
  grid-template-columns: auto repeat(3, minmax(160px, 1fr)) auto;
  align-items: end;
  gap: 12px;
  overflow: visible;
  padding: 16px 18px;
}

.hp-main[data-view="discover"] .discover-filters label,
.hp-main[data-view="discover"] .discover-filters select {
  width: 100%;
  min-width: 0;
}

.hp-main[data-view="discover"] .discover-grid {
  width: 100%;
}

@media (max-width: 940px) {
  .hp-main[data-view="discover"] .discover-tabs {
    display: flex;
    overflow-x: auto;
  }

  .hp-main[data-view="discover"] .discover-tabs button {
    width: auto;
    min-width: max-content;
  }

  .hp-main[data-view="discover"] .discover-filters {
    grid-template-columns: auto repeat(3, minmax(130px, 1fr));
  }

  .hp-main[data-view="discover"] .discover-filters__clear {
    grid-column: 2 / -1;
    justify-self: end;
  }
}

@media (max-width: 640px) {
  .hp-main[data-view="discover"] .discover-page {
    padding: 24px 12px 104px;
  }

  .hp-main[data-view="discover"] .commerce-heading.stream-heading {
    gap: 16px;
  }

  .hp-main[data-view="discover"] .discover-filters {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px;
  }

  .hp-main[data-view="discover"] .discover-filters > span,
  .hp-main[data-view="discover"] .discover-filters__clear {
    grid-column: auto;
    justify-self: start;
  }
}

/* Piece journal: direct parity with the Halfpix creation flow. */
.creation-page{width:min(100%,1180px);margin-inline:auto;padding:42px 32px 110px}.creation-heading{display:block;margin-bottom:34px}.creation-heading>.app-icon{display:none}.creation-heading .eyebrow{display:block;margin-bottom:20px}.creation-heading h1{margin:0 0 10px;font-family:var(--font-serif);font-size:clamp(38px,4vw,56px);line-height:1.05}.creation-heading p{max-width:720px;margin:0;color:var(--muted);font-size:var(--text-body)}.creation-form{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px 34px;align-items:start}.creation-main-column{display:grid;gap:20px;min-width:0}.creation-media-section,.journal-quick,.journal-details{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--porcelain);box-shadow:var(--shadow-sm)}.creation-media-section,.journal-quick{padding:26px}.creation-section__head{display:grid;grid-template-columns:minmax(160px,auto) minmax(0,1fr);gap:18px;align-items:start;margin-bottom:22px}.creation-section__head strong{font-family:var(--font-serif);font-size:26px;line-height:1.15;white-space:nowrap}.creation-section__head small{justify-self:end;max-width:390px;color:var(--muted);line-height:1.55;text-align:right}.creation-dropzone{display:grid;min-height:178px;border:1px dashed var(--sage-dark);border-radius:var(--radius-md);background:var(--mist);cursor:pointer;place-items:center}.creation-dropzone input{position:absolute;width:1px;height:1px;opacity:0}.creation-dropzone>span{display:grid;gap:8px;justify-items:center;color:var(--muted)}.creation-dropzone .app-icon{width:28px;height:28px;color:var(--clay)}.creation-dropzone strong{color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body)}.journal-fieldset{display:grid;gap:12px;margin:0 0 22px;padding:0;border:0}.journal-fieldset legend{margin-bottom:11px;font-weight:var(--weight-semibold)}.journal-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.journal-choice{cursor:pointer}.journal-choice input{position:absolute;opacity:0;pointer-events:none}.journal-choice span{display:flex;min-height:44px;align-items:center;justify-content:center;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--porcelain);color:var(--muted);font-size:var(--text-small);text-align:center;transition:.16s ease}.journal-choice input:checked+span{border-color:var(--forest);background:var(--forest);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--forest) 18%,transparent)}.journal-location-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.journal-helper{color:var(--muted);line-height:1.5}.journal-quick>label{display:grid;gap:8px;font-weight:var(--weight-medium)}.journal-quick textarea{min-height:116px}.journal-title-toggle{display:inline-flex;width:auto;min-height:40px;align-items:center;gap:8px;margin-top:14px;padding:8px 0;border:0;background:transparent;color:var(--forest);font-weight:var(--weight-semibold)}.journal-title-toggle .app-icon{width:18px;height:18px}.journal-title-field{margin-top:14px}.journal-auto-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}.journal-auto-meta div{display:grid;gap:5px}.journal-auto-meta dt{color:var(--ink);font-size:var(--text-small);font-weight:var(--weight-semibold)}.journal-auto-meta dd{margin:0;color:var(--muted);font-size:var(--text-caption)}.journal-details{padding:0}.journal-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;cursor:pointer;list-style:none}.journal-details summary::-webkit-details-marker{display:none}.journal-details summary>span{display:grid;gap:5px}.journal-details summary strong{font-family:var(--font-serif);font-size:23px}.journal-details summary small{color:var(--muted)}.journal-details summary>.app-icon{width:20px;height:20px}.journal-details[open] summary>.app-icon{transform:rotate(180deg)}.journal-details>.form-stack{padding:0 26px 26px}.creation-preview{position:sticky;top:92px;min-width:0}.creation-preview__heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.creation-preview__heading .eyebrow{font-size:var(--text-small)}.creation-preview__heading small{color:var(--muted)}.creation-preview__tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--mist)}.creation-preview__tabs button{min-height:36px;border:0;border-radius:999px;background:transparent;color:var(--muted)}.creation-preview__tabs button.is-active{background:var(--porcelain);color:var(--ink);box-shadow:var(--shadow-sm)}.creation-phone{width:100%;max-width:340px;margin-inline:auto;padding:9px;border:1px solid var(--line-strong);border-radius:34px;background:var(--ink);box-shadow:var(--shadow-md)}.creation-phone__status{display:flex;justify-content:space-between;padding:5px 15px 10px;color:#fff;font-size:11px}.creation-phone__body{overflow:hidden;padding:18px;border-radius:25px;background:var(--cream)}.creation-phone__body>small{color:var(--muted)}.creation-phone__progress{display:grid;grid-template-columns:1fr auto;gap:5px;margin:12px 0;padding:12px;border-radius:var(--radius-sm);background:var(--mint)}.creation-phone__progress strong{grid-row:1/3;grid-column:2;align-self:center;color:var(--forest)}.creation-phone__progress small{color:var(--muted)}.creation-phone__media{display:grid;min-height:174px;gap:8px;border-radius:var(--radius-md);background:var(--mist);color:var(--muted);place-content:center;text-align:center}.creation-phone__media .app-icon{width:25px;height:25px;margin:auto}.creation-phone__chips{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.creation-phone__chips span{padding:5px 8px;border-radius:999px;background:var(--mint);color:var(--forest);font-size:10px}.creation-phone h3{margin:9px 0 5px;font-family:var(--font-serif);font-size:21px}.creation-phone p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.creation-phone__actions{display:flex;gap:8px;margin-top:15px}.creation-phone__actions button{flex:1;min-height:34px;border:1px solid var(--line);border-radius:999px;background:var(--porcelain);color:var(--forest);font-size:11px}.creation-actions{grid-column:1}.creation-actions button{display:inline-flex;min-width:170px;align-items:center;justify-content:center;gap:8px}.creation-actions .app-icon{width:18px;height:18px}
@media(max-width:900px){.creation-page{padding-inline:20px}.creation-form{grid-template-columns:1fr}.creation-preview{position:static;grid-row:auto}.creation-actions{grid-column:1}.creation-phone{max-width:360px}}
@media(max-width:599px){.creation-page{padding:26px 14px 100px}.creation-heading{margin-bottom:24px}.creation-heading .eyebrow{margin-bottom:12px}.creation-heading h1{font-size:38px}.creation-media-section,.journal-quick{padding:20px 16px}.creation-section__head{grid-template-columns:1fr;gap:6px}.creation-section__head small{justify-self:start;text-align:left}.creation-section__head strong{white-space:normal}.journal-choice-grid,.journal-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-auto-meta{grid-template-columns:1fr}.journal-details summary{padding:20px 16px}.journal-details>.form-stack{padding:0 16px 20px}.creation-preview{display:none}.creation-actions button{width:100%}}
.creation-page{box-sizing:border-box}.creation-form>.creation-actions{position:static;bottom:auto;z-index:auto;grid-column:1;justify-content:flex-start;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none}
.creation-phone__media :is(img,video){display:block;width:100%;height:174px;border-radius:inherit;object-fit:cover}

/* Remove the legacy .hp-form 720px cap and match the original Halfpix desktop composition. */
.hp-main[data-view="create"] .creation-page{width:min(100%,1320px);max-width:1320px;padding:38px 34px 80px}
.hp-main[data-view="create"] .creation-form{width:100%;max-width:none;grid-template-columns:minmax(0,1fr) 315px;gap:16px;align-items:start}
.hp-main[data-view="create"] .creation-heading{margin-bottom:26px}
.hp-main[data-view="create"] .creation-heading .eyebrow{margin-bottom:18px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}
.hp-main[data-view="create"] .creation-heading h1{margin-bottom:12px;font-size:44px}
.hp-main[data-view="create"] .creation-media-section,.hp-main[data-view="create"] .journal-quick{padding:18px;border-radius:20px}
.hp-main[data-view="create"] .creation-section__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.hp-main[data-view="create"] .creation-section__head strong{font-family:var(--font-sans);font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap}
.hp-main[data-view="create"] .creation-section__head small{max-width:none;font-size:11px;line-height:1.45;text-align:right}
.hp-main[data-view="create"] .creation-dropzone{min-height:132px;border-radius:14px}
.hp-main[data-view="create"] .creation-dropzone .app-icon{width:30px;height:30px}
.hp-main[data-view="create"] .journal-choice-grid{display:flex;flex-wrap:wrap;gap:8px}
.hp-main[data-view="create"] .journal-choice span{min-height:38px;padding:7px 14px;font-size:13px}
.hp-main[data-view="create"] .creation-preview{padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--porcelain);box-shadow:var(--shadow-sm)}
.hp-main[data-view="create"] .creation-preview__heading{align-items:center;margin-bottom:14px}
.hp-main[data-view="create"] .creation-preview__heading .eyebrow{color:var(--ink);font-size:17px;font-weight:700;letter-spacing:0;text-transform:none}
.hp-main[data-view="create"] .creation-preview__heading small{padding:5px 10px;border-radius:999px;background:var(--mint);color:var(--forest);font-size:11px;font-weight:700}
.hp-main[data-view="create"] .creation-preview__tabs{margin-bottom:16px}
.hp-main[data-view="create"] .creation-phone{max-width:278px;padding:8px;border-radius:32px}
.hp-main[data-view="create"] .creation-phone__body{padding:12px;border-radius:24px}
.hp-main[data-view="create"] .creation-phone__media{min-height:143px}
.hp-main[data-view="create"] .creation-phone__media :is(img,video){height:143px}
@media(max-width:1100px){.hp-main[data-view="create"] .creation-form{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){.hp-main[data-view="create"] .creation-page{padding:30px 20px 100px}.hp-main[data-view="create"] .creation-form{grid-template-columns:1fr}.hp-main[data-view="create"] .creation-preview{position:static}.hp-main[data-view="create"] .creation-phone{max-width:320px}}
@media(max-width:599px){.hp-main[data-view="create"] .creation-page{padding:24px 14px 100px}.hp-main[data-view="create"] .creation-heading h1{font-size:38px}.hp-main[data-view="create"] .creation-section__head{display:grid;gap:5px}.hp-main[data-view="create"] .creation-section__head small{text-align:left}.hp-main[data-view="create"] .creation-preview{display:none}}

/* Halfpix creation and Kiln Log parity. */
.hp-main[data-view="create"] .creation-section{padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--porcelain);box-shadow:var(--shadow-sm)}
.hp-main[data-view="create"] .form-stack{display:grid;gap:18px}.hp-main[data-view="create"] .form-stack>label{display:grid;gap:8px;color:var(--ink);font-size:14px;font-weight:600}
.hp-main[data-view="create"] .form-stack input,.hp-main[data-view="create"] .form-stack textarea,.hp-main[data-view="create"] .form-stack select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.hp-main[data-view="create"] .form-stack textarea{min-height:118px;resize:vertical}
.hp-main[data-view="create"] .creation-upload-list{display:grid;gap:8px;margin-top:12px}.hp-main[data-view="create"] .creation-upload-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--mist);font-size:13px}.hp-main[data-view="create"] .creation-upload-item img{width:42px;height:42px;object-fit:cover;border-radius:7px}
.hp-main[data-view="create"] .creation-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}.hp-main[data-view="create"] .creation-actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:1px solid var(--clay);border-radius:999px;background:var(--clay);color:#fff;font-weight:700}
.hp-main[data-view="create"] .studio-role-guide{display:grid;gap:6px;padding:18px 20px;border-left:3px solid var(--clay);border-radius:0 16px 16px 0;background:var(--mint)}.hp-main[data-view="create"] .studio-role-guide p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.hp-main[data-view="create"] .creation-quick-choice{display:grid;gap:10px;margin:0;padding:0;border:0}.hp-main[data-view="create"] .creation-quick-choice legend{margin-bottom:10px;color:var(--ink);font-size:14px;font-weight:600}.hp-main[data-view="create"] .creation-quick-choice>div{display:flex;flex-wrap:wrap;gap:8px}.hp-main[data-view="create"] .creation-quick-choice label{position:relative;cursor:pointer}.hp-main[data-view="create"] .creation-quick-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hp-main[data-view="create"] .creation-quick-choice span{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;transition:border-color .15s,background .15s,color .15s}.hp-main[data-view="create"] .creation-quick-choice input:checked+span{border-color:var(--clay);background:var(--clay);color:#fff;box-shadow:var(--shadow-sm)}.hp-main[data-view="create"] .creation-quick-choice input:focus-visible+span{outline:2px solid var(--clay);outline-offset:2px}.hp-main[data-view="create"] .creation-multi-choice input:checked+span{border-color:var(--sage-dark);background:var(--mint);color:var(--clay-dark)}
.hp-main[data-view="create"] .experiment-curve-list{display:grid;gap:10px}.hp-main[data-view="create"] .experiment-curve-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px}.hp-main[data-view="create"] .experiment-curve-row label{display:grid;gap:7px;font-size:12px}.hp-main[data-view="create"] .experiment-curve-row button{width:40px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted)}.hp-main[data-view="create"] .journal-stage-history{padding:12px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.hp-main[data-view="create"] .journal-stage-history summary{color:var(--ink);font-weight:600;cursor:pointer}
.hp-main[data-view="create"] [hidden]{display:none!important}.hp-main[data-view="create"] .creation-quick-choice input:disabled+span{cursor:not-allowed;opacity:.42}
@media(max-width:620px){.hp-main[data-view="create"] .experiment-curve-row{grid-template-columns:1fr 1fr}.hp-main[data-view="create"] .experiment-curve-row button{grid-column:2;justify-self:end}}
.hp-main[data-view="create"] .creation-phone__nav--record{min-height:42px;display:flex;padding-inline:14px;background:#fff}.hp-main[data-view="create"] .creation-phone__nav--record>.app-icon{width:15px;height:15px}.hp-main[data-view="create"] .creation-phone__record-title{min-width:0;flex:1;overflow:hidden;font-size:12px;font-weight:600;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.hp-main[data-view="create"] .creation-phone__record-scroll{display:grid;align-content:start;gap:10px;flex:1;min-height:0;padding:10px;overflow:hidden;background:var(--cream)}.hp-main[data-view="create"] .creation-phone__stage-card,.hp-main[data-view="create"] .creation-phone__record-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 14px rgb(36 28 24/.045)}.hp-main[data-view="create"] .creation-phone__stage-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 9px;align-items:center;padding:10px 12px}.hp-main[data-view="create"] .creation-phone__stage-card>span:first-child{color:var(--muted);font-size:9px}.hp-main[data-view="create"] .creation-phone__stage-card>strong{grid-column:1;overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.hp-main[data-view="create"] .creation-phone__test-code{grid-column:2!important;grid-row:1/span 2;align-self:center;padding:6px 9px;border-radius:999px;background:var(--clay-soft);color:var(--clay-dark);font-size:9px;font-weight:600}
.hp-main[data-view="create"] .creation-phone__record-card{overflow:hidden}.hp-main[data-view="create"] .creation-phone__record-card--hero .creation-phone__media{width:100%;min-height:0;height:104px;padding:16px;box-sizing:border-box;background:linear-gradient(145deg,var(--porcelain),var(--cream))}.hp-main[data-view="create"] .creation-phone__record-card--hero .creation-phone__media.is-empty:before{content:"+";display:grid;width:28px;height:28px;margin-bottom:6px;place-items:center;border:1px solid color-mix(in srgb,var(--clay) 40%,var(--line));border-radius:50%;color:var(--clay);font-size:17px}.hp-main[data-view="create"] .creation-phone__record-pills{display:flex;flex-wrap:wrap;gap:5px;padding:9px 10px 10px}.hp-main[data-view="create"] .creation-phone__record-pills>span{padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--porcelain);color:var(--muted);font-size:8px}.hp-main[data-view="create"] .creation-phone__record-pills>span.is-accent{border-color:transparent;background:var(--clay-soft);color:var(--clay-dark)}
.hp-main[data-view="create"] .creation-phone__record-copy{display:grid;gap:7px;padding:11px 12px}.hp-main[data-view="create"] .creation-phone__record-copy>strong{overflow:hidden;font-size:13px;font-weight:600;line-height:1.35}.hp-main[data-view="create"] .creation-phone__experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.hp-main[data-view="create"] .creation-phone__experiment-grid>span{display:grid;gap:2px;min-width:0;padding:7px 8px;border-radius:9px;background:var(--porcelain);color:var(--muted);font-size:8px}.hp-main[data-view="create"] .creation-phone__experiment-grid b{overflow:hidden;color:var(--ink);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.hp-main[data-view="create"] .creation-phone__record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:52px;padding:8px 10px;border-top:1px solid var(--line);background:#fff}.hp-main[data-view="create"] .creation-phone__record-actions>span,.hp-main[data-view="create"] .creation-phone__record-actions>strong{display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;font-size:9px;font-weight:600}.hp-main[data-view="create"] .creation-phone__record-actions>strong{border-color:var(--clay);background:var(--clay);color:#fff}
.hp-main[data-view="create"] .tag-editor{display:grid;gap:8px;color:var(--ink);font-size:13px;font-weight:600}.hp-main[data-view="create"] .tag-editor>span{line-height:1.4}.hp-main[data-view="create"] .tag-editor>div{display:flex;flex-wrap:wrap;gap:6px}.hp-main[data-view="create"] .tag-editor button{width:auto;min-width:0;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.hp-main[data-view="create"] .tag-editor button:hover{border-color:var(--clay);background:var(--clay-soft);color:var(--clay-dark)}.hp-main[data-view="create"] .tag-editor button.selected{border-color:var(--clay);background:var(--clay-soft);color:var(--clay-dark)}
.hp-main[data-view="create"] .tag-editor .tag-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;flex-wrap:nowrap}.hp-main[data-view="create"] .form-stack .tag-editor .tag-custom input{width:100%;min-width:0;height:40px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#fff}.hp-main[data-view="create"] .tag-editor .tag-custom button{min-width:62px;height:40px;border-color:var(--clay);background:var(--clay);color:#fff}
.hp-main[data-view="create"] .product-tool-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 16px;padding:16px 0 0;border-top:1px solid var(--line)}.hp-main[data-view="create"] .product-tool-picker strong{font-size:13px}.hp-main[data-view="create"] .product-tool-picker small,.hp-main[data-view="create"] .product-tool-picker p{grid-column:1;color:var(--muted);font-size:11px;line-height:1.45}.hp-main[data-view="create"] .product-tool-picker p{margin:4px 0 0}.hp-main[data-view="create"] .product-tool-picker button{grid-column:2;grid-row:1/span 2;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:600}.hp-main[data-view="create"] .product-tool-picker button:hover{border-color:var(--clay);background:var(--clay-soft)}
@media(max-width:520px){.hp-main[data-view="create"] .product-tool-picker{grid-template-columns:1fr}.hp-main[data-view="create"] .product-tool-picker button{grid-column:1;grid-row:auto;justify-self:start}}
.hp-main[data-view="create"] .creation-phone__nav{min-height:48px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid var(--line)}.hp-main[data-view="create"] .creation-phone__nav button{border:0;background:transparent;color:var(--clay);font-weight:700}
.hp-main[data-view="create"] .creation-phone__record-copy{display:grid;gap:7px;padding:14px}.hp-main[data-view="create"] .creation-phone__record-copy h3,.hp-main[data-view="create"] .creation-phone__record-copy p{margin:0}.hp-main[data-view="create"] .creation-phone__record-copy p{color:var(--muted);font-size:12px;line-height:1.5}.hp-main[data-view="create"] .creation-phone__record-actions{display:flex;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.hp-main[data-view="create"] .creation-phone__media img,.hp-main[data-view="create"] .creation-phone__media video{width:100%;height:100%;object-fit:cover}.hp-main[data-view="create"] .creation-phone__chips{display:flex;flex-wrap:wrap;gap:5px}.hp-main[data-view="create"] .creation-phone__chips span{padding:4px 7px;border-radius:999px;background:var(--mint);font-size:9px}
.hp-main[data-view="kiln-log"] .hp-hero{max-width:1320px;margin:0 auto;padding:38px 34px 24px}.hp-main[data-view="kiln-log"] .hp-toolbar,.hp-main[data-view="kiln-log"] .hp-kiln-editor,.hp-main[data-view="kiln-log"]>.hp-list{width:min(calc(100% - 68px),1252px);margin-inline:auto}
.hp-main[data-view="kiln-log"] .hp-kiln-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--porcelain);box-shadow:var(--shadow-sm)}.hp-main[data-view="kiln-log"] .hp-kiln-form>h2,.hp-main[data-view="kiln-log"] .hp-load-groups,.hp-main[data-view="kiln-log"] .hp-kiln-form>.hp-toolbar,.hp-main[data-view="kiln-log"] .hp-message{grid-column:1/-1}
.hp-main[data-view="kiln-log"] .kiln-section__head{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:20px}.hp-main[data-view="kiln-log"] .kiln-section__head h2{margin:3px 0 0;font-family:var(--font-serif);font-size:28px}.hp-main[data-view="kiln-log"] .kiln-status{padding:7px 12px;border-radius:999px;background:var(--mint);color:var(--clay-dark);font-size:12px;font-weight:700}
.hp-main[data-view="kiln-log"] .kiln-progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:2px 0 8px}.hp-main[data-view="kiln-log"] .kiln-progress>span{position:relative;display:grid;justify-items:center;gap:7px;color:var(--muted);font-size:11px}.hp-main[data-view="kiln-log"] .kiln-progress>span:before{content:"";position:absolute;top:14px;left:-50%;width:100%;height:1px;background:var(--line)}.hp-main[data-view="kiln-log"] .kiln-progress>span:first-child:before{display:none}.hp-main[data-view="kiln-log"] .kiln-progress b{position:relative;z-index:1;width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}.hp-main[data-view="kiln-log"] .kiln-progress .is-current b,.hp-main[data-view="kiln-log"] .kiln-progress .is-complete b{border-color:var(--clay);background:var(--clay);color:#fff}.hp-main[data-view="kiln-log"] .kiln-setup-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;border-radius:16px;background:var(--mist)}
.hp-main[data-view="kiln-log"] .hp-load-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--mist)}.hp-main[data-view="kiln-log"] .hp-load-group legend{padding:0 8px;font-weight:700}.hp-main[data-view="kiln-log"] .hp-span-2{grid-column:span 2}
.hp-main[data-view="kiln-log"] .hp-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.hp-main[data-view="kiln-log"] .hp-batch-item{display:grid;grid-template-columns:54px 1fr;gap:16px;min-height:150px;padding:22px;text-align:left;border:1px solid var(--line);border-radius:22px;background:var(--porcelain);box-shadow:var(--shadow-sm)}.hp-main[data-view="kiln-log"] .hp-kiln-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--clay);font-size:24px}
@media(max-width:760px){.hp-main[data-view="kiln-log"] .hp-kiln-form,.hp-main[data-view="kiln-log"] .hp-load-group,.hp-main[data-view="kiln-log"] .hp-results{grid-template-columns:1fr}.hp-main[data-view="kiln-log"] .hp-span-2{grid-column:auto}.hp-main[data-view="kiln-log"] .hp-toolbar,.hp-main[data-view="kiln-log"] .hp-kiln-editor,.hp-main[data-view="kiln-log"]>.hp-list{width:min(calc(100% - 28px),1252px)}}

/* Creation and kiln parity: the WordPress theme follows the same component geometry as Halfpix Web. */
.hp-main[data-view="create"] .creation-section{padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--porcelain);box-shadow:var(--shadow-sm)}
.hp-main[data-view="create"] .form-stack{display:grid;gap:18px}.hp-main[data-view="create"] .form-stack>label{display:grid;gap:8px;color:var(--ink);font-size:14px;font-weight:600}
.hp-main[data-view="create"] .form-stack input,.hp-main[data-view="create"] .form-stack textarea,.hp-main[data-view="create"] .form-stack select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.hp-main[data-view="create"] .form-stack textarea{min-height:118px;resize:vertical}.hp-main[data-view="create"] .creation-upload-list{display:grid;gap:8px;margin-top:12px}
.hp-main[data-view="create"] .creation-upload-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--mist);font-size:13px}.hp-main[data-view="create"] .creation-upload-item img{width:42px;height:42px;object-fit:cover;border-radius:7px}
.hp-main[data-view="create"] .creation-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:2px}.hp-main[data-view="create"] .creation-actions button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:1px solid var(--clay);border-radius:999px;background:var(--clay);color:#fff;font-weight:700}.hp-main[data-view="create"] .creation-actions button:first-child{background:#fff;color:var(--clay-dark)}
.hp-main[data-view="create"] .creation-preview{position:sticky;top:92px;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--porcelain);box-shadow:var(--shadow-sm)}
.hp-main[data-view="create"] .creation-preview__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hp-main[data-view="create"] .creation-preview__head h2{margin:0;font:700 16px var(--font-sans)}
.hp-main[data-view="create"] .creation-preview__tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:var(--mist)}.hp-main[data-view="create"] .creation-preview__tabs button{height:38px;border:0;border-radius:999px;background:transparent;color:var(--muted)}.hp-main[data-view="create"] .creation-preview__tabs button.is-active{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}

.hp-main[data-view="kiln-log"] .hp-hero{max-width:1320px;margin:0 auto;padding:38px 34px 24px}.hp-main[data-view="kiln-log"] .hp-toolbar,.hp-main[data-view="kiln-log"] .hp-kiln-editor,.hp-main[data-view="kiln-log"]>.hp-list{width:min(calc(100% - 68px),1252px);margin-inline:auto}
.hp-main[data-view="kiln-log"] .hp-kiln-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--porcelain);box-shadow:var(--shadow-sm)}.hp-main[data-view="kiln-log"] .hp-kiln-form>h2,.hp-main[data-view="kiln-log"] .hp-load-groups,.hp-main[data-view="kiln-log"] .hp-kiln-form>.hp-toolbar,.hp-main[data-view="kiln-log"] .hp-message{grid-column:1/-1}
.hp-main[data-view="kiln-log"] .hp-load-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--mist)}.hp-main[data-view="kiln-log"] .hp-load-group legend{padding:0 8px;font-weight:700}.hp-main[data-view="kiln-log"] .hp-span-2{grid-column:span 2}
.hp-main[data-view="kiln-log"] .hp-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.hp-main[data-view="kiln-log"] .hp-batch-item{display:grid;grid-template-columns:54px 1fr;gap:16px;min-height:150px;padding:22px;text-align:left;border:1px solid var(--line);border-radius:22px;background:var(--porcelain);box-shadow:var(--shadow-sm)}.hp-main[data-view="kiln-log"] .hp-kiln-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--mint);color:var(--clay);font-size:24px}
@media(max-width:760px){.hp-main[data-view="kiln-log"] .hp-kiln-form,.hp-main[data-view="kiln-log"] .hp-load-group,.hp-main[data-view="kiln-log"] .hp-results{grid-template-columns:1fr}.hp-main[data-view="kiln-log"] .hp-span-2{grid-column:auto}.hp-main[data-view="kiln-log"] .hp-toolbar,.hp-main[data-view="kiln-log"] .hp-kiln-editor,.hp-main[data-view="kiln-log"]>.hp-list{width:min(calc(100% - 28px),1252px)}}

/* Checkout field order and typography from the Halfpix checkout. */
.astra-checkout-page .astra-checkout-header h1{font-family:var(--font-display),Georgia,"Times New Roman",serif!important;font-size:44px;font-weight:var(--weight-regular)!important;letter-spacing:-.025em}
.checkout-reference-fields{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 16px}
.checkout-reference-fields>label{grid-column:span 3}
.checkout-reference-fields>label:nth-of-type(1),.checkout-reference-fields>label:nth-of-type(9),.checkout-reference-fields>label:nth-of-type(10){grid-column:1/-1}
.checkout-reference-fields>label:nth-of-type(6),.checkout-reference-fields>label:nth-of-type(7),.checkout-reference-fields>label:nth-of-type(8){grid-column:span 2}
.checkout-reference-fields :is(input,select){height:52px;border-radius:2px;background:var(--porcelain)}
.astra-customer-column>h3{font-size:18px}.astra-order-note textarea{border-radius:2px}
@media(max-width:700px){.checkout-reference-fields{grid-template-columns:1fr}.checkout-reference-fields>label{grid-column:1!important}}
html,body,.hp-shell{max-width:100%;overflow-x:hidden}

/* Piece journal optional details use the same controls and spacing as Halfpix Web. */
.hp-main[data-view="create"] .journal-details>.form-stack{display:grid;gap:26px;padding:0 26px 28px}
.hp-main[data-view="create"] .journal-details-intro{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-top:2px;border-top:1px solid var(--line)}
.hp-main[data-view="create"] .journal-details-intro strong{padding-top:22px;font-family:var(--font-serif);font-size:22px;font-weight:600}
.hp-main[data-view="create"] .journal-details-intro small{padding-top:22px;color:var(--muted);font-size:12px}
.hp-main[data-view="create"] .journal-detail-choice>div{gap:9px}
.hp-main[data-view="create"] .journal-detail-choice span{min-height:38px;padding:0 14px}
.hp-main[data-view="create"] .journal-measurements{display:grid;gap:16px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--mist)}
.hp-main[data-view="create"] .journal-measure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hp-main[data-view="create"] .journal-number{display:grid;gap:8px;color:var(--ink);font-size:14px;font-weight:600}
.hp-main[data-view="create"] .journal-stepper{display:grid;grid-template-columns:minmax(0,1fr) auto 42px 42px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}
.hp-main[data-view="create"] .form-stack .journal-stepper input{min-width:0;height:44px;padding:0 4px 0 13px;border:0;border-radius:0;background:transparent;appearance:textfield}
.hp-main[data-view="create"] .form-stack .journal-stepper input::-webkit-inner-spin-button{display:none}
.hp-main[data-view="create"] .journal-stepper small{padding:0 10px;color:var(--muted);font-size:12px;font-weight:500}
.hp-main[data-view="create"] .journal-stepper button{display:grid;width:42px;height:44px;padding:0;border:0;border-left:1px solid var(--line);border-radius:0;background:#fff;color:var(--forest);place-items:center}
.hp-main[data-view="create"] .journal-stepper button:hover{background:var(--clay-soft);color:var(--clay-dark)}
.hp-main[data-view="create"] .journal-stepper .app-icon{width:17px;height:17px}
.hp-main[data-view="create"] .journal-details .tag-editor{padding-top:22px;border-top:1px solid var(--line)}
.hp-main[data-view="create"] .journal-product-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.hp-main[data-view="create"] .journal-product-options label{position:relative;cursor:pointer}.hp-main[data-view="create"] .journal-product-options input{position:absolute;opacity:0}
.hp-main[data-view="create"] .journal-product-options span{display:grid;height:100%;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.hp-main[data-view="create"] .journal-product-options img{width:44px;height:44px;border-radius:8px;object-fit:cover}.hp-main[data-view="create"] .journal-product-options b{overflow:hidden;font-size:12px;line-height:1.35;text-overflow:ellipsis}
.hp-main[data-view="create"] .journal-product-options input:checked+span{border-color:var(--clay);background:var(--clay-soft);box-shadow:0 0 0 1px var(--clay)}
@media(max-width:620px){.hp-main[data-view="create"] .journal-details>.form-stack{padding:0 16px 20px}.hp-main[data-view="create"] .journal-details-intro{display:grid;gap:0}.hp-main[data-view="create"] .journal-details-intro small{padding-top:4px}.hp-main[data-view="create"] .journal-measurements{padding:16px}.hp-main[data-view="create"] .journal-measure-grid{grid-template-columns:1fr}}
@media(max-width:760px){.hp-main[data-view="create"] .journal-product-options{grid-template-columns:1fr 1fr}}@media(max-width:460px){.hp-main[data-view="create"] .journal-product-options{grid-template-columns:1fr}}

/* Exact rules copied from the Halfpix creation components. */
.hp-main[data-view="create"] .creation-form{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(280px,.34fr);align-items:start}
.hp-main[data-view="create"] .creation-main-column{min-width:0;display:grid;gap:16px}
.hp-main[data-view="create"] .creation-preview{position:sticky;top:96px;min-width:0;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--porcelain);box-shadow:0 5px 16px rgb(36 28 24/.04)}
.hp-main[data-view="create"] .creation-preview__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.hp-main[data-view="create"] .creation-preview__head h2{margin:0;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-semibold)}
.hp-main[data-view="create"] .creation-preview__head>span{width:fit-content;padding:4px 8px;border-radius:var(--radius-pill);background:var(--clay-soft);color:var(--clay);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1.25}
.hp-main[data-view="create"] .creation-preview__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:4px;border:0;border-radius:var(--radius-pill);background:var(--cream)}
.hp-main[data-view="create"] .creation-preview__tabs button{min-height:36px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font:inherit;font-size:var(--text-sm)}
.hp-main[data-view="create"] .creation-preview__tabs button.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgb(19 35 61/.08)}
.hp-main[data-view="create"] .creation-phone{width:min(100%,320px);margin:18px auto 0;padding:6px;border:5px solid var(--ink);border-radius:34px;background:var(--ink);box-shadow:0 12px 28px rgb(19 35 61/.15)}
.hp-main[data-view="create"] .creation-phone__screen{position:relative;display:flex;min-height:min(580px,72dvh);overflow:hidden;flex-direction:column;border-radius:24px;background:#fff;color:var(--ink)}
.hp-main[data-view="create"] .creation-phone__status{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 4px;color:var(--ink);font-size:10px;font-weight:var(--weight-semibold)}
.hp-main[data-view="create"] .creation-phone__nav{display:flex;align-items:center;min-height:38px;gap:9px;padding:0 12px;border-bottom:1px solid var(--line)}
.hp-main[data-view="create"] .creation-phone__nav--record{min-height:42px;padding-inline:14px;background:#fff}
.hp-main[data-view="create"] .creation-phone__nav svg{width:17px;height:17px}
.hp-main[data-view="create"] .creation-phone__record-title{min-width:0;flex:1;overflow:hidden;font-size:12px;font-weight:var(--weight-semibold);line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.hp-main[data-view="create"] .creation-phone__record-scroll{display:grid;align-content:start;gap:10px;flex:1;min-height:0;padding:10px;overflow:hidden;background:var(--cream)}
.hp-main[data-view="create"] .creation-phone__stage-card,.hp-main[data-view="create"] .creation-phone__record-card{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 14px rgb(36 28 24/.045)}
.hp-main[data-view="create"] .creation-phone__stage-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 9px;align-items:center;padding:10px 12px}
.hp-main[data-view="create"] .creation-phone__stage-card>span:first-child{color:var(--muted);font-size:9px;line-height:1.25}
.hp-main[data-view="create"] .creation-phone__stage-card>strong{grid-column:1;overflow:hidden;font-size:12px;font-weight:var(--weight-semibold);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.hp-main[data-view="create"] .creation-phone__stage-next{grid-column:2;grid-row:1/span 2;align-self:center;padding:6px 9px;border-radius:var(--radius-pill);background:var(--clay-soft);color:var(--clay-dark);font-size:9px;font-weight:var(--weight-semibold);white-space:nowrap}
.hp-main[data-view="create"] .creation-phone__record-card{overflow:hidden}
.hp-main[data-view="create"] .creation-phone__record-card--hero .creation-phone__media{width:100%;min-height:0;max-height:none;aspect-ratio:4/3}
.hp-main[data-view="create"] .creation-phone__record-card--hero .creation-phone__media.is-empty{display:grid;aspect-ratio:auto;height:104px;min-height:104px;padding:16px;background:linear-gradient(145deg,var(--porcelain),var(--cream));place-items:center}
.hp-main[data-view="create"] .creation-phone__record-card--hero .creation-phone__media.is-empty:before{content:"+";display:grid;width:28px;height:28px;margin-bottom:6px;place-items:center;border:1px solid color-mix(in srgb,var(--clay) 40%,var(--line));border-radius:50%;color:var(--clay);font-size:17px}
.hp-main[data-view="create"] .creation-phone__record-pills{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:9px 10px 10px}
.hp-main[data-view="create"] .creation-phone__record-pills>span{width:fit-content;max-width:100%;padding:4px 7px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--porcelain);color:var(--muted);font-size:8px;font-weight:var(--weight-medium);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.hp-main[data-view="create"] .creation-phone__record-pills>span.is-accent{border-color:transparent;background:var(--clay-soft);color:var(--clay-dark)}
.hp-main[data-view="create"] .creation-phone__record-copy{display:grid;gap:7px;padding:11px 12px}
.hp-main[data-view="create"] .creation-phone__record-copy h3{margin:0;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-semibold);line-height:1.35}
.hp-main[data-view="create"] .creation-phone__record-copy p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hp-main[data-view="create"] .creation-phone__record-copy small{color:var(--muted);font-size:8px}
.hp-main[data-view="create"] .creation-phone__record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:52px;padding:8px 10px;border-top:1px solid var(--line);background:#fff}
.hp-main[data-view="create"] .creation-phone__record-actions button{display:grid;min-width:0;min-height:0;padding:0;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:9px;font-weight:var(--weight-semibold)}
.hp-main[data-view="create"] .creation-phone__record-actions button:last-child{border-color:var(--clay);background:var(--clay);color:#fff}
.hp-main[data-view="create"] .journal-quick{border-color:color-mix(in srgb,var(--clay) 22%,var(--line));background:linear-gradient(145deg,#fff,var(--cream))}
.hp-main[data-view="create"] .journal-choice span{min-height:44px;padding:9px 14px;background:var(--cream);font-size:var(--text-sm);font-weight:var(--weight-medium)}
.hp-main[data-view="create"] .journal-choice input:checked+span{border-color:var(--clay-dark);background:var(--clay);box-shadow:0 5px 12px rgb(138 83 55/.2);color:#fff}
.hp-main[data-view="create"] .journal-auto-meta{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:12px}
.hp-main[data-view="create"] .journal-auto-meta div{display:inline-flex;gap:7px}
.hp-main[data-view="create"] .journal-auto-meta dt,.hp-main[data-view="create"] .journal-auto-meta dd{font-size:var(--text-xs)}
@media(max-width:1023px){.hp-main[data-view="create"] .creation-form{grid-template-columns:1fr}.hp-main[data-view="create"] .creation-preview{position:static}}
.hp-main[data-view="create"] .creation-phone__feed-nav{display:flex;align-items:center;min-height:40px;justify-content:space-between;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px}
.hp-main[data-view="create"] .creation-phone__feed-nav strong{color:var(--ink);font-size:11px}.hp-main[data-view="create"] .creation-phone__feed-nav svg{width:17px;height:17px}
.hp-main[data-view="create"] .creation-phone__studio-list{display:grid;align-content:start;gap:7px;flex:1;padding:8px;overflow:hidden}
.hp-main[data-view="create"] .creation-phone__studio-list article{display:grid;grid-template-columns:75px minmax(0,1fr);gap:8px;min-height:76px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--porcelain)}
.hp-main[data-view="create"] .creation-phone__studio-list .creation-phone__media{min-height:76px;max-height:76px;aspect-ratio:auto;border-radius:0}
.hp-main[data-view="create"] .creation-phone__studio-list article>div:last-child{display:grid;align-content:center;gap:5px;padding-right:7px}
.hp-main[data-view="create"] .creation-phone__studio-list strong{display:-webkit-box;overflow:hidden;font-size:10px;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hp-main[data-view="create"] .creation-phone__studio-list article>div:last-child span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.hp-main[data-view="create"] .creation-phone__studio-list .is-placeholder>span{background:var(--cream)}
.hp-main[data-view="create"] .creation-phone__studio-list .is-placeholder strong,.hp-main[data-view="create"] .creation-phone__studio-list .is-placeholder small{display:block;height:9px;border-radius:var(--radius-pill);background:var(--line)}
.hp-main[data-view="create"] .creation-phone__studio-list .is-placeholder small{width:62%}
.hp-main[data-view="create"] .creation-phone__bottom-nav{display:flex;align-items:center;min-height:43px;justify-content:space-around;gap:5px;padding:0 7px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}
.hp-main[data-view="create"] .creation-phone__bottom-nav b{display:grid;width:25px;height:22px;place-items:center;border-radius:7px;background:var(--clay);color:#fff}.hp-main[data-view="create"] .creation-phone__bottom-nav b svg{width:15px;height:15px}
.hp-main[data-view="create"] .journal-title-field[hidden]{display:none!important}