/* Creator 1.74: the approved Dreams.6 consumer palette, local reading surfaces and native controls. */
.creator-commerce { color:var(--cream); font:400 16px/1.6 var(--font-body); max-width:680px; margin-inline:auto; }
.creator-commerce *, .creator-commerce *::before, .creator-commerce *::after { box-sizing:border-box; }
.creator-commerce-title { font-family:var(--font-display); font-size:clamp(30px,4vw,44px); line-height:1.08; margin:0 0 16px; }
.creator-commerce h3 { font-family:var(--font-display); font-size:28px; line-height:1.15; margin:24px 0 12px; }
.creator-commerce h4 { margin:24px 0 8px; }
.creator-commerce p { margin:0 0 16px; max-width:none; }
.creator-commerce a { text-underline-offset:.2em; overflow-wrap:anywhere; }
.creator-offer { color:var(--tan); font-weight:600; }
.creator-commerce-status { min-height:1.5em; color:var(--tan); }
.creator-commerce-status.is-error { color:var(--cream); background:var(--alert-wash); border:1px solid var(--alert-line); border-radius:12px; padding:12px; }
.creator-commerce-status:empty { display:none; }
.creator-form { display:grid; gap:16px; }
.creator-field { min-width:0; }
.creator-field label { display:block; margin-bottom:8px; font-weight:500; }
.creator-field input { display:block; width:100%; min-width:0; min-height:48px; border:1px solid var(--line-strong); border-radius:12px; padding:12px 14px; background:rgba(10,7,7,.65); color:var(--cream); font:400 16px/1.4 var(--font-body); }
.creator-field input:focus { outline:2px solid var(--cream); outline-offset:2px; }
.creator-check { display:flex; align-items:flex-start; gap:12px; cursor:pointer; min-height:44px; }
.creator-check input { width:22px; height:22px; margin:2px 0; flex:none; accent-color:var(--tan); }
.creator-check:has(input:disabled) { cursor:default; color:var(--muted); }
.creator-optional { border-top:1px solid var(--line); padding-top:16px; color:var(--tan); font-size:14px; line-height:1.5; }
.creator-commerce .creator-optional-hint { margin:6px 0 0 34px; }
.creator-form:has(.creator-optional) > button[type="submit"] { margin-bottom:0; }
.creator-action,.creator-secondary-action,.creator-order-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; max-width:100%; padding:12px 18px; margin:0 8px 12px 0; border:1px solid var(--line-strong); border-radius:12px; font:500 16px/1.4 var(--font-body); white-space:normal; overflow-wrap:anywhere; text-align:center; text-decoration:none; cursor:pointer; }
.creator-action { background:var(--cream); color:var(--dark); border-color:var(--cream); }
.creator-secondary-action,.creator-order-button { background:rgba(10,7,7,.5); color:var(--cream); }
.creator-action:hover { opacity:.9; color:var(--dark); }
.creator-secondary-action:hover,.creator-order-button:hover { background:rgba(255,244,231,.08); color:var(--cream); }
.creator-text-button { appearance:none; display:inline-flex; align-items:center; min-height:44px; padding:8px 4px; margin:0 16px 0 0; border:0; background:none; color:var(--tan); font:500 15px/1.4 var(--font-body); text-decoration:underline; text-underline-offset:.2em; cursor:pointer; }
.creator-commerce button:disabled { opacity:.6; cursor:progress; }
.creator-account-bar { display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between; align-items:center; border-block:1px solid var(--line); margin-block:16px; padding-block:12px; }
.creator-account-bar p { margin:0; overflow-wrap:anywhere; }
.creator-order-reference { font-size:13px; color:var(--tan); overflow-wrap:anywhere; }
.creator-order-message { padding:12px 16px; border:1px solid var(--line); border-radius:12px; background:rgba(10,7,7,.64); }
.creator-signing { min-width:0; margin-top:24px; padding:16px; border:1px solid var(--line-strong); border-radius:16px; background:rgba(10,7,7,.64); }
.creator-signing[hidden] { display:none; }
.creator-signing h3 { margin-top:0; }
.creator-signing-toolbar { position:sticky; top:max(112px,env(safe-area-inset-top)); z-index:1; padding-top:8px; background:var(--dark); border-radius:12px; }
.creator-commerce-dialog .creator-signing-toolbar { top:max(80px,env(safe-area-inset-top)); }
.creator-signing-status { color:var(--tan); font-size:14px; }
.creator-signing-status:empty { display:none; }
.creator-signing-frame { min-width:0; }
.creator-signing-frame iframe { display:block; width:100%; height:clamp(360px,78svh,840px); border:1px solid var(--line); border-radius:12px; background:var(--cream); }
.creator-signing-fallback { margin-top:16px; }
.creator-signing-fallback summary { min-height:44px; padding:10px 0; color:var(--tan); cursor:pointer; }
.creator-signing-fallback p { margin-top:12px; }
.creator-signing :is(button,summary,iframe):focus-visible { outline:2px solid var(--cream); outline-offset:3px; }
.creator-commerce-secondary { margin-top:16px; }
.creator-confirmed { font-weight:600; }
.creator-orders { margin-bottom:24px; }
.creator-documents { display:flex; flex-wrap:wrap; gap:8px; }
.creator-activation { margin-block:24px; }
.creator-activation input { font-family:ui-monospace,monospace; margin-bottom:12px; }
.creator-help { margin-top:24px!important; font-size:14px; color:var(--tan); }
.creator-qr { display:grid; justify-items:start; gap:12px; flex-basis:100%; max-width:100%; margin:8px 0 20px; }
.creator-qr svg { display:block; width:min(256px,100%); height:auto; max-width:100%; background:rgb(255,255,255); border:8px solid rgb(255,255,255); border-radius:4px; }
.creator-qr:empty { display:none; }
.creator-commerce-dialog { position:fixed; inset:0 0 0 auto; box-sizing:border-box; width:min(520px,100%); max-width:100%; height:100dvh; max-height:100dvh; margin:0; padding:24px 32px 32px; border:1px solid var(--line-strong); border-radius:20px 0 0 20px; background:var(--dark); color:var(--cream); overflow-y:auto; overscroll-behavior:contain; }
.creator-commerce-dialog:not([open]) { display:none; }
.creator-commerce-dialog::backdrop { background:rgba(10,7,7,.65); }
.creator-dialog-close { position:sticky; display:block; z-index:1; margin:0 0 16px auto; top:max(16px,env(safe-area-inset-top)); min-height:44px; padding:8px 16px; border:1px solid var(--line-strong); border-radius:12px; background:var(--dark); color:var(--cream); font:500 16px/1.4 var(--font-body); cursor:pointer; }
.creator-dialog-open { overflow:hidden; }
.urticad-creator-purchase-summary { background:rgba(10,7,7,.64); border:1px solid var(--line); border-radius:20px; padding:24px!important; }
.urticad-creator-purchase-summary .urticad-button-row { gap:12px; }
.urticad-creator-purchase-summary .urticad-button { white-space:normal; line-height:1.4; text-align:center; padding-block:12px; }
.urticad-creator-purchase-note { margin-top:16px!important; font-size:14px!important; }
@media (max-width:600px) {
  .creator-commerce-dialog { inset:auto 0 0; width:100%; height:auto; max-height:90dvh; padding:20px 20px max(24px,env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; }
  .creator-action,.creator-secondary-action,.creator-order-button { width:100%; margin-right:0; }
  .creator-commerce h3 { font-size:25px; }
  .urticad-creator-purchase-summary { padding:20px!important; }
}
@media (max-height:500px) { .creator-commerce-dialog { inset:0 0 0 auto; height:100dvh; max-height:100dvh; border-radius:0; } }
@media (prefers-reduced-motion:reduce) { .creator-commerce * { transition:none!important; animation:none!important; } }
@media print { .creator-commerce-dialog,[data-creator-start-qr],.creator-qr,.creator-commerce button { display:none!important; } .creator-commerce { color:CanvasText; } }