/*
 * The studio, on the design system.
 *
 * Every rule below this block was written against ten local variables — --bg,
 * --panel, --panel2, --soft, --text, --muted, --line, --accent, --accent2 and
 * --shadow. That is the whole leverage: the variables are re-pointed at
 * `canvastia-ds.css` here, and the eleven hundred lines underneath adopt the new
 * palette without being touched. What genuinely needed more than a colour —
 * type, radii, the buttons, the generate bar — is upgraded in one block at the
 * end of the file, where it wins on order rather than by fighting specificity.
 *
 * One theme: dark. The owner removed the light theme and its topbar toggle
 * (11 September 2026), on the web and in the app alike.
 */
.canvastia[data-canvastia]{
  --bg:var(--ca-bg);
  --panel:var(--ca-surface);
  --panel2:var(--ca-surface-2);
  --soft:var(--ca-surface-3);
  --text:var(--ca-ink);
  --muted:var(--ca-ink-muted);
  --line:var(--ca-border);
  --accent:var(--ca-accent);
  /* The second accent was a sage green used in every gradient beside the warm
     one. In the new system a gradient is one hue moving, so this is the
     accent's own dark end rather than a different colour. */
  --accent2:var(--ca-accent-strong);
  --shadow:var(--ca-shadow);
  /* One measure system for every header control (Screenshot_5): the account
     chip and the Kredi Yükle pill are the reference. Every topbar button reads
     these instead of hand-picked heights/radii so the row stays one family. */
  --hdr-ctl-h:46px;
  --hdr-ctl-radius:14px;
  --hdr-ctl-border:1px;
  --hdr-ctl-px:15px;
  --hdr-ctl-gap:9px;
  max-width:1330px;margin:24px auto;padding:var(--ca-space-5);
  border:1px solid var(--line);border-radius:var(--ca-radius-xl);
  background:var(--ca-bg);
  box-shadow:var(--shadow);
  font-family:var(--ca-font-body);
  color:var(--text);
}

/* The studio root always carries data-theme="dark" and .canvastia--dark. */
.canvastia[data-canvastia][data-theme="dark"],.canvastia[data-canvastia].canvastia--dark{
  --bg:var(--ca-bg);
  --panel:var(--ca-surface);
  --panel2:var(--ca-surface-2);
  --soft:var(--ca-surface-3);
  --text:var(--ca-ink);
  --muted:var(--ca-ink-muted);
  --line:var(--ca-border);
  --shadow:var(--ca-shadow);
}

.canvastia[data-canvastia] *{box-sizing:border-box}

.canvastia[data-canvastia] h2,.canvastia[data-canvastia] h3,.canvastia[data-canvastia] p{margin-top:0}

.canvastia__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 4px 18px}

.canvastia__topbar h2{margin:4px 0 6px;font-size:30px;line-height:1.08}

.canvastia__topbar p{margin:0;color:var(--muted);font-size:14px}

.canvastia__eyebrow{display:inline-flex;padding:5px 9px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em}
.canvastia__topbar-brand{display:flex;align-items:center;gap:var(--hdr-ctl-gap);flex-wrap:wrap}
.canvastia__topbar-controls{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--hdr-ctl-gap)}

/* ---- Shared header-control family --------------------------------------------
   Every topbar button/control lands on the same height, radius, border weight,
   vertical alignment and hover/focus. Width still follows content. */
.canvastia[data-canvastia] .canvastia__myimages-btn,
.canvastia[data-canvastia] .canvastia__credit-box,
.canvastia[data-canvastia] .canvastia__profile-trigger,
.canvastia[data-canvastia] .canvastia__lang-btn{
  height:var(--hdr-ctl-h)!important;min-height:var(--hdr-ctl-h)!important;max-height:var(--hdr-ctl-h)!important;
  border-radius:var(--hdr-ctl-radius)!important;
  border:var(--hdr-ctl-border) solid var(--line)!important;
  box-shadow:none!important;margin:0!important;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.canvastia[data-canvastia] .canvastia__myimages-btn:hover,
.canvastia[data-canvastia] .canvastia__credit-box:hover,
.canvastia[data-canvastia] .canvastia__profile-trigger:hover,
.canvastia[data-canvastia] .canvastia__lang-btn:hover{
  border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important;
}
.canvastia[data-canvastia] .canvastia__myimages-btn:focus-visible,
.canvastia[data-canvastia] .canvastia__profile-trigger:focus-visible,
.canvastia[data-canvastia] .canvastia__lang-btn:focus-visible{
  outline:none!important;border-color:var(--accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)!important;
}

.canvastia[data-canvastia] .canvastia__myimages-btn{display:inline-flex;align-items:center;gap:var(--hdr-ctl-gap);padding:0 var(--hdr-ctl-px);background:var(--panel2);color:var(--text);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.canvastia[data-canvastia] .canvastia__myimages-btn>span{color:var(--accent)}

/* Icon-only "My images": square, glyph centered, label appears on hover/focus
   as a small tooltip below the button (still in the a11y tree via aria-label). */
.canvastia[data-canvastia] .canvastia__myimages-btn--icon{position:relative;width:var(--hdr-ctl-h);min-width:var(--hdr-ctl-h);padding:0!important;justify-content:center;gap:0}
.canvastia[data-canvastia] .canvastia__myimages-btn--icon>span[aria-hidden]{font-size:16px}
.canvastia[data-canvastia] .canvastia__myimages-hoverlabel{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(-3px);z-index:70;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);font-size:11px;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.canvastia__myimages-btn--icon:hover .canvastia__myimages-hoverlabel,
.canvastia__myimages-btn--icon:focus-visible .canvastia__myimages-hoverlabel{opacity:1;transform:translateX(-50%) translateY(0)}

/* Credit balance + Top-up, left of the account chip (app parity). Gold is
   money/ownership in the design system — its fill stays, its frame joins the
   family. */
.canvastia__credit-box{display:inline-flex;align-items:stretch;border-color:color-mix(in srgb,var(--ca-gold,#f5a524) 45%,var(--line))!important;background:color-mix(in srgb,var(--ca-gold,#f5a524) 12%,var(--panel));overflow:hidden}
.canvastia__credit-count{display:inline-flex;align-items:center;gap:6px;padding:0 var(--hdr-ctl-px);color:var(--ca-gold,#f5a524);font-weight:800}
.canvastia__credit-count-icon{font-size:12px}
.canvastia__credit-count strong{font-size:15px;font-variant-numeric:tabular-nums}
.canvastia__credit-count-unit{font-size:11px;font-weight:700;opacity:.85}
.canvastia[data-canvastia] .canvastia__topup-btn{display:inline-flex!important;align-items:center;gap:4px;height:100%!important;min-height:0!important;margin:0!important;padding:0 var(--hdr-ctl-px)!important;border:0!important;border-left:1px solid color-mix(in srgb,var(--ca-gold,#f5a524) 45%,var(--line))!important;border-radius:0!important;background:var(--ca-gold,#f5a524)!important;color:#1a1206!important;font:inherit!important;font-size:12px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__topup-btn:hover{filter:brightness(1.06)}
.canvastia[data-canvastia] .canvastia__topup-btn span{font-size:13px}
@media(max-width:560px){.canvastia__credit-count-unit{display:none}}

.canvastia__theme-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);cursor:pointer;font-size:20px;box-shadow:0 8px 22px rgba(20,32,60,.08)}

.canvastia__workspace{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}

.canvastia__panel{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,transparent),var(--panel));border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 10px 30px rgba(20,32,60,.05)}

.canvastia__panel--scenes,.canvastia__panel--format,.canvastia__panel--details{grid-column:1/-1}

.canvastia__panel--auth{margin-bottom:14px;padding:12px}

.canvastia__panel-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}

.canvastia__panel-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ca-accent-ink);font-size:12px;font-weight:900}
/* Per-scene credit cost, top-right of the step heading (gold = money). */
.canvastia__panel-head>.canvastia__scene-cost{display:inline-flex;align-items:center;width:auto;height:auto;margin-left:auto;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.01em;white-space:nowrap}
@media(max-width:560px){.canvastia__panel-head{flex-wrap:wrap}.canvastia__panel-head>.canvastia__scene-cost{margin:6px 0 0 40px}}

.canvastia__panel-head strong{display:block;font-size:15px}

.canvastia__panel-head small{display:block;color:var(--muted);font-size:12px;margin-top:2px}

.canvastia[data-canvastia] label{display:block;color:var(--text);font-size:12px;font-weight:700}

.canvastia[data-canvastia] input[type=text],.canvastia[data-canvastia] input[type=tel],.canvastia[data-canvastia] input[type=email],.canvastia[data-canvastia] input[type=password],.canvastia[data-canvastia] input[type=search],.canvastia[data-canvastia] select{width:100%;height:40px;margin-top:6px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);outline:none}

.canvastia[data-canvastia] input:focus,.canvastia[data-canvastia] select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}

.canvastia__drop{min-height:210px;border:1.5px dashed color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),var(--panel2));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;padding:14px;cursor:pointer;overflow:hidden}

.canvastia__drop-icon{font-size:32px;color:var(--accent)}

.canvastia__drop strong{font-size:14px}

.canvastia__drop small{color:var(--muted);font-size:11px}

.canvastia__preview{max-width:100%;max-height:185px;border-radius:12px;object-fit:contain}

.canvastia__field-grid,.canvastia__control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}

.canvastia__field-grid{margin:12px 0 10px}

.canvastia__control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* The four short adoption facts on one row (owner request). */
.canvastia[data-canvastia] .canvastia__field-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:720px){.canvastia[data-canvastia] .canvastia__field-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Age = a number + a unit, kept tidy in one control group. */
.canvastia__age-input{display:flex;gap:6px;align-items:stretch}
.canvastia__age-input input{flex:0 0 52px;min-width:0;text-align:center;padding:0 4px}
.canvastia__age-input select{flex:1 1 auto;min-width:0}

/* Step 2 — post format tiles */
.canvastia__format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:6px 0 2px}
.canvastia[data-canvastia] .canvastia__format-tile{position:relative;display:grid!important;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;min-height:58px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer}
.canvastia__format-tile:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}
.canvastia__format-tile input{position:absolute;opacity:0;pointer-events:none}
.canvastia__format-iconbox{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:color-mix(in srgb,var(--muted) 10%,transparent)}
.canvastia__format-icon{display:block;border:2px solid var(--muted);border-radius:4px;background:color-mix(in srgb,var(--accent) 10%,transparent)}
.canvastia__format-name{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.25;overflow-wrap:anywhere}
.canvastia__format-ratio{flex:none;justify-self:end;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--muted) 14%,transparent);font-size:11px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.canvastia__format-tile:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.canvastia__format-tile:has(input:checked) .canvastia__format-icon{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}
.canvastia__format-tile:has(input:checked) .canvastia__format-ratio{color:var(--accent)}
.canvastia__format-tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}

/* Step 3 — listing-info selects share the text-field look */
.canvastia[data-canvastia] .canvastia__details-fields .canvastia__field-grid>label>select,
.canvastia[data-canvastia] .canvastia__details-fields .canvastia__age-input>input,
.canvastia[data-canvastia] .canvastia__details-fields .canvastia__age-input>select{width:100%;min-width:0;height:43px;margin:0;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-size:13px;font-weight:500}
/* The four short facts on one tidy row: equal-height controls, aligned labels. */
.canvastia[data-canvastia] .canvastia__field-grid--4{gap:10px;align-items:end}
.canvastia[data-canvastia] .canvastia__field-grid--4>label{align-content:start}
@media(max-width:720px){.canvastia[data-canvastia] .canvastia__field-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.canvastia[data-canvastia] .canvastia__field-grid--4{grid-template-columns:1fr}}
.canvastia[data-canvastia] .canvastia__details-fields textarea{width:100%;min-width:0;margin:0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font:inherit;font-size:13px;font-weight:500;line-height:1.5;resize:vertical}
.canvastia__field-block{display:grid!important;gap:5px;margin-top:10px;font-size:11px;font-weight:700;color:var(--text)}

