.ais-studio{--ais-ink:#222222;--ais-accent:#1d3676;--ais-muted:#626873;--ais-line:#e2e5eb;color:var(--ais-ink);font:inherit;line-height:1.5;text-align:start}.ais-studio *{box-sizing:border-box}.ais-shell{background:#f7f8fa;border:1px solid var(--ais-line);border-radius:6px;overflow:hidden;box-shadow:0 16px 60px #2222220a}.ais-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;background:#fff;border-bottom:1px solid var(--ais-line)}.ais-header h2{font-size:30px;line-height:1.15;margin:3px 0}.ais-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;color:var(--ais-accent);margin:0}.ais-status{padding:12px 32px;min-height:48px;background:#f0f3fa;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px}.ais-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.ais-visuals{padding:26px;min-width:0}.ais-side{padding:26px;background:#fff;border-inline-start:1px solid var(--ais-line);min-width:0}.ais-side h3,.ais-intro h3{font-size:21px;margin:0 0 16px}.ais-preview{border:1px solid var(--ais-line);border-radius:6px;overflow:hidden;background:repeating-conic-gradient(#f1f2f5 0% 25%,#fff 0% 50%) 50%/24px 24px;aspect-ratio:1;display:grid;place-items:center}.ais-preview img{width:100%;height:100%;object-fit:contain;display:block}.ais-empty{padding:40px;font-size:26px;font-weight:650;text-align:center;max-width:450px;align-self:center}.ais-project-id{font-size:11px;overflow-wrap:anywhere;color:var(--ais-muted);margin:0 0 14px}.ais-muted{color:var(--ais-muted);font-size:13px}.ais-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.ais-studio .ais-button{appearance:none;background:var(--ais-accent,#1d3676);color:#fff;border:1px solid transparent;border-radius:6px;padding:11px 16px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.35;cursor:pointer;white-space:normal;text-decoration:none}.ais-studio .ais-button:hover{background:#152857}.ais-studio .ais-secondary{background:#fff;border-color:var(--ais-line);color:var(--ais-ink)}.ais-studio .ais-secondary:hover{background:#f0f3fa}.ais-studio .ais-text-button{padding:4px 0;background:none;color:var(--ais-accent);text-align:start}.ais-studio .ais-button:disabled,.ais-studio input:disabled,.ais-studio textarea:disabled,.ais-studio select:disabled{opacity:.5;cursor:wait}.ais-studio button:focus-visible,.ais-studio input:focus-visible,.ais-studio textarea:focus-visible,.ais-studio select:focus-visible,.ais-studio summary:focus-visible{outline:3px solid #c22a29;outline-offset:3px}.ais-alert{margin:16px 26px 0;background:#fff0ed;border:1px solid #ffd1c6;color:#8f2e19;border-radius:6px;padding:14px}.ais-alert[hidden]{display:none}.ais-chat{height:auto;max-height:330px;overflow-y:auto;padding:4px 5px 4px 0;overscroll-behavior:contain}.ais-message{border:1px solid var(--ais-line);border-radius:6px;padding:13px 15px;margin-bottom:12px;overflow-wrap:anywhere}.ais-message strong{font-size:12px;color:var(--ais-muted)}.ais-message p{white-space:pre-wrap;font-size:14px;margin:6px 0 0}.ais-user{background:#f0f3fa;margin-inline-start:30px}.ais-assistant{margin-inline-end:20px}.ais-field{display:block;margin-bottom:12px;font-size:13px;font-weight:600}.ais-field>span{display:block;margin-bottom:5px}.ais-studio input:not([type=checkbox]):not([type=range]),.ais-studio textarea,.ais-studio select{display:block;width:100%;border:1px solid var(--ais-line);border-radius:6px;padding:10px 12px;background:#fff;color:var(--ais-ink);font:inherit;font-size:14px;line-height:1.45}.ais-studio textarea{resize:vertical;min-height:90px}.ais-verification{padding:16px;margin:18px 0;background:#f7f8fa;border:1px solid var(--ais-line);border-radius:6px}.ais-verification h4{margin:0 0 12px;font-size:16px}.ais-verification button{margin-bottom:12px}.ais-verified{font-size:12px;color:var(--ais-accent);overflow-wrap:anywhere}.ais-composer{border-top:1px solid var(--ais-line);margin-top:18px;padding-top:18px}.ais-details{border:1px solid var(--ais-line);border-radius:6px;margin-top:16px;padding:14px;background:#fff}.ais-details summary{font-weight:650;cursor:pointer;font-size:14px}.ais-details[open] summary{margin-bottom:14px}.ais-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ais-asset{padding:9px;background:#f7f8fa;border-radius:6px;display:flex;flex-direction:column;gap:5px;min-width:0}.ais-asset img{height:100px;width:100%;object-fit:contain}.ais-asset strong{font-size:12px;overflow-wrap:anywhere}.ais-asset span{font-size:11px}.ais-upload{margin-top:16px}.ais-upload input{margin-top:9px}.ais-versions{display:flex;gap:6px;overflow-x:auto;padding-top:12px}.ais-studio .ais-version{background:#fff;color:var(--ais-ink);border-color:var(--ais-line);flex-shrink:0;font-size:12px;padding:8px 11px}.ais-version[aria-pressed=true]{border-color:var(--ais-accent);box-shadow:inset 0 0 0 1px var(--ais-accent)}.ais-layer{padding:12px 0;border-bottom:1px solid var(--ais-line)}.ais-layer-title{display:flex;gap:8px;font-size:13px;overflow-wrap:anywhere;margin-bottom:12px}.ais-studio input[type=range]{width:100%;accent-color:var(--ais-accent)}.ais-field output{font-size:11px;color:var(--ais-muted)}.ais-spinner{width:16px;height:16px;border:2px solid #1d367633;border-top-color:var(--ais-accent);border-radius:50%;animation:ais-spin 1s linear infinite}.ais-job-error{width:100%;color:#8f2e19;margin:3px 0}.ais-submission{background:#fff}@keyframes ais-spin{to{transform:rotate(360deg)}}@media(max-width:800px){.ais-body{grid-template-columns:1fr}.ais-side{border-inline-start:0;border-top:1px solid var(--ais-line)}.ais-header{padding:22px 18px}.ais-header h2{font-size:24px}.ais-visuals,.ais-side{padding:18px}.ais-status{padding:12px 18px}.ais-chat{max-height:270px}.ais-preview{max-height:65vh}.ais-empty{font-size:21px;padding:28px}.ais-header>.ais-button{font-size:12px;padding:9px}}@media(prefers-reduced-motion:reduce){.ais-spinner{animation:none}}

.ais-dialog{max-width:min(1100px,95vw);max-height:95vh;border:1px solid var(--ais-line);border-radius:6px;padding:18px;background:#fff;color:var(--ais-ink)}.ais-dialog::backdrop{background:#222222bb}.ais-dialog img{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin-top:12px}.ais-compare{grid-template-columns:1fr 1fr;aspect-ratio:2}.ais-compare img{min-width:0;border-inline-end:1px solid var(--ais-line)}

.ais-studio [hidden]{display:none!important}

.ais-category-list{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 24px}.ais-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.ais-studio .ais-model-card{padding:8px;display:flex;flex-direction:column;gap:8px;align-items:center;min-width:0}.ais-model-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f7f8fa;border-radius:6px}.ais-model-card span{overflow-wrap:anywhere}.ais-catalog-dialog{width:min(780px,calc(100vw - 24px));max-height:85vh;overflow:auto;border:1px solid var(--ais-line);border-radius:6px;padding:24px;color:var(--ais-ink)}.ais-catalog-dialog::backdrop{background:#22222288}.ais-catalog h3{margin:18px 0 12px}@media(max-width:500px){.ais-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ais-catalog-dialog{padding:16px}}

.ais-model-recommendation{padding:20px;border:2px solid var(--ais-accent);border-radius:6px;background:#f2f4fa;margin-bottom:24px}.ais-model-recommendation h3{margin:8px 0 10px}.ais-model-recommendation p{font-size:14px;margin:0 0 15px}.ais-recommended{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ais-accent);font-weight:750}.ais-free-start{margin:0!important;font-size:18px!important}.ais-catalog-dialog{height:min(680px,85dvh);display:flex;flex-direction:column;overflow:hidden}.ais-catalog-dialog:not([open]){display:none}.ais-catalog-dialog>.ais-button{align-self:flex-start;flex-shrink:0}.ais-catalog-dialog>.ais-catalog{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-gutter:stable}.ais-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ais-category-list .ais-button{text-align:start;overflow-wrap:anywhere;padding:14px;min-width:0}.ais-catalog-path{font-size:13px;color:var(--ais-accent);font-weight:650;overflow-wrap:anywhere}.ais-category-all{grid-column:1/-1}@media(max-width:500px){.ais-category-list{grid-template-columns:1fr}.ais-catalog-dialog{height:min(640px,85dvh)}}

.ais-quote-callout{margin-top:24px;border:2px solid var(--ais-accent);border-radius:6px;padding:20px;background:#f2f4fa}.ais-quote-callout h3{margin:0 0 8px}.ais-studio .ais-quote-cta{width:100%;font-size:18px;padding:16px 20px;border-radius:6px;margin:10px 0}.ais-quote-form{margin-top:16px}.ais-quote-callout .ais-muted{margin:8px 0}

.ais-studio .ais-preview{position:relative;display:block;min-height:0;min-width:0;isolation:isolate}.ais-studio .ais-preview>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0;min-height:0;object-fit:contain!important;object-position:center!important;margin:0!important}.ais-studio .ais-preview.ais-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.ais-studio .ais-preview.ais-compare>img{position:static}.ais-studio .ais-dialog img{width:auto!important;height:auto!important;max-width:100%!important;max-height:75dvh!important;object-fit:contain!important}.ais-success{padding:22px;border:2px solid #1d3676;background:#f0f3fa;border-radius:6px;margin-bottom:24px}.ais-success h3{margin:0 0 10px!important;color:#152857}.ais-success p{margin:0}.ais-working{display:flex;align-items:center;gap:12px;font-size:14px}.ais-thinking-dots{display:inline-flex;gap:4px}.ais-thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--ais-accent);animation:ais-pulse 1.1s infinite alternate}.ais-thinking-dots span:nth-child(2){animation-delay:.2s}.ais-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes ais-pulse{from{opacity:.25;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.ais-thinking-dots span{animation:none}}

.ais-blank-option{padding:12px 0;border-bottom:1px solid var(--ais-line);flex-shrink:0}.ais-blank-option p{margin:7px 0 0;font-size:12px}.ais-catalog-dialog{height:min(760px,90dvh);max-height:90dvh}.ais-moq{font-weight:400;font-size:13px}
/* Click-to-enlarge preview and clear next step after an upload. */
.ais-studio .ais-preview-button{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in;box-shadow:none}
.ais-studio .ais-preview-button img{object-fit:contain;width:100%;height:100%}
.ais-studio .ais-dialog{width:min(1100px,96vw);max-width:96vw;max-height:94dvh;padding:16px;overflow:auto}
.ais-dialog::backdrop{background:rgba(0,0,0,.8)}
.ais-studio .ais-lightbox-image{overflow:auto;max-height:78dvh;text-align:center}
.ais-studio .ais-lightbox-image img{display:block;max-width:100%;max-height:76dvh;width:auto;height:auto;object-fit:contain;margin:auto}
.ais-studio .ais-lightbox-image.ais-zoomed img{max-width:none;max-height:none;width:auto;height:auto}
.ais-studio .ais-needs-description{border:2px solid #1d3676;padding:16px;border-radius:6px;background:#f2f4fa}
.ais-studio .ais-upload-hint{display:block;margin-bottom:12px;color:#1d3676;font-size:1.1em}
.ais-studio .ais-needs-description textarea{border:2px solid #1d3676}
.ais-studio .ais-preview>.ais-preview-button{position:absolute;inset:0}
.ais-studio .ais-dialog .ais-lightbox-image.ais-zoomed img{max-width:none!important;max-height:none!important}
.ais-studio .ais-pdf-pending{color:#8f2e19;font-size:13px}.ais-studio .ais-asset select{width:100%}
.ais-studio.ais-quoting .ais-back-editing{margin:0 0 20px}.ais-studio.ais-quoting .ais-visuals{align-self:start}.ais-studio.ais-quoting .ais-submission{margin-top:16px}

/* WearPL: navy structure, red primary actions, typography inherited from the shop. */
.ais-studio{--ais-primary:var(--fs-color-primary,#1d3676);--ais-accent:var(--fs-color-secondary,#c22a29);--ais-ink:#222;--ais-muted:#626873;--ais-line:#e2e5eb}
.ais-studio .ais-header{border-top:4px solid var(--ais-primary)}
.ais-studio .ais-header h2{font-family:inherit;font-size:32px;font-weight:700;color:var(--ais-primary)}
.ais-studio .ais-header h2,.ais-studio .ais-side h3,.ais-studio .ais-quote-callout h3{font-family:Teko,"Arial Narrow",sans-serif;letter-spacing:.015em}
.ais-studio .ais-eyebrow,.ais-studio .ais-catalog-path,.ais-studio .ais-recommended{color:var(--ais-primary)}
.ais-studio .ais-button{margin:0;min-height:44px;text-transform:none;letter-spacing:0;box-shadow:0 2px 4px #00000012}
.ais-studio .ais-button:hover{background:#a62323;color:#fff}
.ais-studio .ais-secondary:hover,.ais-studio .ais-version:hover{background:#f0f3fa;color:var(--ais-primary);border-color:var(--ais-primary)}
.ais-studio .ais-text-button:hover{background:transparent;color:#a62323}
.ais-studio .ais-preview-button:hover{background:transparent}
.ais-studio .ais-model-recommendation{border-color:var(--ais-primary)}
.ais-studio .ais-quote-callout{border-color:var(--ais-primary)}
.ais-studio .ais-shell{box-shadow:0 8px 32px #1d367610}
.ais-studio .ais-preview-button{box-shadow:none}
.ais-studio.ais-quoting .ais-preview{max-height:65dvh}
.ais-studio .ais-status{color:var(--ais-primary)}
.ais-studio .ais-quote-cta{font-weight:700}
@media(max-width:500px){.ais-studio .ais-header h2{font-size:26px}.ais-studio .ais-header{gap:12px}}

.ais-studio .ais-process{padding:18px 32px;background:#f2f4fa;border-bottom:1px solid var(--ais-line)}
.ais-studio .ais-process strong{color:var(--ais-primary)}
.ais-studio .ais-process p{margin:6px 0 0;font-size:14px;max-width:850px}
.ais-studio .ais-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:400;margin:18px 0;cursor:pointer}
.ais-studio .ais-consent input[type=checkbox]{appearance:auto;flex:0 0 20px;width:20px;height:20px;margin:2px 0 0;accent-color:var(--ais-accent)}
.ais-studio .ais-consent span{min-width:0}
@media(max-width:800px){.ais-studio .ais-process{padding:16px 18px}}

/* A clear route from a personal idea to a purchasable product. */
.ais-studio .ais-header{align-items:flex-start;padding:28px 32px;gap:24px}
.ais-studio .ais-header h2{font-family:inherit;font-size:clamp(25px,3vw,36px);line-height:1.13;letter-spacing:-.025em;max-width:680px;margin:10px 0}
.ais-header-intro{max-width:700px;font-size:15px;line-height:1.65;color:var(--ais-muted);margin:0}
.ais-studio .ais-process{padding:22px 32px;background:#fff}
.ais-process-steps{list-style:none;counter-reset:ais-step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 16px;padding:0}
.ais-process-steps li{counter-increment:ais-step;position:relative;padding-left:42px;min-width:0}
.ais-process-steps li:before{content:counter(ais-step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:#eef1f8;color:var(--ais-primary);display:grid;place-items:center;font-weight:750;font-size:14px}
.ais-process-steps strong{font-size:15px}.ais-process-steps p{font-size:13px!important;line-height:1.55}
.ais-studio .ais-process>.ais-muted{font-size:12px;border-top:1px solid var(--ais-line);padding-top:12px}
.ais-start-visual{min-height:340px;padding:36px;border:1px solid #dce2ef;border-radius:12px;background:radial-gradient(ellipse at top right,#dce5fa,transparent 70%),#f3f5fa;display:flex;flex-direction:column;justify-content:center}
.ais-start-mark{font-size:12px;color:var(--ais-primary);font-weight:700;letter-spacing:.03em}
.ais-start-visual h3{font-size:30px;line-height:1.2;color:var(--ais-primary);margin:16px 0}.ais-start-visual p{font-size:15px;color:var(--ais-muted);margin:0}
.ais-studio .ais-model-recommendation{border:1px solid #dce2ef;padding:20px;background:#f7f9fd;margin-bottom:12px}
.ais-studio .ais-own-idea{width:100%;margin-bottom:8px;box-shadow:none}
.ais-prompt-examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ais-prompt-examples>span{flex-basis:100%;font-size:12px;color:var(--ais-muted)}
.ais-studio .ais-example{font-size:12px;font-weight:500;min-height:40px;padding:8px 10px;box-shadow:none;border-radius:20px}
.ais-studio .ais-composer .ais-actions{align-items:stretch}.ais-studio .ais-composer .ais-actions>button:last-child{flex-grow:1}
.ais-studio .ais-status{min-height:0;padding:14px 26px;gap:6px 14px}.ais-studio .ais-status>strong{font-size:16px}.ais-status>span{font-size:13px}
.ais-studio .ais-status-working{position:sticky;top:0;z-index:5;padding:12px 26px;background:#eaf0fc;border-block:1px solid #bbcbed;box-shadow:0 4px 16px #1d36761a}
.ais-work-panel{display:flex;align-items:center;gap:16px;border:1px solid #bbcbed;border-left:4px solid var(--ais-primary);border-radius:8px;background:#f0f4ff;padding:18px;color:var(--ais-primary);width:100%;margin:0 0 16px;overflow-wrap:anywhere}
.ais-work-panel strong{display:block;font-size:17px;line-height:1.35;color:var(--ais-primary)}.ais-work-panel p{font-size:14px;margin:5px 0}.ais-work-panel small{display:block;font-size:12px;color:#485c84;line-height:1.5}
.ais-work-panel .ais-spinner{width:30px;height:30px;flex:0 0 30px;border-width:3px;border-top-color:var(--ais-primary);border-right-color:#c22a29}
.ais-status-working>.ais-work-panel{border:0;padding:0;margin:0;background:transparent}.ais-work-chat{margin:12px 0}.ais-work-chat strong{font-size:15px}
.ais-studio.ais-is-working .ais-preview{box-shadow:0 0 0 3px #dce5fa}.ais-studio .ais-work-preview{margin-bottom:14px}
@media(max-width:800px){.ais-studio .ais-header,.ais-studio .ais-process{padding:20px 18px}.ais-process-steps{grid-template-columns:1fr;gap:14px}.ais-process-steps li{padding-left:40px}.ais-process-steps p{margin-top:2px!important}.ais-studio .ais-status-working{padding:12px 18px}.ais-work-panel{padding:14px;gap:12px}.ais-work-panel strong{font-size:15px}.ais-start-visual{min-height:240px;padding:26px}.ais-start-visual h3{font-size:26px}}
.ais-process-guide summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--ais-primary)}.ais-process-guide[open] summary{margin-bottom:20px}.ais-has-project .ais-header-intro{display:none}
@media(max-width:500px){.ais-studio .ais-header{position:relative;display:block}.ais-studio .ais-header>.ais-button{position:absolute;right:18px;top:18px;font-size:11px;max-width:80px;padding:8px}.ais-studio .ais-header .ais-eyebrow{padding-right:88px;min-height:32px;line-height:1.5}.ais-studio .ais-header h2{margin-top:20px;max-width:100%}.ais-studio .ais-header-intro{font-size:14px;line-height:1.6}.ais-has-project .ais-header h2{font-size:24px}}