/* Step 3 — the card gate and the three sub-cards */
.canvastia__card-gate{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:4px 0 12px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.canvastia__card-gate-q{font-size:12px;font-weight:700;color:var(--text)}
.canvastia__seg{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.canvastia[data-canvastia] .canvastia__seg-opt{position:relative;display:block;cursor:pointer}
.canvastia__seg-opt input{position:absolute;opacity:0;pointer-events:none}
.canvastia__seg-opt>span{display:block;padding:6px 18px;border-radius:999px;font-size:12px;font-weight:750;color:var(--muted);transition:background .12s,color .12s}
.canvastia__seg-opt:has(input:checked)>span{background:var(--accent);color:var(--ca-accent-ink)}
.canvastia__seg-opt:has(input:focus-visible)>span{outline:2px solid var(--accent);outline-offset:2px}
.canvastia__details-cards{display:grid;gap:12px}
.canvastia__details-cards[hidden]{display:none!important}

/* Static sample card (shown when "Hayır") */
.canvastia__card-sample{display:flex;justify-content:center;margin:14px 0 6px}
.canvastia__card-sample[hidden]{display:none!important}
.canvastia__card-sample img{display:block;width:100%;max-width:480px;border-radius:16px;border:1px solid var(--line)}

/* Live adoption-card preview (shown with the card-design picker when "Evet") */
.canvastia__card-preview{display:grid;gap:9px;margin:12px 0 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#241c19;color:#fff}
.canvastia__card-preview[aria-hidden="true"]{}
.canvastia__bilgi-name-row{}
.canvastia[data-canvastia][data-usecase=personal] .canvastia__bilgi-name-row{grid-template-columns:1fr!important}
.canvastia__cp-meta{font-size:11px;font-weight:800;letter-spacing:.02em}
.canvastia__cp-meta:empty{display:none}
.canvastia__cp-name{font-family:var(--ca-font-display,inherit);font-size:22px;font-weight:900;line-height:1.1}
.canvastia__card-preview.is-compact .canvastia__cp-name{font-size:18px}
.canvastia__cp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.canvastia__cp-chips:empty{display:none}
.canvastia__cp-chips .cp-chip{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;font-style:normal;line-height:1.2;color:#1a1210}
.cp-chip.cp-age{background:#f3c766}
.cp-chip.cp-female{background:#e6a2c0}
.cp-chip.cp-male{background:#8fb7e6}
.cp-chip.cp-unknown{background:#c7c7cf}
.cp-chip.cp-city{background:#7fc7c1}
.cp-chip.cp-vac{background:#93cf8f}
.cp-chip.cp-neu{background:#b6a2e0}
.canvastia__cp-contact{align-self:start;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:12px;font-weight:800}
.canvastia__cp-contact[hidden],.canvastia__cp-note[hidden]{display:none}
.canvastia__cp-note{font-size:13px;line-height:1.5}
.canvastia__sub-card{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 60%,var(--panel))}
.canvastia__sub-card h4{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.canvastia__sub-card .canvastia__field-grid{margin:0 0 10px}
.canvastia__sub-card .canvastia__field-grid:last-child{margin-bottom:0}
.canvastia__inline-check{display:flex!important;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;color:var(--text)}
.canvastia__inline-check input{flex:none}

/* Card design picker — colour square + label, like the app */
.canvastia__card-style-grid{display:flex;flex-wrap:wrap;gap:8px}
.canvastia[data-canvastia] .canvastia__card-style-opt{position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border:1.5px solid var(--line);border-radius:10px;background:var(--panel2);cursor:pointer}
.canvastia__card-style-opt:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.canvastia__card-style-opt input{position:absolute;opacity:0;pointer-events:none}
.canvastia__card-style-swatch{flex:none;width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,.18)}
.canvastia__card-style-name{font-size:12px;font-weight:700;color:var(--text)}
.canvastia[data-canvastia] .canvastia__card-style-opt:has(input:checked){border-color:var(--ca-gold,#f5a524);box-shadow:0 0 0 2px color-mix(in srgb,var(--ca-gold,#f5a524) 45%,transparent)}
.canvastia__card-style-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.canvastia__card-style-opt.is-minimal .canvastia__card-style-swatch{background:linear-gradient(135deg,#2a211d,#4a3b34)}
.canvastia__card-style-opt.is-soft .canvastia__card-style-swatch{background:linear-gradient(135deg,#1c1614,#e78a5b)}
.canvastia__card-style-opt.is-bold .canvastia__card-style-swatch{background:linear-gradient(135deg,#0a0808,#c2452f)}
.canvastia__card-style-opt.is-clean .canvastia__card-style-swatch{background:linear-gradient(135deg,#faf7f5,#d8cfc9)}
.canvastia__card-style-opt.is-social .canvastia__card-style-swatch{background:linear-gradient(135deg,#18121e,#b09ad6)}
.canvastia__card-style-opt.is-dark .canvastia__card-style-swatch{background:linear-gradient(135deg,#000,#3a3330)}
/* Whole button tinted with the design's own colour, as in the app */
.canvastia[data-canvastia] .canvastia__card-style-opt.is-minimal{background:color-mix(in srgb,#4a3b34 16%,var(--panel2))}
.canvastia[data-canvastia] .canvastia__card-style-opt.is-soft{background:color-mix(in srgb,#e78a5b 16%,var(--panel2))}
.canvastia[data-canvastia] .canvastia__card-style-opt.is-bold{background:color-mix(in srgb,#c2452f 16%,var(--panel2))}
.canvastia[data-canvastia] .canvastia__card-style-opt.is-clean{background:color-mix(in srgb,#d8cfc9 22%,var(--panel2))}
.canvastia[data-canvastia] .canvastia__card-style-opt.is-social{background:color-mix(in srgb,#b09ad6 16%,var(--panel2))}
.canvastia[data-canvastia] .canvastia__card-style-opt.is-dark{background:color-mix(in srgb,#000 18%,var(--panel2))}

.canvastia__scene-tools{display:grid;grid-template-columns:220px 1fr;gap:10px;margin-bottom:10px}

.canvastia__scene-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:350px;overflow:auto;padding:2px}

.canvastia__scene-chip{position:relative;padding:10px 10px 9px 34px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer;min-height:58px}

.canvastia__scene-chip:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}

.canvastia__scene-chip input{position:absolute;left:10px;top:13px}

.canvastia__scene-chip span{display:block;font-size:12px;line-height:1.25}

.canvastia__scene-chip small{display:block;margin-top:5px;color:var(--muted);font-size:10px}

.canvastia__scene-chip:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}

.canvastia__scene-chip[hidden]{display:none!important}

.canvastia__actionbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 10px 30px rgba(20,32,60,.05)}

.canvastia__generate{min-width:270px;height:48px;border:none;border-radius:14px;background:var(--accent);color:#131315;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 24%,transparent)}

.canvastia__generate:disabled{opacity:.55;cursor:not-allowed}

.canvastia__consent{display:flex!important;align-items:center;gap:9px;margin:10px 0 4px;font-size:12.5px;font-weight:600;color:var(--text)}
.canvastia__consent--footer{margin:14px 0 0;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.canvastia__consent input{flex:none;width:16px;height:16px}

.canvastia__consent input{margin:0}

.canvastia__hint,.canvastia__notice{grid-column:1/-1;color:var(--muted);font-size:11px}

.canvastia__notice{min-height:16px;font-weight:700;color:var(--accent)}

.canvastia__notice--error{color:#e25362}

.canvastia__authgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.canvastia__mini-card{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:8px;padding:10px;border-radius:14px;background:var(--panel2);border:1px solid var(--line)}

.canvastia__mini-card div strong,.canvastia__mini-card div small{display:block}

.canvastia__mini-card div small{color:var(--muted);margin-top:3px}

.canvastia__mini-card input{margin:0}

.canvastia__btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border:none;border-radius:11px;text-decoration:none;font-size:12px;font-weight:800;cursor:pointer}

.canvastia__btn--primary{background:var(--accent);color:#131315}

.canvastia__btn--soft{background:var(--panel2);color:var(--text);border:1px solid var(--line)}

.canvastia__member-line{display:flex;justify-content:space-between;align-items:center;gap:12px}

.canvastia__member-line strong,.canvastia__member-line span{display:block}

.canvastia__member-line .canvastia__meta{color:var(--muted);font-size:11px;margin-top:3px}

.canvastia__auth-actions{display:flex;gap:8px}

.canvastia__coupon-form{display:flex;gap:8px;margin-top:8px;max-width:440px}

.canvastia__coupon-form input{margin:0}

.canvastia__results{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}

.canvastia__results-head h3{margin-bottom:2px;font-size:18px}

.canvastia__results-head p{margin-bottom:12px;color:var(--muted);font-size:12px}

.canvastia__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}

.canvastia__cards--single{grid-template-columns:minmax(260px,380px);justify-content:center}

.canvastia__card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}

.canvastia__card-media{aspect-ratio:4/5;background:var(--bg);display:flex;align-items:center;justify-content:center}

.canvastia__cards--single .canvastia__card-media{max-height:390px}

.canvastia__card-media img,.canvastia__card-media canvas{width:100%;height:100%;object-fit:cover}

.canvastia__card-body{padding:12px}
/* Download icon on the finished image, next to the regenerate icon. */
.canvastia[data-canvastia] .canvastia__card-dl{position:absolute;top:12px;right:58px;z-index:4;width:38px;height:38px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(20,28,42,.58);color:#fff;display:grid;place-items:center;font-size:17px;line-height:1;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.18)}

.canvastia__card-title{margin:0 0 2px;font-size:16px;font-weight:800}

.canvastia__card-sub{margin:0 0 10px;color:var(--muted);font-size:11px}

.canvastia__card-actions{display:flex;gap:8px}

.canvastia__card-actions .canvastia__btn{flex:1}

.canvastia__status{text-align:center;padding:18px;color:var(--muted);font-size:12px}

.canvastia__status--error{color:#e25362}

.canvastia__spinner{width:24px;height:24px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:canvastia-spin 1s linear infinite;margin:0 auto 8px}

@keyframes canvastia-spin{to{transform:rotate(360deg)}

}

@media(max-width:900px){.canvastia[data-canvastia]{padding:12px;border-radius:18px}

.canvastia__workspace{grid-template-columns:1fr}

.canvastia__panel--scenes{grid-column:auto}

.canvastia__control-grid{grid-template-columns:repeat(2,1fr)}

.canvastia__scene-list{grid-template-columns:repeat(2,1fr)}

.canvastia__mini-card{grid-template-columns:1fr 1fr}

.canvastia__mini-card div{grid-column:1/-1}

.canvastia__actionbar{grid-template-columns:1fr}

.canvastia__generate{min-width:0;width:100%}

}

@media(max-width:560px){.canvastia__topbar h2{font-size:24px}

.canvastia__field-grid,.canvastia__control-grid,.canvastia__authgrid,.canvastia__scene-tools{grid-template-columns:1fr}

.canvastia__scene-list{grid-template-columns:1fr}

.canvastia__drop{min-height:180px}

}



/* v1.3.1 compact interaction refinements */
.canvastia__scene-selection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 12px}

.canvastia__scene-count{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--text)!important;font-size:12px;font-weight:800;line-height:1.1;white-space:nowrap;box-shadow:none}

.canvastia__option-card{transition:.18s ease}

.canvastia__option-card.is-open{box-shadow:0 10px 24px rgba(15,23,42,.08);transform:translateY(-1px)}

.canvastia__option-sub[hidden]{display:none!important}

.canvastia__option-sub{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(127,127,127,.18)}


.canvastia__progress-modal[hidden]{display:none!important}

.canvastia__progress-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:20px;--accent:var(--ca-accent,#f5b52e);--accent2:var(--ca-accent-strong,#e59a15)}

.canvastia__progress-backdrop{position:absolute;inset:0;background:rgba(5,10,20,.68);backdrop-filter:blur(8px)}

.canvastia__progress-dialog{position:relative;width:min(560px,94vw);max-height:88vh;overflow:auto;border-radius:24px;padding:22px;background:rgba(255,255,255,.96);box-shadow:0 32px 100px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.38)}

.canvastia--dark .canvastia__progress-dialog{background:rgba(16,24,39,.97);color:#edf4ff;border-color:rgba(255,255,255,.08)}

.canvastia__progress-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}

.canvastia__progress-head span{font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.65}

.canvastia__progress-head h3{margin:3px 0 0;font-size:24px}

.canvastia__progress-percent{font-size:22px}

.canvastia__progress-bar{height:10px;margin:16px 0 18px;border-radius:999px;background:rgba(127,127,127,.16);overflow:hidden}

.canvastia__progress-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s ease}
.canvastia__progress-countdown{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:-6px 0 14px;font-size:13px}
.canvastia__countdown-label{opacity:.75}
.canvastia__progress-countdown strong{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--accent)}
.canvastia__progress-countdown.is-finishing strong{font-size:15px;color:var(--accent2,var(--accent))}

.canvastia__progress-list{display:grid;gap:9px}

.canvastia__progress-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:rgba(127,127,127,.08)}

.canvastia__progress-row small{opacity:.72}

.canvastia__progress-dot{width:10px;height:10px;border-radius:50%;background:#a8b0bf}

.canvastia__progress-row.is-working .canvastia__progress-dot{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 25%,transparent)}

.canvastia__progress-row.is-done .canvastia__progress-dot{background:#54b948}

.canvastia__progress-row.is-error .canvastia__progress-dot{background:#e05252}

.canvastia__progress-note{margin:15px 0 12px;font-size:13px;opacity:.7}

.canvastia__progress-close{width:100%}


@media(max-width:700px){.canvastia__progress-dialog{padding:18px;border-radius:18px}

.canvastia__progress-head h3{font-size:20px}

}


.canvastia__selected-scenes{display:grid;gap:9px;margin:0 0 18px}

/* Compact selected-scene list on the Scenario step (options are on step 5). */
.canvastia__selected-lite{display:grid;gap:6px;margin:2px 0 6px}
.canvastia__selected-lite-row{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.canvastia__selected-lite-row .canvastia__selected-number{width:24px;height:24px;border-radius:8px;font-size:11px}
.canvastia__selected-lite-row strong{overflow:hidden;font-size:12px;font-weight:700;color:var(--text);text-overflow:ellipsis;white-space:nowrap}
.canvastia__selected-lite-row .canvastia__remove-scene{width:28px;height:28px;font-size:18px}
.canvastia__per-scene-head{margin:16px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
.canvastia__per-scene-head strong{display:block;font-size:13px;font-weight:800;color:var(--text)}
.canvastia__per-scene-head small{display:block;margin-top:2px;color:var(--muted);font-size:11px}

.canvastia__selected-scene{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:11px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}

.canvastia__selected-number{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-weight:700}

.canvastia__selected-scene strong,.canvastia__selected-scene small{display:block}

.canvastia__selected-scene small{margin-top:3px;color:var(--muted);font-size:11px}

.canvastia__remove-scene{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}

.canvastia__remove-scene:hover{background:rgba(225,82,98,.12);color:#e15262}

.canvastia__selected-empty{padding:19px 15px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted);font-size:12px}

.canvastia__scene-browser>summary{cursor:pointer;padding:11px 0;color:var(--text);font-weight:600}

.canvastia__scene-browser>.canvastia__scene-list{margin-top:12px}

/* Featured scenes: their own card above the templates card (app hierarchy). */
.canvastia__scene-featured-card{margin:0 0 12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.canvastia__scene-featured-head{margin:0 0 10px;font-family:var(--ca-font-display,inherit);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.canvastia__scene-featured{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.canvastia__scene-browser{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.canvastia[data-canvastia] .canvastia__scene-featured .canvastia__scene-chip{grid-template-rows:150px auto}
.canvastia[data-canvastia] .canvastia__scene-featured .canvastia__scene-visual{height:150px}
.canvastia[data-canvastia] .canvastia__scene-featured .canvastia__scene-copy strong{font-size:13px}
@media(max-width:560px){.canvastia__scene-featured{grid-template-columns:repeat(2,1fr)}.canvastia[data-canvastia] .canvastia__scene-featured .canvastia__scene-chip{grid-template-rows:118px auto}.canvastia[data-canvastia] .canvastia__scene-featured .canvastia__scene-visual{height:118px}}

.canvastia__scene-chip{position:relative;overflow:hidden}

.canvastia__scene-visual{display:grid!important;place-items:center;width:30px;height:30px;margin-bottom:7px;border-radius:9px;background:color-mix(in srgb,var(--scene-accent,#8b78ce) 15%,transparent);color:var(--scene-accent,#8b78ce);font-size:19px}

.canvastia__payment-success{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:16px 18px;border:1px solid rgba(93,170,126,.34);border-radius:15px;background:rgba(93,170,126,.08)}

.canvastia__payment-success p{margin:5px 0;color:var(--muted);font-size:12px}

.canvastia__payment-success small{color:var(--accent)}

.canvastia__pack-badge{display:flex;align-items:center;color:var(--muted);font-size:12px}

.canvastia__option-card{transition:border-color .18s ease,box-shadow .18s ease}

.canvastia__option-card.is-open{box-shadow:0 7px 20px rgba(88,76,150,.07)}

@media(max-width:700px){.canvastia__payment-success{align-items:flex-start;flex-direction:column}

}


.canvastia__option-card>label:first-child::before{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:15px;vertical-align:middle}

.canvastia__option-card[data-option=clothing]>label:first-child::before{content:'♧'}

.canvastia__option-card[data-option=accessory]>label:first-child::before{content:'◇'}

.canvastia__option-card[data-option=pose]>label:first-child::before{content:'◉'}

.canvastia__option-card[data-option=overlay]>label:first-child::before{content:'✎'}


.canvastia__option-stack{display:grid;gap:10px}
.canvastia__option-card{position:relative;z-index:0;overflow:visible;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);transform:none!important}
.canvastia__option-card.is-open{z-index:1;border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:0 7px 18px rgba(42,52,84,.07)!important}
.canvastia__option-card>label:first-child{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;column-gap:8px;font-size:11px;line-height:1.2}
.canvastia__option-card>label:first-child::before{grid-row:1 / span 2;margin:0}
.canvastia__option-card select,.canvastia__option-sub select{position:relative;z-index:1;height:37px!important;margin-top:5px!important;padding:0 32px 0 10px!important;font-size:13px!important;line-height:1.2}
.canvastia__option-card>label:first-child select{grid-column:1/-1}
.canvastia__option-sub{position:static!important;z-index:auto!important;clear:both;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:10px 0 0!important;padding:10px 0 0!important}
.canvastia__option-sub label{min-width:0;font-size:10.5px!important;line-height:1.25}
.canvastia__option-sub[hidden]{display:none!important}

@media(max-width:700px){.canvastia__topbar{align-items:flex-start;flex-direction:column}
.canvastia__topbar-controls{justify-content:flex-start}
.canvastia__option-sub{grid-template-columns:1fr!important}
}


.canvastia__pricing-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:12px 0;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}

.canvastia__pricing-note strong{font-size:12px;color:var(--text)}

.canvastia__pricing-note span{font-size:11px;color:var(--muted)}

.canvastia__custom-composer{display:grid;gap:9px;margin:14px 0 20px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}

.canvastia__custom-composer>label,.canvastia__scenario-note{display:grid;gap:7px;font-size:12px;font-weight:600}

.canvastia__custom-composer textarea,.canvastia__scenario-note textarea{width:100%;min-height:70px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);resize:vertical;font:inherit}

.canvastia__custom-composer>.canvastia__btn{justify-self:start}

.canvastia__selected-scene{display:block!important;padding:12px 14px!important;position:relative}

.canvastia[data-canvastia] .canvastia__selected-scene-head{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center;gap:11px;padding-inline-end:150px}
.canvastia__selected-scene-name{min-width:0}
.canvastia__selected-scene-name small{display:block;margin:0 0 1px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvastia__selected-scene-name strong{display:block;font-size:13.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvastia[data-canvastia] .canvastia__selected-scene .canvastia__remove-scene{position:absolute!important;top:10px;inset-inline-end:12px;width:26px!important;height:26px!important;min-width:26px!important}

/* "Customize this scenario" sits at the top-right of the row and opens an
   accordion under it (owner request). */
.canvastia__scenario-settings{margin:8px 0 0}
.canvastia[data-canvastia] .canvastia__scenario-settings>summary{
  position:absolute;top:11px;inset-inline-end:46px;display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:999px;
  background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);
  font-size:10.5px;font-weight:800;letter-spacing:.01em;cursor:pointer;list-style:none;white-space:nowrap}
.canvastia__scenario-settings>summary::-webkit-details-marker{display:none}
.canvastia__scenario-settings>summary i{font-style:normal;font-size:9px;transition:transform .15s ease}
.canvastia__scenario-settings[open]>summary i{transform:rotate(180deg)}
.canvastia__scenario-settings[open]{margin-top:34px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__selected-scene-head{padding-inline-end:34px}
  .canvastia[data-canvastia] .canvastia__scenario-settings>summary{position:static;margin:8px 0 0}
  .canvastia__scenario-settings[open]{margin-top:8px}
}

.canvastia__scenario-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}

.canvastia__scenario-options>label{display:grid;gap:6px;font-size:11px;color:var(--muted)}

.canvastia__card-actions .canvastia__btn{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;text-align:center}

/* Result-screen action sheet (mounted inside the studio root) */
.canvastia__sheet-wrap{position:fixed;inset:0;z-index:2000;display:grid;place-items:end center;font-family:var(--ca-font-body,inherit)}
@media(min-width:560px){.canvastia__sheet-wrap{place-items:center}}
.canvastia__sheet-backdrop{position:absolute;inset:0;background:rgba(4,3,16,.72)}
.canvastia[data-canvastia] .canvastia__sheet{position:relative;width:min(420px,100%);max-height:82vh;overflow:auto;margin:0;padding:12px 12px 20px;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;background:var(--panel);box-shadow:0 -12px 40px rgba(0,0,0,.4)}
@media(min-width:560px){.canvastia[data-canvastia] .canvastia__sheet{border-bottom:1px solid var(--line);border-radius:18px;box-shadow:var(--ca-shadow-modal,0 25px 90px rgba(0,0,0,.5))}}
.canvastia__sheet-head{padding:8px 8px 14px;font-size:14px;font-weight:800;color:var(--text);text-align:center}
.canvastia[data-canvastia] .canvastia__sheet-item{display:flex!important;align-items:center;gap:12px;width:100%!important;min-height:52px;margin:0 0 8px!important;padding:14px 16px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel2)!important;color:var(--text)!important;font:inherit!important;font-size:14px!important;font-weight:650!important;text-align:left!important;cursor:pointer;box-shadow:none!important;transform:none!important}
.canvastia[data-canvastia] .canvastia__sheet-item:hover{border-color:var(--accent)!important}
.canvastia__sheet-item>span{flex:none;width:22px;font-size:17px;text-align:center}
.canvastia__sheet-item.is-danger{color:#e15262!important}
.canvastia[data-canvastia] .canvastia__sheet-cancel{justify-content:center;margin-bottom:0!important;background:transparent!important;color:var(--muted)!important;font-weight:700!important}

.canvastia__card-actions .canvastia__btn small{font-size:9px;opacity:.82}

/* One action per row.
   Two columns gave "Unlock HD - 1 credits" a track narrower than the words, and
   a grid item's default minimum width is its content, so the button overflowed
   its card and the label was cut off at the left edge. A card this narrow has
   room for one action at a time. */
.canvastia__archive-downloads{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px}

/* `min-width:0` lets a grid item be narrower than its content instead of
   pushing out of the card; the label then wraps or ellipsises inside it. */
.canvastia__archive-downloads .canvastia__btn{min-width:0;padding:7px 8px;font-size:10px;white-space:normal;text-align:center;overflow-wrap:anywhere}

.canvastia__member-package{min-width:132px}

@media(max-width:700px){.canvastia__pricing-note{align-items:flex-start;flex-direction:column}

.canvastia__scenario-options{grid-template-columns:1fr}

.canvastia__archive-downloads{grid-template-columns:1fr}

}

/* v1.4.2: compact guided studio; one visible task at a time. */
.canvastia[data-canvastia] [hidden]{display:none!important}
.canvastia[data-canvastia]{max-width:1330px;padding:26px;border-radius:22px}
.canvastia[data-canvastia] .canvastia__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0 13px!important;border-radius:10px!important;font-size:12px!important;font-weight:700!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap!important;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__btn.canvastia__btn--soft{border:1px solid var(--line)!important;background:var(--panel2)!important;color:var(--text)!important}
.canvastia[data-canvastia] .canvastia__btn.canvastia__btn--primary{border:0!important;background:var(--accent)!important;color:#131315!important}
.canvastia__topbar{align-items:center;padding:4px 2px 16px;margin-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}
.canvastia__topbar h2{font-size:27px;letter-spacing:-.035em}
.canvastia__topbar p{font-size:13px;line-height:1.5}
.canvastia__panel{padding:20px;border-radius:17px}
.canvastia__panel--auth{padding:12px;margin-bottom:18px}
.canvastia__panel--auth.is-highlight{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent);animation:canvastia-authpulse 1.2s ease 2}
@keyframes canvastia-authpulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent)}}
.canvastia__authgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.canvastia__mini-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start;gap:11px;min-width:0;padding:14px;border-radius:13px}
.canvastia__mini-card-head{display:grid;gap:4px;min-width:0}
.canvastia__mini-card-head strong{font-size:13px!important;line-height:1.3}
.canvastia__mini-card-head small{margin:0!important;color:var(--muted);font-size:11px!important;line-height:1.4}
.canvastia__mini-card-fields{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto!important;align-items:center;gap:7px;min-width:0}
.canvastia[data-canvastia] .canvastia__mini-card-fields.canvastia__registration-fields{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}
.canvastia[data-canvastia] .canvastia__mini-card-fields.canvastia__registration-fields>input{flex:1 1 auto!important;min-width:0!important}
.canvastia[data-canvastia] .canvastia__mini-card-fields.canvastia__registration-fields>.canvastia__btn{flex:0 0 auto!important;width:auto!important}
.canvastia__mini-card-fields input,.canvastia__mini-card-fields select{min-width:0;height:39px!important;margin:0!important;padding:0 9px!important;font-size:12px!important;border-radius:9px!important}
.canvastia[data-canvastia] .canvastia__mini-card-fields>.canvastia__btn{width:auto!important;min-width:90px!important;height:39px!important;min-height:39px!important;padding:0 11px!important;border-radius:9px!important;font-size:11px!important;line-height:1!important;white-space:nowrap}
.canvastia__form-notice{min-height:0;font-size:11px;font-weight:600;line-height:1.5;color:var(--accent)}
.canvastia__form-notice:empty{display:none}
.canvastia__form-notice--error{color:#d94c5e}
.canvastia__activation-form{max-width:700px;margin:0 auto}
.canvastia__activation-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:8px}
.canvastia__activation-fields input{height:40px!important;margin:0!important;font-size:12px!important}
.canvastia__activation-error{margin:0 0 12px;padding:10px 12px;border:1px solid rgba(217,76,94,.23);border-radius:10px;background:rgba(217,76,94,.07);color:#c84858;font-size:12px}
.canvastia[data-canvastia][data-activation=pending]>.canvastia__wizard-progress,.canvastia[data-canvastia][data-activation=pending]>.canvastia__workspace,.canvastia[data-canvastia][data-activation=pending]>.canvastia__actionbar,.canvastia[data-canvastia][data-activation=pending]>.canvastia__notice{display:none!important}

/* The two funnels (app parity). No use-case chosen → only the chooser shows.
   A use-case chosen → chooser hidden, wizard shown, plus a "change type" link. */
.canvastia__usecase{display:block;margin:0 0 16px}
.canvastia__usecase h3{margin:0 0 12px;font-family:var(--ca-font-display,inherit);font-size:16px;font-weight:800;color:var(--text)}
.canvastia__usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.canvastia[data-canvastia] .canvastia__usecase-card{display:grid!important;justify-items:start;gap:5px;padding:18px 18px 16px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--panel2)!important;color:var(--text)!important;text-align:left!important;cursor:pointer;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__usecase-card:hover{border-color:var(--accent)!important;transform:translateY(-2px)}
.canvastia__usecase-icon{font-size:26px}
.canvastia__usecase-card strong{font-size:14px;font-weight:800}
.canvastia__usecase-card small{color:var(--muted);font-size:11px}
.canvastia__usecase-recent{margin-top:14px}
.canvastia__usecase-recent-head{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.canvastia__usecase-recent-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;cursor:pointer}
.canvastia__usecase-recent-strip img{flex:none;width:74px;height:74px;border-radius:11px;object-fit:cover;border:1px solid var(--line)}
.canvastia__usecase-recent-strip:hover img{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.canvastia__usecase-back{display:none;margin:0 0 10px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}

/* Step 6 — frame positioning */
.canvastia__frame-stage{display:flex;justify-content:center;margin:4px 0 12px}
.canvastia__frame-window{position:relative;width:100%;max-width:360px;aspect-ratio:4/5;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--panel2);cursor:grab;touch-action:none;user-select:none}
.canvastia__frame-window:active{cursor:grabbing}
.canvastia__frame-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;-webkit-user-drag:none}
.canvastia__frame-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
.canvastia__frame-anchors{display:grid;grid-template-columns:repeat(3,28px);gap:6px;justify-content:center;margin:0 0 8px}
.canvastia__frame-anchor{width:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);cursor:pointer}
.canvastia__frame-anchor:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.canvastia__frame-anchor.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}
.canvastia__usecase-back:hover{border-color:var(--accent);color:var(--text)}
.canvastia[data-canvastia]:not([data-usecase=adoption]):not([data-usecase=personal])>.canvastia__wizard-progress,
.canvastia[data-canvastia]:not([data-usecase=adoption]):not([data-usecase=personal])>.canvastia__workspace,
.canvastia[data-canvastia]:not([data-usecase=adoption]):not([data-usecase=personal])>.canvastia__panel--review,
.canvastia[data-canvastia]:not([data-usecase=adoption]):not([data-usecase=personal])>.canvastia__actionbar,
.canvastia[data-canvastia]:not([data-usecase=adoption]):not([data-usecase=personal])>.canvastia__notice,
.canvastia[data-canvastia]:not([data-usecase=adoption]):not([data-usecase=personal])>.canvastia__results,
.canvastia[data-canvastia]:not([data-usecase=adoption]):not([data-usecase=personal])>.canvastia__usecase-back{display:none!important}
.canvastia[data-canvastia][data-usecase=adoption]>.canvastia__usecase,
.canvastia[data-canvastia][data-usecase=personal]>.canvastia__usecase{display:none!important}
.canvastia[data-canvastia][data-usecase=adoption]>.canvastia__usecase-back,
.canvastia[data-canvastia][data-usecase=personal]>.canvastia__usecase-back{display:inline-block}
.canvastia[data-canvastia][data-usecase=personal] [data-adoption-only]{display:none!important}
.canvastia[data-canvastia][data-activation=pending]>.canvastia__usecase,.canvastia[data-canvastia][data-activation=pending]>.canvastia__usecase-back{display:none!important}
.canvastia__member-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px}
.canvastia__member-identity{display:flex;align-items:center;gap:10px;min-width:0}
.canvastia__member-avatar{display:grid!important;flex:0 0 38px;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--panel)),color-mix(in srgb,var(--accent2) 16%,var(--panel)));color:var(--accent);font-size:15px;font-weight:800}
.canvastia__member-identity strong{display:block;overflow:hidden;max-width:240px;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.canvastia__member-identity .canvastia__meta{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.canvastia__auth-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap}
.canvastia__member-topup{display:flex;align-items:center;gap:6px}
.canvastia__member-package{width:140px!important;min-width:140px!important;height:38px!important;margin:0!important;padding:0 25px 0 9px!important;font-size:11px!important;border-radius:9px!important}
.canvastia[data-canvastia] .canvastia__auth-actions .canvastia__btn{height:38px!important;min-height:38px!important;max-height:38px!important;padding:0 10px!important;border-radius:9px!important;font-size:11px!important}
.canvastia__coupon-access{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}
.canvastia__coupon-access>summary{display:inline-flex;cursor:pointer;color:var(--muted);font-size:11px;font-weight:600}
.canvastia__coupon-form{display:grid;grid-template-columns:minmax(0,240px) auto;align-items:center;gap:7px;max-width:350px;margin-top:8px}
.canvastia__coupon-form>input{height:37px!important;margin:0!important;font-size:12px!important}
.canvastia[data-canvastia] .canvastia__coupon-form>.canvastia__btn{height:37px!important;min-height:37px!important;max-height:37px!important}
.canvastia__coupon-form>.canvastia__form-notice{grid-column:1/-1}
.canvastia__wizard-progress{display:grid;grid-template-columns:repeat(var(--wiz-cols,6),minmax(0,1fr));gap:4px;margin:0 0 14px;padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.canvastia[data-canvastia] .canvastia__wizard-item{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:42px;padding:0 8px;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--muted)!important;cursor:pointer;box-shadow:none!important}
.canvastia__wizard-item span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:var(--panel2);font-size:10px;font-weight:800}
.canvastia__wizard-item strong{overflow:hidden;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.canvastia[data-canvastia] .canvastia__wizard-item.is-active{background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;color:var(--accent)!important}
.canvastia__wizard-item.is-active span,.canvastia__wizard-item.is-complete span{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ca-accent-ink)}
.canvastia[data-canvastia] .canvastia__wizard-item[aria-disabled=true]{cursor:default;opacity:.58}
.canvastia__workspace{display:block}
.canvastia__panel-head{margin-bottom:18px}
.canvastia__panel-head strong{font-size:15px}
.canvastia__panel-head small{font-size:11px;line-height:1.45}
.canvastia__photo-layout{display:grid;grid-template-columns:1fr;align-items:center;gap:14px}
.canvastia__drop{min-height:190px;border-radius:14px}
.canvastia__drop-icon{font-size:29px}
.canvastia__photo-fields{display:grid;align-content:center;gap:13px;min-width:0}
.canvastia__photo-fields .canvastia__field-grid{margin:0}
.canvastia__step-tip{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
.canvastia__step-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.canvastia__step-actions--withcount{flex-wrap:wrap}
.canvastia__step-actions--withcount .canvastia__scene-count,
.canvastia__step-actions--withcount .canvastia__final-plan-total{margin-right:auto}
.canvastia__step-actions--withcount .canvastia__final-plan-total{margin-top:0;padding-top:0;border-top:0;font-size:12px;font-weight:800;color:var(--ca-gold,#f5a524)}
@media(max-width:480px){.canvastia__step-actions--withcount .canvastia__scene-count,.canvastia__step-actions--withcount .canvastia__final-plan-total{flex:1 1 100%;margin-right:0}}
.canvastia[data-canvastia] .canvastia__step-actions>.canvastia__btn,.canvastia[data-canvastia] .canvastia__step-actions>.canvastia__generate{width:auto!important;min-width:112px!important;height:41px!important;min-height:41px!important;padding:0 15px!important;border-radius:10px!important;font-size:12px!important;line-height:1!important;white-space:nowrap}
.canvastia__option-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px}
.canvastia__option-card{padding:10px 11px;border-radius:12px;box-shadow:none!important}
.canvastia__option-card>label:first-child{font-size:11px}
.canvastia__pricing-note{margin:0 0 14px;padding:10px 12px;border-radius:11px}
.canvastia__pricing-note strong,.canvastia__pricing-note span{font-size:11px}
/* Prominent split buttons — the owner asked for these to read clearly as two
   selectable buttons, not a faint segmented control. */
.canvastia__scenario-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;border:0;background:transparent}
.canvastia[data-canvastia] .canvastia__mode-button{display:flex!important;align-items:center;justify-content:center;gap:8px;height:46px!important;padding:0 16px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--soft)!important;color:var(--text)!important;font-size:12.5px!important;font-weight:800!important;letter-spacing:.01em;cursor:pointer;box-shadow:none!important;transition:border-color .15s ease,background .15s ease}
.canvastia[data-canvastia] .canvastia__mode-button span{color:var(--muted)}
.canvastia[data-canvastia] .canvastia__mode-button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important}
.canvastia[data-canvastia] .canvastia__mode-button.is-active{background:color-mix(in srgb,var(--accent) 14%,var(--panel))!important;border-color:var(--accent)!important;color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent) inset!important}
.canvastia[data-canvastia] .canvastia__mode-button.is-active span{color:var(--accent)}
.canvastia[data-canvastia] .canvastia__custom-add{width:auto!important;min-width:82px!important;height:40px!important;min-height:40px!important;padding:0 13px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap}
.canvastia__custom-composer{gap:8px;margin:13px 0 15px;padding:12px;border-radius:12px}
.canvastia__custom-composer textarea,.canvastia__scenario-note textarea{min-height:58px!important;max-height:105px;padding:8px 10px!important;font-size:12px!important;line-height:1.5}
.canvastia__scene-selection-head{margin:13px 0 9px}
.canvastia__scene-selection-head>strong{font-size:12px}
.canvastia[data-canvastia] .canvastia__scene-count{padding:8px 14px;font-size:12.5px;font-weight:800;white-space:nowrap}
.canvastia__selected-scenes{gap:8px;margin:0 0 8px}
.canvastia__selected-scene{padding:10px!important;border-radius:11px}
.canvastia__selected-scene-head{grid-template-columns:30px minmax(0,1fr) 30px;gap:9px}
.canvastia__selected-number{width:27px;height:27px;border-radius:8px;font-size:11px}
.canvastia__selected-scene strong{font-size:12px}
.canvastia__selected-scene small{font-size:10px}
.canvastia[data-canvastia] .canvastia__remove-scene{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;font-size:19px!important;line-height:1!important;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__remove-scene:hover{background:rgba(225,82,98,.12)!important;color:#e15262!important}
.canvastia__scenario-settings{margin:9px 0 0}
.canvastia__scenario-settings>summary{padding:9px 0;font-size:11px}
.canvastia__scenario-options{gap:8px;margin-bottom:8px}
.canvastia__scenario-options select{height:37px;margin:0;font-size:12px}
.canvastia__scenario-note{gap:5px;font-size:11px}
.canvastia__scenario-note>span{display:inline;color:var(--muted);font-size:10px;font-weight:400}
.canvastia__selected-empty{padding:12px;font-size:11px}
.canvastia__scene-browser{margin-top:6px}
.canvastia__scene-browser>summary{padding:8px 0;font-size:11px;color:var(--muted)}
.canvastia__scene-browser .canvastia__scene-tools{margin:8px 0}
.canvastia__actionbar{display:grid;grid-template-columns:1fr;gap:13px;margin-top:0;padding:20px}
.canvastia__actionbar>.canvastia__panel-head{margin:0 0 2px}
.canvastia__review-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.canvastia__review-summary strong{font-size:13px}
.canvastia__review-summary span{font-size:11px;color:var(--muted)}
.canvastia__actionbar>.canvastia__step-actions{margin-top:4px}
.canvastia__hint{font-size:10px}
.canvastia__notice{min-height:0;margin:9px 2px 0;font-size:11px}
.canvastia__notice:empty{display:none}

@media(max-width:850px){.canvastia__authgrid{grid-template-columns:1fr}.canvastia__photo-layout{grid-template-columns:1fr}.canvastia__drop{min-height:165px}.canvastia__member-line{align-items:flex-start;flex-direction:column}.canvastia__auth-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.canvastia__activation-fields{grid-template-columns:1fr 1fr}.canvastia__activation-fields>.canvastia__btn{grid-column:1/-1;width:100%!important}}
@media(max-width:560px){.canvastia[data-canvastia]{padding:12px}.canvastia__topbar{align-items:flex-start;gap:12px}.canvastia__topbar h2{font-size:23px}.canvastia__panel{padding:14px}.canvastia__wizard-progress{gap:4px;padding:5px}.canvastia[data-canvastia] .canvastia__wizard-item{height:39px;gap:5px;padding:0 4px}.canvastia__wizard-item span{width:20px;height:20px}.canvastia__wizard-item strong{font-size:9px}.canvastia__mini-card-fields{grid-template-columns:1fr 1fr!important}.canvastia__mini-card-fields>.canvastia__btn{grid-column:1/-1;width:100%!important}.canvastia__option-stack,.canvastia__field-grid{grid-template-columns:1fr}.canvastia__photo-layout{gap:13px}.canvastia__pricing-note,.canvastia__review-summary{align-items:flex-start;flex-direction:column}.canvastia__step-actions{flex-wrap:wrap}.canvastia[data-canvastia] .canvastia__step-actions>.canvastia__btn,.canvastia[data-canvastia] .canvastia__step-actions>.canvastia__generate{flex:1;min-width:0!important}.canvastia__scenario-options{grid-template-columns:1fr}.canvastia__scene-selection-head{align-items:flex-start;flex-direction:column}.canvastia__member-topup{order:3;width:100%}.canvastia__member-package{flex:1;width:auto!important}.canvastia__coupon-form{grid-template-columns:minmax(0,1fr) auto}}

/* v1.5.1: visual choices, connected progress and primary scene gallery. */
.canvastia[data-canvastia] [data-step-panel]{scroll-margin-top:24px;outline:none}
.canvastia__wizard-progress{position:relative;isolation:isolate;overflow:hidden;padding:10px 7px 8px}
/* Connector runs between the first and last dot centres (each at 50%/cols from
   its edge); the filled part is (step-1)/(cols-1) of that span. Driven by
   --wiz-cols (set on the nav) and --wiz-step (set on the root by studio.js), so
   it is correct for any step count without per-step rules. */
.canvastia__wizard-progress::before,.canvastia__wizard-progress::after{content:'';position:absolute;z-index:-1;top:25px;left:calc(50% / var(--wiz-cols,6));height:4px;border-radius:999px}
.canvastia__wizard-progress::before{right:calc(50% / var(--wiz-cols,6));background:var(--line)}
.canvastia__wizard-progress::after{width:calc((100% - 100% / var(--wiz-cols,6)) * (max(var(--wiz-step,1),1) - 1) / (var(--wiz-cols,6) - 1));background:linear-gradient(90deg,#ee6670 0%,#efa54c 34%,#30bda9 68%,#52ad62 100%);transition:width .28s ease}
.canvastia[data-canvastia] .canvastia__wizard-item{position:relative;z-index:1;flex-direction:column;height:54px!important;gap:4px!important;padding:0!important;background:transparent!important}
.canvastia__wizard-item span{width:27px;height:27px;border:3px solid var(--panel);border-radius:50%;background:#dfe5ee;color:#778397;font-size:10px;box-shadow:0 0 0 1px var(--line)}
.canvastia__wizard-item strong{padding:1px 7px;border-radius:999px;background:var(--panel);color:var(--muted);font-size:10px}
.canvastia__wizard-item[data-step-nav="1"].is-active span,.canvastia__wizard-item[data-step-nav="1"].is-complete span{background:#ee6670}
.canvastia__wizard-item[data-step-nav="2"].is-active span,.canvastia__wizard-item[data-step-nav="2"].is-complete span{background:#efa54c}
.canvastia__wizard-item[data-step-nav="3"].is-active span,.canvastia__wizard-item[data-step-nav="3"].is-complete span{background:#30bda9}
.canvastia__wizard-item[data-step-nav="4"].is-active span,.canvastia__wizard-item[data-step-nav="4"].is-complete span{background:#30bda9}
.canvastia__wizard-item[data-step-nav="5"].is-active span,.canvastia__wizard-item[data-step-nav="5"].is-complete span{background:#52ad62}
.canvastia__wizard-item[data-step-nav="6"].is-active span,.canvastia__wizard-item[data-step-nav="6"].is-complete span{background:#52ad62}
.canvastia__wizard-item.is-active span,.canvastia__wizard-item.is-complete span{color:var(--ca-accent-ink);box-shadow:0 0 0 1px color-mix(in srgb,currentColor 20%,var(--line)),0 3px 10px rgba(30,45,70,.14)}
.canvastia[data-canvastia] .canvastia__wizard-item.is-active{background:transparent!important}
.canvastia[data-canvastia] .canvastia__wizard-item.is-active strong{color:var(--text);font-weight:800}

.canvastia__native-select{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.canvastia__visual-select{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:7px}
.canvastia[data-canvastia] .canvastia__visual-choice{display:grid!important;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;min-width:0;min-height:38px!important;margin:0!important;padding:5px 7px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--panel)!important;color:var(--text)!important;text-align:left;cursor:pointer;box-shadow:none!important}
.canvastia__visual-choice span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,var(--panel2));color:var(--accent);font-size:15px;line-height:1}
.canvastia__visual-choice b{overflow:hidden;font-size:9.5px;line-height:1.15;text-overflow:ellipsis}
.canvastia[data-canvastia] .canvastia__visual-choice:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line))!important}
.canvastia[data-canvastia] .canvastia__visual-choice.is-selected{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)!important}
.canvastia[data-canvastia] .canvastia__visual-choice.is-selected span{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ca-accent-ink)}

.canvastia__scenario-mode{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0}
.canvastia[data-canvastia] .canvastia__mode-button{gap:8px;height:46px!important;padding:0 16px!important;font-size:12.5px!important;line-height:1!important;white-space:nowrap}
.canvastia__mode-button span{font-size:15px}
.canvastia__scene-browser{display:block;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.canvastia__scene-browser-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 12px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.canvastia__scenario-mode+*>.canvastia__scene-browser-head{margin-top:16px}
.canvastia__scene-browser-head strong,.canvastia__scene-browser-head small{display:block}
.canvastia__scene-browser-head strong{font-size:13px}
.canvastia__scene-browser-head small{margin-top:3px;color:var(--muted);font-size:10px}
.canvastia__scene-browser-head>span{padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent);font-size:9px;font-weight:800;white-space:nowrap}
.canvastia__scene-browser .canvastia__scene-tools{margin:0 0 9px}
.canvastia__scene-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:440px;padding:1px 5px 1px 1px}
.canvastia__scene-chip{display:grid;grid-template-columns:1fr auto;grid-template-rows:112px auto;gap:8px;min-height:0;padding:7px;border-radius:12px;background:var(--panel);box-shadow:0 3px 10px rgba(23,36,64,.035);transform:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.canvastia__scene-chip:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(23,36,64,.08)}
.canvastia__scene-chip>input{position:absolute;opacity:0;pointer-events:none}
.canvastia__scene-visual{position:relative;grid-column:1/-1;display:grid!important;place-items:center;width:100%;height:112px;margin:0;border-radius:9px;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--scene-accent) 28%,transparent),transparent 35%),linear-gradient(145deg,color-mix(in srgb,var(--scene-accent) 23%,var(--panel)),color-mix(in srgb,var(--scene-accent) 7%,var(--panel2)));color:var(--scene-accent);overflow:hidden}
.canvastia__scene-visual::before,.canvastia__scene-visual::after{content:'';position:absolute;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--scene-accent) 22%,transparent);border-radius:50%}
.canvastia__scene-visual::before{left:-18px;bottom:-28px}.canvastia__scene-visual::after{right:-24px;top:-25px}
.canvastia__scene-visual.has-photo{background:var(--panel2)}
.canvastia__scene-visual.has-photo::before,.canvastia__scene-visual.has-photo::after{display:none}
.canvastia__scene-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.canvastia__scene-visual b{position:relative;z-index:1;font-size:28px;line-height:1;text-shadow:0 2px 10px color-mix(in srgb,var(--scene-accent) 20%,transparent)}
.canvastia__scene-visual i{position:absolute;right:6px;bottom:5px;padding:3px 5px;border-radius:5px;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--text);font-size:7.5px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.canvastia__scene-copy{display:block!important;min-width:0;padding:0 2px}
.canvastia__scene-copy strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:10.5px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.canvastia__scene-copy small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px}
.canvastia__scene-check{display:grid!important;place-items:center;align-self:start;width:19px;height:19px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:transparent;font-size:10px}
.canvastia__scene-chip:has(input:checked){border-color:var(--scene-accent);background:color-mix(in srgb,var(--scene-accent) 5%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--scene-accent) 12%,transparent)}
.canvastia__scene-chip:has(input:checked) .canvastia__scene-check{border-color:var(--scene-accent);background:var(--scene-accent);color:#fff}
.canvastia__scene-selection-head{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}

@media(max-width:850px){.canvastia__visual-select{grid-template-columns:repeat(3,minmax(0,1fr))}.canvastia__scene-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.canvastia__wizard-progress::before,.canvastia__wizard-progress::after{top:23px}.canvastia[data-canvastia] .canvastia__wizard-item{height:50px!important}.canvastia__wizard-item strong{font-size:8px}.canvastia__visual-select{grid-template-columns:repeat(2,minmax(0,1fr))}.canvastia__scene-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:390px}.canvastia__scene-browser-head{align-items:flex-start}.canvastia__scene-browser-head>span{display:none}.canvastia[data-canvastia] .canvastia__mode-button{font-size:10px!important}.canvastia__scene-tools{grid-template-columns:1fr}}

/* v1.5.3: resilient stepper and phone-first photo upload. */
.canvastia[data-canvastia] .canvastia__wizard-progress{display:grid!important;grid-template-columns:repeat(var(--wiz-cols,6),minmax(0,1fr))!important;align-items:start!important;gap:0!important;min-height:78px!important;margin:0 0 14px!important;padding:11px 4px 9px!important;overflow:visible!important}
.canvastia[data-canvastia] .canvastia__wizard-progress::before,.canvastia[data-canvastia] .canvastia__wizard-progress::after{top:26px!important;z-index:0!important}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item{position:relative!important;z-index:1!important;display:grid!important;grid-template-rows:30px 16px!important;place-items:center!important;align-content:start!important;gap:5px!important;width:100%!important;min-width:0!important;height:51px!important;min-height:51px!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;line-height:1!important;text-align:center!important;appearance:none!important;-webkit-appearance:none!important}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-dot{position:relative!important;display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;margin:0!important;padding:0!important;border:3px solid var(--panel)!important;border-radius:50%!important;font-size:11px!important;font-weight:800!important;line-height:1!important;text-align:center!important;opacity:1!important}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-label{position:relative!important;display:block!important;visibility:visible!important;min-width:0!important;max-width:100%!important;height:16px!important;margin:0!important;padding:2px 4px!important;border:0!important;border-radius:999px!important;background:var(--panel)!important;color:var(--muted)!important;font-size:9.5px!important;font-weight:700!important;line-height:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;opacity:1!important}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-active .canvastia__wizard-label{color:var(--text)!important;font-weight:800!important}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-active .canvastia__wizard-dot,.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-complete .canvastia__wizard-dot{color:var(--ca-accent-ink)!important}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item[aria-disabled=true]{opacity:1!important}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item[aria-disabled=true] .canvastia__wizard-dot{color:#8190a3!important;background:#e8edf3!important}

.canvastia[data-canvastia] .canvastia__drop{display:flex!important;min-height:205px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:20px 15px!important;text-align:center!important}
.canvastia[data-canvastia] .canvastia__drop-dash{
  position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;
}
.canvastia[data-canvastia] .canvastia__drop-dash rect{
  width:calc(100% - 2px);height:calc(100% - 2px);
  fill:none;stroke:#947340;stroke-width:2;stroke-dasharray:12 8;
}
.canvastia[data-canvastia] .canvastia__drop-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;border-radius:13px!important;background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;color:var(--accent)!important;font-size:26px!important;line-height:1!important}
.canvastia[data-canvastia] .canvastia__drop-copy{display:grid!important;justify-items:center!important;gap:5px!important;margin:0!important}
.canvastia[data-canvastia] .canvastia__drop-copy strong{display:block!important;margin:0!important;color:var(--text)!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important}
.canvastia[data-canvastia] .canvastia__drop-copy small{display:block!important;margin:0!important;color:var(--muted)!important;font-size:10px!important;line-height:1.4!important}
.canvastia[data-canvastia] .canvastia__photo-fields>label,.canvastia[data-canvastia] .canvastia__photo-fields .canvastia__field-grid>label{display:grid!important;gap:5px!important;min-width:0!important;color:var(--text)!important;font-size:11px!important;font-weight:700!important;line-height:1.35!important}
.canvastia[data-canvastia] .canvastia__photo-fields input[type=text],.canvastia[data-canvastia] .canvastia__photo-fields input[type=tel]{width:100%!important;min-width:0!important;height:43px!important;min-height:43px!important;margin:0!important;padding:0 11px!important;border-radius:10px!important;color:var(--text)!important;font-size:13px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:normal!important}
.canvastia[data-canvastia] .canvastia__photo-fields input::placeholder{color:#92a0b2!important;font-size:11px!important;font-weight:400!important;opacity:.78!important}
.canvastia[data-canvastia] .canvastia__photo-fields input[name=phone]{font-variant-numeric:tabular-nums}

@media(max-width:850px){.canvastia[data-canvastia] .canvastia__photo-layout{grid-template-columns:1fr!important;gap:16px!important}.canvastia[data-canvastia] .canvastia__drop{min-height:175px!important}.canvastia[data-canvastia] .canvastia__auth-actions{display:flex!important;flex-wrap:wrap!important}}
@media(max-width:560px){.canvastia[data-canvastia]{width:100%!important;max-width:100%!important;margin:12px auto!important;padding:11px!important;border-radius:17px!important}.canvastia[data-canvastia] .canvastia__topbar{gap:11px!important;padding:2px 2px 15px!important}.canvastia[data-canvastia] .canvastia__topbar h2{font-size:22px!important;line-height:1.15!important}.canvastia[data-canvastia] .canvastia__topbar p{font-size:11px!important;line-height:1.5!important}.canvastia[data-canvastia] .canvastia__panel{padding:13px!important}.canvastia[data-canvastia] .canvastia__member-line{gap:11px!important}.canvastia[data-canvastia] .canvastia__member-identity strong{max-width:200px!important;font-size:12px!important}.canvastia[data-canvastia] .canvastia__auth-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important}.canvastia[data-canvastia] .canvastia__auth-actions>.canvastia__btn{width:100%!important}.canvastia[data-canvastia] .canvastia__member-topup{grid-column:1/-1!important;order:3!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;width:100%!important}.canvastia[data-canvastia] .canvastia__member-package{width:100%!important;min-width:0!important}.canvastia[data-canvastia] .canvastia__wizard-progress{min-height:72px!important;padding:9px 2px 7px!important}.canvastia[data-canvastia] .canvastia__wizard-progress::before,.canvastia[data-canvastia] .canvastia__wizard-progress::after{top:22px!important}.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item{grid-template-rows:27px 15px!important;height:47px!important;min-height:47px!important;gap:4px!important}.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-dot{width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;font-size:10px!important}.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-label{height:15px!important;padding:2px 2px!important;font-size:8.5px!important;line-height:11px!important}.canvastia[data-canvastia] .canvastia__drop{min-height:155px!important;gap:9px!important;padding:14px 10px!important}.canvastia[data-canvastia] .canvastia__drop-icon{width:38px!important;height:38px!important}.canvastia[data-canvastia] .canvastia__photo-fields{gap:12px!important}.canvastia[data-canvastia] .canvastia__photo-fields .canvastia__field-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}.canvastia[data-canvastia] .canvastia__photo-fields input[type=text],.canvastia[data-canvastia] .canvastia__photo-fields input[type=tel]{height:44px!important;font-size:16px!important}.canvastia[data-canvastia] .canvastia__photo-fields input::placeholder{font-size:11px!important}.canvastia[data-canvastia] .canvastia__step-actions{gap:8px!important;margin-top:15px!important;padding-top:13px!important}.canvastia[data-canvastia] .canvastia__step-actions>.canvastia__btn,.canvastia[data-canvastia] .canvastia__step-actions>.canvastia__generate{min-height:44px!important}.canvastia[data-canvastia] .canvastia__activation-fields{grid-template-columns:1fr!important}.canvastia[data-canvastia] .canvastia__mini-card-fields.canvastia__registration-fields{grid-template-columns:1fr!important}.canvastia[data-canvastia] .canvastia__mini-card-fields>.canvastia__btn{min-height:42px!important}}
@media(max-width:360px){.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-label{font-size:7.8px!important}.canvastia[data-canvastia] .canvastia__member-identity strong{max-width:155px!important}.canvastia[data-canvastia] .canvastia__mode-button{padding:0 5px!important;font-size:9px!important}}

/* v1.5.7 scene counter visibility hotfix */
.canvastia__scene-selection-head .canvastia__scene-count{background:#eef2ff;color:#25324b!important;border-color:#c9d2ff!important}
.canvastia--dark .canvastia__scene-selection-head .canvastia__scene-count{background:#202a3d!important;color:#f3f7ff!important;border-color:#53617d!important}

/* v1.5.8: production modal readability and auto-close */
.canvastia__progress-dialog{background:linear-gradient(180deg,rgba(7,18,40,.97),rgba(6,16,36,.98))!important;color:#f5f9ff!important;border:1px solid rgba(118,147,255,.18)!important;box-shadow:0 28px 80px rgba(0,0,0,.45)!important}
.canvastia__progress-head span,.canvastia__progress-head h3,.canvastia__progress-head strong,.canvastia__progress-subtitle,.canvastia__progress-note,.canvastia__progress-row strong,.canvastia__progress-row small{color:#f5f9ff!important}
.canvastia__progress-head h3{font-size:24px!important;font-weight:800!important;line-height:1.15!important;margin:2px 0 0!important}
.canvastia__progress-subtitle{margin:6px 0 0!important;font-size:13px!important;font-weight:600!important;opacity:.92!important}
.canvastia__progress-percent{font-size:22px!important;font-weight:800!important;color:#fff!important}
.canvastia__progress-note{margin:15px 0 0!important;opacity:.92!important}
.canvastia__progress-row{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.05)!important}
.canvastia__progress-row small{opacity:.82!important}
.canvastia__progress-bar{background:rgba(255,255,255,.1)!important}

/* v1.5.9: safer generation planning */
.canvastia__scene-explain{margin:8px 0 12px;padding:11px 13px;border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));font-size:13px;line-height:1.5;color:var(--text)}
.canvastia__final-plan{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.canvastia__final-plan-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:10px}.canvastia__final-plan-head small{color:var(--muted)}
.canvastia__final-plan-list{display:grid;gap:8px}.canvastia__final-plan-row,.canvastia__confirm-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(127,127,127,.08);border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.canvastia__final-plan-index,.canvastia__confirm-row span{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ca-accent-ink);font-weight:800;font-size:12px}
.canvastia__final-plan-copy small,.canvastia__confirm-row small,.canvastia__final-plan-empty{display:block;color:var(--muted);font-size:11px;margin-top:1px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.canvastia__final-plan-copy strong{font-size:13.5px;line-height:1.2}
.canvastia__final-plan-row{align-items:center!important}
.canvastia__final-plan-actions{display:inline-flex;gap:7px}
.canvastia[data-canvastia] .canvastia__final-plan-edit,.canvastia[data-canvastia] .canvastia__final-plan-remove{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.canvastia[data-canvastia] .canvastia__final-plan-edit{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--accent)}
.canvastia[data-canvastia] .canvastia__final-plan-remove{color:#e0674f;border-color:color-mix(in srgb,#e0674f 35%,var(--line))}
.canvastia__final-plan-total{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-weight:800}
.canvastia__confirm-modal[hidden]{display:none!important}.canvastia__confirm-modal{position:fixed;inset:0;z-index:999998;display:grid;place-items:center;padding:20px}
.canvastia__confirm-dialog{position:relative;width:min(640px,94vw);max-height:88vh;overflow:auto;border-radius:24px;padding:22px;background:rgba(255,255,255,.98);box-shadow:0 32px 100px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.38)}
.canvastia--dark .canvastia__confirm-dialog{background:rgba(16,24,39,.99);color:#edf4ff;border-color:rgba(255,255,255,.08)}
.canvastia__confirm-head span{font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.68}.canvastia__confirm-head h3{margin:4px 0 6px;font-size:24px;line-height:1.15}.canvastia__confirm-head p{margin:0;color:var(--muted)}
.canvastia__confirm-summary{display:grid;gap:4px;margin:16px 0;padding:13px 15px;border-radius:16px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}.canvastia__confirm-summary small{color:var(--muted)}
.canvastia__confirm-list{display:grid;gap:8px}.canvastia__confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
@media(max-width:560px){.canvastia__final-plan-head{flex-direction:column;align-items:flex-start}.canvastia__final-plan-row,.canvastia__confirm-row{grid-template-columns:28px 1fr;align-items:start}.canvastia__final-plan-row>b,.canvastia__confirm-row>b{grid-column:2}.canvastia__confirm-actions{flex-direction:column}.canvastia__confirm-actions .canvastia__btn{width:100%}}

/* v1.6.1: compact member archive + coupon button + delete action */
.canvastia__auth-actions .canvastia__coupon-toggle.is-active,.canvastia__auth-actions .canvastia__archive-toggle.is-active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--text)}
.canvastia__coupon-access{margin:10px 0 2px!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--soft)!important}
.canvastia__coupon-access[hidden]{display:none!important}
.canvastia__coupon-form{margin:0!important;max-width:430px!important}
.canvastia__archive{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.canvastia__archive[hidden]{display:none!important}
.canvastia__archive-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.canvastia__archive-head strong{font-size:14px}.canvastia__archive-head small{font-size:11px;color:var(--muted)}
.canvastia__archive-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;max-height:520px!important;overflow:auto!important;padding:2px!important}
.canvastia__archive-card{display:grid!important;grid-template-rows:150px auto auto!important;gap:7px!important;min-width:0!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel)!important;overflow:hidden!important}
.canvastia__archive-card>img{width:100%!important;height:150px!important;min-height:150px!important;max-height:150px!important;object-fit:cover!important;border-radius:9px!important;display:block!important}
.canvastia__archive-meta{display:grid!important;gap:4px!important;min-width:0!important}
.canvastia__archive-meta strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1.25!important;color:var(--text)!important}
.canvastia__archive-meta small{display:block!important;margin-top:2px!important;font-size:9px!important;line-height:1.2!important;color:var(--muted)!important;white-space:nowrap!important}
/* One action per row on an archive card.
   Three tracks on a card this narrow gave "Unlock HD - 1 credits" less width
   than the words need. A grid item's minimum width is its content by default,
   so the button grew past the card and the label was clipped at the left edge —
   the first characters simply were not on screen. One column, `min-width:0` so
   an item may be narrower than its text, and a height that follows the content
   rather than forcing a single line. */
.canvastia__archive-downloads{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:0!important}
.canvastia__archive-downloads .canvastia__btn{min-width:0!important;min-height:30px!important;padding:6px 7px!important;border-radius:8px!important;font-size:9px!important;line-height:1.25!important;white-space:normal!important;text-align:center!important;overflow-wrap:anywhere!important}
.canvastia[data-canvastia] .canvastia__btn--danger{border:1px solid rgba(220,70,80,.28)!important;background:rgba(220,70,80,.08)!important;color:#d84c59!important}
.canvastia[data-canvastia] .canvastia__btn--danger:hover{background:rgba(220,70,80,.16)!important}
@media(max-width:1100px){.canvastia__archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:780px){.canvastia__archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.canvastia__archive-card{grid-template-rows:125px auto auto!important}.canvastia__archive-card>img{height:125px!important;min-height:125px!important;max-height:125px!important}}
@media(max-width:560px){.canvastia__archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:430px!important}.canvastia__archive-downloads{grid-template-columns:1fr 1fr!important}.canvastia__archive-downloads .canvastia__archive-delete{grid-column:1/-1!important;width:100%!important}}

/* v1.6.2: modal coupon + true compact archive gallery */
html.canvastia-modal-open{overflow:hidden!important}
.canvastia__coupon-modal[hidden],.canvastia__archive-modal[hidden],.canvastia__account-info-modal[hidden]{display:none!important}
/* These overlays are parked on <body> while open (Elementor-transform trap),
   so they carry their own colour tokens and full-screen positioning here
   rather than inheriting from the [data-canvastia] scope. */
.canvastia__coupon-modal,.canvastia__archive-modal,.canvastia__account-info-modal{
  --panel:var(--ca-surface,#1d1d1f);--panel2:var(--ca-surface-2,#26262a);
  --soft:var(--ca-surface-3,#2b2b30);--line:var(--ca-border,#333336);
  --text:var(--ca-ink,#f4f4f6);--muted:var(--ca-ink-muted,#a8a8ad);
  --accent:var(--ca-accent,#f5b52e);--accent2:var(--ca-accent-strong,#e59a15);
  position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px;color:var(--text)}
.canvastia__account-modal-backdrop{position:absolute;inset:0;background:rgba(4,10,24,.72);backdrop-filter:blur(8px)}
.canvastia__account-modal-dialog{position:relative;width:min(560px,94vw);max-height:90vh;overflow:auto;padding:22px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:22px;background:var(--panel);color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.38)}
.canvastia__account-modal-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);font-size:22px;line-height:1;cursor:pointer}
.canvastia__account-modal-head{padding-right:46px}.canvastia__account-modal-head span{display:block;margin-bottom:5px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.13em}.canvastia__account-modal-head h3{margin:0;font-size:22px}.canvastia__account-modal-head p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.canvastia__coupon-dialog .canvastia__coupon-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;width:100%!important;max-width:none!important;margin:18px 0 0!important}
.canvastia__coupon-dialog .canvastia__coupon-form input{height:44px!important;border-radius:11px!important}
.canvastia__coupon-dialog .canvastia__coupon-form .canvastia__btn{height:44px!important;min-height:44px!important}
.canvastia__coupon-dialog .canvastia__form-notice{grid-column:1/-1;margin:2px 0 0!important;padding:10px 12px!important;border-radius:10px!important;font-weight:750!important;font-size:12px!important}
.canvastia__coupon-dialog .canvastia__coupon-form.is-success .canvastia__form-notice{background:rgba(49,168,96,.12)!important;color:#27834d!important;border:1px solid rgba(49,168,96,.25)!important}
.canvastia--dark .canvastia__coupon-dialog .canvastia__coupon-form.is-success .canvastia__form-notice{color:#80e0a6!important}

.canvastia__archive-dialog{width:min(1180px,96vw)!important;padding:20px!important;overflow:hidden!important}
.canvastia__archive-dialog .canvastia__archive-head{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;margin:0 42px 14px 0!important}
.canvastia__archive-dialog .canvastia__archive-head strong{display:inline-flex!important;align-items:center!important;gap:10px!important;font-size:18px!important}
.canvastia__archive-count{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent);font-size:11px;font-weight:800;white-space:nowrap}
.canvastia__archive-dialog .canvastia__archive-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:10px!important;max-height:min(72vh,720px)!important;overflow:auto!important;padding:2px 4px 6px 2px!important;align-items:start!important}
.canvastia__archive-dialog .canvastia__archive-card{display:grid!important;grid-template-rows:140px auto auto!important;gap:7px!important;min-width:0!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;padding:7px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:var(--soft)!important;overflow:hidden!important;box-shadow:none!important}
.canvastia__archive-dialog .canvastia__archive-card>img{display:block!important;width:100%!important;height:140px!important;min-height:140px!important;max-height:140px!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:9px!important;margin:0!important;padding:0!important}
.canvastia__archive-dialog .canvastia__archive-meta{display:grid!important;gap:4px!important;min-width:0!important;max-width:100%!important;padding:0 1px!important;overflow:hidden!important}
.canvastia__archive-dialog .canvastia__archive-meta strong{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;min-width:0!important;max-width:100%!important;margin:0!important;font-size:11px!important;line-height:1.25!important;overflow:hidden!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.canvastia__archive-dialog .canvastia__archive-meta small{display:block!important;max-width:100%!important;margin:0!important;padding:0!important;color:var(--muted)!important;font-size:9px!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.canvastia__archive-dialog .canvastia__archive-downloads{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:0!important}
.canvastia__archive-dialog .canvastia__archive-downloads .canvastia__btn{flex:1 1 calc(50% - 3px)!important;width:auto!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:0 6px!important;border-radius:8px!important;font-size:9.5px!important;line-height:1!important}
@media(max-width:700px){.canvastia__coupon-dialog .canvastia__coupon-form{grid-template-columns:1fr!important}.canvastia__coupon-dialog .canvastia__coupon-form .canvastia__btn,.canvastia__coupon-dialog .canvastia__form-notice{grid-column:1!important}.canvastia__archive-dialog{width:96vw!important;padding:14px!important}.canvastia__archive-dialog .canvastia__archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:75vh!important}.canvastia__archive-dialog .canvastia__archive-card{grid-template-rows:118px auto auto!important}.canvastia__archive-dialog .canvastia__archive-card>img{height:118px!important;min-height:118px!important;max-height:118px!important}}


/* v1.6.3: coupon modal layout hard reset */
.canvastia[data-canvastia] .canvastia__coupon-dialog{
  width:min(520px,calc(100vw - 32px))!important;
  max-height:none!important;
  overflow:visible!important;
  padding:24px!important;
  border-radius:20px!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__account-modal-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:9px!important;
  background:var(--soft)!important;
  background-image:none!important;
  color:var(--text)!important;
  box-shadow:none!important;
  font:700 20px/1 Arial,sans-serif!important;
  text-indent:0!important;
  transform:none!important;
  cursor:pointer!important;
  z-index:4!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__account-modal-close:hover{
  background:color-mix(in srgb,var(--accent) 10%,var(--soft))!important;
  border-color:color-mix(in srgb,var(--accent) 35%,var(--line))!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__account-modal-head{
  display:block!important;
  padding:0 48px 0 0!important;
  margin:0!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__account-modal-head span{
  margin:0 0 7px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__account-modal-head h3{
  margin:0!important;
  padding:0!important;
  color:var(--text)!important;
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:850!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__account-modal-head p{
  margin:7px 0 0!important;
  padding:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__coupon-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
  gap:10px!important;
  align-items:stretch!important;
  margin:18px 0 0!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__coupon-form input,
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__coupon-form button{
  margin:0!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__coupon-form button{
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  padding:0 12px!important;
  white-space:nowrap!important;
}
.canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__form-notice:empty{display:none!important}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__coupon-dialog{padding:20px!important}
  .canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__coupon-form{grid-template-columns:1fr!important}
  .canvastia[data-canvastia] .canvastia__coupon-dialog .canvastia__coupon-form button{width:100%!important;min-width:0!important;max-width:none!important}
}

/* v1.6.5: ilan yazısı editörü ve canlı önizleme */
.canvastia__option-card--overlay.is-open{grid-column:1/-1!important}
.canvastia__overlay-editor{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:14px!important;align-items:stretch}
.canvastia__overlay-help{grid-column:1/-1;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}
.canvastia__overlay-help strong{display:block;margin-bottom:3px;font-size:13px;color:var(--text)}
.canvastia__overlay-help p{margin:0;font-size:11px;line-height:1.45;color:var(--muted)}
.canvastia__overlay-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.canvastia__overlay-fields label{display:grid;gap:5px;font-size:11px;font-weight:700;color:var(--text)}
.canvastia__overlay-fields input,.canvastia__overlay-fields select{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:0 11px}
.canvastia__overlay-note-field{grid-column:1/-1}
.canvastia__overlay-preview{min-height:180px;padding:18px;border-radius:16px;background:linear-gradient(155deg,#1c2230,#0e1420);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.canvastia__overlay-preview-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ff7a1a;color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em}
.canvastia__overlay-preview-name{margin-top:9px;font-size:26px;line-height:1.05}
.canvastia__overlay-preview-note{margin:7px 0 12px;font-size:13px;line-height:1.45;color:#e4e8ef}
.canvastia__overlay-preview-phone{display:inline-flex;padding:7px 10px;border-radius:10px;background:#ff7a1a;color:#fff;font-size:12px;font-weight:800}
@media(max-width:760px){
  .canvastia__overlay-editor{grid-template-columns:1fr!important}
  .canvastia__overlay-fields{grid-template-columns:1fr!important}
  .canvastia__overlay-note-field{grid-column:auto}
}

/* v1.6.6: archive/gallery close control fixed to top-right */
.canvastia[data-canvastia] .canvastia__account-modal-dialog{position:relative!important}
.canvastia[data-canvastia] .canvastia__archive-modal-close,
.canvastia[data-canvastia] .canvastia__archive-modal .canvastia__account-modal-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:50!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:var(--panel)!important;
  color:var(--text)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.08)!important;
  font-size:22px!important;
  font-weight:500!important;
  line-height:1!important;
  cursor:pointer!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transform:none!important;
}
.canvastia[data-canvastia] .canvastia__archive-modal-close:hover,
.canvastia[data-canvastia] .canvastia__archive-modal .canvastia__account-modal-close:hover{
  background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important;
  color:var(--accent)!important;
}
.canvastia[data-canvastia] .canvastia__archive-modal-close:focus-visible,
.canvastia[data-canvastia] .canvastia__archive-modal .canvastia__account-modal-close:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent)!important;
  outline-offset:2px!important;
}
.canvastia[data-canvastia] .canvastia__archive-modal .canvastia__account-modal-head{padding-right:58px!important}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__archive-modal-close,
  .canvastia[data-canvastia] .canvastia__archive-modal .canvastia__account-modal-close{top:12px!important;right:12px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;font-size:20px!important}
  .canvastia[data-canvastia] .canvastia__archive-modal .canvastia__account-modal-head{padding-right:50px!important}
}


/* v1.6.7: archive image lightbox with previous/next navigation */
.canvastia[data-canvastia] .canvastia__archive-card{cursor:pointer}
.canvastia[data-canvastia] .canvastia__archive-card img{cursor:zoom-in}
.canvastia[data-canvastia] .canvastia__archive-card.is-viewing{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:2px}
.canvastia[data-canvastia] .canvastia__archive-viewer[hidden]{display:none!important}
.canvastia[data-canvastia] .canvastia__archive-viewer{position:fixed;inset:0;z-index:1000015;display:grid;place-items:center;padding:24px}
.canvastia[data-canvastia] .canvastia__archive-viewer-backdrop{position:absolute;inset:0;background:rgba(7,12,24,.78);backdrop-filter:blur(6px)}
.canvastia[data-canvastia] .canvastia__archive-viewer-dialog{position:relative;z-index:1;width:min(980px,92vw);max-width:980px;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:14px}
.canvastia[data-canvastia] .canvastia__archive-viewer-figure{margin:0;padding:14px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.34)}
.canvastia[data-canvastia] .canvastia__archive-viewer-image{display:block;width:100%;max-width:100%;max-height:min(68vh,720px);margin:0 auto;border-radius:16px;object-fit:contain;background:color-mix(in srgb,var(--soft) 88%,transparent)}
.canvastia[data-canvastia] .canvastia__archive-viewer-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:12px}
.canvastia[data-canvastia] .canvastia__archive-viewer-meta strong{display:block;font-size:17px;line-height:1.25;color:var(--text)}
.canvastia[data-canvastia] .canvastia__archive-viewer-meta small{display:block;font-size:12px;line-height:1.3;color:var(--muted);text-align:right}
.canvastia[data-canvastia] .canvastia__archive-viewer-counter{position:absolute;top:-2px;left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.canvastia[data-canvastia] .canvastia__archive-viewer-close{position:absolute;top:-4px;right:0;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.canvastia[data-canvastia] .canvastia__archive-viewer-download{position:absolute;top:-4px;right:52px;display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:999px;background:var(--accent);color:#1b1300;font-size:19px;line-height:1;cursor:pointer;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.canvastia[data-canvastia] .canvastia__archive-viewer-download[hidden]{display:none}
.canvastia[data-canvastia] .canvastia__archive-viewer-nav{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:34px;line-height:1;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.canvastia[data-canvastia] .canvastia__archive-viewer-close:hover,.canvastia[data-canvastia] .canvastia__archive-viewer-nav:hover{background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-color:color-mix(in srgb,var(--accent) 34%,var(--line));color:var(--accent)}
.canvastia[data-canvastia] .canvastia__archive-viewer-close:focus-visible,.canvastia[data-canvastia] .canvastia__archive-viewer-nav:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:2px}
@media(max-width:760px){
  .canvastia[data-canvastia] .canvastia__archive-viewer{padding:18px}
  .canvastia[data-canvastia] .canvastia__archive-viewer-dialog{width:min(96vw,96vw);grid-template-columns:1fr;gap:10px}
  .canvastia[data-canvastia] .canvastia__archive-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;font-size:28px}
  .canvastia[data-canvastia] .canvastia__archive-viewer-nav--prev{left:6px}
  .canvastia[data-canvastia] .canvastia__archive-viewer-nav--next{right:6px}
  .canvastia[data-canvastia] .canvastia__archive-viewer-image{max-height:56vh}
  .canvastia[data-canvastia] .canvastia__archive-viewer-figure{padding:10px;border-radius:18px}
  .canvastia[data-canvastia] .canvastia__archive-viewer-meta{display:grid;gap:4px}
  .canvastia[data-canvastia] .canvastia__archive-viewer-meta small{text-align:left}
}

/* v1.7.1: generation stop / error recovery */
.canvastia__progress-actions{display:flex;justify-content:flex-end;margin-top:14px}
.canvastia__progress-stop{appearance:none;border:1px solid rgba(248,113,113,.35);background:rgba(127,29,29,.10);color:#fecaca;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:800;cursor:pointer}
.canvastia__progress-stop:hover{background:rgba(127,29,29,.22);border-color:rgba(248,113,113,.55)}
.canvastia__progress-stop:disabled{opacity:.45;cursor:default}
@media(max-width:560px){.canvastia__progress-actions{justify-content:stretch}.canvastia__progress-stop{width:100%;min-height:42px}}

/* v1.7.2: post-generation start-over action */
.canvastia__results-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important}
.canvastia__results-head>div{min-width:0!important}
.canvastia__restart{flex:0 0 auto!important;white-space:nowrap!important;height:40px!important;padding:0 15px!important;border-radius:11px!important;font-weight:800!important}
@media(max-width:640px){.canvastia__results-head{align-items:stretch!important;flex-direction:column!important}.canvastia__restart{width:100%!important}}

/* v1.7.3 usability, full labels, glass overlay preview */
.canvastia__option-card[data-option=play]>label:first-child::before{content:'↗'}
.canvastia[data-canvastia] .canvastia__visual-choice{grid-template-columns:28px minmax(0,1fr)!important;min-height:46px!important;padding:6px 8px!important}
.canvastia__visual-choice span{width:28px!important;height:28px!important}
.canvastia__visual-choice b{display:block!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:normal!important;font-size:10.5px!important;line-height:1.18!important;font-weight:700!important;color:color-mix(in srgb,var(--text) 88%,#526174)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.canvastia--dark .canvastia__visual-choice b{color:#e8eef8!important}
.canvastia__overlay-preview{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,rgba(24,34,50,.68),rgba(12,20,34,.58))!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 16px 38px rgba(18,28,45,.16),inset 0 1px 0 rgba(255,255,255,.18)!important;backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;transition:background .22s ease,border-color .22s ease,color .22s ease!important}
.canvastia__overlay-preview::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 10%,rgba(255,255,255,.18),transparent 34%),linear-gradient(120deg,rgba(255,255,255,.08),transparent 38%)}
.canvastia__overlay-preview>*{position:relative;z-index:1}
.canvastia__overlay-preview.is-warm{background:linear-gradient(145deg,rgba(66,42,28,.62),rgba(26,20,18,.66))!important}
.canvastia__overlay-preview.is-dark{background:linear-gradient(145deg,rgba(15,22,34,.76),rgba(5,10,18,.82))!important}
.canvastia__overlay-preview.is-clean{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(235,241,248,.67))!important;border-color:rgba(255,255,255,.72)!important}
.canvastia__overlay-preview.is-clean .canvastia__overlay-preview-name,.canvastia__overlay-preview.is-clean .canvastia__overlay-preview-note{color:#182434!important}
.canvastia__overlay-preview.is-bright{background:linear-gradient(145deg,rgba(247,255,249,.82),rgba(230,246,240,.72))!important;border-color:rgba(80,190,145,.3)!important}
.canvastia__overlay-preview.is-bright .canvastia__overlay-preview-name,.canvastia__overlay-preview.is-bright .canvastia__overlay-preview-note{color:#173126!important}
@media(max-width:760px){.canvastia[data-canvastia] .canvastia__visual-choice{min-height:50px!important}.canvastia__visual-choice b{font-size:11px!important}}


/* v1.7.5: card-level regenerate action */
.canvastia[data-canvastia] .canvastia__card-media{position:relative}
.canvastia[data-canvastia] .canvastia__reroll{position:absolute;top:12px;right:12px;z-index:4;width:38px;height:38px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(20,28,42,.58);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800;line-height:1;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.canvastia[data-canvastia] .canvastia__reroll:hover{background:rgba(20,28,42,.78);transform:rotate(-18deg)}
.canvastia[data-canvastia] .canvastia__reroll:disabled{opacity:.5;cursor:wait}

/* v1.8.0: Canvastia onaylı marka kimliği — sıcak krem/kakao/şeftali/adaçayı paleti, Quicksand/Nunito tipografi, pill CTA'lar */
.canvastia__topbar h2,.canvastia__panel-head strong,.canvastia__drop-copy strong,.canvastia__drop strong,.canvastia__card-title,.canvastia__mini-card-head strong,.canvastia__confirm-head h3,.canvastia__progress-head h3,.canvastia__account-modal-head h3,.canvastia__archive-head strong,.canvastia__overlay-help strong,.canvastia__scene-browser-head strong,.canvastia__final-plan-head strong,.canvastia__review-summary strong,.canvastia__wizard-item strong,.canvastia__results-head h3{font-family:'Quicksand',sans-serif;font-weight:700}
.canvastia[data-canvastia]{border-radius:26px}
.canvastia__panel{border-radius:22px}
.canvastia[data-canvastia] .canvastia__btn,.canvastia[data-canvastia] .canvastia__generate,.canvastia[data-canvastia] .canvastia__mode-button,.canvastia[data-canvastia] .canvastia__wizard-item,.canvastia[data-canvastia] .canvastia__custom-add{border-radius:999px!important}
.canvastia[data-canvastia] input[type=text],.canvastia[data-canvastia] input[type=tel],.canvastia[data-canvastia] input[type=email],.canvastia[data-canvastia] input[type=password],.canvastia[data-canvastia] input[type=search],.canvastia[data-canvastia] select,.canvastia[data-canvastia] textarea{border-radius:14px!important}
.canvastia__drop{border-radius:24px!important}
.canvastia__scene-chip{border-radius:18px}
.canvastia__card{border-radius:20px}
.canvastia__progress-dialog,.canvastia__confirm-dialog,.canvastia__account-modal-dialog{border-radius:24px!important}
.canvastia__scene-count,.canvastia__pack-badge,.canvastia__eyebrow,.canvastia__archive-count{border-radius:999px}
.canvastia__wizard-progress::after{background:linear-gradient(90deg,var(--accent),var(--accent2))!important}
.canvastia[data-canvastia] .canvastia__wizard-item.is-active span,.canvastia[data-canvastia] .canvastia__wizard-item.is-complete span{background:linear-gradient(135deg,var(--accent),var(--accent2))!important}

/* v1.8.1: watermarked-preview purchase panel (secure download flow) */
.canvastia__purchase{margin-top:10px}
.canvastia__purchase-head{margin-bottom:8px;font-size:11px;font-weight:700;color:var(--muted)}
.canvastia__purchase-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;margin-bottom:6px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 92%,transparent);font-size:12px;font-weight:700}
.canvastia__purchase-row.is-unlocked{border-color:color-mix(in srgb,var(--accent2) 45%,var(--line))}
.canvastia__purchase-actions{display:flex;gap:6px;flex-wrap:wrap}
.canvastia__purchase-actions .canvastia__btn,.canvastia__purchase-row .canvastia__btn{height:32px!important;min-height:32px!important;padding:0 11px!important;font-size:11px!important}
.canvastia__purchase-login{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--panel2));font-size:12px}

/* v1.13.0: compact language picker (flag + endonym, never a flag alone) */
.canvastia__lang{position:relative}
.canvastia__lang-btn{display:inline-flex;align-items:center;gap:var(--hdr-ctl-gap);padding:0 var(--hdr-ctl-px);background:var(--panel);color:var(--text);cursor:pointer;font:inherit;font-size:12px;font-weight:800}
.canvastia__lang-btn .canvastia__lang-flag{font-size:15px;line-height:1}
.canvastia__lang-btn .canvastia__lang-name{letter-spacing:.04em}
.canvastia__lang-flag{font-size:15px;line-height:1}
.canvastia__lang-caret{color:var(--muted);font-size:10px}
.canvastia__lang-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:40;min-width:190px;padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);box-shadow:0 18px 44px rgba(51,37,31,.18)}
.canvastia__lang-option{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;font:inherit;font-size:13px;font-weight:700;text-align:start}
.canvastia__lang-option:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.canvastia__lang-option.is-active{background:color-mix(in srgb,var(--accent2) 16%,transparent)}
.canvastia__lang-check{margin-inline-start:auto;color:var(--accent2);font-weight:900}
.canvastia[data-canvastia][dir="rtl"]{direction:rtl}
.canvastia[data-canvastia][dir="rtl"] .canvastia__lang-menu{inset-inline-end:auto;inset-inline-start:0}

/* v1.12.0: premium product-page style purchase selector on the result card */
.canvastia__purchase-head{font-size:12px}
.canvastia__products{display:grid;grid-template-columns:1fr;gap:8px}
.canvastia__product-top strong{overflow-wrap:anywhere}
.canvastia__product p{overflow-wrap:anywhere}
.canvastia__product{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel2) 94%,transparent);transition:border-color .15s ease,box-shadow .15s ease}
.canvastia__product:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.canvastia__product.is-unlocked{border-color:color-mix(in srgb,var(--accent2) 55%,var(--line));background:color-mix(in srgb,var(--accent2) 9%,var(--panel2))}
.canvastia__product.is-soon{opacity:.68}
.canvastia__product-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.canvastia__product-top strong{font-family:'Quicksand','Nunito',sans-serif;font-size:14px;font-weight:800}
.canvastia__product-price{font-size:14px;font-weight:900;color:var(--accent);white-space:nowrap}
.canvastia__product-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.canvastia__product-badge.is-owned{background:color-mix(in srgb,var(--accent2) 26%,transparent);color:#3f6f58}
.canvastia__product-badge.is-soon{background:color-mix(in srgb,var(--muted) 18%,transparent);color:var(--muted)}
.canvastia__product p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
.canvastia__product-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.canvastia__product .canvastia__btn.canvastia__product-cta{height:38px!important;min-height:38px!important;padding:0 14px!important;font-size:12px!important;flex:1 1 auto;justify-content:center}
/* v1.13.0: account summary + richer library cards */
.canvastia__account-summary{display:grid;grid-template-columns:1fr;gap:10px;margin:10px 0 14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 92%,transparent)}
@media (min-width:640px){.canvastia__account-summary{grid-template-columns:auto 1fr;gap:18px;align-items:start}}
.canvastia__account-balance{display:flex;flex-direction:column;gap:2px;padding-inline-end:16px}
.canvastia__account-balance small,.canvastia__account-tx>small{color:var(--muted);font-size:11px;font-weight:700}
.canvastia__account-balance strong{font-family:'Quicksand','Nunito',sans-serif;font-size:26px;line-height:1;color:var(--accent)}
.canvastia__account-tx ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px}
.canvastia__account-tx li{display:flex;align-items:center;gap:9px;font-size:12px}
.canvastia__tx-delta{min-width:34px;padding:2px 6px;border-radius:999px;font-weight:900;font-size:11px;text-align:center}
.canvastia__tx-delta.is-plus{background:color-mix(in srgb,var(--accent2) 24%,transparent);color:#3f6f58}
.canvastia__tx-delta.is-minus{background:color-mix(in srgb,var(--accent) 16%,transparent);color:#b5623a}
.canvastia__tx-label{flex:1 1 auto;color:var(--text)}
.canvastia__tx-date{color:var(--muted);font-size:11px}
.canvastia__tx-empty{margin:6px 0 0;color:var(--muted);font-size:12px}
.canvastia__archive-status{display:inline-flex;align-items:center;align-self:flex-start;margin-top:4px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800}
.canvastia__archive-status.is-owned{background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);color:var(--accent)}
.canvastia__archive-status.is-preview{background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted)}
.canvastia__archive-products{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.canvastia__archive-card.is-intent-focus{outline:2px solid var(--accent);outline-offset:2px}

/* v1.13.0: inline insufficient-credit paywall (never a dead-end error) */
.canvastia__paywall{margin-top:10px;padding:12px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel2))}
.canvastia__paywall strong{display:block;font-family:'Quicksand','Nunito',sans-serif;font-size:13px;margin-bottom:4px}
.canvastia__paywall p{margin:0 0 10px;color:var(--muted);font-size:12px;line-height:1.5}
.canvastia__paywall-actions{display:flex;flex-wrap:wrap;gap:6px}
.canvastia__paywall-actions .canvastia__btn{height:36px!important;min-height:36px!important;padding:0 13px!important;font-size:12px!important}
.canvastia__unlock-credits.is-intent-focus{animation:canvastiaIntentPulse 1.1s ease-in-out 2;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}
@keyframes canvastiaIntentPulse{50%{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.canvastia__unlock-credits.is-intent-focus{animation:none}}

.canvastia__purchase-secure{display:flex;align-items:flex-start;gap:7px;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.45}
.canvastia__purchase-secure span{color:var(--accent2)}
.canvastia__archive-card.is-purchased{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent2) 45%,transparent)!important}

/* ── Step 3: compact accordion option selector ─────────────────────────────
   Replaces the wall of always-visible option cards with five collapsed rows.
   Presentation only — every <select> underneath keeps its name and value. */
.canvastia__option-stack{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.canvastia__option-card{display:block!important;overflow:hidden!important;padding:0!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel2)!important;box-shadow:none!important}
.canvastia__option-card.is-expanded{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))!important;box-shadow:0 6px 18px rgba(42,52,84,.08)!important}
.canvastia__option-card--overlay.is-open{grid-column:auto!important}

/* Collapsed row: icon · title · current value · chevron */
.canvastia[data-canvastia] .canvastia__opt-head{display:grid!important;grid-template-columns:34px auto minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%!important;min-height:56px!important;margin:0!important;padding:9px 13px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text)!important;text-align:left;cursor:pointer;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__opt-head:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)!important}
.canvastia[data-canvastia] .canvastia__opt-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.canvastia__opt-head-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);font-size:17px;line-height:1}
.canvastia__option-card.is-expanded .canvastia__opt-head-icon,.canvastia__option-card.is-open .canvastia__opt-head-icon{background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ca-accent-ink)}
.canvastia__opt-head-title{overflow:hidden;min-width:0;font-size:13px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.canvastia__opt-head-value{overflow:hidden;min-width:0;color:var(--muted);font-size:12px;line-height:1.25;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.canvastia__option-card.is-open .canvastia__opt-head-value{color:var(--accent);font-weight:700}
.canvastia__opt-head-chevron{color:var(--muted);font-size:19px;line-height:1;transition:transform .18s ease}
.canvastia__option-card.is-expanded .canvastia__opt-head-chevron{transform:rotate(90deg)}

/* Expanded body */
.canvastia__opt-body{padding:0 13px 13px}
.canvastia__opt-body[hidden]{display:none!important}
.canvastia__opt-body>label:first-child{display:block!important;margin:0!important}
.canvastia__visual-select{grid-column:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:0!important}
.canvastia[data-canvastia] .canvastia__visual-choice{position:relative;grid-template-columns:30px minmax(0,1fr)!important;align-items:center;min-height:56px!important;padding:8px 26px 8px 9px!important;border-radius:11px!important}
.canvastia__visual-choice span{width:30px!important;height:30px!important;font-size:16px!important}
.canvastia__visual-choice b{display:block!important;overflow:hidden!important;font-size:11.5px!important;line-height:1.2!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word;hyphens:none}
.canvastia[data-canvastia] .canvastia__visual-choice.is-selected{border-width:2px!important;padding:7px 25px 7px 8px!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)!important}
.canvastia[data-canvastia] .canvastia__visual-choice.is-selected::after{position:absolute;top:6px;right:7px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--accent);color:var(--ca-accent-ink);content:'✓';font-size:10px;font-weight:700;line-height:1}
.canvastia__option-sub{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important;padding-top:12px!important}
.canvastia__option-sub label{font-size:11.5px!important}
.canvastia__option-sub select{height:42px!important}

@media(max-width:760px){
  .canvastia[data-canvastia] .canvastia__opt-head{grid-template-columns:32px auto minmax(0,1fr) 16px;min-height:60px!important;padding:10px 12px!important}
  .canvastia__opt-head-icon{width:32px;height:32px}
  .canvastia__opt-head-title{font-size:12.5px}
  .canvastia__opt-head-value{font-size:11.5px}
  .canvastia__opt-body{padding:0 12px 12px}
  .canvastia__visual-select{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .canvastia[data-canvastia] .canvastia__visual-choice{min-height:60px!important}
  .canvastia__visual-choice b{font-size:11.5px!important}
  .canvastia__option-sub{grid-template-columns:1fr!important}
}

/* Category glyphs move from the old inline label to the accordion head. */
.canvastia__option-card[data-option=clothing] .canvastia__opt-head-icon::before{content:'♧'}
.canvastia__option-card[data-option=accessory] .canvastia__opt-head-icon::before{content:'◇'}
.canvastia__option-card[data-option=pose] .canvastia__opt-head-icon::before{content:'◉'}
.canvastia__option-card[data-option=play] .canvastia__opt-head-icon::before{content:'↗'}
.canvastia__option-card[data-option=overlay] .canvastia__opt-head-icon::before{content:'✎'}


/* ============================================================================
   Step 2 — the scenario library grows with the page.
   A nested scroll container hid cards and produced a second scrollbar inside
   the wizard, on desktop and on phones alike.
   ========================================================================= */
.canvastia__scene-list{max-height:none!important;overflow:visible!important}

/* ============================================================================
   Step 3 — no rule lines inside an opened accordion card. The sub-option row
   used a border-top that read as a stray separator under the header.
   ========================================================================= */
.canvastia__option-card .canvastia__option-sub{border-top:0!important;padding-top:0!important;margin-top:11px!important}
.canvastia__opt-body{border-top:0!important;box-shadow:none!important}
.canvastia__opt-head{border-bottom:0!important}

/* ============================================================================
   Compact profile / account control.
   Lives in the topbar, so it is reachable from every wizard step; the old row
   of loose buttons is gone and its actions moved into this one menu.
   ========================================================================= */
.canvastia__panel--auth-modals{display:contents}
.canvastia__profile{position:relative;z-index:60}
.canvastia[data-canvastia] .canvastia__profile-trigger{display:grid!important;grid-template-columns:30px minmax(0,1fr) 12px!important;align-items:center!important;gap:var(--hdr-ctl-gap)!important;width:auto!important;max-width:260px!important;padding:0 var(--hdr-ctl-px)!important;background:var(--panel)!important;color:var(--text)!important;cursor:pointer;text-align:left!important;font:inherit!important}
.canvastia__profile.is-open .canvastia__profile-trigger{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)!important}
.canvastia__profile-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ca-accent-ink);font-size:13px;font-weight:800;line-height:1}
.canvastia__profile-id{display:grid;min-width:0;gap:1px}
.canvastia__profile-id strong{overflow:hidden;font-size:12px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.canvastia__profile-id small{overflow:hidden;color:var(--muted);font-size:10.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.canvastia__profile-caret{color:var(--muted);font-size:11px;line-height:1;transition:transform .16s ease}
.canvastia__profile.is-open .canvastia__profile-caret{transform:rotate(180deg)}
/* Opened as a centered modal, not a dropdown — it was overlapping the wizard.
   JS relocates it to <body> while open (the studio can sit inside an Elementor
   container whose transform would trap position:fixed), so every rule here is
   self-contained: colours resolve from the global --ca-* tokens with literal
   fallbacks and the item rules are scoped to the menu, not to [data-canvastia].
   The huge shadow spread is the backdrop (no extra element needed). */
.canvastia__profile-menu{
  --panel:var(--ca-surface,#1d1d1f);--panel2:var(--ca-surface-2,#26262a);
  --soft:var(--ca-surface-3,#2b2b30);--line:var(--ca-border,#333336);
  --text:var(--ca-ink,#f4f4f6);--muted:var(--ca-ink-muted,#a8a8ad);--accent:var(--ca-accent,#f5b52e);
  position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;
  display:flex;flex-direction:column;gap:4px;width:min(360px,calc(100vw - 28px));max-height:82vh;overflow:auto;
  margin:0;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);
  font-family:inherit;box-shadow:0 0 0 100vmax rgba(4,3,16,.72),0 25px 90px rgba(0,0,0,.5)}
.canvastia__profile-menu[hidden]{display:none!important}
.canvastia__profile-menu-head{display:grid;gap:2px;padding:6px 9px 9px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);margin-bottom:4px}
.canvastia__profile-menu-head strong{overflow:hidden;font-size:12px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.canvastia__profile-credits{color:var(--accent);font-size:11px;font-weight:700}
.canvastia__profile-menu .canvastia__profile-item{display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;width:100%!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0 9px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important;cursor:pointer;text-align:left!important;font:600 12.5px/1.2 inherit!important;appearance:none!important;-webkit-appearance:none!important}
.canvastia__profile-menu .canvastia__profile-item:hover{background:color-mix(in srgb,var(--accent) 9%,transparent)!important}
.canvastia__profile-menu .canvastia__profile-item--danger{color:#e0674f!important}
.canvastia__profile-menu .canvastia__profile-item--danger:hover{background:rgba(224,103,79,.12)!important}
.canvastia__profile-icon{display:grid;place-items:center;width:20px;color:var(--accent);font-size:13px;line-height:1}
.canvastia__profile-item--danger .canvastia__profile-icon{color:#e0674f}
.canvastia__profile-topup{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:5px 0;padding:6px 9px 8px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.canvastia__profile-topup select{min-width:0;height:36px!important;font-size:11.5px!important;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:8px}
.canvastia__profile-menu .canvastia__btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border:0;border-radius:9px;background:var(--accent);color:#1b1300;font:700 12px/1 inherit;cursor:pointer;white-space:nowrap}

/* Account information modal opened from the profile menu. */
.canvastia__account-dialog{width:min(560px,94vw)!important;max-height:88vh!important;overflow-y:auto!important}
.canvastia__account-identity{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;margin:4px 0 14px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.canvastia__account-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:var(--ca-accent-ink);font-size:18px;font-weight:800;line-height:1}
.canvastia__account-identity strong{display:block;overflow:hidden;font-size:13px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.canvastia__account-identity small{color:var(--muted);font-size:11px}

/* The member's own details and password, in the account window (1.19.135).
   Compact two-column grid: every control is the same height as the one beside
   it, and the address spans both cells because a street line needs the room. */
.canvastia__profile-form,.canvastia__password-form{display:grid;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.canvastia__profile-form-head{display:grid;gap:2px}
.canvastia__profile-form-head strong{font-size:12.5px;font-weight:800;color:var(--text)}
.canvastia__profile-form-head small{color:var(--muted);font-size:11px;line-height:1.5}
.canvastia__profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
/* A field is named once, in its own placeholder (owner, 12 Sept 2026): no
   heading row above the box, so the form does not grow downward and every
   control in the grid is the same height as the one beside it. */
.canvastia__profile-grid>label{display:grid;gap:0;min-width:0}
.canvastia[data-canvastia] .canvastia__profile-grid input,.canvastia[data-canvastia] .canvastia__profile-grid select{width:100%;min-width:0;height:38px!important;min-height:38px!important;margin:0!important;padding:0 10px!important;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:9px;font-size:12px!important;line-height:38px}
.canvastia__profile-grid>.canvastia__profile-field--wide{grid-column:1/-1}
.canvastia__profile-subhead{margin-top:2px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.canvastia__profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.canvastia__profile-actions>.canvastia__form-notice{flex:1 1 auto;min-width:0;margin:0}
.canvastia[data-canvastia] .canvastia__profile-actions>.canvastia__btn{width:auto!important;height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:9px!important;font-size:11.5px!important}
@media(max-width:560px){.canvastia__profile-grid{grid-template-columns:1fr}.canvastia__profile-grid>.canvastia__profile-field--wide{grid-column:1}}

/* "Forgot your password?" sits under the log-in button as plain text, never as
   a second button competing with it. */
.canvastia[data-canvastia] .canvastia__forgot-link{justify-self:start;margin:2px 0 0;padding:0;border:0;background:none;color:var(--muted);font:700 11px/1.4 inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.canvastia[data-canvastia] .canvastia__forgot-link:hover{color:var(--accent)}

/* Sign-up now carries an optional phone beside the address; on a narrow
   screen the three controls stack instead of squeezing. */
@media(max-width:700px){.canvastia[data-canvastia] .canvastia__mini-card-fields.canvastia__registration-fields{flex-wrap:wrap!important}.canvastia[data-canvastia] .canvastia__mini-card-fields.canvastia__registration-fields>input{flex:1 1 100%!important}.canvastia[data-canvastia] .canvastia__mini-card-fields.canvastia__registration-fields>.canvastia__btn{flex:1 1 100%!important;width:100%!important}}

@media(max-width:640px){
  .canvastia[data-canvastia] .canvastia__profile-trigger{grid-template-columns:32px 12px!important;gap:7px!important;padding:0 9px!important}
  .canvastia__profile-id{display:none}
  .canvastia__profile-menu{width:min(280px,calc(100vw - 22px))}
}

/* Narrow phones: the generate label carries a count and must wrap instead of
   pushing the page wider than the viewport. */
@media(max-width:430px){
  .canvastia[data-canvastia] .canvastia__step-actions>.canvastia__generate{flex:1 1 100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:44px!important;max-height:none!important;padding:9px 12px!important;white-space:normal!important;line-height:1.25!important}
}

/* =========================================================================
   v1.16.0 — the design-system upgrade layer.

   The re-pointed variables at the top of this file gave the studio the new
   palette. This block gives it the rest of the system: the display face on
   headings, the one family of radii, pill actions, and the rule the whole
   product now follows — violet is an action and gold is money, so the button
   that spends a credit is the only gold thing on the screen.

   It sits last on purpose. The rules above it were layered over each other
   across many rounds of device fixes, several with `!important`; winning by
   order rather than by escalating specificity keeps that history readable and
   makes this block removable in one piece.
   ========================================================================= */

.canvastia[data-canvastia] h2,
.canvastia[data-canvastia] h3,
.canvastia__panel-head strong,
.canvastia__card-title {
  font-family: var(--ca-font-display);
  letter-spacing: -0.015em;
}

.canvastia__topbar h2 {
  font-size: clamp(1.6rem, 3.4vw, 2.1rem);
  font-weight: 800;
  line-height: 1.12;
}

.canvastia__eyebrow {
  font-family: var(--ca-font-display);
  letter-spacing: var(--ca-tracking-eyebrow);
  text-transform: uppercase;
  background: var(--ca-accent-soft);
  border-color: color-mix(in srgb, var(--ca-accent) 40%, transparent);
}

/* ------------------------------------------------------------- surfaces */

.canvastia__panel {
  border-radius: var(--ca-radius-lg);
  background: var(--ca-surface);
  box-shadow: none;
}

.canvastia__panel-head > span {
  border-radius: var(--ca-radius-sm);
  background: var(--ca-grad-accent);
}

.canvastia__card {
  border-radius: var(--ca-radius-lg);
  background: var(--ca-surface);
}

.canvastia__card-media {
  background: var(--ca-bg-deep);
}

/*
 * The upload target.
 *
 * It is the first thing on the screen and the one thing the member has to
 * understand, so it is the brightest surface in the studio: a dashed accent
 * edge over a panel lit from the top.
 */
.canvastia__drop {
  border-width: 1.5px;
  border-color: color-mix(in srgb, var(--ca-accent) 50%, var(--ca-border));
  border-radius: var(--ca-radius-lg) !important;
  background: linear-gradient(180deg, var(--ca-accent-soft), transparent 70%), var(--ca-surface-2);
}

.canvastia__drop:hover {
  border-color: var(--ca-accent);
}

/* -------------------------------------------------------------- actions */

.canvastia__btn {
  min-height: 44px;
  padding: 0 var(--ca-space-4);
  border-radius: var(--ca-radius-pill);
  font-family: var(--ca-font-display);
  font-size: 0.82rem;
  font-weight: 700;
  transition: transform var(--ca-fast) var(--ca-ease), box-shadow var(--ca-fast) var(--ca-ease);
}

.canvastia__btn:hover:not(:disabled) {
  transform: translateY(-1px);
}

.canvastia__btn--primary {
  background: var(--ca-grad-accent);
  color: var(--ca-accent-ink);
  box-shadow: var(--ca-shadow-accent);
}

.canvastia__btn--soft {
  background: var(--ca-surface-2);
  border-color: var(--ca-border-strong);
  color: var(--ca-ink);
}

/*
 * The generate button, in gold.
 *
 * It is the only control in the studio that spends a credit, and under the new
 * system gold means exactly that. It used to be the same violet-and-sage
 * gradient as every other primary action on the page, which made the one
 * irreversible button on the screen look like the four reversible ones.
 */
.canvastia__generate {
  min-height: 52px;
  border-radius: var(--ca-radius-pill);
  background: var(--ca-grad-gold);
  color: var(--ca-gold-ink);
  font-family: var(--ca-font-display);
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  box-shadow: var(--ca-shadow-gold);
  transition: transform var(--ca-fast) var(--ca-ease), box-shadow var(--ca-fast) var(--ca-ease);
}

.canvastia__generate:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 16px 38px rgba(224, 140, 7, 0.45);
}

/*
 * The bar that carries it stays with the member.
 *
 * The review step is long enough to scroll, and the action that ends it should
 * not be something to scroll back to. It is a sheet at the bottom edge of the
 * viewport on a phone and an ordinary panel above that width.
 */
.canvastia__actionbar {
  border-radius: var(--ca-radius-lg);
  background: var(--ca-surface);
  box-shadow: none;
}

@media (max-width: 780px) {
  .canvastia__actionbar {
    position: sticky;
    bottom: 0;
    z-index: var(--ca-z-sticky);
    background: color-mix(in srgb, var(--ca-surface) 94%, transparent);
    backdrop-filter: blur(12px);
    box-shadow: var(--ca-shadow);
  }
}

/* --------------------------------------------------------------- inputs */

.canvastia[data-canvastia] input[type='text'],
.canvastia[data-canvastia] input[type='tel'],
.canvastia[data-canvastia] input[type='email'],
.canvastia[data-canvastia] input[type='password'],
.canvastia[data-canvastia] input[type='search'],
.canvastia[data-canvastia] select,
.canvastia[data-canvastia] textarea {
  min-height: 46px;
  border-width: 1.2px;
  border-color: var(--ca-border-strong);
  border-radius: var(--ca-radius-sm);
  background: var(--ca-surface-2);
}

.canvastia[data-canvastia] input:focus,
.canvastia[data-canvastia] select:focus,
.canvastia[data-canvastia] textarea:focus {
  border-color: var(--ca-accent);
  box-shadow: 0 0 0 3px var(--ca-accent-soft);
}

.canvastia[data-canvastia] ::placeholder {
  color: var(--ca-ink-faint);
}

/* ------------------------------------------------------ the wizard rail */

.canvastia__wizard-item {
  font-family: var(--ca-font-display);
}

.canvastia__wizard-item.is-active .canvastia__wizard-dot,
.canvastia__wizard-item[aria-current='step'] .canvastia__wizard-dot {
  background: var(--ca-grad-accent);
  color: var(--ca-accent-ink);
}

/* --------------------------------------------------- scenes and options */

.canvastia__scene-chip {
  border-radius: var(--ca-radius) !important;
  background: var(--ca-surface-2);
  box-shadow: none;
}

.canvastia__scene-chip:hover {
  box-shadow: var(--ca-shadow-sm);
}

.canvastia__option-card {
  border-radius: var(--ca-radius) !important;
  background: var(--ca-surface-2) !important;
}

.canvastia__option-card.is-expanded,
.canvastia__option-card.is-open {
  border-color: color-mix(in srgb, var(--ca-accent) 45%, transparent) !important;
  box-shadow: none !important;
}

.canvastia__opt-head-title {
  font-family: var(--ca-font-display);
}

/* ------------------------------------------------------------ purchases */

/* Anything that states a price wears the money colour, so a member never has
   to read a sentence to find out whether a button charges them. */
.canvastia__product-price,
.canvastia__pack-badge,
.canvastia__profile-credits,
.canvastia__account-balance {
  color: var(--ca-gold);
  font-family: var(--ca-font-display);
  font-weight: 800;
}

.canvastia__product {
  border-radius: var(--ca-radius-lg);
  background: var(--ca-surface-2);
}

.canvastia__product-badge {
  background: var(--ca-gold-soft);
  color: var(--ca-gold);
}

/* ---------------------------------------------------- modals and status */

.canvastia__progress-dialog,
.canvastia__confirm-dialog,
.canvastia__coupon-dialog,
.canvastia__account-dialog,
.canvastia__archive-dialog,
.canvastia__account-modal-dialog {
  border-radius: var(--ca-radius-lg);
  background: var(--ca-surface);
  box-shadow: var(--ca-shadow);
}

.canvastia__progress-bar {
  border-radius: var(--ca-radius-pill);
  background: var(--ca-surface-3);
}

.canvastia__progress-bar > span,
.canvastia__progress-bar > div {
  background: var(--ca-grad-accent);
}

.canvastia__form-notice,
.canvastia__status {
  border-radius: var(--ca-radius);
  background: var(--ca-surface-2);
  color: var(--ca-ink-muted);
}

.canvastia__form-notice--error,
.canvastia__status--error {
  background: var(--ca-danger-soft);
  color: var(--ca-danger);
}

/* The studio's own status line — a centered pill in the eyebrow style, not a
   full-width bar tucked in a corner (owner request). */
.canvastia[data-canvastia] .canvastia__notice {
  display: block;
  width: fit-content;
  max-width: min(92%, 640px);
  margin: 14px auto 4px !important;
  padding: 8px 16px !important;
  border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--accent) 12%, var(--panel)) !important;
  color: var(--accent) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}
.canvastia[data-canvastia] .canvastia__notice:empty { display: none !important; }
.canvastia[data-canvastia] .canvastia__notice.canvastia__notice--error {
  border-color: color-mix(in srgb, #e25362 45%, transparent) !important;
  background: color-mix(in srgb, #e25362 15%, var(--panel)) !important;
  color: #ff8a95 !important;
}

.canvastia[data-canvastia] :focus-visible {
  outline: 2px solid var(--ca-accent);
  outline-offset: 2px;
}

/*
 * Three surfaces that were written for a light page.
 *
 * They were literal light greys rather than variables, so re-pointing the
 * palette could not reach them: on the dark ground the wizard's unvisited steps
 * and the selection counter came out as pale chips floating over the panel.
 * `!important` only where the rule they override used it.
 */
.canvastia__wizard-item span,
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item[aria-disabled='true'] .canvastia__wizard-dot {
  background: var(--ca-surface-3) !important;
  color: var(--ca-ink-faint) !important;
  border-color: var(--ca-border);
}

.canvastia__scene-selection-head .canvastia__scene-count {
  background: var(--ca-accent-soft);
  color: var(--ca-ink) !important;
  border-color: color-mix(in srgb, var(--ca-accent) 40%, transparent) !important;
}

.canvastia__progress-dot {
  background: var(--ca-surface-3);
}

/* ---- Result-flow focus (1.19.13) --------------------------------------------
   The studio shows exactly one surface at a time. While a generation runs and
   once the finished cards are up, the wizard is taken off screen — the owner
   asked for no half-rendered result under a running job and no wizard behind a
   finished image. */
.canvastia.is-generating .canvastia__wizard-progress,
.canvastia.is-generating .canvastia__workspace,
.canvastia.is-generating .canvastia__panel--review,
.canvastia.is-generating .canvastia__usecase-back,
.canvastia.is-generating .canvastia__results,
.canvastia.is-showing-result .canvastia__wizard-progress,
.canvastia.is-showing-result .canvastia__workspace,
.canvastia.is-showing-result .canvastia__panel--review,
.canvastia.is-showing-result .canvastia__usecase-back{display:none!important}
.canvastia.is-showing-result .canvastia__results{display:block!important}
.canvastia.is-showing-result .canvastia__results-head{align-items:flex-start}

/* ---- Info popup (1.19.15) — small centered "OK" modal, mounted on <body> ---- */
.canvastia__info-modal{position:fixed;inset:0;z-index:2147483001;display:grid;place-items:center;padding:20px;
  --panel:var(--ca-surface,#1d1d1f);--line:var(--ca-border,#333336);--text:var(--ca-ink,#f4f4f6);--muted:var(--ca-ink-muted,#a8a8ad);--accent:var(--ca-accent,#f5b52e)}
.canvastia__info-backdrop{position:absolute;inset:0;background:rgba(4,3,16,.72)}
.canvastia__info-dialog{position:relative;width:min(420px,92vw);padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.5);text-align:center;font-family:inherit}
.canvastia__info-title{margin:0 0 8px;font-size:17px;font-weight:800;color:var(--text)}
.canvastia__info-body{margin:0 0 18px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.canvastia__info-ok{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:42px;padding:0 18px;border:0;border-radius:11px;background:var(--accent);color:#1b1300;font:800 13px/1 inherit;cursor:pointer}
.canvastia__info-ok:disabled{opacity:.45;cursor:not-allowed}
.canvastia__info-ok.is-danger{background:#e0674f;color:#fff}
.canvastia__info-cancel{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:42px;padding:0 16px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--text);font:700 13px/1 inherit;cursor:pointer}
.canvastia__confirm-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:4px}
.canvastia__confirm-check{display:flex;align-items:flex-start;gap:9px;margin:0 0 16px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--accent) 6%,transparent);text-align:left;font-size:12.5px;line-height:1.45;color:var(--text);cursor:pointer}
.canvastia__confirm-check input{flex:none;width:17px;height:17px;margin:1px 0 0}

/* Code-entry popup (1.19.16): 6-digit code + password, finishes sign-up in place. */
.canvastia__code-dialog{width:min(400px,92vw)}
.canvastia__code-form{display:grid;gap:10px;margin-top:4px}
.canvastia__code-form input{width:100%;height:44px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel2,#26262a);color:var(--text);font:600 14px/1 inherit}
.canvastia__code-form input:focus{outline:2px solid var(--accent);outline-offset:1px}
.canvastia__code-input{text-align:center;font-size:22px!important;font-weight:800!important;letter-spacing:10px;font-variant-numeric:tabular-nums}
.canvastia__code-form .canvastia__form-notice{min-height:0;margin:0;padding:0;font-size:12px;font-weight:600;color:var(--muted)}
.canvastia__code-form .canvastia__form-notice--error{color:#e0674f}
.canvastia__code-form .canvastia__info-ok{width:100%;margin-top:2px}

/* ============================================================================
   1.19.25 — Studio sketch pass (EDITLER/Giris..7.sayfa..Sonuc.png)
   Warm-dark premium look: one glowing container, gold logo lockup, all-gold
   stepper with a connector line, cleaner panels, footer strip. Layout, copy,
   colours and component language unchanged — this only tightens the finish.
   ========================================================================= */

/* --- The whole studio: one rounded container with a soft amber glow ring --- */
.canvastia[data-canvastia]{
  border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line))!important;
  border-radius:28px!important;
  background:
    radial-gradient(120% 60% at 50% -10%, color-mix(in srgb,var(--accent) 10%,transparent), transparent 70%),
    var(--ca-bg)!important;
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent),
    0 24px 80px rgba(0,0,0,.55),
    0 0 120px -30px color-mix(in srgb,var(--accent) 40%,transparent)!important;
}

/* --- Brand lockup: paw mark in a gold-bordered rounded square + wordmark --- */
.canvastia[data-canvastia] .canvastia__brand-lockup{display:inline-flex;align-items:center;gap:11px;min-width:0}
.canvastia[data-canvastia] .canvastia__brand-mark{
  display:grid;place-items:center;flex:none;width:44px;height:44px;
  border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));
  border-radius:13px;
  background:color-mix(in srgb,var(--accent) 14%,var(--panel));
  font-size:20px;line-height:1;
}
.canvastia[data-canvastia] .canvastia__brand-text{display:grid;gap:1px;min-width:0}
.canvastia[data-canvastia] .canvastia__brand-text strong{
  font-family:'Quicksand',sans-serif;font-size:17px;font-weight:800;letter-spacing:.02em;color:var(--text);line-height:1.15;white-space:nowrap;
}
.canvastia[data-canvastia] .canvastia__brand-text strong span{color:var(--accent)}
.canvastia[data-canvastia] .canvastia__brand-text small{color:var(--muted);font-size:11px;font-weight:600;line-height:1.1}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__brand-mark{width:38px;height:38px;font-size:17px;border-radius:11px}
  .canvastia[data-canvastia] .canvastia__brand-text strong{font-size:14px}
  .canvastia[data-canvastia] .canvastia__brand-text small{font-size:10px}
}

/* --- Stepper: its own rounded panel, all-gold dots, gold connector -------- */
.canvastia[data-canvastia] .canvastia__wizard-progress{
  border:1px solid var(--line)!important;border-radius:16px!important;
  background:color-mix(in srgb,var(--panel) 70%,var(--ca-bg))!important;
  padding:14px 8px 11px!important;margin-bottom:16px!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress::before{background:var(--line)!important}
.canvastia[data-canvastia] .canvastia__wizard-progress::after{
  background:linear-gradient(90deg,var(--accent),var(--ca-accent-strong,#e59a15))!important;
}
/* inactive dot -- dark disc, muted ring + number (was a light-theme grey) */
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-dot{
  border:3px solid color-mix(in srgb,var(--panel) 70%,var(--ca-bg))!important;
  background:var(--panel2)!important;color:var(--muted)!important;
  box-shadow:0 0 0 1px var(--line)!important;
}
/* active / done dot -- solid gold, dark number */
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-complete .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="1"].is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="1"].is-complete .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="2"].is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="2"].is-complete .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="3"].is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="3"].is-complete .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="4"].is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="4"].is-complete .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="5"].is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="5"].is-complete .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="6"].is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="6"].is-complete .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="7"].is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-item[data-step-nav="7"].is-complete .canvastia__wizard-dot{
  background:linear-gradient(135deg,var(--accent),var(--ca-accent-strong,#e59a15))!important;
  color:#1b1300!important;border-color:color-mix(in srgb,var(--panel) 70%,var(--ca-bg))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 40%,var(--line)),0 4px 14px -2px color-mix(in srgb,var(--accent) 55%,transparent)!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-label{
  background:transparent!important;color:var(--muted)!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-active .canvastia__wizard-label{color:var(--text)!important}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item[aria-disabled=true] .canvastia__wizard-dot{
  color:var(--muted)!important;background:var(--panel2)!important;
}

/* --- Panels: warmer, quieter surface ------------------------------------- */
.canvastia[data-canvastia] .canvastia__panel{
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,var(--ca-bg)),var(--panel))!important;
  border:1px solid var(--line)!important;border-radius:20px!important;
  box-shadow:0 12px 40px -12px rgba(0,0,0,.5)!important;
}
/* Step number badge (already gold) -- a touch larger, matches the sketch */
.canvastia[data-canvastia] .canvastia__panel-head>span{
  width:34px!important;height:34px!important;border-radius:11px!important;font-size:14px!important;
}
.canvastia[data-canvastia] .canvastia__panel-head strong{font-size:20px!important;letter-spacing:.01em}
.canvastia[data-canvastia] .canvastia__panel-head small{font-size:12.5px!important}

/* --- "Tur degistir" back link: pill, subtle, above the stepper ---------- */
.canvastia[data-canvastia] .canvastia__usecase-back{
  height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--panel);color:var(--muted);font-size:12px;font-weight:700;
}

/* --- Result card: full-width "Indir" directly below the finished image --- */
.canvastia[data-canvastia] .canvastia__card{
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  border-radius:22px!important;overflow:hidden;
  box-shadow:0 0 90px -34px color-mix(in srgb,var(--accent) 55%,transparent)!important;
}
.canvastia[data-canvastia] .canvastia__card .canvastia__card-body{padding:12px!important}
.canvastia[data-canvastia] .canvastia__card .canvastia__card-download{
  width:100%!important;height:52px!important;min-height:52px!important;
  border-radius:14px!important;font-size:15px!important;font-weight:800!important;
  letter-spacing:.02em;
}
/* the round on-image icons (download + regenerate), top-right, per Sonuc.png */
.canvastia[data-canvastia] .canvastia__card .canvastia__card-dl{
  top:12px!important;right:56px!important;width:38px;height:38px;border-radius:999px;
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);
  background:rgba(20,18,14,.6);color:#fff;font-size:17px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}

/* --- Footer strip ------------------------------------------------------- */
.canvastia[data-canvastia] .canvastia__footer-strip{
  margin:22px 0 2px;text-align:center;
  color:color-mix(in srgb,var(--muted) 60%,transparent);
  font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
}

/* ============================================================================
   1.19.26 — Studio sketch pass 2 (Giris / 1..7.sayfa / uretim / Sonuc)
   Character art, the Giris chooser, the upload screen, the progress modal and
   the result screen brought in line with the approved sketches. Same flow,
   same copy keys, same colours — layout + finish only.
   ========================================================================= */

/* ---------- Reusable character art -------------------------------------- */
.canvastia[data-canvastia] .canvastia__usecase-char,
.canvastia[data-canvastia] .canvastia__drop-char,
.canvastia[data-canvastia] .canvastia__panel-char,
.canvastia[data-canvastia] .canvastia__progress-char,
.canvastia[data-canvastia] .canvastia__studio-mascot{
  position:absolute;pointer-events:none;user-select:none;z-index:2;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.45));
}


/* ============================================================================
   GIRIS.PNG CLONE — measured off the approved sketch (1672x941, content width
   1299px). Every value below is a sketch measurement scaled by 0.856 to this
   container's content width; colours are sampled pixels, not estimates.
   Photos, the gold icon tiles and the hand-drawn doodles are cropped from the
   sketch itself (assets/img/giris/) — nothing here re-draws them.
   ========================================================================= */

.canvastia[data-canvastia] .canvastia__usecase{display:block;margin:0}
.canvastia[data-canvastia] .canvastia__usecase-intro{margin:0 0 28px}
.canvastia[data-canvastia] .canvastia__usecase-intro h3{
  margin:0 0 9px;
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;font-size:47px;font-weight:800;
  line-height:1.06;letter-spacing:-.02em;color:#ffffff;
}
.canvastia[data-canvastia] .canvastia__usecase-intro h3 span{color:#ffc84d}
.canvastia[data-canvastia] .canvastia__usecase-intro p{
  margin:0;font-size:17px;line-height:1.5;font-weight:400;color:#d3d7d5;
}
/* 1.19.50: kalp artik metin karakteri (U+2661) degil, eskizin KENDI el cizimi
   kalbi. Karakter glifi simetrik ve ince; eskizdeki kalp egik, esit olmayan
   kalinlikta ve tepesi acik. Giris.png'den kirpildi (assets/img/giris/heart.webp),
   yeniden cizilmedi. Font ile olceklensin diye yukseklik em cinsinden. */
.canvastia[data-canvastia] .canvastia__usecase-heart{
  display:inline-block;width:auto;height:1.15em;margin-inline-start:7px;
  vertical-align:-0.2em;object-fit:contain;filter:none;box-shadow:none;border:0;
}

/* --- the two chooser cards --------------------------------------------- */
.canvastia[data-canvastia] .canvastia__usecase-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
}
.canvastia[data-canvastia] .canvastia__usecase-card{
  position:relative;overflow:hidden;isolation:isolate;
  display:flex!important;align-items:stretch;gap:0;
  height:222px;min-height:222px;padding:0!important;margin:0!important;
  border-radius:20px!important;text-align:left!important;cursor:pointer;
  color:#ffffff!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.canvastia[data-canvastia] .canvastia__usecase-card--personal{flex-direction:row-reverse}

/* The photo crops already end on the sketch's own card colour (#262018 for the
   dog, #2f271d for the cat), so the card fill is tuned to meet them exactly at
   the split and NO fade overlay is needed — an overlay was dimming the sketch's
   own gold doodles. A downward wash darkens the bottom-right, where the sketch
   is much darker than its bright top-right corner. */
.canvastia[data-canvastia] .canvastia__usecase-card--adoption{
  border:1.5px solid #80613b!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.18) 100%),
    linear-gradient(96deg,#221d16 0%,#262018 35%,#3a2d1a 70%,#57411f 100%)!important;
  box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__usecase-card--personal{
  border:1.5px solid #664d32!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.14) 100%),
    linear-gradient(264deg,#3a2f1f 0%,#2f271d 47%,#282319 100%)!important;
  box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__usecase-card:hover{
  transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 18px 44px -20px rgba(0,0,0,.7),
             0 0 50px -22px rgba(248,182,60,.55)!important;
}

/* photo half — the animal is a TRANSPARENT cut-out (background removed with
   rembg), with its own hand-drawn doodle merged into the very same file. There
   is no rectangular photo box any more, so the silhouette meets the card fill
   directly: no seam to colour-match, and it stays correct on any background.
   Widths are the sketch's own splits (dog 227/634, cat 302/633). */
.canvastia[data-canvastia] .canvastia__usecase-figure{
  position:relative;align-self:stretch;overflow:visible;flex:none;background:none;
}
.canvastia[data-canvastia] .canvastia__usecase-card--adoption .canvastia__usecase-figure{width:35.8%}
.canvastia[data-canvastia] .canvastia__usecase-card--personal .canvastia__usecase-figure{width:47.7%}
/* 1.19.61: sahibi (EDITLER/yap1.png) kedi ve kopek gorsellerinin ARKA PLANI
   oldugunu, onun da yapilmasi gerektigini soyledi. Eskizde bunlar seffaf
   siluet degil, kendi bulanik fotograf arka planlariyla birlikte karta oturan
   dikdortgen fotograflardir. Asset'ler Giris.png'den oyle kirpildi (kopek
   193-417, kedi 1150-1400 px; kart kenarligi ve ok butonu disarida) ve metne
   bakan kenara %30'luk ALFA gecisi verildi — renk eslestirmesi degil, alfa;
   yani her zeminde dogru. Bu yuzden dogru davranis `object-fit:cover`;
   `contain` fotografin arka planini kucultup kartta bosluk birakiyordu. */
.canvastia[data-canvastia] .canvastia__usecase-char{
  position:absolute;inset:0;width:100%;height:100%;max-width:none;
  object-fit:cover;display:block;filter:none;z-index:0;
}

/* text half — icon tile ON TOP of the title (as in the sketch), left aligned */
.canvastia[data-canvastia] .canvastia__usecase-body{
  flex:1 1 auto;min-width:0;
  display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  padding:32px 92px 0 14px;gap:0;
}
/* card 2's arrow sits over the photo, so its text needs no right gutter */
.canvastia[data-canvastia] .canvastia__usecase-card--personal .canvastia__usecase-body{padding:32px 12px 0 44px}
.canvastia[data-canvastia] .canvastia__usecase-icon{
  display:block;width:61px;height:61px;flex:none;margin:0 0 13px;
  border:0;border-radius:14px;background:none;box-shadow:none;
}
/* Sketch type is a neutral grotesque (Inter), not the geometric Sora face. */
.canvastia[data-canvastia] .canvastia__usecase-card strong{
  display:block;margin:0;max-width:100%;
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;font-size:27px;font-weight:600;
  line-height:1.14;letter-spacing:-.004em;color:#ffffff;white-space:nowrap;
}
.canvastia[data-canvastia] .canvastia__usecase-card small{
  display:block;margin:8px 0 0;font-size:14px;line-height:1.35;font-weight:400;color:#d3d7d5;
}
.canvastia[data-canvastia] .canvastia__usecase-tag{
  display:block;margin:14px 0 0;font-size:14px;line-height:1.3;font-weight:400;color:#e4e5e0;
}

/* go-arrow — a simple geometric icon, so it is drawn, not cropped */
.canvastia[data-canvastia] .canvastia__usecase-go{
  position:absolute;inset-inline-end:29px;bottom:32px;z-index:3;
  display:grid;place-items:center;width:45px;height:45px;border-radius:999px;
  border:1.5px solid #a97f33;background:transparent;
  transition:background .16s ease,border-color .16s ease;
}
.canvastia[data-canvastia] .canvastia__usecase-go::before{
  content:'';width:9px;height:9px;margin-inline-start:-3px;
  border-top:2px solid #ffc84d;border-inline-end:2px solid #ffc84d;
  border-start-end-radius:2px;transform:rotate(45deg);
}
.canvastia[data-canvastia][dir="rtl"] .canvastia__usecase-go::before{transform:rotate(-135deg);margin-inline-start:0;margin-inline-end:-3px}
.canvastia[data-canvastia] .canvastia__usecase-card:hover .canvastia__usecase-go{
  background:rgba(248,182,60,.16);border-color:#ffc84d;
}

/* --- GORSELLERIM strip -------------------------------------------------- */
.canvastia[data-canvastia] .canvastia__usecase-recent{
  margin-top:30px;padding-top:0;border-top:0;
}
.canvastia[data-canvastia] .canvastia__usecase-recent-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;
}
.canvastia[data-canvastia] .canvastia__usecase-recent-head{
  display:inline-flex;align-items:center;gap:13px;
  font-size:19px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#f5f6f4;
}
.canvastia[data-canvastia] .canvastia__usecase-recent-head img{width:40px;height:40px;display:block;border-radius:8px}
.canvastia[data-canvastia] .canvastia__usecase-recent-all{
  display:inline-flex;align-items:center;gap:9px;padding:0;
  border:0;background:transparent;font:inherit;font-size:16px;font-weight:700;color:#fff867;cursor:pointer;
}
.canvastia[data-canvastia] .canvastia__usecase-recent-all:hover{text-decoration:underline}
.canvastia[data-canvastia] .canvastia__usecase-recent-strip{
  display:flex;flex-wrap:wrap;gap:9px;overflow:visible;padding:0;
}
.canvastia[data-canvastia] .canvastia__usecase-recent-thumb{
  flex:none;width:126px;height:118px;padding:0;overflow:hidden;cursor:pointer;
  border:1px solid #2a2520;border-radius:12px;background:#17150f;
  transition:border-color .16s ease,transform .16s ease;
}
.canvastia[data-canvastia] .canvastia__usecase-recent-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.canvastia[data-canvastia] .canvastia__usecase-recent-thumb:hover{border-color:#c9922f;transform:translateY(-2px)}
.canvastia[data-canvastia] .canvastia__usecase-recent-more{
  flex:none;display:grid;place-items:center;align-content:center;gap:6px;
  width:126px;height:118px;padding:0;
  border:1px dashed #4a4038;border-radius:12px;background:transparent;color:#d3d7d5;cursor:pointer;
}
.canvastia[data-canvastia] .canvastia__usecase-recent-more:hover{border-color:#c9922f}
.canvastia[data-canvastia] .canvastia__usecase-recent-more span{color:#f0efe9;font-size:22px;font-weight:400;line-height:1}
.canvastia[data-canvastia] .canvastia__usecase-recent-more small{font-size:11.5px;font-weight:400;color:#d3d7d5}

/* --- responsive: keep the same design language, just stack -------------- */
@media(max-width:900px){
  .canvastia[data-canvastia] .canvastia__usecase-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__usecase-intro h3{font-size:29px}
  .canvastia[data-canvastia] .canvastia__usecase-intro p{font-size:13.5px}
  .canvastia[data-canvastia] .canvastia__usecase-card{height:166px;min-height:166px}
  .canvastia[data-canvastia] .canvastia__usecase-body{padding:20px 52px 0 12px}
  .canvastia[data-canvastia] .canvastia__usecase-card--personal .canvastia__usecase-body{padding-left:20px}
  .canvastia[data-canvastia] .canvastia__usecase-icon{width:42px;height:42px;margin-bottom:9px}
  .canvastia[data-canvastia] .canvastia__usecase-card strong{font-size:20px}
  .canvastia[data-canvastia] .canvastia__usecase-card small{font-size:12.5px;margin-top:4px}
  .canvastia[data-canvastia] .canvastia__usecase-tag{font-size:11.5px;margin-top:8px}
  .canvastia[data-canvastia] .canvastia__usecase-recent-head{font-size:13px;gap:10px}
  .canvastia[data-canvastia] .canvastia__usecase-recent-head img{width:28px;height:28px}
  .canvastia[data-canvastia] .canvastia__usecase-recent-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .canvastia[data-canvastia] .canvastia__usecase-recent-thumb,
  .canvastia[data-canvastia] .canvastia__usecase-recent-more{width:96px;height:90px}
}

/* --- header: brand mark + "My images" tile are sketch crops ------------- */
.canvastia[data-canvastia] .canvastia__brand-mark{
  width:48px;height:48px;border:0;border-radius:13px;background:none;display:block;
}
.canvastia[data-canvastia] .canvastia__myimages-btn--icon>img{width:34px;height:34px;display:block;border-radius:8px}
.canvastia[data-canvastia] .canvastia__brand-text strong{
  font-family:'Sora','Inter',sans-serif;font-size:19px;font-weight:800;letter-spacing:.005em;color:#ffffff;
}
.canvastia[data-canvastia] .canvastia__brand-text strong span{color:#fee353}
.canvastia[data-canvastia] .canvastia__brand-text small{color:#cd993f;font-size:11.5px;font-weight:500}
/* ---------- Step 5: outfit accordion rows ---------------------------- */
.canvastia[data-canvastia] .canvastia__panel--options{position:relative;overflow:hidden}
.canvastia[data-canvastia] .canvastia__panel-char--dog{top:-6px;inset-inline-end:-4px;width:132px;height:auto}
.canvastia[data-canvastia] .canvastia__option-stack{gap:12px!important}
.canvastia[data-canvastia] .canvastia__option-card{
  padding:15px 16px!important;border:1px solid var(--line)!important;border-radius:16px!important;
  background:var(--panel2)!important;
}
.canvastia[data-canvastia] .canvastia__option-card.is-open{
  border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)!important;
}
.canvastia[data-canvastia] .canvastia__option-card>label:first-child{
  grid-template-columns:38px minmax(0,1fr)!important;column-gap:12px!important;
  font-size:14px!important;font-weight:800!important;color:var(--text)!important;
}
.canvastia[data-canvastia] .canvastia__option-card>label:first-child::before{
  width:38px!important;height:38px!important;border-radius:11px!important;font-size:17px!important;
  background:color-mix(in srgb,var(--accent) 16%,var(--panel))!important;
  border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line))!important;
}

/* ---------- Progress modal ----------------------------------------- */
.canvastia[data-canvastia] .canvastia__progress-dialog,
.canvastia__progress-dialog{
  position:relative;overflow:visible!important;
  background:linear-gradient(180deg,#161310,#0f0d0b)!important;color:#f6efe4!important;
  border:1px solid color-mix(in srgb,var(--accent) 30%,#2a2622)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent),0 30px 90px rgba(0,0,0,.6),0 0 120px -30px color-mix(in srgb,var(--accent) 45%,transparent)!important;
}
.canvastia[data-canvastia] .canvastia__progress-char{width:150px;height:auto;top:-96px;z-index:1}
.canvastia[data-canvastia] .canvastia__progress-char--dog{left:8px}
.canvastia[data-canvastia] .canvastia__progress-char--cat{right:0;width:126px;top:-80px}
.canvastia__progress-dialog .canvastia__progress-head span{color:var(--accent)!important;font-weight:800;letter-spacing:.14em}
.canvastia__progress-dialog .canvastia__progress-head h3{color:#fff!important;font-size:24px!important}
.canvastia__progress-dialog .canvastia__progress-percent{color:#fff!important;font-size:30px!important;font-weight:800}
.canvastia__progress-dialog .canvastia__progress-bar{background:rgba(255,255,255,.09)!important;height:14px!important;border-radius:999px!important}
.canvastia__progress-dialog .canvastia__progress-bar i{background:linear-gradient(90deg,var(--accent),#ffd479)!important;box-shadow:0 0 16px color-mix(in srgb,var(--accent) 70%,transparent)}
.canvastia__progress-dialog .canvastia__progress-countdown{text-align:center;font-size:13px;color:#d9cdba}
.canvastia__progress-dialog .canvastia__progress-countdown [data-countdown-value]{color:var(--accent);font-size:19px;font-weight:800}
.canvastia__progress-dialog .canvastia__progress-note{color:#b8ab98!important}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__progress-char{width:104px;top:-64px}
  .canvastia[data-canvastia] .canvastia__progress-char--cat{width:92px;top:-56px}
}

/* ---------- Sonuc: "Hazir" pill + head icon ------------------------ */
.canvastia[data-canvastia] .canvastia__results{position:relative}
.canvastia[data-canvastia] .canvastia__results-ready{
  display:inline-flex;align-items:center;gap:7px;margin:0 auto 12px;
  padding:7px 16px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));
  background:color-mix(in srgb,var(--accent) 12%,var(--panel));
  color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.04em;
}
.canvastia[data-canvastia] .canvastia__results-ready span{font-size:13px}
.canvastia[data-canvastia] .canvastia__results{display:flex;flex-direction:column;align-items:center}
.canvastia[data-canvastia] .canvastia__results-head,
.canvastia[data-canvastia] .canvastia__cards{width:100%}
.canvastia[data-canvastia] .canvastia__results-head h3 span{color:var(--accent)}
.canvastia[data-canvastia] .canvastia__studio-mascot{right:6px;bottom:44px;width:126px;height:auto;opacity:.9}
@media(max-width:700px){.canvastia[data-canvastia] .canvastia__studio-mascot{display:none}}

/* ============================================================================
   1.SAYFA.PNG CLONE — "Fotoğraf Yükle".
   Measured off the sketch (1312x1199, content column 1104px) and scaled by
   1.158 to this container's 1278px content width. Colours are sampled pixels.
   Cloud, shield, hint, info, button glyph, the six sample thumbs and both
   animals are crops of the sketch (assets/img/p1/); the animals are rembg
   cut-outs with their gold doodles merged into the very same file — no overlay
   layers, no edge-colour matching.
   ========================================================================= */

/* ---- stepper ----------------------------------------------------------
   1.19.51: sahibi "soldaki (eskiz) daha ince ve zarif, sagdaki kalin olmus"
   dedi. Olculdu: 2.sayfa.png'de daire 30px ve iki daire arasi 159px; bizim
   render'imizda ara 154px — yani olcek 1:1, ama daire 44px ciziliyordu, %45
   buyuk. Daire 32px'e, rakam 13px'e indirildi, etiket daireye yaklastirildi.
   Tamamlanan adim eskizde rakam degil ONAY ISARETI gosteriyor. */
.canvastia[data-canvastia] .canvastia__wizard-progress{
  border:1px solid #202023!important;border-radius:18px!important;
  background:#151517!important;
  min-height:104px!important;padding:22px 10px 18px!important;margin-bottom:22px!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item{
  grid-template-rows:32px 20px!important;gap:10px!important;height:62px!important;min-height:62px!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-dot{
  width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;
  border:1px solid #2b2a2b!important;background:#212123!important;color:#8d9091!important;
  font-size:13px!important;font-weight:600!important;box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-complete .canvastia__wizard-dot{
  font-size:0!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-complete .canvastia__wizard-dot::after{
  content:"✓";font-size:15px;font-weight:700;line-height:1;color:#1b1305;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-active .canvastia__wizard-dot,
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-complete .canvastia__wizard-dot{
  background:#f0b73f!important;border-color:#f0b73f!important;color:#1b1305!important;font-weight:700!important;
  box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-label{
  height:20px!important;padding:0!important;background:transparent!important;
  color:#8f9294!important;font-size:13px!important;font-weight:400!important;line-height:20px!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item.is-active .canvastia__wizard-label{
  color:#ffffff!important;font-weight:600!important;
}
.canvastia[data-canvastia] .canvastia__wizard-progress::before,
.canvastia[data-canvastia] .canvastia__wizard-progress::after{top:37px!important;height:2px!important}
.canvastia[data-canvastia] .canvastia__wizard-progress::before{background:#252526!important}
.canvastia[data-canvastia] .canvastia__wizard-progress::after{background:#f0b73f!important}

/* ---- the step panel --------------------------------------------------- */
.canvastia[data-canvastia] .canvastia__panel--photo{
  background:#191a1c!important;border:1px solid #202023!important;border-radius:21px!important;
  padding:35px!important;box-shadow:none!important;position:relative;overflow:hidden;
}
.canvastia[data-canvastia] .canvastia__panel--photo .canvastia__panel-head{
  align-items:flex-start;gap:16px;margin-bottom:24px!important;
}
.canvastia[data-canvastia] .canvastia__panel--photo .canvastia__panel-head>span{
  width:54px!important;height:54px!important;border-radius:17px!important;
  background:#f0b73f!important;color:#1b1305!important;font-size:17px!important;font-weight:500!important;
}
.canvastia[data-canvastia] .canvastia__panel--photo .canvastia__panel-head strong{
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif!important;
  font-size:24px!important;font-weight:500!important;color:#fff!important;letter-spacing:-.005em;line-height:1.2;
}
.canvastia[data-canvastia] .canvastia__panel--photo .canvastia__panel-head small{
  font-size:16px!important;color:#b9bcbc!important;margin-top:7px!important;line-height:1.35;
}

/* ---- the dashed upload box ------------------------------------------- */
.canvastia[data-canvastia] .canvastia__drop{
  position:relative;overflow:hidden;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;
  height:405px!important;min-height:405px!important;padding:54px 20px 0!important;gap:0!important;
  border:0!important;border-radius:23px!important;
  background:
    radial-gradient(70% 55% at 50% 0%, #2f2716 0%, #262114 42%, rgba(32,32,33,0) 100%),
    #202021!important;
  text-align:center!important;cursor:pointer;
}
.canvastia[data-canvastia] .canvastia__drop-icon{
  display:block!important;width:135px!important;height:auto!important;
  margin:0 0 22px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:none!important;position:relative;z-index:2;
}
.canvastia[data-canvastia] .canvastia__drop-copy{
  display:grid!important;justify-items:center!important;gap:10px!important;margin:0!important;
  position:relative;z-index:2;
}
.canvastia[data-canvastia] .canvastia__drop-copy strong{
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif!important;
  font-size:24px!important;font-weight:500!important;color:#fff!important;line-height:1.2!important;
}
.canvastia[data-canvastia] .canvastia__drop-copy small{
  font-size:15px!important;color:#c8cbca!important;line-height:1.4!important;
}
.canvastia[data-canvastia] .canvastia__drop-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  width:260px;height:69px;margin-top:32px;position:relative;z-index:2;
  border-radius:18px;background:#f0b73f;color:#1b1305;
  font-size:17px;font-weight:500;box-shadow:none;
}
.canvastia[data-canvastia] .canvastia__drop-btn img{width:26px;height:26px;display:block}
.canvastia[data-canvastia] .canvastia__drop:hover .canvastia__drop-btn{filter:brightness(1.05)}

/* the two animals bleed off the box's own left / right edges */
.canvastia[data-canvastia] .canvastia__drop-char{
  position:absolute;bottom:0;z-index:1;height:auto;max-width:none;
  pointer-events:none;filter:none;
}
.canvastia[data-canvastia] .canvastia__drop-char--dog{left:0;width:236px}
/* 1.19.51: onceki kesim kedinin SAG KULAGININ UCUNU kesiyordu (sahibi
   "kulak kesik" diye isaretledi). Yeniden kirpildi: 1.sayfa.png (1030,532)-
   (1186,745), rembg + en buyuk alfa bileseni, kivilcimlar ayni dosyada.
   Genislik eskizin olcusunden: 151px x 1.158 = 175px. Sag kenardaki dikey
   kesik kutunun kendi kenarligina denk gelir (eskizde de oyle). */
.canvastia[data-canvastia] .canvastia__drop-char--cat{right:0;width:175px}

/* ---- sample photos strip --------------------------------------------- */
.canvastia[data-canvastia] .canvastia__samples{margin-top:27px;width:fit-content;max-width:100%;margin-inline:auto}
.canvastia[data-canvastia] .canvastia__samples-head{
  display:flex;align-items:center;gap:9px;justify-content:flex-start;
  margin:0 0 10px;color:#c8cbca;font-size:14px;font-weight:400;
}
.canvastia[data-canvastia] .canvastia__samples-head img{width:22px;height:22px;display:block;opacity:.75}
.canvastia[data-canvastia] .canvastia__samples-strip{
  display:flex;align-items:center;justify-content:center;gap:19px;flex-wrap:wrap;
}
.canvastia[data-canvastia] .canvastia__sample{
  display:block;width:115px;height:117px;border-radius:12px;overflow:hidden;flex:none;
}
.canvastia[data-canvastia] .canvastia__sample img{width:100%;height:100%;object-fit:cover;display:block}
.canvastia[data-canvastia] .canvastia__samples-more{
  flex:none;display:grid;place-items:center;width:26px;height:117px;
}
.canvastia[data-canvastia] .canvastia__samples-more::before{
  content:'';width:11px;height:11px;
  border-top:2px solid #8f9294;border-inline-end:2px solid #8f9294;
  transform:rotate(45deg);margin-inline-start:-4px;
}

/* ---- "your photos are safe" note -------------------------------------- */
.canvastia[data-canvastia] .canvastia__photo-safe{
  display:flex;align-items:center;gap:16px;
  width:880px;max-width:100%;margin:31px auto 0;padding:14px 22px;
  border:0;border-radius:16px;background:#222222;
}
.canvastia[data-canvastia] .canvastia__photo-safe-icon{
  flex:none;display:block;width:31px;height:auto;border:0;border-radius:0;background:none;
}
.canvastia[data-canvastia] .canvastia__photo-safe strong{
  display:block;font-size:14px;font-weight:600;color:#fff;line-height:1.3;
}
.canvastia[data-canvastia] .canvastia__photo-safe small{
  display:block;margin-top:3px;font-size:14px;color:#b6b8b8;line-height:1.4;
}

/* ---- footer row: hint on the left, primary action on the right -------- */
.canvastia[data-canvastia] .canvastia__step-actions--withtip{
  display:flex!important;align-items:center;justify-content:space-between;gap:18px;
  margin-top:28px!important;padding-top:22px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}
.canvastia[data-canvastia] .canvastia__step-actions--withtip .canvastia__step-tip{
  display:inline-flex;align-items:center;gap:11px;margin:0;
  color:#c8cbca;font-size:15px;font-weight:400;line-height:1.4;
}
.canvastia[data-canvastia] .canvastia__step-actions--withtip .canvastia__step-tip img{
  width:26px;height:auto;display:block;flex:none;opacity:.8;
}
.canvastia[data-canvastia] .canvastia__step-actions--withtip>.canvastia__btn{
  width:auto!important;min-width:215px!important;height:67px!important;min-height:67px!important;
  max-height:67px!important;padding:0 26px!important;border-radius:16px!important;
  background:#f0b73f!important;color:#1b1305!important;
  font-size:19px!important;font-weight:600!important;
}

/* ---- responsive: same language, just stacked -------------------------- */
@media(max-width:900px){
  .canvastia[data-canvastia] .canvastia__panel--photo{padding:22px!important}
  .canvastia[data-canvastia] .canvastia__drop{height:330px!important;min-height:330px!important;padding-top:34px!important}
  .canvastia[data-canvastia] .canvastia__drop-icon{width:100px!important;margin-bottom:16px!important}
  .canvastia[data-canvastia] .canvastia__drop-copy strong{font-size:21px!important}
  .canvastia[data-canvastia] .canvastia__drop-copy small{font-size:14px!important}
  .canvastia[data-canvastia] .canvastia__drop-btn{width:210px;height:56px;font-size:16px;margin-top:22px}
  .canvastia[data-canvastia] .canvastia__drop-char--dog{width:160px}
  .canvastia[data-canvastia] .canvastia__drop-char--cat{width:124px}
  .canvastia[data-canvastia] .canvastia__panel--photo .canvastia__panel-head strong{font-size:22px!important}
  .canvastia[data-canvastia] .canvastia__panel--photo .canvastia__panel-head small{font-size:14px!important}
  .canvastia[data-canvastia] .canvastia__samples-strip{gap:12px}
  .canvastia[data-canvastia] .canvastia__sample{width:88px;height:90px}
  .canvastia[data-canvastia] .canvastia__step-actions--withtip{flex-wrap:wrap}
  .canvastia[data-canvastia] .canvastia__step-actions--withtip>.canvastia__btn{flex:1 1 100%}
}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__wizard-progress{padding:18px 4px 14px!important;min-height:0!important}
  .canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-dot{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;font-size:12px!important}
  .canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-item{grid-template-rows:34px 16px!important;height:60px!important;min-height:60px!important;gap:8px!important}
  .canvastia[data-canvastia] .canvastia__wizard-progress .canvastia__wizard-label{font-size:10px!important;line-height:16px!important;height:16px!important}
  .canvastia[data-canvastia] .canvastia__wizard-progress::before,
  .canvastia[data-canvastia] .canvastia__wizard-progress::after{top:33px!important}
  .canvastia[data-canvastia] .canvastia__samples-strip{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}
  .canvastia[data-canvastia] .canvastia__photo-safe{padding:12px 14px;gap:11px}
}

/* ============================================================================
   2.SAYFA.PNG CLONE — "Paylaşım Formatı".
   Measured off the sketch (1448x1086, container 1157px) and scaled by 1.105 to
   this container's 1278px content width. Colours are sampled pixels.
   Preview photos and platform glyphs are crops of the sketch (assets/img/p2/);
   the card frame, ratio pill and selected check are CSS.
   ========================================================================= */

.canvastia[data-canvastia] .canvastia__panel--format{
  background:#141515!important;border:1px solid #202023!important;border-radius:21px!important;
  padding:35px!important;box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__panel--format .canvastia__panel-head{
  align-items:flex-start;gap:16px;margin-bottom:26px!important;
}
.canvastia[data-canvastia] .canvastia__panel--format .canvastia__panel-head>span{
  width:51px!important;height:51px!important;border-radius:16px!important;
  background:#f0b73f!important;color:#1b1305!important;font-size:19px!important;font-weight:600!important;
}
.canvastia[data-canvastia] .canvastia__panel--format .canvastia__panel-head strong{
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif!important;
  font-size:26px!important;font-weight:500!important;color:#fff!important;
  letter-spacing:-.006em;line-height:1.2;
}
.canvastia[data-canvastia] .canvastia__panel--format .canvastia__panel-head small{
  font-size:16px!important;color:#b9bcbc!important;margin-top:7px!important;line-height:1.35;
}

/* ---- the 4-up grid ---------------------------------------------------- */
.canvastia[data-canvastia] .canvastia__format-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;margin:0!important;
}

/* ---- one format card -------------------------------------------------- */
.canvastia[data-canvastia] .canvastia__format-tile{
  position:relative;display:flex!important;flex-direction:column;align-items:flex-start;
  gap:0;min-height:254px;padding:18px!important;margin:0!important;
  /* 1.19.51 "3D glass border": eskizde hucrenin UST kenari belirgin sekilde
     acik (#3f3f3f), alt kenari zeminle ayni (#171716), dolgu da yukaridan
     asagi koyulasiyor. Duz tek renk cerceve bu cam etkisini vermiyordu. */
  border:1px solid #262528!important;border-radius:18px!important;
  background:linear-gradient(180deg,#1d1d1e 0%,#191a1b 55%,#171716 100%)!important;
  color:#fff!important;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 26px -18px rgba(0,0,0,.85)!important;
  overflow:visible;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.canvastia[data-canvastia] .canvastia__format-tile:hover{border-color:#3a3a3f!important}
.canvastia[data-canvastia] .canvastia__format-tile input{
  position:absolute;opacity:0;pointer-events:none;width:0;height:0;
}

/* selected: gold frame + a soft gold bloom, like the sketch */
.canvastia[data-canvastia] .canvastia__format-tile:has(input:checked){
  border-color:#c99a3d!important;
  background:linear-gradient(160deg,#2a2317 0%,#1d1a15 60%,#191a1c 100%)!important;
  box-shadow:0 0 0 1px rgba(201,154,61,.35),0 0 34px -8px rgba(240,183,63,.45)!important;
}
.canvastia[data-canvastia] .canvastia__format-check{
  position:absolute;top:12px;inset-inline-end:12px;z-index:3;
  display:none;width:32px;height:32px;border-radius:999px;background:#f0b73f;
}
.canvastia[data-canvastia] .canvastia__format-check::before{
  content:'';position:absolute;left:11px;top:8px;width:7px;height:13px;
  border-inline-end:2.5px solid #1b1305;border-bottom:2.5px solid #1b1305;
  transform:rotate(42deg);
}
.canvastia[data-canvastia] .canvastia__format-tile:has(input:checked) .canvastia__format-check{display:block}

/* preview photo, with the platform glyph overlapping its bottom-right.
   1.19.51: fotograf artik formatin KENDI oranini tasiyor (sahibi: "olcu
   formata gore resim ama sagda oyle degil, dikine degil!"). Oran PHP'den
   --fmt-ratio olarak geliyor; yukseklik sabit (--shot-h: dikey formatlarda
   168px, digerlerinde 148px, eskizde de oyle) ve genislik orandan cikiyor. */
.canvastia[data-canvastia] .canvastia__format-shot{
  position:relative;display:block;width:auto;max-width:100%;margin:0 0 16px;
}
.canvastia[data-canvastia] .canvastia__format-shot>img:first-child{
  display:block;height:var(--shot-h,148px);width:auto;max-width:100%;
  aspect-ratio:var(--fmt-ratio,1 / 1);object-fit:cover;border-radius:14px;
}
/* yap7: vektor platform isareti — arka plan yok, her olcekte net. */
.canvastia[data-canvastia] .canvastia__format-glyph{
  position:absolute;inset-inline-end:-21px;bottom:-10px;z-index:2;
  width:43px;height:43px;display:block;border-radius:10px;line-height:0;
  overflow:visible;background:none;box-shadow:0 6px 16px -6px rgba(0,0,0,.7);
}
.canvastia[data-canvastia] .canvastia__format-glyph>svg,
.canvastia[data-canvastia] .canvastia__format-glyph>img{
  display:block;width:100%;height:100%;border-radius:10px;
}

/* name + ratio pill on one line */
.canvastia[data-canvastia] .canvastia__format-line{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  width:100%;margin:0 0 8px;
}
.canvastia[data-canvastia] .canvastia__format-name{
  font-size:17px;font-weight:600;color:#fff;line-height:1.25;
}
.canvastia[data-canvastia] .canvastia__format-ratio{
  flex:none;padding:7px 14px;border-radius:11px;
  border:1px solid #3a3a40;background:#232327;
  color:#d7dad9;font-size:14px;font-weight:500;line-height:1;
  font-variant-numeric:tabular-nums;
}
.canvastia[data-canvastia] .canvastia__format-desc{
  display:block;color:#a8abab;font-size:15px;font-weight:400;line-height:1.4;
}

/* ---- footer row ------------------------------------------------------- */
.canvastia[data-canvastia] .canvastia__panel--format .canvastia__step-actions{
  margin-top:30px!important;padding-top:0!important;border-top:0!important;
  justify-content:flex-end;gap:16px;
}
.canvastia[data-canvastia] .canvastia__panel--format .canvastia__step-actions>.canvastia__btn{
  width:auto!important;height:62px!important;min-height:62px!important;max-height:62px!important;
  padding:0 28px!important;border-radius:15px!important;
  font-size:18px!important;font-weight:500!important;
}
.canvastia[data-canvastia] .canvastia__panel--format .canvastia__step-actions>.canvastia__btn--soft{
  background:#232327!important;border:1px solid #303035!important;color:#e6e7e7!important;
}
.canvastia[data-canvastia] .canvastia__panel--format .canvastia__step-actions>.canvastia__btn--primary{
  background:#f0b73f!important;border:0!important;color:#1b1305!important;min-width:196px!important;
}

/* ---- responsive: same language, fewer columns ------------------------- */
@media(max-width:1180px){
  .canvastia[data-canvastia] .canvastia__format-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .canvastia[data-canvastia] .canvastia__panel--format{padding:22px!important}
  .canvastia[data-canvastia] .canvastia__format-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .canvastia[data-canvastia] .canvastia__format-tile{min-height:0;padding:14px!important}
  .canvastia[data-canvastia] .canvastia__format-shot>img:first-child{height:120px}
  .canvastia[data-canvastia] .canvastia__format-name{font-size:15px}
  .canvastia[data-canvastia] .canvastia__format-desc{font-size:13px}
  .canvastia[data-canvastia] .canvastia__panel--format .canvastia__panel-head strong{font-size:21px!important}
  .canvastia[data-canvastia] .canvastia__panel--format .canvastia__panel-head small{font-size:14px!important}
}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__format-grid{grid-template-columns:1fr!important}
  .canvastia[data-canvastia] .canvastia__format-shot{width:60%}
  .canvastia[data-canvastia] .canvastia__panel--format .canvastia__step-actions{flex-wrap:wrap}
  .canvastia[data-canvastia] .canvastia__panel--format .canvastia__step-actions>.canvastia__btn{flex:1 1 100%}
}

/* ============================================================================
   SKETCH CLONE — remaining studio screens (3.sayfa … Sonuc.png).
   All seven sketches export the same design system at different resolutions, so
   these reuse the token set already measured on Giris / 1.sayfa / 2.sayfa
   rather than re-deriving a per-sketch scale: panel #191a1c, inner card
   #26262a border, gold #f0b73f, Inter 500 headings, 18–21px radii.
   ========================================================================= */

/* ---- shared panel chrome for steps 3-7 -------------------------------- */
.canvastia[data-canvastia] .canvastia__panel--details,
.canvastia[data-canvastia] .canvastia__panel--scenes,
.canvastia[data-canvastia] .canvastia__panel--options,
.canvastia[data-canvastia] .canvastia__panel--frame,
.canvastia[data-canvastia] .canvastia__panel--review{
  background:#141515!important;border:1px solid #202023!important;border-radius:21px!important;
  padding:35px!important;box-shadow:none!important;position:relative;overflow:hidden;
}
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__panel-head,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__panel-head,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__panel-head,
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__panel-head,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__panel-head{
  align-items:flex-start;gap:16px;margin-bottom:24px!important;
}
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__panel-head>span,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__panel-head>span,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__panel-head>span,
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__panel-head>span,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__panel-head>span{
  width:54px!important;height:54px!important;border-radius:17px!important;
  background:#f0b73f!important;color:#1b1305!important;font-size:19px!important;font-weight:600!important;
}
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__panel-head strong,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__panel-head strong,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__panel-head strong,
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__panel-head strong,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__panel-head strong{
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif!important;
  font-size:26px!important;font-weight:500!important;color:#fff!important;
  letter-spacing:-.006em;line-height:1.2;
}
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__panel-head small,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__panel-head small,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__panel-head small,
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__panel-head small,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__panel-head small{
  font-size:16px!important;color:#b9bcbc!important;margin-top:7px!important;line-height:1.35;
}
/* shared action row */
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__step-actions,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__step-actions,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__step-actions,
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__step-actions,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__step-actions{
  margin-top:30px!important;padding-top:0!important;border-top:0!important;gap:16px;
}
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__step-actions>.canvastia__btn,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__step-actions>.canvastia__btn,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__step-actions>.canvastia__btn,
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__step-actions>.canvastia__btn,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__step-actions>.canvastia__btn,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__step-actions>.canvastia__generate{
  width:auto!important;height:62px!important;min-height:62px!important;max-height:62px!important;
  padding:0 28px!important;border-radius:15px!important;font-size:18px!important;font-weight:500!important;
}
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__step-actions>.canvastia__btn--soft,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__step-actions>.canvastia__btn--soft,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__step-actions>.canvastia__btn--soft,
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__step-actions>.canvastia__btn--soft,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__step-actions>.canvastia__btn--soft{
  background:#232327!important;border:1px solid #303035!important;color:#e6e7e7!important;
}
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__step-actions>.canvastia__btn--primary,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__step-actions>.canvastia__btn--primary,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__step-actions>.canvastia__btn--primary,
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__step-actions>.canvastia__btn--primary,
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__step-actions>.canvastia__generate{
  background:#f0b73f!important;border:0!important;color:#1b1305!important;min-width:196px!important;
}

/* shared field styling for every panel from here on */
.canvastia[data-canvastia] .canvastia__panel--details input[type=text],
.canvastia[data-canvastia] .canvastia__panel--details input[type=tel],
.canvastia[data-canvastia] .canvastia__panel--details select,
.canvastia[data-canvastia] .canvastia__panel--details textarea,
.canvastia[data-canvastia] .canvastia__panel--options select,
.canvastia[data-canvastia] .canvastia__panel--options textarea,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-category,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-search{
  background:#1d1e20!important;border:1px solid #303035!important;border-radius:12px!important;
  color:#f0f1f1!important;font-size:16px!important;font-weight:400!important;
  height:52px!important;min-height:52px!important;padding:0 16px!important;
}
.canvastia[data-canvastia] .canvastia__panel--details textarea,
.canvastia[data-canvastia] .canvastia__panel--options textarea{
  height:auto!important;min-height:96px!important;padding:14px 16px!important;line-height:1.5!important;
}
.canvastia[data-canvastia] .canvastia__panel--details label,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-sub label{
  color:#c8cbca!important;font-size:15px!important;font-weight:400!important;
}

/* ---- 3.sayfa : Ilan Bilgileri ---------------------------------------- */
.canvastia[data-canvastia] .canvastia__card-gate{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:20px 22px;margin:0 0 22px;
  border:1px solid #6b5528!important;border-radius:18px!important;
  background:linear-gradient(120deg,#241f14,#1b1a17)!important;
}
.canvastia[data-canvastia] .canvastia__card-gate-q strong{display:block;font-size:17px;font-weight:600;color:#fff;line-height:1.3}
.canvastia[data-canvastia] .canvastia__card-gate-q small{display:block;margin-top:5px;font-size:15px;color:#b0b3b2;line-height:1.4}
.canvastia[data-canvastia] .canvastia__seg{
  display:inline-flex;flex:none;padding:4px;border-radius:13px;background:#1c1b19;border:1px solid #34322c;
}
.canvastia[data-canvastia] .canvastia__seg-opt{
  display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:42px;
  padding:0 18px;border-radius:10px;color:#c8cbca;font-size:16px;font-weight:500;cursor:pointer;
}
.canvastia[data-canvastia] .canvastia__seg-opt input{position:absolute;opacity:0;pointer-events:none}
.canvastia[data-canvastia] .canvastia__seg-opt:has(input:checked){background:#f0b73f;color:#1b1305}

.canvastia[data-canvastia] .canvastia__details-cards{display:grid;gap:20px}
.canvastia[data-canvastia] .canvastia__sub-card{
  padding:24px!important;border:1px solid #26262a!important;border-radius:18px!important;
  background:#191a1c!important;box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__sub-card>h4{
  display:flex;align-items:center;gap:14px;margin:0 0 18px!important;
  font-size:18px!important;font-weight:600!important;color:#fff!important;
}
.canvastia[data-canvastia] .canvastia__sub-card>h4::before{
  content:'';flex:none;width:38px;height:38px;border-radius:11px;
  background:#f0b73f/**/;background-size:contain;background-repeat:no-repeat;background-position:center;
}
.canvastia[data-canvastia] .canvastia__field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px}
.canvastia[data-canvastia] .canvastia__field-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.canvastia[data-canvastia] .canvastia__field-block{display:grid;gap:8px}
.canvastia[data-canvastia] .canvastia__card-style-grid{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 0}
.canvastia[data-canvastia] .canvastia__card-style-opt{
  display:inline-flex;align-items:center;gap:11px;height:52px;padding:0 18px;
  border:1px solid #303035;border-radius:13px;background:#1d1e20;color:#e2e4e3;
  font-size:16px;font-weight:400;cursor:pointer;
}
.canvastia[data-canvastia] .canvastia__card-style-opt:has(input:checked){border-color:#c99a3d;box-shadow:0 0 0 1px rgba(201,154,61,.4)}
.canvastia[data-canvastia] .canvastia__card-style-swatch{width:22px;height:22px;border-radius:7px;flex:none}

/* ---- 4.sayfa : Senaryo ------------------------------------------------ */
.canvastia[data-canvastia] .canvastia__scene-featured{
  padding:22px!important;margin:0 0 22px!important;
  border:1px solid #6b5528!important;border-radius:18px!important;
  background:linear-gradient(150deg,#221d13,#181818)!important;
}
.canvastia[data-canvastia] .canvastia__scene-featured-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;
  color:#f0b73f;font-size:15px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
}
.canvastia[data-canvastia] .canvastia__scenario-mode{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  padding:6px;margin:0 0 22px;border:1px solid #34322c;border-radius:16px;background:#171717;
}
.canvastia[data-canvastia] .canvastia__mode-button{
  height:56px!important;border-radius:12px!important;background:transparent!important;
  border:0!important;color:#c8cbca!important;font-size:17px!important;font-weight:500!important;
}
.canvastia[data-canvastia] .canvastia__mode-button.is-active{
  background:#211c12!important;border:1px solid #c99a3d!important;color:#f0b73f!important;
}
.canvastia[data-canvastia] .canvastia__scene-browser-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 16px;
}
.canvastia[data-canvastia] .canvastia__scene-browser-head strong{font-size:18px;font-weight:600;color:#fff}
.canvastia[data-canvastia] .canvastia__scene-browser-head small{display:block;margin-top:6px;font-size:15px;color:#a8abab;line-height:1.4}
.canvastia[data-canvastia] .canvastia__scene-browser-head>span{
  flex:none;padding:7px 14px;border-radius:10px;border:1px solid #6b5528;
  background:#211c12;color:#f0b73f;font-size:13px;font-weight:600;
}
.canvastia[data-canvastia] .canvastia__scene-tools{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;margin:0 0 18px}
.canvastia[data-canvastia] .canvastia__scene-list{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;
  max-height:none!important;overflow:visible!important;padding:0!important;
}
.canvastia[data-canvastia] .canvastia__scene-chip{
  padding:0 0 14px!important;border:1px solid #26262a!important;border-radius:16px!important;
  background:#191a1c!important;overflow:hidden;box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__scene-chip:has(input:checked){
  border-color:#c99a3d!important;
  box-shadow:0 0 0 1px rgba(201,154,61,.35),0 0 30px -10px rgba(240,183,63,.45)!important;
}
.canvastia[data-canvastia] .canvastia__scene-copy strong{font-size:16px;font-weight:600;color:#fff;line-height:1.3}
.canvastia[data-canvastia] .canvastia__scene-copy small{display:block;margin-top:4px;font-size:14px;color:#9a9d9d}
.canvastia[data-canvastia] .canvastia__scene-selection-head>strong{font-size:17px!important;font-weight:600!important;color:#fff!important}

/* ---- 5.sayfa : Kiyafet ve Aksesuar ----------------------------------- */
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-stack{
  display:grid!important;grid-template-columns:1fr!important;gap:14px!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card{
  padding:18px 22px!important;border:1px solid #26262a!important;border-radius:16px!important;
  background:#191a1c!important;box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card.is-open{
  border-color:#c99a3d!important;
  box-shadow:0 0 0 1px rgba(201,154,61,.35),0 0 30px -12px rgba(240,183,63,.4)!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card>label:first-child{
  grid-template-columns:52px minmax(0,1fr)!important;column-gap:18px!important;
  font-size:19px!important;font-weight:600!important;color:#fff!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card>label:first-child::before{
  width:52px!important;height:52px!important;border-radius:14px!important;font-size:22px!important;
  background:#211c12!important;border:1px solid #6b5528!important;color:#f0b73f!important;
}
.canvastia[data-canvastia] .canvastia__per-scene-head strong{font-size:20px;font-weight:600;color:#fff}
.canvastia[data-canvastia] .canvastia__per-scene-head small{display:block;margin-top:6px;font-size:15px;color:#a8abab}

/* ---- 6.sayfa : Cercevede konumlandir --------------------------------- */
/* 1.19.49 — 6.adimda fotograf HIC gorunmuyordu. Sebep: sahne `display:grid;
   place-items:center` idi; grid'de otomatik boyutlu bir sutunun icindeki
   `width:100%` dongusel yuzde sayilir ve `auto`ya duser. Pencerenin tek icerigi
   mutlak konumlu canvas oldugu icin genislik max-content = 0 oluyordu: olculen
   kutu 2x3 pikseldi. Cozum, sahneyi tekrar flex yapmak VE pencereye kesin bir
   px genislik vermek. Eskizde (EDITLER/6.sayfa.png) pencere 467px, panelin
   ~%48'i. Bunu tekrar yuzdeye cevirme. */
.canvastia[data-canvastia] .canvastia__frame-stage{
  display:flex!important;justify-content:center;align-items:center;margin:0 0 22px;
}
.canvastia[data-canvastia] .canvastia__frame-window{
  width:470px!important;max-width:100%!important;flex:0 0 auto;
  border:1px solid #2a2a2e!important;border-radius:20px!important;overflow:hidden;
  box-shadow:0 0 60px -18px rgba(240,183,63,.35)!important;
}
.canvastia[data-canvastia] .canvastia__frame-anchors{
  display:grid!important;grid-template-columns:repeat(3,44px)!important;gap:8px!important;
  justify-content:center;margin:0 auto 20px!important;
}
.canvastia[data-canvastia] .canvastia__frame-anchor{
  width:44px!important;height:44px!important;border-radius:11px!important;
  border:1px solid #34343a!important;background:#1d1e20!important;cursor:pointer;
}
.canvastia[data-canvastia] .canvastia__frame-anchor.is-active{
  border-color:#f0b73f!important;background:#2a2313!important;
  box-shadow:0 0 0 1px rgba(240,183,63,.4)!important;
}

/* ---- 7.sayfa : Kontrol Et ve Olustur --------------------------------- */
.canvastia[data-canvastia] .canvastia__final-plan{
  padding:22px!important;border:1px solid #26262a!important;border-radius:18px!important;
  background:#191a1c!important;
}
.canvastia[data-canvastia] .canvastia__final-plan-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 0 16px;
}
.canvastia[data-canvastia] .canvastia__final-plan-head strong{font-size:18px;font-weight:600;color:#fff}
.canvastia[data-canvastia] .canvastia__final-plan-head small{color:#a8abab;font-size:15px}
.canvastia[data-canvastia] .canvastia__final-plan-row{
  display:grid;grid-template-columns:44px 78px minmax(0,1fr) auto;align-items:center;gap:16px;
  padding:14px 16px;border:1px solid #26262a;border-radius:14px;background:#1d1e20;
}
.canvastia[data-canvastia] .canvastia__final-plan-thumb{
  display:block;width:78px;overflow:hidden;border-radius:14px;
  border:1px solid #34343a;background:#0f0f10;
}
.canvastia[data-canvastia] .canvastia__final-plan-thumb>img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.canvastia[data-canvastia] .canvastia__final-plan-thumb.is-empty{aspect-ratio:1/1}
.canvastia[data-canvastia] .canvastia__final-plan-index{
  display:grid;place-items:center;width:44px;height:44px;border-radius:999px;
  border:1px solid #6b5528;background:#211c12;color:#f0b73f;font-size:17px;font-weight:600;
}
.canvastia[data-canvastia] .canvastia__final-plan-copy strong{display:block;font-size:17px;font-weight:600;color:#fff}
.canvastia[data-canvastia] .canvastia__final-plan-copy small{
  display:block;margin-top:4px;color:#9a9d9d;font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
}
.canvastia[data-canvastia] .canvastia__final-plan-actions{display:flex;gap:12px}
.canvastia[data-canvastia] .canvastia__final-plan-edit,
.canvastia[data-canvastia] .canvastia__final-plan-remove{
  height:48px;padding:0 20px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;
}
.canvastia[data-canvastia] .canvastia__final-plan-edit{border:1px solid #6b5528;background:#211c12;color:#f0b73f}
.canvastia[data-canvastia] .canvastia__final-plan-remove{border:1px solid #6b2e2e;background:#241616;color:#e2706b}
.canvastia[data-canvastia] .canvastia__step-actions--withcount .canvastia__final-plan-total{
  font-size:19px!important;font-weight:600!important;color:#f0b73f!important;
}
.canvastia[data-canvastia] .canvastia__consent--footer{
  margin:22px 0 0!important;padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  font-size:16px!important;font-weight:400!important;color:#dcdedd!important;
}
.canvastia[data-canvastia] .canvastia__consent input{width:22px!important;height:22px!important;accent-color:#f0b73f}

/* ---- uretim modal ----------------------------------------------------- */
.canvastia[data-canvastia] .canvastia__progress-dialog,
.canvastia__progress-dialog{
  width:min(720px,94vw)!important;padding:34px!important;border-radius:24px!important;
}
.canvastia__progress-dialog .canvastia__progress-head span{font-size:14px!important;letter-spacing:.13em!important}
.canvastia__progress-dialog .canvastia__progress-head h3{font-size:30px!important;font-weight:500!important}
.canvastia__progress-dialog .canvastia__progress-percent{font-size:38px!important;font-weight:600!important}
.canvastia__progress-dialog .canvastia__progress-bar{height:16px!important}
.canvastia__progress-dialog .canvastia__progress-countdown{font-size:16px!important}
.canvastia__progress-dialog .canvastia__progress-countdown [data-countdown-value]{font-size:24px!important}
.canvastia__progress-dialog .canvastia__progress-note{font-size:15px!important}

/* ---- Sonuc ------------------------------------------------------------ */
.canvastia[data-canvastia] .canvastia__results-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 20px;
}
.canvastia[data-canvastia] .canvastia__results-head h3{
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif!important;
  font-size:26px!important;font-weight:500!important;color:#fff!important;margin:0!important;
}
.canvastia[data-canvastia] .canvastia__results-head p{margin:7px 0 0!important;font-size:16px!important;color:#b9bcbc!important}
.canvastia[data-canvastia] .canvastia__restart{
  height:56px!important;padding:0 24px!important;border-radius:14px!important;
  background:#232327!important;border:1px solid #303035!important;color:#e6e7e7!important;
  font-size:17px!important;font-weight:500!important;
}
.canvastia[data-canvastia] .canvastia__card .canvastia__card-download{
  height:64px!important;min-height:64px!important;border-radius:16px!important;
  font-size:19px!important;font-weight:600!important;
}
.canvastia[data-canvastia] .canvastia__card .canvastia__reroll{
  top:14px!important;right:14px!important;width:44px!important;height:44px!important;
  border:1px solid rgba(240,183,63,.55)!important;background:rgba(20,18,14,.62)!important;color:#f0b73f!important;
}
.canvastia[data-canvastia] .canvastia__card .canvastia__card-dl{
  top:14px!important;right:66px!important;width:44px!important;height:44px!important;
  border:1px solid rgba(240,183,63,.55)!important;background:rgba(20,18,14,.62)!important;color:#f0b73f!important;
}

/* ---- responsive ------------------------------------------------------- */
@media(max-width:1180px){
  .canvastia[data-canvastia] .canvastia__scene-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .canvastia[data-canvastia] .canvastia__panel--details,
  .canvastia[data-canvastia] .canvastia__panel--scenes,
  .canvastia[data-canvastia] .canvastia__panel--options,
  .canvastia[data-canvastia] .canvastia__panel--frame,
  .canvastia[data-canvastia] .canvastia__panel--review{padding:22px!important}
  .canvastia[data-canvastia] .canvastia__scene-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
  .canvastia[data-canvastia] .canvastia__field-grid,
  .canvastia[data-canvastia] .canvastia__field-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .canvastia[data-canvastia] .canvastia__scene-tools{grid-template-columns:1fr}
  .canvastia[data-canvastia] .canvastia__card-gate{flex-wrap:wrap}
  .canvastia[data-canvastia] .canvastia__final-plan-row{grid-template-columns:40px 64px minmax(0,1fr);row-gap:12px}
  .canvastia[data-canvastia] .canvastia__final-plan-actions{grid-column:1/-1}
}
@media(max-width:560px){
  .canvastia[data-canvastia] .canvastia__scene-list{grid-template-columns:1fr!important}
  .canvastia[data-canvastia] .canvastia__field-grid,
  .canvastia[data-canvastia] .canvastia__field-grid--4{grid-template-columns:1fr!important}
  .canvastia[data-canvastia] .canvastia__scenario-mode{grid-template-columns:1fr}
}

/* ---- sketch-cropped section / accordion icons + pet decorations -------- */
.canvastia[data-canvastia] .canvastia__sub-card>h4::before{
  background-color:transparent;background-size:contain;
}
.canvastia[data-canvastia] .canvastia__details-cards>.canvastia__sub-card:nth-of-type(1)>h4::before{background-image:var(--ico-info)}
.canvastia[data-canvastia] .canvastia__details-cards>.canvastia__sub-card:nth-of-type(2)>h4::before{background-image:var(--ico-phone)}
.canvastia[data-canvastia] .canvastia__details-cards>.canvastia__sub-card:nth-of-type(3)>h4::before{background-image:var(--ico-card)}

.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card>label:first-child::before{
  content:''!important;background-size:contain;background-repeat:no-repeat;background-position:center;
  background-color:transparent!important;border:0!important;
}
.canvastia[data-canvastia] .canvastia__option-card[data-option=clothing]>label:first-child::before{background-image:var(--ico-cloth)}
.canvastia[data-canvastia] .canvastia__option-card[data-option=accessory]>label:first-child::before{background-image:var(--ico-acc)}
.canvastia[data-canvastia] .canvastia__option-card[data-option=pose]>label:first-child::before{background-image:var(--ico-pose)}
.canvastia[data-canvastia] .canvastia__option-card[data-option=play]>label:first-child::before{background-image:var(--ico-play)}

.canvastia[data-canvastia] .canvastia__panel--options{position:relative;overflow:hidden}
.canvastia[data-canvastia] .canvastia__panel-char{position:absolute;pointer-events:none;height:auto;max-width:none;z-index:1}
.canvastia[data-canvastia] .canvastia__panel-char--dog{top:8px;inset-inline-end:18px;width:170px}
.canvastia[data-canvastia] .canvastia__panel-char--cat{bottom:-6px;inset-inline-start:-14px;width:140px}
.canvastia[data-canvastia] .canvastia__panel--review{position:relative;overflow:hidden}
.canvastia[data-canvastia] .canvastia__panel-char--review{position:absolute;bottom:-10px;inset-inline-end:-12px;width:230px;height:auto;max-width:none;pointer-events:none;z-index:0}
.canvastia[data-canvastia] .canvastia__panel--review>*:not(.canvastia__panel-char){position:relative;z-index:1}

.canvastia[data-canvastia] .canvastia__card-preview{position:relative;overflow:hidden}
.canvastia[data-canvastia] .canvastia__cp-pet{
  position:absolute;inset-inline-end:-10px;bottom:0;width:180px;height:auto;max-width:none;
  pointer-events:none;z-index:0;
}
.canvastia[data-canvastia] .canvastia__card-preview>*:not(.canvastia__cp-pet){position:relative;z-index:1}
@media(max-width:760px){
  .canvastia[data-canvastia] .canvastia__panel-char,
  .canvastia[data-canvastia] .canvastia__cp-pet{display:none}
}

/* progress-modal pets, sized to the sketch */
.canvastia[data-canvastia] .canvastia__progress-char--dog{width:190px;top:-118px;left:14px}
.canvastia[data-canvastia] .canvastia__progress-char--cat{width:132px;top:-84px;right:6px}

/* ---- corrections after the first render pass of steps 3-7 ------------- */
/* the icon box's `background` shorthand was wiping background-image */
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card[data-option=clothing]>label:first-child::before{background-image:var(--ico-cloth)!important}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card[data-option=accessory]>label:first-child::before{background-image:var(--ico-acc)!important}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card[data-option=pose]>label:first-child::before{background-image:var(--ico-pose)!important}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card[data-option=play]>label:first-child::before{background-image:var(--ico-play)!important}
.canvastia[data-canvastia] .canvastia__details-cards>.canvastia__sub-card:nth-of-type(1)>h4::before{background-image:var(--ico-info)!important}
.canvastia[data-canvastia] .canvastia__details-cards>.canvastia__sub-card:nth-of-type(2)>h4::before{background-image:var(--ico-phone)!important}
.canvastia[data-canvastia] .canvastia__details-cards>.canvastia__sub-card:nth-of-type(3)>h4::before{background-image:var(--ico-card)!important}
.canvastia[data-canvastia] .canvastia__sub-card>h4::before{background-color:transparent!important;background-size:contain!important;background-repeat:no-repeat!important}

/* 5.sayfa: title on the left, the value control on the right of one row */
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card>label:first-child{
  display:grid!important;grid-template-columns:52px minmax(0,1fr) minmax(200px,300px)!important;
  align-items:center!important;column-gap:18px!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card>label:first-child::before{grid-row:1!important}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card>label:first-child select{
  grid-column:3!important;margin-top:0!important;height:52px!important;
}

/* 4.sayfa: the featured row is four equal cards, as in the sketch */
.canvastia[data-canvastia] .canvastia__scene-featured .canvastia__scene-list,
.canvastia[data-canvastia] .canvastia__scene-featured>.canvastia__scene-list{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;
}
.canvastia[data-canvastia] .canvastia__scene-featured-head{
  font-size:15px;font-weight:700;letter-spacing:.11em;
}
.canvastia[data-canvastia] .canvastia__scene-chip--featured{min-height:0}
.canvastia[data-canvastia] .canvastia__scene-check{
  width:24px!important;height:24px!important;border-radius:8px!important;
  border:1px solid #3a3a40!important;background:#1d1e20!important;
}
.canvastia[data-canvastia] .canvastia__scene-chip:has(input:checked) .canvastia__scene-check{
  border-color:#f0b73f!important;background:#f0b73f!important;color:#1b1305!important;
}

/* 7.sayfa: the review dog sits below the panel edge, not over the button */
.canvastia[data-canvastia] .canvastia__panel-char--review{
  width:210px;bottom:-34px;inset-inline-end:-26px;opacity:.95;
}
@media(max-width:1100px){.canvastia[data-canvastia] .canvastia__panel-char--review{display:none}}

/* ---- Sonuç kartı: kırpma ve ölçek düzeltmesi (1.19.47) ----------------
   Eskiz (EDITLER/Sonuc.png) programatik olarak ölçüldü: üretilen görsel,
   stüdyo panelinin %90'ı kadar (828px / 920px). Yani KART GENİŞLİĞİ zaten
   doğruydu — 1.19.46'da 620px'e düşürmek eskizden uzaklaştırıyordu, geri
   alındı. Gerçek hata ikiliydi: (a) card-media'nın sabit aspect-ratio:4/5 +
   object-fit:cover'ı kare ve story formatındaki sonucu KIRPIYORDU,
   (b) paintAdoptionCard sabit punto kullandığı için uzun isim/bilgi satırı
   görselin dışına taşıyordu (studio.js içindeki fitLine ile çözüldü).
   Görsel artık kendi oranında, kırpılmadan, eskizdeki ölçekte çiziliyor. */
.canvastia[data-canvastia] .canvastia__cards{justify-content:center!important;gap:20px!important}
/* 1.19.48: olcek artik YUKSEKLIKTEN suruluyor. Eskizdeki fotograf 827x756,
   yani sayfa yuksekliginin %54'u. 1.19.47'de yalnizca genislik sinirlandigi
   icin 4:5 ve 9:16 sonuclar 1400px+ cizildi, ekrana sigmadi ("dev gibi
   orantisiz"). Kart genisligini studio.js sizeResultCard() gorselin oranindan
   hesaplayip yaziyor; asagidaki max-width yalnizca JS calismazsa devreye
   giren emniyet siniridir. */
.canvastia[data-canvastia] .canvastia__card{max-width:min(100%,1150px);margin:0 auto}
.canvastia[data-canvastia] .canvastia__card .canvastia__card-media{
  aspect-ratio:auto!important;max-height:none!important;
  display:block!important;background:#0f0f10;
}
.canvastia[data-canvastia] .canvastia__card .canvastia__card-media>canvas,
.canvastia[data-canvastia] .canvastia__card .canvastia__card-media>img{
  width:100%!important;height:auto!important;object-fit:contain!important;display:block;
}

/* ---- 3.sayfa: bolum basliklari, aciklama satiri ve Onizleme karti -------
   1.19.52: eskizde her bolumun basligi Title Case ve ALTINDA bir aciklama
   satiri var ("Can dostumuzun temel bilgilerini paylasalim."). Bizde tek
   kelimelik buyuk harf etiket vardi, aciklama hic yoktu. Onizleme de Kart
   Tasarimi kartinin icinde sikismisti; eskizde KENDI karti. */
.canvastia[data-canvastia] .canvastia__sub-card>h4{
  margin:0 0 6px!important;text-transform:none!important;letter-spacing:0!important;
}
.canvastia[data-canvastia] .canvastia__sub-card-sub{
  margin:0 0 18px 52px!important;color:#9a9d9e!important;font-size:15px!important;
  font-weight:400!important;line-height:1.4!important;
}
.canvastia[data-canvastia] .canvastia__details-cards>.canvastia__sub-card--preview>h4::before{
  background-image:var(--ico-eye)!important;
}
/* the live preview: a real card, not a one-line strip */
.canvastia[data-canvastia] .canvastia__sub-card--preview .canvastia__card-preview{
  min-height:186px;padding:22px 200px 22px 22px!important;border-radius:16px!important;
  align-content:start;gap:10px!important;
}
.canvastia[data-canvastia] .canvastia__sub-card--preview .canvastia__cp-name{
  font-size:30px!important;font-weight:700!important;
}
.canvastia[data-canvastia] .canvastia__sub-card--preview .canvastia__cp-pet{width:210px}
@media(max-width:760px){
  .canvastia[data-canvastia] .canvastia__sub-card--preview .canvastia__card-preview{padding:18px!important}
  .canvastia[data-canvastia] .canvastia__sub-card-sub{margin-left:0!important}
}

/* 1.19.53 — 3.sayfa kart kapisi: pati ikonu + aciklama satiri (eskizde var) */
.canvastia[data-canvastia] .canvastia__card-gate{
  display:flex!important;align-items:center;gap:16px;
}
.canvastia[data-canvastia] .canvastia__card-gate-copy{
  display:flex;flex-direction:column;gap:5px;flex:1 1 auto;min-width:0;
}
.canvastia[data-canvastia] .canvastia__card-gate-copy::before{content:none}
.canvastia[data-canvastia] .canvastia__card-gate::before{
  content:'';flex:none;width:44px;height:44px;border-radius:13px;
  background-image:var(--ico-paw);background-size:contain;
  background-repeat:no-repeat;background-position:center;
}
.canvastia[data-canvastia] .canvastia__card-gate-q{
  font-size:17px!important;font-weight:600!important;color:#fff!important;
}
.canvastia[data-canvastia] .canvastia__card-gate-sub{
  font-size:15px;font-weight:400;color:#9a9d9e;line-height:1.4;
}

/* ---- 3.sayfa: alan ikonlari ------------------------------------------
   1.19.55: eskizde her alanin SOL ICINDE altin bir ikon var (pati, konum
   ignesi, takvim, cinsiyet, sirinca, kalp, kisi, telefon). Bunlar cizgi
   ikonlar; yeniden cizilmedi, 3.sayfa.png'den kirpilip alfasi parlakliktan
   turetildi (assets/img/p3/fi-*.webp). Yukseklik ve sol bosluk sabit,
   boylece metin ikonun uzerine binmez. */
.canvastia[data-canvastia] .canvastia__details-fields input[type=text],
.canvastia[data-canvastia] .canvastia__details-fields input[type=tel],
.canvastia[data-canvastia] .canvastia__details-fields input[type=number],
.canvastia[data-canvastia] .canvastia__details-fields select{
  padding-inline-start:46px!important;
  background-repeat:no-repeat!important;
  background-position:left 15px center!important;
  background-size:19px 19px!important;
}
.canvastia[data-canvastia] .canvastia__details-fields input[name=pet_name]{background-image:var(--fi-paw)!important}
.canvastia[data-canvastia] .canvastia__details-fields input[name=pet_city]{background-image:var(--fi-pin)!important}
.canvastia[data-canvastia] .canvastia__details-fields input[name=pet_age_value]{background-image:var(--fi-cal)!important;background-position:left 15px center!important}
.canvastia[data-canvastia] .canvastia__details-fields select[name=pet_sex]{background-image:var(--fi-sex)!important}
.canvastia[data-canvastia] .canvastia__details-fields select[name=pet_vaccinated]{background-image:var(--fi-vax)!important}
.canvastia[data-canvastia] .canvastia__details-fields select[name=pet_neutered]{background-image:var(--fi-heart)!important}
.canvastia[data-canvastia] .canvastia__details-fields input[name=contact_name]{background-image:var(--fi-person)!important}
.canvastia[data-canvastia] .canvastia__details-fields input[name=phone]{background-image:var(--fi-phone)!important}

/* ---- 4.sayfa: One cikanlar basligi + kart oku -------------------------
   1.19.56: eskizde baslik satiri uc parcali — "ONE CIKANLAR", yaninda ince
   bir aciklama ve sagda "Tumunu gor →". Kartlarda ise sag-altta ALTIN
   DAIRESEL OK var; kucuk onay karesi yalnizca asagidaki kutuphane
   dosemesinde kaliyor. */
.canvastia[data-canvastia] .canvastia__scene-featured-head{
  display:flex!important;align-items:baseline;justify-content:space-between;
  gap:16px;margin:0 0 14px!important;text-transform:none!important;letter-spacing:0!important;
}
.canvastia[data-canvastia] .canvastia__scene-featured-head>div{
  display:flex;align-items:baseline;gap:12px;min-width:0;flex-wrap:wrap;
}
.canvastia[data-canvastia] .canvastia__scene-featured-head strong{
  font-size:15px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#f0b73f;
}
.canvastia[data-canvastia] .canvastia__scene-featured-head small{
  font-size:14px;font-weight:400;color:#8f9294;letter-spacing:0;text-transform:none;
}
.canvastia[data-canvastia] .canvastia__scene-featured-all{
  flex:none;appearance:none;border:0;background:transparent;cursor:pointer;
  color:#f0b73f;font-size:14px;font-weight:600;padding:0;
}
.canvastia[data-canvastia] .canvastia__scene-featured-all:hover{text-decoration:underline}
.canvastia[data-canvastia] .canvastia__scene-go{display:none}
.canvastia[data-canvastia] .canvastia__scene-chip--featured{position:relative}
.canvastia[data-canvastia] .canvastia__scene-chip--featured .canvastia__scene-check{display:none!important}
.canvastia[data-canvastia] .canvastia__scene-chip--featured .canvastia__scene-go{
  position:absolute;inset-inline-end:14px;bottom:14px;z-index:2;
  display:grid;place-items:center;width:34px;height:34px;border-radius:999px;
  border:1px solid rgba(240,183,63,.55);background:rgba(20,18,14,.55);
  color:#f0b73f;font-size:19px;line-height:1;
}
.canvastia[data-canvastia] .canvastia__scene-chip--featured:has(input:checked) .canvastia__scene-go{
  border-color:#f0b73f;background:#f0b73f;color:#1b1305;
}

/* ---- 5.sayfa: akordeon satirlarina aciklama, ince ayar karti ----------
   1.19.59: eskizde her satirin basliginin ALTINDA bir aciklama var
   ("Minik dostumuz icin sik kombinler." vb.). DIKKAT: bu satir PHP'deki
   <label> degil, studio.js'in kurdugu `.canvastia__opt-head` butonudur —
   label'a yazilan her sey akordeonun kapali govdesinde kalir ve gorunmez.
   Aciklama bu yuzden data-desc ile gecirilip head'e basiliyor. */
.canvastia[data-canvastia] .canvastia__opt-head-copy{
  display:flex;flex-direction:column;gap:4px;min-width:0;
}
.canvastia[data-canvastia] .canvastia__opt-head-sub{
  font-size:14px;font-weight:400;color:#8f9294;line-height:1.35;
  text-transform:none;letter-spacing:0;white-space:normal;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__opt-head{
  grid-template-columns:52px minmax(0,1fr) auto 20px!important;
  min-height:78px!important;padding:14px 18px!important;gap:18px!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__opt-head-icon{
  width:52px!important;height:52px!important;border-radius:14px!important;font-size:22px!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__opt-head-title{
  font-size:18px!important;font-weight:600!important;color:#fff!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__opt-head-value{
  font-size:16px!important;color:#8f9294!important;text-align:right;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card.is-set .canvastia__opt-head-value{
  color:#f0b73f!important;font-weight:600!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card.is-set{
  border-color:rgba(240,183,63,.45)!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-card.is-set .canvastia__opt-head-icon{
  border-color:#f0b73f!important;color:#f0b73f!important;
}
/* "Senaryo bazli ince ayar" is its own bordered card in the sketch */
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__per-scene-head{
  margin-top:26px!important;padding:22px 22px 0!important;
  border:1px solid #26262a!important;border-bottom:0!important;
  border-radius:18px 18px 0 0!important;background:#191a1c!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__selected-scenes{
  padding:16px 22px 22px!important;border:1px solid #26262a!important;border-top:0!important;
  border-radius:0 0 18px 18px!important;background:#191a1c!important;
}

/* ---- 7.sayfa: hazir satiri, aksiyon ikonlari, pati filigrani ----------
   1.19.57: eskizde altin toplam satirinin ALTINDA gri bir "Harika! Uretime
   baslamaya hazirsiniz." satiri var; Duzenle kalem, Sil carpi tasiyor ve Sil
   kirmiziya calan bir kenarlik aliyor; uretim butonunda kucuk bir gunes var;
   panelin sag ustunde soluk bir pati filigrani duruyor. */
.canvastia[data-canvastia] .canvastia__final-plan-copy{
  display:flex;flex-direction:column;gap:5px;min-width:0;margin-inline-end:auto;
}
.canvastia[data-canvastia] .canvastia__final-plan-ready{
  font-size:15px!important;font-weight:400!important;color:#9a9d9e!important;
  text-transform:none!important;letter-spacing:0!important;
}
.canvastia[data-canvastia] .canvastia__final-plan-remove{
  border-color:rgba(214,84,84,.5)!important;color:#e07a7a!important;
  background:rgba(214,84,84,.10)!important;
}
.canvastia[data-canvastia] .canvastia__final-plan-edit>span,
.canvastia[data-canvastia] .canvastia__final-plan-remove>span{margin-inline-end:6px}
.canvastia[data-canvastia] .canvastia__generate-ico{margin-inline-end:9px}
.canvastia[data-canvastia] .canvastia__panel--review::after{
  content:'';position:absolute;top:18px;inset-inline-end:26px;z-index:0;
  width:120px;height:120px;opacity:.07;pointer-events:none;
  background-image:var(--ico-paw);background-size:contain;
  background-repeat:no-repeat;background-position:center;
}

/* karakter sayaci — eskizde her serbest metin alaninin sag altinda */
.canvastia[data-canvastia] .canvastia__char-count{
  display:block;margin-top:6px;text-align:right;
  font-size:13px;font-weight:400;color:#8f9294;letter-spacing:0;text-transform:none;
}

/* ======================================================================
   yap3.png / yap4.png — sahibinin son iki notu
   ====================================================================== */

/* yap3: "coin ikonu olsun, ustuste duran altin para" — kredi hapindeki
   elmas glifi yerine ust uste binmis uc altin para (inline SVG). */
.canvastia[data-canvastia] .canvastia__credit-count-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;line-height:0;
}
.canvastia[data-canvastia] .canvastia__credit-count-icon>svg{display:block}

/* yap3: "gorsellerimde distaki cerceve olmasin".
   1.19.67 duzeltmesi: ilk denemede butonun kendi kenarligini kaldirmistim ama
   asil kusur ASSET'teydi — onceki kirpma, eskizdeki kutuyu opak siyah
   koseleriyle birlikte ve ustundeki ARAC IPUCU OKUNU da icine alarak almisti
   ("cevresinde siyahlik", "ustunde garip bir centik"). Artik asset yalnizca
   altin GLIF (seffaf, 882-911 x 154-181 px'den kirpildi); kutucugu CSS
   ciziyor: eskizden olculen dolgu rgb(40,33,20), kenar rgb(63,56,43). */
.canvastia[data-canvastia] .canvastia__myimages-btn--icon{
  width:var(--hdr-ctl-h,44px)!important;min-width:var(--hdr-ctl-h,44px)!important;
  height:var(--hdr-ctl-h,44px)!important;padding:0!important;
  display:inline-flex!important;align-items:center;justify-content:center;
  background:#282114!important;border:1px solid #3f382b!important;
  border-radius:13px!important;box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__myimages-btn--icon:hover{
  border-color:#6b5528!important;background:#2f2717!important;
}
.canvastia[data-canvastia] .canvastia__myimages-btn--icon>img{
  width:24px!important;height:22px!important;border-radius:0!important;
  display:block;object-fit:contain;
}

/* yap4: "borderdeki cam efekti / 3D derinlik effectini yap".
   Eskizdeki kenar olculdu (Giris.png, y=500 tarama): en distaki 1px parlak
   altin cizgi (208,167,89), hemen icinde ~6px sicak bir bant (134,100,60) ve
   ~16px boyunca sonen bir ic isilti (98,55,19 -> 62,31,10). Duz tek cizgi bu
   derinligi vermiyordu; asagisi o profili ic golgelerle yeniden kuruyor. */
.canvastia[data-canvastia]{
  border-color:rgba(208,167,89,.78)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,236,190,.10),
    inset 0 0 0 1px rgba(255,214,140,.07),
    inset 0 0 22px -2px rgba(196,132,52,.34),
    inset 0 0 48px -10px rgba(150,92,30,.26),
    0 0 0 1px rgba(0,0,0,.60),
    0 26px 70px -26px rgba(0,0,0,.88),
    0 0 120px -30px rgba(240,183,63,.32)!important;
}

/* ======================================================================
   yap8.png — 3.sayfa: bolum ikonlari, TEK cerceve, onizleme paneli
   ====================================================================== */

/* Bolum ikonlari: asset'ler kutucugu da icinde tasiyordu ve "Temel Bilgiler"
   patisinin sol ustu bozuktu (sahibi isaretledi). Artik asset yalnizca seffaf
   glif; kutucugu CSS ciziyor. Bozuk pati yerine temiz pati (sec-paw) kondu. */
.canvastia[data-canvastia] .canvastia__sub-card>h4::before{
  width:40px!important;height:40px!important;border-radius:12px!important;
  background-color:#221d12!important;border:1px solid #6b5528!important;
  background-size:58%!important;background-repeat:no-repeat!important;
  background-position:center!important;
}
.canvastia[data-canvastia] .canvastia__preview-head::before{
  content:'';flex:none;width:40px;height:40px;border-radius:12px;
  background-color:#221d12;border:1px solid #6b5528;
  background-image:var(--ico-eye);background-size:58%;
  background-repeat:no-repeat;background-position:center;
}

/* TEK cerceve: onizleme artik Kart Tasarimi kartinin ICINDE bir blok. */
.canvastia[data-canvastia] .canvastia__preview-block{margin-top:22px}
.canvastia[data-canvastia] .canvastia__preview-head{
  display:flex;align-items:center;gap:14px;margin:0 0 6px!important;
  font-size:18px!important;font-weight:600!important;color:#fff!important;
  text-transform:none!important;letter-spacing:0!important;
}

/* Onizleme paneli: kedi KENDI bulanik arka planiyla sagdan tasar (yap8:
   "kedi ayni arka planla olmali"), metin solda kalir. */
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__card-preview{
  position:relative;overflow:hidden;min-height:190px;
  padding:20px 37% 20px 22px!important;border-radius:16px!important;

  align-content:start;gap:10px!important;
}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-pet{
  position:absolute;top:0;bottom:0;inset-inline-end:-1px;inset-inline-start:auto;
  width:33%;height:100%;object-fit:cover;object-position:52% 42%;z-index:0;max-width:none;
}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-name{
  font-size:30px!important;font-weight:700!important;
}
/* iletisim: dolu altin bant degil, ince kenarli bir hap (eskizdeki gibi) */
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-contact{
  display:inline-flex;align-items:center;gap:10px;justify-self:start;width:fit-content;
  margin-top:6px;padding:10px 18px!important;border-radius:14px!important;
  border:1px solid rgba(240,183,63,.55)!important;background:transparent!important;
  color:#f0d9a2!important;font-size:15px!important;font-weight:500!important;
}
/* dile gore el yazisi satiri */
.canvastia[data-canvastia] .canvastia__cp-hand{
  position:absolute!important;z-index:1;inset-inline-end:36%!important;top:44%!important;
  inset-inline-start:auto!important;bottom:auto!important;max-width:260px;
  /* 1.19.81: eskizdeki satir gercek bir el yazisiyla yazilmis; display fontun
     italigi onu vermiyordu. Caveat diger marka fontlariyla birlikte yukleniyor. */
  font-family:var(--ca-font-hand,'Caveat',cursive)!important;
  font-size:25px!important;font-style:normal!important;font-weight:600!important;
  line-height:1.12!important;color:#f0b73f;text-align:right;
}
/* eskizde satirin altinda altin bir tirmik var */
.canvastia[data-canvastia] .canvastia__cp-hand::after{
  content:'';display:block;width:96px;height:8px;margin:2px 0 0 auto;
  border-bottom:2px solid rgba(240,183,63,.85);
  border-radius:0 0 60% 40%;transform:rotate(-2deg);
}
@media(max-width:860px){
  .canvastia[data-canvastia] .canvastia__preview-block .canvastia__card-preview{padding:18px!important}
  .canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-pet{display:none}
  .canvastia[data-canvastia] .canvastia__cp-hand{display:none}
}

/* yap8: sahibi "Evcil Hayvanim" akisinda 3.adima bakip "field olarak
   unuttuklarin var, soldaki ile birebir ayni yap" dedi. O akista
   `[data-usecase=personal] [data-adoption-only]` kurali Yas/Cinsiyet/Asi/
   Kisirlik satirini ve Iletisim kartinin TAMAMINI gizliyordu; sehir alani ise
   ayni isarete sahip olmasina ragmen gorunuyordu, yani davranis zaten tutarsizdi.
   Ilan Bilgileri panelinde gizleme kaldirildi.
   DIKKAT (yap9): bunu `display:revert` ile yapmak YANLIS — revert, elemanin
   kendi `display:flex`/`grid` degerini de siliyor; "adi yok" onay kutusu
   metninden kopup ortaya kaciyordu. Her eleman icin DOGRU display acikca
   yaziliyor. */
.canvastia[data-canvastia][data-usecase=personal] .canvastia__panel--details article[data-adoption-only]{
  display:grid!important;
}
.canvastia[data-canvastia][data-usecase=personal] .canvastia__panel--details label[data-adoption-only]{
  display:grid!important;
}
.canvastia[data-canvastia][data-usecase=personal] .canvastia__panel--details .canvastia__inline-check[data-adoption-only]{
  display:flex!important;
}
.canvastia[data-canvastia][data-usecase=personal] .canvastia__panel--details .canvastia__field-grid--4[data-adoption-only]{
  display:grid!important;
}
/* sehir alani artik kisisel akista da gorundugu icin isim satiri yine iki
   sutun (eskizdeki gibi); 1.19.71'den once tek sutuna dusuruluyordu. */
.canvastia[data-canvastia][data-usecase=personal] .canvastia__bilgi-name-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:760px){
  .canvastia[data-canvastia][data-usecase=personal] .canvastia__bilgi-name-row{grid-template-columns:1fr!important}
}

/* yap8: "arka planindaki bulutsu effectler olmali". studio.js onizleme
   panelinin `background` ozelligini INLINE yaziyor (tema rengi), bu yuzden
   bulutlar elemanin kendi arka planina konamaz — ayri bir katman gerekiyor. */
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__card-preview::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(58% 78% at 74% 44%, rgba(214,150,66,.20), transparent 72%),
    radial-gradient(42% 62% at 8% 90%, rgba(150,96,36,.16), transparent 74%);
}

/* ======================================================================
   yap9.png — sahibinin olcum notlari (3.sayfa)
   ====================================================================== */

/* "bu bilgi yazilarini basligin yanina devam edin yer kazanirsiniz":
   aciklama satiri artik basligin ALTINDA degil YANINDA. Kart bir grid
   oluyor; baslik 1. sutun, aciklama 2. sutun, diger her sey tam genislik. */
.canvastia[data-canvastia] .canvastia__sub-card{
  display:grid!important;grid-template-columns:auto minmax(0,1fr);
  align-items:center;column-gap:16px;row-gap:0;
}
.canvastia[data-canvastia] .canvastia__sub-card>h4{grid-column:1;margin:0 0 16px!important}
.canvastia[data-canvastia] .canvastia__sub-card>.canvastia__sub-card-sub{
  grid-column:2;margin:0 0 16px!important;align-self:center;
}
.canvastia[data-canvastia] .canvastia__sub-card>*:not(h4):not(.canvastia__sub-card-sub){
  grid-column:1 / -1;
}
.canvastia[data-canvastia] .canvastia__preview-block{
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;
  column-gap:16px;row-gap:0;
}
.canvastia[data-canvastia] .canvastia__preview-block>.canvastia__preview-head{grid-column:1;margin:0 0 14px!important}
.canvastia[data-canvastia] .canvastia__preview-block>.canvastia__sub-card-sub{grid-column:2;margin:0 0 14px!important}
.canvastia[data-canvastia] .canvastia__preview-block>.canvastia__card-preview{grid-column:1 / -1}

/* "fontu ayni bicim degil": Ilan Bilgileri'ndeki butun alan etiketleri tek
   olcu. Onceden .canvastia__photo-fields kurali bazilarini 11px/700 yapiyordu. */
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__photo-fields>label,
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__field-grid>label,
.canvastia[data-canvastia] .canvastia__panel--details .canvastia__field-block{
  display:grid!important;gap:7px!important;
  color:#c8cbca!important;font-size:13.5px!important;font-weight:500!important;
  line-height:1.35!important;
}

/* "yapismislar, field az yukari gelmis": sehir etiketi/alani isim satiriyla
   ayni ritimde olmali — adoption-only geri-acma kuralinin display'i
   degistirmesi hizayi bozuyordu. */
.canvastia[data-canvastia][data-usecase=personal] .canvastia__panel--details label[data-adoption-only]{
  display:grid!important;
}

/* "arka plan olmasin, yazi yazilabilecegi anlasilmiyor" + "hafif yukari
   cikmis ayni hizada degil": yas kutusu ikon icin ayrilan bosluktan sonra
   rakama yer birakmiyordu ve yuksekligi komsulariyla ayni degildi. */
.canvastia[data-canvastia] .canvastia__details-fields .canvastia__age-input{
  align-items:stretch;gap:10px;
}
.canvastia[data-canvastia] .canvastia__details-fields .canvastia__age-input>input{
  flex:0 0 124px!important;text-align:left!important;
  padding-inline-start:46px!important;padding-inline-end:12px!important;
}
.canvastia[data-canvastia] .canvastia__details-fields .canvastia__age-input>input,
.canvastia[data-canvastia] .canvastia__details-fields .canvastia__age-input>select{
  height:46px!important;
}
.canvastia[data-canvastia] .canvastia__details-fields input,
.canvastia[data-canvastia] .canvastia__details-fields select{height:46px!important}

/* yap12: "isaretlenen bilgiler isimden sonraya gelsin" — cipler artik ismin
   ALTINDA degil, ayni satirda hemen YANINDA. Sira: (isim + cipler) -> not ->
   iletisim hapi. DOM sirasi farkli oldugu icin yerlesim acikca yaziliyor. */
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__card-preview{
  grid-template-columns:auto minmax(0,1fr)!important;align-content:start!important;
}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-name{grid-column:1;grid-row:1;align-self:center}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-chips{
  grid-column:2;grid-row:1;align-self:center;margin:0 0 0 16px!important;
}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-note{
  grid-column:1 / -1;grid-row:2;font-size:15px!important;line-height:1.45!important;
}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-contact{grid-column:1 / -1;grid-row:3}

/* yap9: onizleme hapi ve cipleri eskizin olculerine getirildi
   (cip 13px / 6-14px dolgu, hap ikonlu ve daha genis, isim 34px). */
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-name{font-size:38px!important;line-height:1.05!important}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-chips{gap:9px!important;margin-top:4px!important}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-chips .cp-chip{
  padding:6px 15px!important;border-radius:999px!important;
  font-size:13px!important;font-weight:700!important;
}
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__cp-contact{
  padding:13px 22px!important;font-size:17px!important;gap:14px!important;
  min-width:min(440px,100%)!important;
}
.canvastia[data-canvastia] .canvastia__cp-ic{
  flex:none;width:19px;height:19px;display:inline-block;
  background-size:contain;background-repeat:no-repeat;background-position:center;
}
.canvastia[data-canvastia] .canvastia__cp-ic--person{background-image:var(--fi-person)}
.canvastia[data-canvastia] .canvastia__cp-ic--phone{background-image:var(--fi-phone)}
.canvastia[data-canvastia] .canvastia__cp-sep{
  flex:none;width:1px;height:20px;margin:0 2px;background:rgba(240,183,63,.55);
}
/* eskizde onizleme panelinin ince altin bir kenarligi var */
.canvastia[data-canvastia] .canvastia__preview-block .canvastia__card-preview{
  border:1px solid rgba(240,183,63,.45)!important;
}

/* ======================================================================
   yap1 (11 Eylul) — 7.sayfa: sag ustte el yazisi, toplam blogu, butonlar
   ====================================================================== */
/* "soldaki ile ayni yap": panelin sag ustunde, pati filigraninin solunda,
   iki satirlik altin el yazisi ve altinda tirmik. */
.canvastia[data-canvastia] .canvastia__review-hand{
  /* `.canvastia__panel--review>*` kurali cocuklara position:relative veriyor;
     bu satir onu ezmek zorunda, yoksa sol uste akip kesiliyor. */
  position:absolute!important;top:26px!important;inset-inline-end:150px!important;
  inset-inline-start:auto!important;bottom:auto!important;z-index:1;max-width:240px;
  font-family:var(--ca-font-hand,'Caveat',cursive);font-size:26px;font-weight:600;
  line-height:1.12;color:#f0b73f;text-align:right;pointer-events:none;
}
.canvastia[data-canvastia] .canvastia__review-hand>span{font-weight:400}
.canvastia[data-canvastia] .canvastia__review-hand::after{
  content:'';display:block;width:110px;height:8px;margin:2px 0 0 auto;
  border-bottom:2px solid rgba(240,183,63,.85);border-radius:0 0 60% 40%;transform:rotate(-2deg);
}
@media(max-width:1100px){.canvastia[data-canvastia] .canvastia__review-hand{inset-inline-end:26px!important}}
@media(max-width:760px){.canvastia[data-canvastia] .canvastia__review-hand{display:none}}

/* "buttonlarin arka planlarini fontlarini ayni yap": eskizdeki iki buton. */
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__step-actions>.canvastia__btn--soft{
  height:58px!important;min-height:58px!important;max-height:58px!important;
  padding:0 26px!important;border-radius:14px!important;
  background:#1f1f22!important;border:1px solid #3a3a40!important;
  color:#ffffff!important;font-size:17px!important;font-weight:600!important;
}
.canvastia[data-canvastia] .canvastia__panel--review .canvastia__step-actions>.canvastia__generate{
  height:58px!important;min-height:58px!important;max-height:58px!important;
  padding:0 26px!important;border-radius:14px!important;
  background:#f0b73f!important;color:#1b1305!important;
  font-size:17px!important;font-weight:700!important;
  box-shadow:0 0 0 1px rgba(240,183,63,.35),0 10px 30px -10px rgba(240,183,63,.55)!important;
}
/* toplam blogu: altin kalin + gri alt satir (kalp ile) */
.canvastia[data-canvastia] .canvastia__step-actions--withcount .canvastia__final-plan-total{
  font-size:18px!important;font-weight:700!important;color:#f0b73f!important;opacity:1!important;
}
.canvastia[data-canvastia] .canvastia__final-plan-ready>span{color:#f0b73f;margin-inline-start:4px}

/* yap16 — 6.sayfa ipucu: "bu onemli bilgidir, daha okunakli olsun, ortaya
   gelsin". Kucuk gri sol-alt yazi yerine ortali, okunur bir satir. */
.canvastia[data-canvastia] .canvastia__panel--frame .canvastia__step-tip{
  display:block!important;width:fit-content;max-width:100%;margin:18px auto 6px!important;
  padding:12px 20px!important;border-radius:12px!important;
  border:1px solid rgba(240,183,63,.35)!important;background:rgba(240,183,63,.08)!important;
  color:#f0d9a2!important;font-size:15.5px!important;font-weight:500!important;
  line-height:1.4!important;text-align:center!important;
}

/* ======================================================================
   3.sayfa — "Hayir" seciliyken ornek kart animasyonu (sahibi 11 Eylul)
   sample-card.png yerine cizgisel (altin kontur) bir kedi + ustune yukselen
   bilgi karti. Metinler i18n'den, secili dilde. Hareket azaltilmis
   tercihinde animasyon kapali.
   ====================================================================== */
.canvastia[data-canvastia] .canvastia__card-sample{
  display:flex!important;justify-content:center;margin:14px 0 6px!important;
}
.canvastia[data-canvastia] .canvastia__card-sample[hidden]{display:none!important}
.canvastia[data-canvastia] .canvastia__sample-fig{
  margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;
}
.canvastia[data-canvastia] .canvastia__sample-svg{
  display:block;width:300px;max-width:100%;height:auto;border-radius:18px;
  box-shadow:0 18px 44px -20px rgba(0,0,0,.85),0 0 60px -30px rgba(240,183,63,.35);
}
.canvastia[data-canvastia] .canvastia__sample-caption{
  max-width:420px;text-align:center;color:#a8abab;font-size:14px;line-height:1.45;
}
/* the card rises and settles; badge and contact bar follow; the paw waves */
.canvastia__sample-svg .cvs-card{
  transform-box:fill-box;transform-origin:50% 100%;
  animation:cvs-rise 7s cubic-bezier(.2,.8,.2,1) infinite;
}
.canvastia__sample-svg .cvs-badge{transform-box:fill-box;transform-origin:0 50%;animation:cvs-pop 7s ease-out infinite}
.canvastia__sample-svg .cvs-contact{transform-box:fill-box;transform-origin:50% 50%;animation:cvs-pop 7s ease-out infinite;animation-delay:.25s}
.canvastia__sample-svg .cvs-paw{transform-box:fill-box;transform-origin:100% 100%;animation:cvs-wave 2.6s ease-in-out infinite}
@keyframes cvs-rise{
  0%{transform:translateY(46px);opacity:0}
  14%{transform:translateY(0);opacity:1}
  86%{transform:translateY(0);opacity:1}
  100%{transform:translateY(46px);opacity:0}
}
@keyframes cvs-pop{
  0%,14%{transform:scale(.6);opacity:0}
  24%{transform:scale(1.06);opacity:1}
  30%{transform:scale(1)}
  86%{transform:scale(1);opacity:1}
  100%{transform:scale(.6);opacity:0}
}
@keyframes cvs-wave{
  0%,100%{transform:rotate(0deg)}
  50%{transform:rotate(-9deg)}
}
@media(prefers-reduced-motion:reduce){
  .canvastia__sample-svg .cvs-card,.canvastia__sample-svg .cvs-badge,
  .canvastia__sample-svg .cvs-contact,.canvastia__sample-svg .cvs-paw{animation:none!important}
}

/* ======================================================================
   Bildirimler ve bilgi haplari (sahibi, 11 Eylul + yap15)
   ====================================================================== */
/* "Yukarida cikan uyari bilgileri (orn. e-posta gonderildi) yesil arka planli,
   uygun font renginde olsun." Basari bildirimi yesil hap; hata kirmizi kalir. */
.canvastia[data-canvastia] .canvastia__form-notice:not(:empty){
  display:block;width:fit-content;max-width:100%;margin:10px 0 0;
  padding:9px 16px;border-radius:999px;
  border:1px solid rgba(58,182,110,.5);background:rgba(58,182,110,.16);
  color:#a9efc4;font-size:13px;font-weight:600;line-height:1.4;
}
.canvastia[data-canvastia] .canvastia__form-notice.canvastia__form-notice--error:not(:empty){
  border-color:rgba(226,83,98,.5);background:rgba(226,83,98,.15);color:#ff9aa4;
}
.canvastia[data-canvastia] .canvastia__notice:not(.canvastia__notice--error):not(:empty){
  border-color:rgba(58,182,110,.5)!important;background:rgba(58,182,110,.16)!important;
  color:#a9efc4!important;font-weight:600!important;font-size:13px!important;
}
/* yap15: "1 senaryo • 1 final gorsel • 1 kredi" ve "Toplam" blogu butonlarin
   solundaki boslukta ORTALANIR (flex'te iki yanli auto margin). */
.canvastia[data-canvastia] .canvastia__step-actions--withcount .canvastia__scene-count{
  margin-inline:auto!important;padding:10px 18px!important;font-size:14px!important;
}
.canvastia[data-canvastia] .canvastia__step-actions--withcount .canvastia__final-plan-copy{
  margin-inline:auto!important;align-items:center;text-align:center;
}
@media(max-width:640px){
  .canvastia[data-canvastia] .canvastia__step-actions--withcount .canvastia__scene-count,
  .canvastia[data-canvastia] .canvastia__step-actions--withcount .canvastia__final-plan-copy{flex:1 1 100%;margin:0 0 10px!important}
}

/* ======================================================================
   yap20 — 5.sayfa: kart zeminleri, buton zemini, el yazilari
   Renkler EDITLER/5.sayfa.png'den olculdu: dis kart (19,19,21), ic senaryo
   karti (27-30), select/textarea dolgusu (29,29,31), "Bu senaryoyu ozellestir"
   hapi koyu + sicak kenar (106,81,40), "Geri" butonu (25,25,25) + acik kenar
   (41,42,44). Sahibi: "buttonlarin arka planlarinda hafif bir arka plan rengi
   yapilmis, onu TUM buttonlarimiza uygulamaliyiz."
   ====================================================================== */
/* butun ikincil butonlar: hafif koyu zemin + bir tik acik kenar */
.canvastia[data-canvastia] .canvastia__btn.canvastia__btn--soft,
.canvastia[data-canvastia] .canvastia__step-back,
.canvastia[data-canvastia] .canvastia__restart,
.canvastia[data-canvastia] .canvastia__final-plan-edit,
.canvastia[data-canvastia] .canvastia__scene-featured-all,
.canvastia[data-canvastia] .canvastia__mode-button:not(.is-active){
  background:#191919!important;border:1px solid #2a2b2d!important;color:#e6e7e7!important;
}
.canvastia[data-canvastia] .canvastia__btn.canvastia__btn--soft:hover,
.canvastia[data-canvastia] .canvastia__step-back:hover,
.canvastia[data-canvastia] .canvastia__restart:hover,
.canvastia[data-canvastia] .canvastia__final-plan-edit:hover{background:#222223!important;border-color:#353638!important}
.canvastia[data-canvastia] .canvastia__scene-featured-all{padding:8px 14px!important;border-radius:10px!important;color:#f0b73f!important}
/* panel ustundeki el yazisi: beyaz Caveat + altin kalp, kopegin solunda */
.canvastia[data-canvastia] .canvastia__panel--options{position:relative}
.canvastia[data-canvastia] .canvastia__options-hand{
  position:absolute!important;top:34px!important;inset-inline-end:250px!important;
  left:auto!important;bottom:auto!important;z-index:2;max-width:250px;
  font-family:var(--ca-font-hand,'Caveat',cursive);font-size:25px;font-weight:600;
  line-height:1.1;color:#ffffff;text-align:right;pointer-events:none;
}
.canvastia[data-canvastia] .canvastia__options-hand>span{color:#f0b73f;font-weight:400}
@media(max-width:1100px){.canvastia[data-canvastia] .canvastia__options-hand{display:none}}
/* ince ayar karti: dis kart, basligin sagina el yazisi + soluk pati */
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__per-scene-head{
  display:flex!important;align-items:flex-start;justify-content:space-between;gap:16px;
  background:#131315!important;
}
.canvastia[data-canvastia] .canvastia__per-scene-head>div{min-width:0}
.canvastia[data-canvastia] .canvastia__per-scene-head>div small{display:block;margin-top:6px}
.canvastia[data-canvastia] .canvastia__per-scene-hand{
  margin-inline-start:auto;flex:none;max-width:240px;
  font-family:var(--ca-font-hand,'Caveat',cursive);font-size:24px;font-weight:600;
  line-height:1.1;color:#ffffff;text-align:right;
}
.canvastia[data-canvastia] .canvastia__per-scene-hand>span{color:#f0b73f;font-weight:400}
.canvastia[data-canvastia] .canvastia__per-scene-paw{
  flex:none;width:34px;height:34px;opacity:.35;
  background-image:var(--ico-paw);background-size:contain;background-repeat:no-repeat;background-position:center;
}
@media(max-width:860px){.canvastia[data-canvastia] .canvastia__per-scene-hand,.canvastia[data-canvastia] .canvastia__per-scene-paw{display:none}}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__selected-scenes{background:#131315!important}
/* ic senaryo karti ve icindeki alanlar: eskizdeki zeminler */
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__selected-scene{
  background:#1c1c1d!important;border:1px solid rgba(240,183,63,.16)!important;border-radius:16px!important;
  padding:16px 18px!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__selected-number{
  width:40px!important;height:40px!important;border-radius:11px!important;
  background:#2a2313!important;border:1px solid #6b5528!important;color:#f0b73f!important;font-size:16px!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__scenario-options select,
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__scenario-note textarea{
  background:#1d1d1f!important;border:1px solid #2c2c2f!important;color:#f2f3f3!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__scenario-settings>summary{
  background:#1e1e20!important;border:1px solid #6a5128!important;color:#f0b73f!important;
  padding:8px 14px!important;font-size:13px!important;font-weight:600!important;
}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__remove-scene{
  background:#191919!important;border:1px solid #2a2b2d!important;color:#e6e7e7!important;
}

/* ======================================================================
   TEMA GENELI DERINLIK (sahibi, 11 Eylul — yap23 / yap24 + genel kural)
   "Eskizlerde kartlarin arka planlarinda hafif bulutsu arka planlar ve
   isildamalar var, buttonlarda da var, derinlik katiyor. Bir yer icin
   soyledigim seyi sadece o yere uygulama: button ise TUM buttonlar, kart ise
   TUM kartlar." Olcumler: 5.sayfa.png panel kosleri sicak (22,19,14)->
   (47,37,22), satir sag kenari sicak (56..116); 7.sayfa.png altin buton
   #e8aa34, altinda 30px boyunca sonen sicak golge (43,33,17)->(21,21,21).
   ====================================================================== */

/* --- kartlar: ust vurgu cizgisi + sagdan sicak ic isilti + alt golge ------ */
.canvastia[data-canvastia] .canvastia__panel,
.canvastia[data-canvastia] .canvastia__sub-card,
.canvastia[data-canvastia] .canvastia__option-card,
.canvastia[data-canvastia] .canvastia__final-plan,
.canvastia[data-canvastia] .canvastia__final-plan-row,
.canvastia[data-canvastia] .canvastia__selected-scene,
.canvastia[data-canvastia] .canvastia__card-gate,
.canvastia[data-canvastia] .canvastia__usecase-card,
.canvastia[data-canvastia] .canvastia__results,
.canvastia[data-canvastia] .canvastia__card,
.canvastia[data-canvastia] .canvastia__wizard-progress,
.canvastia[data-canvastia] .canvastia__scene-featured-card,
.canvastia[data-canvastia] .canvastia__scene-browser,
.canvastia[data-canvastia] .canvastia__mini-card,
.canvastia[data-canvastia] .canvastia__scene-chip{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset -60px 0 80px -70px rgba(240,183,63,.20),
    inset 0 -40px 70px -60px rgba(240,183,63,.10),
    0 16px 34px -24px rgba(0,0,0,.85)!important;
}
/* buyuk paneller: koselerde bulutsu sicak isik */
.canvastia[data-canvastia] .canvastia__panel{
  background:
    radial-gradient(42% 36% at 0% 0%, rgba(240,183,63,.075), transparent 72%),
    radial-gradient(46% 40% at 100% 100%, rgba(240,183,63,.085), transparent 72%),
    linear-gradient(180deg,#171819,#141516)!important;
}
.canvastia[data-canvastia] .canvastia__format-tile{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset -40px 0 60px -60px rgba(240,183,63,.18),
    0 14px 30px -22px rgba(0,0,0,.85)!important;
}

/* --- butonlar: her ikincil butona alt golge + ust vurgu; her altin butona
       hafif dikey degrade + sicak parilti ---------------------------------- */
.canvastia[data-canvastia] .canvastia__btn,
.canvastia[data-canvastia] .canvastia__step-back,
.canvastia[data-canvastia] .canvastia__restart,
.canvastia[data-canvastia] .canvastia__final-plan-edit,
.canvastia[data-canvastia] .canvastia__final-plan-remove,
.canvastia[data-canvastia] .canvastia__mode-button,
.canvastia[data-canvastia] .canvastia__seg-opt,
.canvastia[data-canvastia] .canvastia__card-style-opt,
.canvastia[data-canvastia] .canvastia__frame-anchor,
.canvastia[data-canvastia] .canvastia__profile-trigger,
.canvastia[data-canvastia] .canvastia__myimages-btn--icon,
.canvastia[data-canvastia] .canvastia__scene-featured-all,
.canvastia[data-canvastia] .canvastia__scenario-settings>summary,
.canvastia[data-canvastia] .canvastia__remove-scene{
  box-shadow:0 8px 20px -10px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.canvastia[data-canvastia] .canvastia__btn--primary,
.canvastia[data-canvastia] .canvastia__generate,
.canvastia[data-canvastia] .canvastia__topup-btn,
.canvastia[data-canvastia] .canvastia__card .canvastia__card-download,
.canvastia[data-canvastia] .canvastia__seg-opt:has(input:checked){
  background:linear-gradient(180deg,#f3bd49 0%,#e8aa34 100%)!important;
  box-shadow:
    0 10px 30px -8px rgba(240,183,63,.40),
    0 0 0 1px rgba(240,183,63,.28),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.12)!important;
}
.canvastia[data-canvastia] .canvastia__btn--primary:hover,
.canvastia[data-canvastia] .canvastia__generate:hover:not(:disabled){
  background:linear-gradient(180deg,#f6c455 0%,#ecb03a 100%)!important;
}
.canvastia[data-canvastia] .canvastia__generate:disabled{box-shadow:none!important;opacity:.55}

/* --- el yazilari (yap23): eskizdeki krem renk, daha ufak, bold degil,
       saga dogru hafif yukari egik ----------------------------------------- */
.canvastia[data-canvastia] .canvastia__options-hand,
.canvastia[data-canvastia] .canvastia__per-scene-hand{
  color:#eee6d4!important;font-size:19px!important;font-weight:500!important;
  line-height:1.15!important;transform:rotate(-6deg);transform-origin:100% 100%;
}
.canvastia[data-canvastia] .canvastia__options-hand{top:40px!important;inset-inline-end:236px!important;max-width:220px}
.canvastia[data-canvastia] .canvastia__per-scene-hand{max-width:190px;text-align:left!important;margin-inline-start:auto;padding-top:6px}
.canvastia[data-canvastia] .canvastia__review-hand,
.canvastia[data-canvastia] .canvastia__cp-hand{
  font-size:21px!important;font-weight:500!important;transform:rotate(-6deg);transform-origin:100% 100%;
}
.canvastia[data-canvastia] .canvastia__review-hand::after,
.canvastia[data-canvastia] .canvastia__cp-hand::after{width:80px}

/* ======================================================================
   RTL (Arapca) duzeltmeleri — sahibinin yap1/yap2/yap3 (11 Eylul)
   Sag/sol fiziksel degerler mantiksal (inline-start/end) yapildi; asagisi
   yalnizca RTL'de ayna gerektiren kalanlar.
   ====================================================================== */
.canvastia[data-canvastia][dir=rtl] .canvastia__options-hand,
.canvastia[data-canvastia][dir=rtl] .canvastia__per-scene-hand,
.canvastia[data-canvastia][dir=rtl] .canvastia__review-hand,
.canvastia[data-canvastia][dir=rtl] .canvastia__cp-hand{
  transform:rotate(6deg);transform-origin:0 100%;text-align:left;
}
.canvastia[data-canvastia][dir=rtl] .canvastia__review-hand::after,
.canvastia[data-canvastia][dir=rtl] .canvastia__cp-hand::after{margin:2px auto 0 0;transform:rotate(2deg)}
/* onizleme: kedi solda, metin sagda */
.canvastia[data-canvastia][dir=rtl] .canvastia__preview-block .canvastia__card-preview{padding:20px 22px 20px 37%!important}
.canvastia[data-canvastia][dir=rtl] .canvastia__preview-block .canvastia__cp-pet{transform:scaleX(-1)}
/* kart uzerindeki el yazisi kutu disina tasmasin */
.canvastia[data-canvastia][dir=rtl] .canvastia__panel-char--review{transform:scaleX(-1)}
.canvastia[data-canvastia][dir=rtl] .canvastia__panel-char--dog,
.canvastia[data-canvastia][dir=rtl] .canvastia__panel-char--cat{transform:scaleX(-1)}
/* ornek kart SVG'si: Arapca metin sagdan baslar */
.canvastia[data-canvastia][dir=rtl] .canvastia__sample-svg .cvs-name,
.canvastia[data-canvastia][dir=rtl] .canvastia__sample-svg .cvs-desc{text-anchor:start;direction:rtl}

/* ======================================================================
   yap18 — Uretim penceresi, EDITLER/7.sayfa_sonrasi_uretim.png ile birebir:
   arka planda sicak isiltilar + soluk patiler + kalpler; kopek ve kedi kartin
   ARKASINDAN bakar (patiler kartin ust kenarinda); cam kart; altin ilerleme
   cubugu parlayan ucuyla ve ustunde pati iziyle; satir karti; bilgi notu.
   ====================================================================== */
.canvastia__progress-modal .canvastia__progress-backdrop{
  background:
    radial-gradient(38% 34% at 14% 18%, rgba(240,183,63,.16), transparent 70%),
    radial-gradient(34% 30% at 86% 22%, rgba(240,183,63,.13), transparent 70%),
    radial-gradient(40% 36% at 78% 86%, rgba(224,150,60,.12), transparent 72%),
    radial-gradient(30% 28% at 18% 84%, rgba(240,183,63,.10), transparent 72%),
    rgba(8,7,6,.86)!important;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.canvastia__progress-modal .canvastia__progress-backdrop::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:var(--ico-paw),var(--ico-paw),var(--ico-paw),var(--ico-paw);
  background-repeat:no-repeat;
  background-size:64px 64px,44px 44px,70px 70px,40px 40px;
  background-position:5% 44%,93% 34%,4% 92%,95% 88%;
  opacity:.16;
}
.canvastia__progress-modal .canvastia__progress-backdrop::after{
  content:'\2661 \A \2661 \A \2661';white-space:pre;
  position:absolute;left:9%;top:14%;pointer-events:none;
  font-family:var(--ca-font-hand,'Caveat',cursive);font-size:34px;line-height:6.2;
  color:rgba(240,183,63,.55);
}
.canvastia[data-canvastia] .canvastia__progress-dialog,
.canvastia--parked .canvastia__progress-dialog{
  background:
    radial-gradient(60% 50% at 0% 0%, rgba(240,183,63,.10), transparent 70%),
    radial-gradient(50% 45% at 100% 100%, rgba(240,183,63,.08), transparent 70%),
    linear-gradient(180deg,#141210,#0e0d0b)!important;
  border:1px solid rgba(240,183,63,.45)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,214,140,.05),
    0 0 0 1px rgba(0,0,0,.6),
    0 34px 90px rgba(0,0,0,.7),
    0 0 140px -30px rgba(240,183,63,.45)!important;
  padding:34px 36px 30px!important;
}
/* pets peek from behind the card: drawn ABOVE the card, paws on its edge */
.canvastia[data-canvastia] .canvastia__progress-char,
.canvastia--parked .canvastia__progress-char{
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.6))!important;z-index:2!important;
}
.canvastia[data-canvastia] .canvastia__progress-char--dog,
.canvastia--parked .canvastia__progress-char--dog{width:236px!important;top:-152px!important;inset-inline-start:22px!important;left:auto}
.canvastia[data-canvastia] .canvastia__progress-char--cat,
.canvastia--parked .canvastia__progress-char--cat{width:150px!important;top:-96px!important;inset-inline-end:-6px!important;right:auto}
/* the aside in the card's top-right corner */
.canvastia__progress-dialog .canvastia__progress-hand{
  position:absolute;top:30px;inset-inline-end:140px;max-width:180px;
  font-family:var(--ca-font-hand,'Caveat',cursive);font-size:22px;font-weight:500;
  line-height:1.1;color:#f0b73f;text-align:right;transform:rotate(-6deg);transform-origin:100% 100%;
  pointer-events:none;
}
.canvastia__progress-dialog .canvastia__progress-hand>span{font-weight:400}
[dir=rtl] .canvastia__progress-dialog .canvastia__progress-hand{text-align:left;transform:rotate(6deg);transform-origin:0 100%}
/* head: eyebrow, title with gold tail, big percent */
.canvastia__progress-dialog .canvastia__progress-head{align-items:flex-end!important}
.canvastia__progress-dialog .canvastia__progress-head span{font-size:13px!important;letter-spacing:.14em!important;color:#f0b73f!important}
.canvastia__progress-dialog .canvastia__progress-head h3{font-size:32px!important;font-weight:700!important;color:#fff!important;margin:6px 0 4px!important}
.canvastia__progress-dialog .canvastia__progress-head h3 span{color:#f0b73f}
.canvastia__progress-dialog .canvastia__progress-subtitle{color:#c9c2b6!important;font-size:15px!important}
.canvastia__progress-dialog .canvastia__progress-percent{font-size:34px!important;font-weight:700!important;color:#fff!important}
/* bar: dark track, gold fill with a glowing head and a paw riding it */
.canvastia__progress-dialog .canvastia__progress-bar{
  position:relative;height:18px!important;border-radius:999px!important;overflow:visible!important;
  background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08);
  margin:16px 0 14px!important;
}
.canvastia__progress-dialog .canvastia__progress-bar i{
  position:relative;display:block;height:100%;border-radius:999px;
  background:linear-gradient(90deg,#e8aa34 0%,#f3bd49 70%,#ffd98a 100%)!important;
  box-shadow:0 0 18px rgba(240,183,63,.65),0 0 40px -6px rgba(240,183,63,.6)!important;
  transition:width .6s ease;
  background-size:200% 100%!important;animation:cvs-bar-shine 2.2s linear infinite;
}
@keyframes cvs-bar-shine{0%{background-position:100% 0}100%{background-position:-100% 0}}
.canvastia__progress-dialog .canvastia__progress-bar i::after{
  content:'';position:absolute;top:50%;right:6px;width:22px;height:22px;transform:translateY(-50%);
  background-image:var(--ico-paw);background-size:contain;background-repeat:no-repeat;
  filter:brightness(.35) sepia(1) saturate(2) hue-rotate(-10deg);opacity:.85;
}
.canvastia__progress-dialog .canvastia__progress-bar i::before{
  content:'';position:absolute;top:50%;right:-6px;width:30px;height:30px;border-radius:50%;
  transform:translateY(-50%);background:radial-gradient(circle,rgba(255,225,150,.9),rgba(240,183,63,0) 70%);
}
/* countdown */
.canvastia__progress-dialog .canvastia__progress-countdown{font-size:16px!important;color:#d9cdba!important;margin:0 0 18px!important}
.canvastia__progress-dialog .canvastia__progress-countdown [data-countdown-value]{color:#f0b73f!important;font-size:24px!important;font-weight:700!important}
/* scenario rows */
.canvastia__progress-dialog .canvastia__progress-row{
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;align-items:center;gap:14px;
  padding:16px 18px!important;border-radius:16px!important;
  background:#1a1815!important;border:1px solid rgba(240,183,63,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 26px -20px rgba(0,0,0,.9)!important;
}
.canvastia__progress-dialog .canvastia__progress-row strong{font-size:17px!important;font-weight:600!important;color:#fff!important}
.canvastia__progress-dialog .canvastia__progress-row small{font-size:15px!important;color:#c9c2b6!important;opacity:1!important}
.canvastia__progress-dialog .canvastia__progress-dots{color:#f0b73f;font-size:18px;letter-spacing:2px;line-height:1}
.canvastia__progress-dialog .canvastia__progress-row.is-working .canvastia__progress-dots{animation:cvs-dots 1.2s steps(3,end) infinite}
@keyframes cvs-dots{0%{opacity:.35}50%{opacity:1}100%{opacity:.35}}
.canvastia__progress-dialog .canvastia__progress-dot{width:14px!important;height:14px!important;border-radius:50%!important;background:#f0b73f!important;box-shadow:0 0 0 4px rgba(240,183,63,.18)!important}
/* info note with the circled i */
.canvastia__progress-dialog .canvastia__progress-note{
  display:flex!important;align-items:flex-start;gap:10px;margin:16px 0 0!important;
  font-size:14px!important;color:#c9c2b6!important;
}
.canvastia__progress-dialog .canvastia__progress-note::before{
  content:'i';flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid #f0b73f;
  color:#f0b73f;font-size:12px;font-weight:700;font-style:italic;display:grid;place-items:center;margin-top:1px;
}
@media(max-width:760px){
  .canvastia[data-canvastia] .canvastia__progress-char--dog,.canvastia--parked .canvastia__progress-char--dog{width:150px!important;top:-96px!important}
  .canvastia[data-canvastia] .canvastia__progress-char--cat,.canvastia--parked .canvastia__progress-char--cat{width:104px!important;top:-66px!important}
  .canvastia__progress-dialog .canvastia__progress-hand{display:none}
}
/* baslik kuyrugu eyebrow kuralindan kucuk font almasin; sayacin birimi */
.canvastia__progress-dialog .canvastia__progress-head h3 span{font-size:inherit!important;letter-spacing:0!important;font-weight:700!important}
.canvastia__progress-dialog .canvastia__countdown-unit{color:#f0b73f;font-size:18px;font-weight:700}
.canvastia__progress-modal .canvastia__progress-backdrop::before{opacity:.26}
.canvastia__progress-modal .canvastia__progress-backdrop::after{color:rgba(240,183,63,.75)}

/* ======================================================================
   yap18 ikinci tur — olmamis1.png: eskizden olculen olcek.
   Eskiz 1448 px genis: kart genislik %49 (705px), yukseklik 360; kopek kart
   genisliginin %48'i (342px), kedi %24'u (170px); baslik ~36px, yuzde ~34px,
   cubuk 22px, satir karti ~60px. Karti sarmalayan bes el yazisi ve patiler.
   ====================================================================== */
.canvastia__progress-modal{display:grid;place-items:center}
.canvastia__progress-modal .canvastia__progress-dialog.canvastia__progress-dialog.canvastia__progress-dialog{
  width:min(940px,92vw)!important;padding:40px 44px 34px!important;border-radius:26px!important;
  margin-top:120px;
}
/* pets: sized to the card, paws on the card's top edge */
/* Kopek ve kedi eskizden (7.sayfa_sonrasi_uretim.png) kesildi: kart 256..1189 x 316..;
   kopek kutusu (232,121)-(560,350), kedi kutusu (985,190)-(1247,460). Olculer kart
   genisligine oranlandi (cqw); patiler kartin ust/sag kenarina oturur, kedinin
   govdesi kartin sag disinda asagi iner. Kesimler kartin ic kismini seffaf tasir,
   yani karta gore ayni yerde durdukca kart 'arkalarinda' kalir. */
.canvastia__progress-modal .canvastia__progress-dialog{container-type:inline-size}
.canvastia[data-canvastia] .canvastia__progress-char--dog,
.canvastia--parked .canvastia__progress-char--dog,
.canvastia__progress-modal .canvastia__progress-char--dog{
  width:35.2%!important;max-width:none;bottom:auto!important;top:-20.9cqw!important;
  inset-inline-start:-2.6%!important;left:auto;height:auto;object-fit:contain;
}
.canvastia[data-canvastia] .canvastia__progress-char--cat,
.canvastia--parked .canvastia__progress-char--cat,
.canvastia__progress-modal .canvastia__progress-char--cat{
  width:28.1%!important;max-width:none;bottom:auto!important;top:-13.5cqw!important;
  inset-inline-end:-6.2%!important;right:auto;height:auto;object-fit:contain;
}
/* type scale */
.canvastia__progress-dialog .canvastia__progress-head span{font-size:14px!important;letter-spacing:.16em!important}
.canvastia__progress-dialog .canvastia__progress-head h3{font-size:38px!important;line-height:1.1!important;margin:8px 0 6px!important}
.canvastia__progress-dialog .canvastia__progress-subtitle{font-size:16px!important}
.canvastia__progress-dialog .canvastia__progress-percent{font-size:36px!important}
.canvastia__progress-dialog .canvastia__progress-hand{top:36px;inset-inline-end:160px;font-size:24px;max-width:200px}
.canvastia__progress-dialog .canvastia__progress-bar{height:22px!important;margin:18px 0 16px!important}
.canvastia__progress-dialog .canvastia__progress-bar i::after{width:26px;height:26px;right:8px}
.canvastia__progress-dialog .canvastia__progress-countdown{font-size:17px!important;margin:0 0 20px!important}
.canvastia__progress-dialog .canvastia__progress-countdown [data-countdown-value]{font-size:26px!important}
.canvastia__progress-dialog .canvastia__progress-row{padding:18px 22px!important;border-radius:18px!important;gap:16px}
.canvastia__progress-dialog .canvastia__progress-row strong{font-size:18px!important}
.canvastia__progress-dialog .canvastia__progress-row small{font-size:16px!important}
.canvastia__progress-dialog .canvastia__progress-note{font-size:15px!important;margin:18px 0 0!important}
/* the five handwritten lines around the card */
.canvastia__progress-notes{position:absolute;inset:0;pointer-events:none;z-index:1}
.canvastia__progress-note-hand{
  position:absolute;max-width:230px;
  font-family:var(--ca-font-hand,'Caveat',cursive);font-size:24px;font-weight:500;line-height:1.1;
  color:#eee6d4;transform:rotate(-7deg);
}
.canvastia__progress-note-hand>span{color:#f0b73f;font-weight:400}
.canvastia__progress-note-hand.is-tl{left:4%;top:8%}
.canvastia__progress-note-hand.is-tr{right:5%;top:6%;text-align:right;transform:rotate(-7deg)}
.canvastia__progress-note-hand.is-ml{left:3%;top:52%}
.canvastia__progress-note-hand.is-br{right:4%;top:70%;text-align:right;transform:rotate(-6deg)}
.canvastia__progress-note-hand.is-bb{right:4%;bottom:5%;text-align:right;color:#f0b73f;transform:rotate(-6deg)}
[dir=rtl] .canvastia__progress-note-hand{transform:rotate(7deg)}
[dir=rtl] .canvastia__progress-note-hand.is-tl{left:auto;right:4%;text-align:right}
[dir=rtl] .canvastia__progress-note-hand.is-tr{right:auto;left:5%;text-align:left}
[dir=rtl] .canvastia__progress-note-hand.is-ml{left:auto;right:3%;text-align:right}
[dir=rtl] .canvastia__progress-note-hand.is-br{right:auto;left:4%;text-align:left}
[dir=rtl] .canvastia__progress-note-hand.is-bb{right:auto;left:4%;text-align:left}
/* paws on the ground: bigger, warmer, as in the sketch */
.canvastia__progress-modal .canvastia__progress-backdrop::before{
  background-size:96px 96px,64px 64px,110px 110px,72px 72px;
  background-position:3% 40%,94% 32%,3% 90%,95% 86%;opacity:.5;
  filter:sepia(1) saturate(1.4) brightness(.55);
}
.canvastia__progress-modal .canvastia__progress-backdrop::after{left:7%;top:12%;line-height:5.2;font-size:36px}
@media(max-width:900px){
  .canvastia__progress-notes{display:none}
  .canvastia__progress-modal .canvastia__progress-dialog{padding:28px 22px 24px!important;margin-top:90px}
  .canvastia__progress-dialog .canvastia__progress-head h3{font-size:28px!important}
  .canvastia__progress-dialog .canvastia__progress-hand{display:none}
}
/* olmamis1 duzeltmeleri: zemin neredeyse opak (arkadaki sayfa gorunmesin),
   patiler altin asset ile, el yazisi basligin ustune binmesin */
.canvastia__progress-modal .canvastia__progress-backdrop{
  background:
    radial-gradient(38% 34% at 14% 18%, rgba(240,183,63,.18), transparent 70%),
    radial-gradient(34% 30% at 86% 22%, rgba(240,183,63,.15), transparent 70%),
    radial-gradient(40% 36% at 78% 86%, rgba(224,150,60,.14), transparent 72%),
    radial-gradient(30% 28% at 18% 84%, rgba(240,183,63,.12), transparent 72%),
    #0a0908!important;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
.canvastia__progress-modal .canvastia__progress-backdrop::before{filter:none;opacity:.42}
.canvastia__progress-dialog .canvastia__progress-head>div{max-width:66%}
.canvastia__progress-dialog .canvastia__progress-hand{top:22px!important;inset-inline-end:44px!important;max-width:210px}
.canvastia__progress-dialog .canvastia__progress-percent{align-self:flex-end;margin-top:46px}
.canvastia__progress-dialog .canvastia__progress-head h3::after{
  content:'♡';margin-inline-start:14px;font-family:var(--ca-font-hand,'Caveat',cursive);
  font-size:26px;font-weight:400;color:#f0b73f;vertical-align:top;
}
.canvastia__progress-dialog .canvastia__progress-stop{
  background:#191919!important;border:1px solid #2a2b2d!important;color:#e6e7e7!important;
  box-shadow:0 8px 20px -10px rgba(0,0,0,.75)!important;
}
/* baslik tek satir; kedi daha buyuk ve yukarida; cubukta ikinci pati izi */
.canvastia__progress-dialog .canvastia__progress-head>div{max-width:74%}
.canvastia__progress-dialog .canvastia__progress-head h3{font-size:36px!important;white-space:nowrap}
.canvastia__progress-dialog .canvastia__progress-bar i::before{
  width:22px;height:22px;right:auto;left:42%;border-radius:0;
  background:var(--ico-paw) center/contain no-repeat;
  filter:brightness(.45) sepia(1) saturate(2) hue-rotate(-10deg);opacity:.8;
}
@media(max-width:900px){.canvastia__progress-dialog .canvastia__progress-head h3{white-space:normal}}
/* eskizdeki uc cizgilik altin kivilcimlar (kopegin sagi, kedinin solu) */
.canvastia__progress-spark{position:absolute;width:34px;height:34px;pointer-events:none;
  background:
    linear-gradient(#f0b73f,#f0b73f) 50% 0/3px 12px no-repeat,
    linear-gradient(#f0b73f,#f0b73f) 0 50%/12px 3px no-repeat,
    linear-gradient(#f0b73f,#f0b73f) 100% 50%/12px 3px no-repeat;
  transform:rotate(-20deg);opacity:.9;border-radius:2px;}
.canvastia__progress-dialog .canvastia__progress-spark{width:3.8cqw;height:3.8cqw;z-index:3}
.canvastia__progress-spark.is-dog{inset-inline-start:31cqw;top:-17.8cqw}
.canvastia__progress-spark.is-cat{inset-inline-end:-6cqw;top:-18.4cqw;transform:rotate(25deg)}
[dir=rtl] .canvastia__progress-spark.is-dog{transform:rotate(20deg)}
[dir=rtl] .canvastia__progress-spark.is-cat{transform:rotate(-25deg)}
@media(max-width:900px){.canvastia__progress-spark{display:none}}
/* eskizin alt satiri: DAHA MUTLU DOSTLAR • DAHA GUZEL HIKAYELER • CANVASTIA */
.canvastia__progress-footer{position:absolute;left:0;right:0;bottom:5.5%;text-align:center;
  font-family:var(--ca-font-sans,'Sora',sans-serif);font-size:11px;letter-spacing:.28em;color:#6f665a;pointer-events:none}
@media(max-width:900px){.canvastia__progress-footer{display:none}}
/* ======================================================================
   yap2 / yap3 (11 Eyl 2026) — Gorsellerim: kartli surum, indirme secimi,
   yakin bakista kartli/kartsiz gecis. Secim sayfasi (sheet) parke edilmis
   modalin USTUNDE durmali.
   ====================================================================== */
.canvastia--parked .canvastia__sheet-wrap{z-index:1000030}
.canvastia[data-canvastia] .canvastia__archive-card.has-card img{object-fit:contain;background:#0b0a09}
.canvastia[data-canvastia] .canvastia__archive-card.has-card::after{
  content:'▤';position:absolute;top:10px;inset-inline-start:10px;z-index:1;
  width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
  font-size:13px;color:#1b1300;background:linear-gradient(180deg,#f3bd49,#e8aa34);
  box-shadow:0 6px 14px -6px rgba(0,0,0,.7);pointer-events:none;
}
.canvastia[data-canvastia] .canvastia__archive-card{position:relative}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle{
  position:absolute;top:-4px;inset-inline-start:0;z-index:2;display:inline-flex;align-items:center;gap:8px;
  height:42px;padding:0 16px 0 12px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(240,183,63,.45);background:#191919;color:#f3e9d4;
  font:600 13px/1 var(--ca-font-body,inherit);box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle[hidden]{display:none}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle-ico{
  width:18px;height:14px;border-radius:3px;border:2px solid #f0b73f;position:relative;box-sizing:border-box;
}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle-ico::after{
  content:'';position:absolute;left:2px;right:2px;bottom:1px;height:3px;border-radius:2px;background:#f0b73f;
}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle.is-on{background:linear-gradient(180deg,#f3bd49,#e8aa34);color:#1b1300;border-color:transparent}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle.is-on .canvastia__archive-viewer-cardtoggle-ico{border-color:#1b1300}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle.is-on .canvastia__archive-viewer-cardtoggle-ico::after{background:#1b1300}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle:hover{filter:brightness(1.08)}
@media(max-width:760px){.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle{top:auto;bottom:-52px}}

/* ===== 1.19.123 =====================================================
   yap1 / yap7 — progress modal: the pets are BEHIND the frame and only their
   paws rest ON it, with the gold border visible all along.
   The card surface and its border move to ::before (z -1), painted over the
   pets' bodies (z -2); a paws-only copy of each pet (.is-paws, z 3) sits over
   the border. Positions are fractions of the card width measured on the
   sketch (7.sayfa_sonrasi_uretim.png: card x 256..1189, top line y 316; dog
   232,121..537,335; cat 985,189..1249,462). The vertical offset is a
   margin-top in %, which CSS measures against the WIDTH — the earlier cqw
   offsets were measured against the content box and left the pets ~18px low. */
.canvastia__progress-modal .canvastia__progress-dialog.canvastia__progress-dialog.canvastia__progress-dialog{
  isolation:isolate;background:transparent!important;border-color:transparent!important;
  box-shadow:0 34px 90px rgba(0,0,0,.7),0 0 140px -30px rgba(240,183,63,.45)!important;
}
.canvastia__progress-modal .canvastia__progress-dialog::before{
  content:'';position:absolute;inset:-1px;border-radius:inherit;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 50% at 0% 0%,rgba(240,183,63,.1),rgba(0,0,0,0) 70%),radial-gradient(50% 45% at 100% 100%,rgba(240,183,63,.08),rgba(0,0,0,0) 70%),linear-gradient(#141210,#0e0d0b);
  border:2px solid rgba(240,183,63,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 10px rgba(240,183,63,.32);
}
.canvastia__progress-modal .canvastia__progress-dialog .canvastia__progress-char{
  z-index:-2!important;top:0!important;bottom:auto!important;height:auto!important;max-width:none!important;left:auto;right:auto;
}
.canvastia__progress-modal .canvastia__progress-dialog .canvastia__progress-char.is-paws{z-index:3!important}
.canvastia__progress-modal .canvastia__progress-dialog .canvastia__progress-char--dog{
  width:32.69%!important;margin-top:-20.9%!important;inset-inline-start:-2.572%!important;inset-inline-end:auto!important;
}
.canvastia__progress-modal .canvastia__progress-dialog .canvastia__progress-char--cat{
  width:28.296%!important;margin-top:-13.612%!important;inset-inline-end:-6.431%!important;inset-inline-start:auto!important;
}

/* yap2 — the sample-photo row ends without an arrow */
.canvastia[data-canvastia] .canvastia__samples-more{display:none!important}

/* yap4 — the peeking dog on the outfit step sits BEHIND the option cards:
   their top edge hides the cut under its chin. Same rule as every other
   peeking pet (review dog, listing cat): behind the frame, never on top. */
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__option-stack{position:relative;z-index:2}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__panel-char--dog{z-index:1}

/* yap5 — the per-scenario fine-tuning head and its list are one card:
   the same ground and no gap between them. */
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__per-scene-head{margin-bottom:0!important;background:#131315!important}
.canvastia[data-canvastia] .canvastia__panel--options .canvastia__selected-scenes{margin-top:0!important;background:#131315!important}

/* ===== 1.19.124 =====================================================
   yap8 — library tiles: the card badge leaves the top; four icons at the
   bottom (Download · Card · Archive · Delete) and an Archive tab.
   yap3 — close-up: nothing on top but ×; under the picture the name (with
   ✎), the four buttons, and the scenario.  yap9 — Frame zoom. */
.canvastia[data-canvastia] .canvastia__archive-card.has-card::after{display:none!important;content:none!important}
.canvastia[data-canvastia] .canvastia__archive-card[hidden]{display:none!important}
.canvastia[data-canvastia] .canvastia__archive-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.canvastia[data-canvastia] .canvastia__archive-act{
  display:grid;place-items:center;height:32px;min-width:0;padding:0;border-radius:10px;cursor:pointer;text-decoration:none;
  border:1px solid rgba(240,183,63,.32);background:#1c1b19;color:#f0b73f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:filter .15s ease,border-color .15s ease;
}
.canvastia[data-canvastia] .canvastia__archive-act:hover{border-color:rgba(240,183,63,.7);filter:brightness(1.12)}
.canvastia[data-canvastia] .canvastia__archive-act.is-gold{background:linear-gradient(180deg,#f3bd49,#e8aa34);color:#1b1300;border-color:transparent;box-shadow:0 6px 16px -8px rgba(240,183,63,.7)}
.canvastia[data-canvastia] .canvastia__archive-act.is-on,
.canvastia[data-canvastia] .canvastia__archive-act.is-archived{background:rgba(240,183,63,.16);border-color:rgba(240,183,63,.75)}
.canvastia[data-canvastia] .canvastia__archive-act.is-danger{color:#ef6b5e;border-color:rgba(239,107,94,.35);background:#1f1716}
.canvastia[data-canvastia] .canvastia__archive-act.is-danger:hover{border-color:rgba(239,107,94,.75)}
.canvastia[data-canvastia] .canvastia__archive-act:disabled{opacity:.32;cursor:default;filter:none}
.canvastia[data-canvastia] .canvastia__archive-act svg,
.canvastia[data-canvastia] .canvastia__archive-vbtn svg,
.canvastia[data-canvastia] .canvastia__frame-zoom-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.canvastia[data-canvastia] .canvastia__archive-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.canvastia[data-canvastia] .canvastia__archive-tabs{display:inline-flex;gap:6px}
.canvastia[data-canvastia] .canvastia__archive-tab{height:30px;padding:0 12px;border-radius:999px;cursor:pointer;border:1px solid rgba(240,183,63,.28);background:transparent;color:#cfc6b4;font:600 12px/1 var(--ca-font-body,inherit)}
.canvastia[data-canvastia] .canvastia__archive-tab span{margin-inline-start:4px;opacity:.7}
.canvastia[data-canvastia] .canvastia__archive-tab.is-active{background:rgba(240,183,63,.16);border-color:rgba(240,183,63,.7);color:#f3c766}
.canvastia[data-canvastia] .canvastia__archive-viewer-cardtoggle,
.canvastia[data-canvastia] .canvastia__archive-viewer-download{display:none!important}
.canvastia[data-canvastia] .canvastia__archive-viewer-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.canvastia[data-canvastia] .canvastia__archive-viewer-name{display:flex;align-items:center;gap:8px;min-width:0}
.canvastia[data-canvastia] .canvastia__archive-viewer-rename{width:28px;height:28px;border-radius:8px;border:1px solid rgba(240,183,63,.3);background:transparent;color:#f0b73f;cursor:pointer;font-size:14px;line-height:1;flex:none}
.canvastia[data-canvastia] .canvastia__archive-rename{display:flex;gap:6px;min-width:0}
.canvastia[data-canvastia] .canvastia__archive-rename input{min-width:0;width:160px;height:32px;padding:0 10px;border-radius:9px;border:1px solid rgba(240,183,63,.5);background:#141414;color:#fff;font:600 14px/1 var(--ca-font-body,inherit)}
.canvastia[data-canvastia] .canvastia__archive-rename button{height:32px;padding:0 12px;border-radius:9px;border:0;background:linear-gradient(180deg,#f3bd49,#e8aa34);color:#1b1300;font:700 12px/1 var(--ca-font-body,inherit);cursor:pointer}
.canvastia[data-canvastia] .canvastia__archive-viewer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.canvastia[data-canvastia] .canvastia__archive-vbtn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:12px;cursor:pointer;text-decoration:none;border:1px solid rgba(240,183,63,.38);background:#1c1b19;color:#f3e9d4;font:600 13px/1 var(--ca-font-body,inherit);white-space:nowrap}
.canvastia[data-canvastia] .canvastia__archive-vbtn svg{color:#f0b73f}
.canvastia[data-canvastia] .canvastia__archive-vbtn:hover{border-color:rgba(240,183,63,.75)}
.canvastia[data-canvastia] .canvastia__archive-vbtn.is-gold{background:linear-gradient(180deg,#f3bd49,#e8aa34);color:#1b1300;border-color:transparent}
.canvastia[data-canvastia] .canvastia__archive-vbtn.is-gold svg{color:#1b1300}
.canvastia[data-canvastia] .canvastia__archive-vbtn.is-on,
.canvastia[data-canvastia] .canvastia__archive-vbtn.is-archived{background:rgba(240,183,63,.16);border-color:rgba(240,183,63,.75)}
.canvastia[data-canvastia] .canvastia__archive-vbtn.is-danger{color:#ef6b5e;border-color:rgba(239,107,94,.4);background:#1f1716}
.canvastia[data-canvastia] .canvastia__archive-vbtn.is-danger svg{color:#ef6b5e}
.canvastia[data-canvastia] .canvastia__archive-vbtn:disabled{opacity:.35;cursor:default}
@media(max-width:760px){
  .canvastia[data-canvastia] .canvastia__archive-viewer-meta{grid-template-columns:1fr!important}
  .canvastia[data-canvastia] .canvastia__archive-viewer-actions{justify-content:flex-start}
  .canvastia[data-canvastia] .canvastia__archive-vbtn span{display:none}
  .canvastia[data-canvastia] .canvastia__archive-vbtn{padding:0 12px}
}
.canvastia[data-canvastia] .canvastia__frame-tools{display:flex;justify-content:center;align-items:center;gap:22px;margin:0 auto 20px}
.canvastia[data-canvastia] .canvastia__frame-tools .canvastia__frame-anchors{margin:0!important}
.canvastia[data-canvastia] .canvastia__frame-zoom{display:flex;flex-direction:column;align-items:center;gap:6px}
.canvastia[data-canvastia] .canvastia__frame-zoom-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:11px;border:1px solid #34343a;background:#1d1e20;color:#f0b73f;cursor:pointer}
.canvastia[data-canvastia] .canvastia__frame-zoom-btn:hover:not(:disabled){border-color:#f0b73f;background:#2a2313}
.canvastia[data-canvastia] .canvastia__frame-zoom-btn:disabled{opacity:.35;cursor:default}
.canvastia[data-canvastia] .canvastia__frame-zoom-label{font:600 12px/1 var(--ca-font-body,inherit);color:#cfc6b4;letter-spacing:.02em}

/* ===== 1.19.125 =====================================================
   yap10 — Scenario step: the hand-written line in the header; Featured and
   the library as square picture tiles, four to a row; a picked scenario
   glows gold and its checkbox (bottom right) fills gold; clearer tab icons.
   yap11 — plan rows with the scenario's picture.  yap12 — the domain on
   the preview card. */
.canvastia[data-canvastia] .canvastia__panel--scenes{position:relative}
.canvastia[data-canvastia] .canvastia__scenes-hand{
  position:absolute;top:30px;inset-inline-end:52px;z-index:1;max-width:250px;pointer-events:none;
  font-family:var(--ca-font-hand,'Caveat',cursive);font-size:22px;font-weight:500;line-height:1.1;
  color:#ffffff;text-align:right;transform:rotate(-5deg);transform-origin:100% 100%;
}
.canvastia[data-canvastia] .canvastia__scenes-hand>span{color:#f0b73f;font-weight:400}
.canvastia[data-canvastia] .canvastia__scenes-hand::after{
  content:'';display:block;width:92px;height:8px;margin:2px 0 0 auto;
  border-bottom:2px solid rgba(240,183,63,.85);border-radius:0 0 60% 40%;transform:rotate(-2deg);
}
.canvastia[data-canvastia][dir=rtl] .canvastia__scenes-hand{text-align:left;transform:rotate(5deg);transform-origin:0 100%}
.canvastia[data-canvastia][dir=rtl] .canvastia__scenes-hand::after{margin:2px auto 0 0;transform:rotate(2deg)}
@media(max-width:1100px){.canvastia[data-canvastia] .canvastia__scenes-hand{display:none}}

.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-featured,
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-list{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;
  overflow:visible!important;max-height:none!important;flex-wrap:nowrap!important;
}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-chip{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
  width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;
  padding:8px 8px 12px!important;border-radius:16px!important;border:1px solid #2c2c31!important;
  background:#1a1a1c!important;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-chip:hover{border-color:rgba(240,183,63,.5)!important}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-visual{
  display:block!important;position:relative!important;width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:1/1!important;border-radius:12px!important;overflow:hidden!important;margin:0 0 10px!important;flex:none!important;
}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-visual img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;display:block}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-copy{display:block!important;padding:0 34px 0 4px!important;min-width:0!important;text-align:start!important}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-copy strong{display:block!important;font-size:14px!important;line-height:1.25!important;color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-copy small{display:block!important;margin-top:3px!important;font-size:12px!important;color:#a8a8ad!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-chip:has(input:checked){
  border-color:#f0b73f!important;background:#221d12!important;
  box-shadow:0 0 0 1px rgba(240,183,63,.55),0 0 28px -4px rgba(240,183,63,.6)!important;
}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-check{
  position:absolute!important;inset-inline-end:10px!important;bottom:12px!important;top:auto!important;
  display:grid!important;place-items:center!important;width:24px!important;height:24px!important;margin:0!important;
  border-radius:7px!important;border:1.5px solid #5b5b62!important;background:#141416!important;
  color:transparent!important;font-size:14px!important;font-weight:900!important;line-height:1!important;
  opacity:1!important;transform:none!important;box-shadow:none!important;
}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-chip input:checked~.canvastia__scene-check{
  background:linear-gradient(180deg,#f3bd49,#e8aa34)!important;border-color:transparent!important;color:#1b1300!important;
  box-shadow:0 0 12px rgba(240,183,63,.65)!important;
}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-chip--featured .canvastia__scene-check{display:none!important}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-chip--featured input:checked~.canvastia__scene-check{display:grid!important}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-chip--featured input:checked~.canvastia__scene-go{display:none!important}
.canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-chip--featured .canvastia__scene-go{
  position:absolute!important;inset-inline-end:10px!important;bottom:12px!important;top:auto!important;margin:0!important;
}
.canvastia[data-canvastia] .canvastia__mode-ico{display:inline-grid;place-items:center;color:#f0b73f;vertical-align:middle}
.canvastia[data-canvastia] .canvastia__mode-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.canvastia[data-canvastia] .canvastia__mode-button.is-active .canvastia__mode-ico{color:#f3c766;filter:drop-shadow(0 0 6px rgba(240,183,63,.55))}
@media(max-width:900px){
  .canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-featured,
  .canvastia[data-canvastia] .canvastia__panel--scenes .canvastia__scene-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

.canvastia[data-canvastia] .canvastia__selected-lite-row{display:flex!important;align-items:center!important;gap:12px!important;padding:8px 12px 8px 10px!important}
.canvastia[data-canvastia] .canvastia__selected-thumb{flex:none;width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid rgba(240,183,63,.35);background:#141416}
.canvastia[data-canvastia] .canvastia__selected-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.canvastia[data-canvastia] .canvastia__selected-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.canvastia[data-canvastia] .canvastia__selected-copy strong{font-size:14px;line-height:1.25;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.canvastia[data-canvastia] .canvastia__selected-copy small{font-size:12px;line-height:1.3;color:#a8a8ad}
.canvastia[data-canvastia] .canvastia__selected-lite-row .canvastia__remove-scene{margin-inline-start:auto;flex:none}

.canvastia[data-canvastia] .canvastia__cp-sign{
  position:absolute;z-index:1;inset-inline-end:36%;top:44%;display:flex;flex-direction:column;align-items:flex-end;max-width:300px;
}
.canvastia[data-canvastia] .canvastia__cp-sign .canvastia__cp-hand{position:static!important;inset:auto!important;top:auto!important;bottom:auto!important;max-width:300px!important}
.canvastia[data-canvastia] .canvastia__cp-brand{margin-top:6px;font:800 13px/1 Sora,Inter,Arial,sans-serif;color:#ffffff;letter-spacing:.01em}
.canvastia[data-canvastia] .canvastia__cp-brand b{color:#f0b73f;font-weight:800}
@media(max-width:860px){.canvastia[data-canvastia] .canvastia__cp-sign{display:none}}
/* the preview's children are forced position:relative by an older rule; the signature block stays pinned */
.canvastia[data-canvastia] .canvastia__card-preview>.canvastia__cp-sign{position:absolute!important;inset-inline-end:36%!important;inset-inline-start:auto!important;top:44%!important;z-index:1!important}

.canvastia__auth-hint{margin:0 0 10px;color:var(--ca-ink-muted,#b9b9c2);font-size:13px;text-align:center}
.canvastia__authgrid{grid-template-columns:minmax(0,1fr)!important;max-width:560px;margin-inline:auto}
.canvastia__authgrid form[hidden]{display:none}
.canvastia__forgot-link--new{display:block;margin-top:8px;font-weight:700}

.canvastia__quality-tier{margin:0 0 14px;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.canvastia__quality-tier legend{padding:0;margin-bottom:8px;font-size:var(--ca-text-small);font-weight:700;color:var(--ca-ink)}
.canvastia__quality-option{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--ca-border);border-radius:var(--ca-radius);background:var(--ca-surface);cursor:pointer}
.canvastia__quality-option:has(input:checked){border-color:var(--ca-accent);background:var(--ca-accent-soft)}
.canvastia__quality-option input{margin-top:3px;accent-color:var(--ca-accent)}
.canvastia__quality-option strong{display:block;color:var(--ca-ink)}
.canvastia__quality-option small{display:block;color:var(--ca-ink-muted);font-size:var(--ca-text-caption)}
.canvastia__quality-compare{grid-column:1/-1}
.canvastia__quality-compare summary{cursor:pointer;color:var(--ca-accent);font-weight:700;font-size:var(--ca-text-small)}
.canvastia__quality-compare img{display:block;width:100%;max-width:560px;height:auto;margin-top:8px;border-radius:var(--ca-radius)}
@media(max-width:560px){.canvastia__quality-tier{grid-template-columns:minmax(0,1fr)}}

/* ?yeni=1 format step: six platform groups, each opening its own shapes. */
.canvastia[data-canvastia] .canvastia__pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 12px}
.canvastia[data-canvastia] .canvastia__pf-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:12px 8px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:inherit;font:inherit;cursor:pointer}
.canvastia[data-canvastia] .canvastia__pf-tile:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.canvastia[data-canvastia] .canvastia__pf-tile.is-open{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.canvastia[data-canvastia] .canvastia__pf-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.canvastia[data-canvastia] .canvastia__pf-logos{display:flex;gap:6px;align-items:center;justify-content:center;height:28px}
.canvastia[data-canvastia] .canvastia__pf-logos img{width:26px;height:26px;object-fit:contain}
.canvastia[data-canvastia] .canvastia__pf-name{font-size:.8rem;line-height:1.2;text-align:center}
.canvastia[data-canvastia] .canvastia__pf-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.canvastia[data-canvastia] .canvastia__pf-opts[hidden]{display:none}
.canvastia[data-canvastia] .canvastia__pf-opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer}
.canvastia[data-canvastia] .canvastia__pf-opt input{position:absolute;opacity:0;pointer-events:none}
.canvastia[data-canvastia] .canvastia__pf-opt:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.canvastia[data-canvastia] .canvastia__pf-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.canvastia[data-canvastia] .canvastia__pf-shape{display:block;height:52px;aspect-ratio:var(--fmt-ratio);max-width:100%;border:2px solid var(--muted,#8a8a90);border-radius:6px}
.canvastia[data-canvastia] .canvastia__pf-opt:has(input:checked) .canvastia__pf-shape{border-color:var(--accent)}
.canvastia[data-canvastia] .canvastia__pf-optname{font-size:.85rem;text-align:center}
.canvastia[data-canvastia] .canvastia__pf-optratio{font-size:.72rem;opacity:.7}
@media (max-width:420px){.canvastia[data-canvastia] .canvastia__pf-grid{gap:8px}.canvastia[data-canvastia] .canvastia__pf-name{font-size:.74rem}}

.mg-fonts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.mg-font{padding:8px 12px;border-radius:10px;border:1px solid var(--ca-line,#333);background:transparent;color:inherit;font-size:16px;cursor:pointer}.mg-font.on{border-color:#F2B233;background:rgba(242,178,51,.14)}.mg-txtpv{margin-top:10px;padding:22px 12px;border-radius:12px;background:#1b1d22;color:#f4d58a;font-size:34px;text-align:center;line-height:1.2;word-break:break-word}

.canvastia[data-canvastia] .canvastia__usecase-card{height:auto;min-height:222px}
.canvastia[data-canvastia] .canvastia__usecase-body{padding-block:18px}
@media (max-width:700px){.canvastia[data-canvastia] .canvastia__usecase-card{height:auto;min-height:166px}}
@keyframes cvEdgePulse{0%,100%{opacity:.45}50%{opacity:1}}
.canvastia[data-canvastia]{position:relative}
.canvastia[data-canvastia]::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;z-index:5;background:radial-gradient(circle at 0 0,#ffd36b,transparent 30%),radial-gradient(circle at 100% 0,#ffd36b,transparent 30%),radial-gradient(circle at 100% 100%,#ffd36b,transparent 30%),radial-gradient(circle at 0 100%,#ffd36b,transparent 30%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:drop-shadow(0 0 6px rgba(240,183,63,.7));animation:cvEdgePulse 3.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.canvastia[data-canvastia]::before{animation:none}}
body:has(.canvastia--dark)::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;box-shadow:inset 0 0 28px 2px rgba(240,183,63,.38),inset 0 0 6px rgba(255,211,107,.55);animation:cvEdgePulse 3.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){body:has(.canvastia--dark)::before{animation:none}}
body:has(.canvastia--dark) .ca-shell{background:transparent!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
body:has(.canvastia--dark) .ca-siteheader{border-bottom:0!important}
body:has(.canvastia--dark) .canvastia__topbar{border-bottom:0!important}
.canvastia[data-canvastia] .canvastia__usecase-cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#f0b73f,#c9a14a);color:#1a1204;font-weight:700;font-size:14px;box-shadow:0 6px 20px rgba(240,183,63,.28);transition:transform .2s}
.canvastia[data-canvastia] .canvastia__usecase-card:hover .canvastia__usecase-cta{transform:translateX(3px)}
.canvastia[data-canvastia] .canvastia__usecase-go{display:none}
.canvastia[data-canvastia] .canvastia__usecase-card{min-height:270px}
.canvastia[data-canvastia] .canvastia__usecase-body{padding-block:26px 30px;justify-content:center}
.canvastia[data-canvastia] .canvastia__usecase-cta{margin-top:16px;padding:12px 22px;font-size:15px;line-height:1.2;transform:none!important;transition:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;box-shadow:none;background:#f0b73f}
@media (max-width:700px){.canvastia[data-canvastia] .canvastia__usecase-card{min-height:230px}}
.canvastia[data-canvastia] .canvastia__usecase-cta{font-family:Inter,-apple-system,"Segoe UI",sans-serif;font-weight:600;letter-spacing:0}
.canvastia[data-canvastia] .canvastia__usecase-card{min-height:240px}
.canvastia[data-canvastia] .canvastia__usecase-body{padding-block:22px 26px;justify-content:center}
.canvastia[data-canvastia] .canvastia__usecase-intro{text-align:center}
.canvastia[data-canvastia] .canvastia__usecase-intro p{margin-inline:auto;text-align:center}
.canvastia[data-canvastia] .canvastia__drop{height:auto!important;min-height:250px!important;padding:30px 20px!important;gap:6px!important;justify-content:center!important;border:1.5px dashed #c9a14a!important;border-radius:16px!important;background:#17130d!important}
.canvastia[data-canvastia] .canvastia__drop-dash{display:none!important}
.canvastia[data-canvastia] .canvastia__drop-icon{background:none!important;width:44px!important;height:44px!important;color:#f0b73f!important;margin:0 0 4px!important}
.canvastia[data-canvastia] .canvastia__drop-copy strong{font-size:20px!important;font-weight:600!important;color:#f3ead6!important}
.canvastia[data-canvastia] .canvastia__drop-copy small{font-size:13px!important;color:#cdbfa3!important}
.canvastia[data-canvastia] .canvastia__drop-btn{width:auto!important;height:auto!important;margin-top:14px!important;padding:11px 24px!important;border-radius:999px!important;font-size:15px!important;font-weight:600!important;font-family:Inter,-apple-system,"Segoe UI",sans-serif!important}
.canvastia[data-canvastia] .canvastia__consent--footer{margin:14px 0 0!important;padding:12px 14px!important;border:1px solid #3a3022!important;border-radius:12px!important;background:#17130d!important;color:#cdbfa3!important;font-size:13px!important;font-weight:400!important}
.canvastia[data-canvastia] .canvastia__consent--footer input{accent-color:#f0b73f}

/* magic.js step 1: Eskiz A upload look */
[data-magic] .mg-drop{border:1.5px dashed #c9a14a!important;border-radius:16px!important;background:#17130d!important;min-height:250px;padding:30px 20px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
[data-magic] .mg-drop .mg-ico{width:44px;height:44px;color:#f0b73f;margin-bottom:4px}
[data-magic] .mg-drop b{font-size:20px;font-weight:600;color:#f3ead6}
[data-magic] .mg-drop small{font-size:13px;color:#cdbfa3}
[data-magic] .mg-drop .mg-btn{margin-top:14px;padding:11px 24px;border-radius:999px;font-size:15px;font-weight:600;font-family:Inter,system-ui,sans-serif;background:#f0b73f}
[data-magic] .mg-consent{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid #3a3022;border-radius:12px;background:#17130d;color:#cdbfa3;font-size:13px}
[data-magic] .mg-consent input{accent-color:#f0b73f}
[data-magic] .mg-consent input{margin:0;flex:none}
[data-magic] .mg-consent{font-size:16px!important;font-weight:400;color:#f3ead6!important;padding:14px 16px!important;gap:14px!important;border-radius:14px!important;cursor:pointer}
[data-magic] .mg-consent input{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid #e0b04a;border-radius:6px;background:transparent;display:grid;place-content:center;cursor:pointer;flex:none}
[data-magic] .mg-consent input:checked{background:#f0b73f}
[data-magic] .mg-consent input:checked::after{content:"";width:6px;height:11px;border:solid #1a1204;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
[data-magic] label.mg-consent{display:flex!important;flex-direction:row!important;align-items:center!important}
[data-magic] label.mg-consent span{font-weight:400!important;font-size:16px!important;line-height:1.35;color:#f3ead6!important}
.canvastia[data-canvastia] .canvastia__panel--auth{background:transparent!important;border:0!important;box-shadow:none!important;padding-inline:0!important}
.canvastia[data-canvastia] .canvastia__panel--auth::before,.canvastia[data-canvastia] .canvastia__panel--auth::after{display:none!important}
[data-magic] label.mg-consent span{font-size:14px!important}
.canvastia[data-canvastia] .canvastia__panel--auth{padding:0!important;margin:-6px 0 4px!important}
[data-magic] .mg-drop{min-height:190px!important;padding:20px!important}
[data-magic] .mg-drop .mg-btn{margin-top:8px}
.canvastia[data-canvastia] .canvastia__login-form{row-gap:6px!important}
.canvastia[data-canvastia] .canvastia__topbar{margin-bottom:0!important}
.canvastia[data-canvastia] .canvastia__panel--auth{margin:-26px 0 2px!important}
.canvastia[data-canvastia] .canvastia__panel--auth{margin:-82px 0 14px!important;position:relative;z-index:2}
.canvastia[data-canvastia] .canvastia__login-form{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important;row-gap:6px!important;column-gap:12px!important;height:auto!important}
.canvastia[data-canvastia] .canvastia__login-form>*{grid-column:1/-1}
.canvastia[data-canvastia] .canvastia__login-form>div:empty{display:none!important}
.canvastia[data-canvastia] .canvastia__login-form>.canvastia__forgot-link{grid-column:auto;margin:0!important;text-align:start;justify-self:start}
.canvastia[data-canvastia] .canvastia__login-form>.canvastia__forgot-link--new{justify-self:end}
.canvastia[data-canvastia] .canvastia__panel--auth{margin:-66px 0 14px!important}
.canvastia[data-canvastia] .canvastia__login-form .canvastia__mini-card-head{text-align:center!important}
.canvastia[data-canvastia] .canvastia__login-form .canvastia__mini-card-head small{display:block;text-align:center!important;font-size:13px!important;color:#e6dcc4!important}
.canvastia[data-canvastia] .canvastia__login-form>.canvastia__forgot-link{display:inline-flex!important;align-items:center;gap:6px;text-decoration:none!important;color:#e6dcc4!important;font-size:12px!important}
.canvastia[data-canvastia] .canvastia__login-form>.canvastia__forgot-link svg{width:16px;height:16px;color:#f0b73f;flex:none}
.canvastia[data-canvastia] .canvastia__login-form>.canvastia__forgot-link--new{justify-self:start!important}
.canvastia[data-canvastia] .canvastia__login-form>.canvastia__forgot-link:not(.canvastia__forgot-link--new){justify-self:end!important}
[data-magic] .mg-steps{justify-content:center}
[data-magic] p,[data-magic] h3,[data-magic] h4,[data-magic] h5{text-align:center!important}
[data-magic] .mg-row{justify-content:center!important}
[data-magic] .mg-steps span[data-go]{transition:background .15s}[data-magic] .mg-steps span[data-go]:hover{background:#2c2c32!important;color:#f3ead6!important}

/* Tum modallar: ust kenar adim satirina (1-2-3...) denk gelsin, sayfada asagida acilmasin */
.canvastia__progress-modal,.canvastia__confirm-modal,.canvastia__info-modal,.canvastia__coupon-modal,.canvastia__archive-modal,.canvastia__account-info-modal,.canvastia[data-canvastia] .canvastia__archive-viewer{place-items:center!important;padding-top:24px!important;overflow:auto}
.canvastia__progress-dialog,.canvastia__confirm-dialog,.canvastia__info-dialog,.canvastia__account-modal-dialog,.canvastia__account-dialog,.canvastia__archive-dialog,.canvastia__coupon-dialog{margin-top:0!important;max-height:calc(100vh - 48px)!important}
@media(min-width:560px){.canvastia__sheet-wrap{place-items:center!important;padding-top:24px}.canvastia[data-canvastia] .canvastia__sheet{max-height:calc(100vh - 48px)}}

/* Ust cubuktaki giris formu (tek satir): e-posta, sifre, Giris yap, anahtar (sifremi unuttum), Yeni hesap */
.canvastia[data-canvastia] .canvastia__panel--in-topbar{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative;z-index:3}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__authgrid{display:block!important;max-width:none!important;margin:0!important}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card{display:flex!important;flex-wrap:nowrap;align-items:center;gap:8px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card-head{display:none!important}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card-fields{display:flex!important;gap:6px;align-items:center}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card-fields input{width:150px;height:34px!important}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card-fields>.canvastia__btn{height:34px!important;min-height:34px!important;min-width:0!important;padding:0 14px!important;white-space:nowrap}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__login-form>.canvastia__forgot-link{display:inline-flex!important;align-items:center;gap:5px;margin:0!important;padding:0 12px;height:34px;border:1px solid var(--accent);border-radius:10px;color:var(--accent);white-space:nowrap}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__login-form>.canvastia__forgot-link[data-canvastia-forgot]{order:-1;width:34px;padding:0;justify-content:center;font-size:0;border-color:var(--line);color:var(--accent)}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__login-form>.canvastia__forgot-link[data-canvastia-forgot] svg{width:16px;height:16px}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__login-form>.canvastia__forgot-link svg{width:14px;height:14px}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__form-notice{position:absolute;top:100%;right:0;margin-top:6px;white-space:nowrap;font-size:12px}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__form-notice:empty{display:none}
@media(max-width:900px){
 .canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card-fields input{width:110px}
 .canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card{flex-wrap:wrap}
}

/* giris formu duzeltmeleri */
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card[hidden]{display:none!important}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__login-form>.canvastia__forgot-link[data-canvastia-forgot]{font-size:0!important;overflow:hidden;flex:0 0 34px}
.canvastia[data-canvastia] .canvastia__topbar-controls{flex-wrap:nowrap!important}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__register-email-form .canvastia__registration-fields{flex-wrap:nowrap!important}
.canvastia[data-canvastia] .canvastia__panel--in-topbar .canvastia__mini-card{flex-wrap:nowrap!important}
/* dil: yalniz bayrak, tiklayinca ortada modal */
.canvastia[data-canvastia] .canvastia__lang-btn .canvastia__lang-name,.canvastia[data-canvastia] .canvastia__lang-btn .canvastia__lang-caret{display:none!important}
.canvastia[data-canvastia] .canvastia__lang-btn{padding:0 10px!important;min-width:0!important}
.canvastia[data-canvastia] .canvastia__lang-menu:not([hidden]){position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(360px,92vw)!important;max-height:calc(100vh - 48px)!important;overflow:auto!important;margin:0!important;padding:14px!important;border-radius:18px!important;z-index:2147483000!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.65),0 30px 90px rgba(0,0,0,.5)!important}

/* dock: site basligindaki bos alana (Studio dugmesinin yerine) oturur */
@media(min-width:861px){
.canvastia[data-canvastia] .canvastia__hdr-dock{position:absolute;top:-84px;right:20px;z-index:20;display:flex;align-items:center;gap:10px;height:56px}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__topbar-controls{margin:0!important;flex-wrap:nowrap!important}
body:has(.canvastia__hdr-dock) .ca-siteheader .ca-cta{display:none!important}
}
@media(max-width:860px){.canvastia[data-canvastia] .canvastia__hdr-dock{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:10px}}

/* ust cubuk girisi: sade, kibar (eskizdeki gibi) */
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__mini-card-fields input{height:34px!important;width:150px!important;padding:0 12px!important;font-size:13px!important;border-radius:10px!important;background:#15151a!important;border:1px solid #2a2a2e!important;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__mini-card-fields>.canvastia__btn{height:34px!important;min-height:34px!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important;border-radius:10px!important;box-shadow:none!important;background:#f0b73f!important;color:#1a1200!important;border:0!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>.canvastia__forgot-link{height:34px!important;font-size:13px!important;font-weight:500!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>.canvastia__forgot-link[data-canvastia-forgot]{border:1px solid #2a2a2e!important;background:#15151a!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__lang-btn{height:34px!important;min-height:34px!important;border-radius:10px!important;background:#15151a!important;border:1px solid #2a2a2e!important;box-shadow:none!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__mini-card-fields input::placeholder{color:#7d838c}
/* ust cubuk: ortala, ince, anahtar girisin yaninda */
@media(min-width:861px){.canvastia[data-canvastia] .canvastia__hdr-dock{top:-81px!important}}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form{display:flex!important;align-items:center!important;gap:8px!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>.canvastia__mini-card-fields{order:1}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>[data-canvastia-forgot]{order:2}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>.canvastia__forgot-link--new{order:3;margin-left:10px}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__mini-card-fields input{height:30px!important;min-height:0!important;width:140px!important;padding:0 10px!important;font-size:12.5px!important;line-height:30px!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__mini-card-fields>.canvastia__btn,.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>.canvastia__forgot-link,.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__lang-btn{height:30px!important;min-height:30px!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>[data-canvastia-forgot]{width:30px!important;padding:0!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>[data-canvastia-forgot]{order:2!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>.canvastia__forgot-link--new{order:3!important}
/* anahtar sifrenin sagina, asagi indir */
@media(min-width:861px){.canvastia[data-canvastia] .canvastia__hdr-dock{top:-70px!important}}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>.canvastia__mini-card-fields{display:contents!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form input[name=email]{order:1}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form input[name=password]{order:2}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>[data-canvastia-forgot]{order:3!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form .canvastia__mini-card-fields>button[type=submit]{order:4}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form>.canvastia__forgot-link--new{order:5!important}
/* yeni hesap: ortada modal */
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form:not([hidden]){position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(380px,92vw)!important;z-index:99999!important;background:#15151a!important;border:1px solid #2a2a2e!important;border-radius:18px!important;padding:24px 22px 18px!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.65),0 20px 60px rgba(0,0,0,.6)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;height:auto!important;text-align:center}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form .canvastia__mini-card-head{display:flex;flex-direction:column;gap:6px;align-items:center}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form .canvastia__mini-card-head strong{font-size:15px;font-weight:600;color:#e8e8ea}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form .canvastia__mini-card-head small{font-size:12.5px;line-height:1.5;color:#9aa0a6;white-space:normal}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form .canvastia__mini-card-fields{display:flex!important;flex-direction:column!important;gap:10px!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form input{width:100%!important;height:38px!important;box-sizing:border-box}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form .canvastia__mini-card-fields>.canvastia__btn{width:100%!important;height:38px!important;justify-content:center}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form>[data-canvastia-auth-switch]{border:0!important;background:transparent!important;color:#f0b73f!important;font-size:12.5px!important;height:auto!important;align-self:center}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form>.canvastia__mini-card-head{display:flex!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form>.canvastia__mini-card-head small{display:block!important;font-size:12.5px!important}
/* giris: ortada modal (yeni hesap penceresinden gelir) */
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:min(380px,92vw)!important;z-index:99999!important;background:#15151a!important;border:1px solid #2a2a2e!important;border-radius:18px!important;padding:24px 22px 18px!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.65),0 20px 60px rgba(0,0,0,.6)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;height:auto!important;text-align:center}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal>.canvastia__mini-card-head{display:flex!important;justify-content:center}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal>.canvastia__mini-card-head small{font-size:12.5px!important;color:#9aa0a6;white-space:normal}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal>.canvastia__mini-card-fields{display:flex!important;flex-direction:column!important;gap:10px!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal input{width:100%!important;height:38px!important;box-sizing:border-box;order:0!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal .canvastia__mini-card-fields>button[type=submit]{width:100%!important;height:38px!important;justify-content:center;order:0!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal>.canvastia__forgot-link{order:5!important;width:auto!important;height:auto!important;font-size:12.5px!important;border:0!important;background:transparent!important;color:#f0b73f!important;align-self:center;padding:2px 0!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal>.canvastia__forgot-link svg{display:none}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal>.canvastia__forgot-link--new{display:none!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form .canvastia__modal-x{display:none}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal .canvastia__modal-x{display:block;position:absolute;top:8px;right:10px;width:30px;height:30px;border:0;background:transparent;color:#9aa0a6;font-size:22px;cursor:pointer}
/* mobil: ust cubuk = Giris + hesap ikonu + bayrak; form modalda */
@media(max-width:860px){
.canvastia[data-canvastia] .canvastia__hdr-dock{position:absolute!important;top:-81px!important;right:12px!important;left:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;height:56px!important;width:auto!important;z-index:20}
body:has(.canvastia__hdr-dock) .ca-siteheader .ca-cta{display:none!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__panel--in-topbar{margin:0!important;padding:0!important;width:auto!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal){display:flex!important;align-items:center!important;gap:6px!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal) input,
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal)>[data-canvastia-forgot],
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal)>.canvastia__mini-card-head{display:none!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal)>.canvastia__forgot-link--new{font-size:0!important;width:30px!important;padding:0!important;gap:0!important;justify-content:center}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal)>.canvastia__forgot-link--new svg{width:16px;height:16px}
}
@media(max-width:860px){
.canvastia[data-canvastia] .canvastia__hdr-dock{top:-72px!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal)>[data-canvastia-forgot]{display:flex!important;order:2!important;width:30px!important}
}
@media(max-width:860px){
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal)>.canvastia__forgot-link--new{order:1!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal)>[data-canvastia-forgot]{order:2!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form:not(.is-modal) .canvastia__mini-card-fields>button[type=submit]{order:3!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__topbar-controls{margin-left:2px}
}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form .canvastia__registration-fields{height:auto!important;min-height:0!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__register-email-form .canvastia__registration-fields input[type=email]{flex:none!important;height:38px!important;line-height:normal!important;padding:0 12px!important;font-size:13px!important}
.canvastia[data-canvastia] .canvastia__hdr-dock .canvastia__login-form.is-modal .canvastia__mini-card-fields input{flex:none!important;height:38px!important;line-height:normal!important;padding:0 12px!important}

/* Google ile devam */
.canvastia[data-canvastia] .canvastia__google{display:flex!important;align-items:center;justify-content:center;gap:9px;width:100%;box-sizing:border-box;height:38px;margin-top:10px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#fff;color:#1f1f1f;font:600 13px/1 inherit;text-decoration:none;cursor:pointer}
.canvastia[data-canvastia] .canvastia__google svg{width:16px;height:16px;flex:none}
.canvastia[data-canvastia] .canvastia__google-note{display:block;margin-top:6px;font-size:11px;line-height:1.4;opacity:.62;text-align:center}
.canvastia[data-canvastia] .canvastia__login-form:not(.is-modal) .canvastia__google,.canvastia[data-canvastia] .canvastia__login-form:not(.is-modal) .canvastia__google-note{display:none!important}

.grecaptcha-badge{visibility:hidden!important}