/* Auramani Nail Studio: the look of the AI Nail Studio prototype (auramani-nail-studio-handoff.html),
   scoped to .au-studio, simplified: one scroll (the page's), the sidebar and the design brief stay in
   view, the message box stays at the bottom of the screen. Dialogs (sign in, add to bag, brief on
   phones) open in the site's own dialog, outside .au-studio: their rules are at the end. */
.au-studio{--cream:#f7f3ee;--clay:#985340;--clay-dark:#7d4233;--blush:#f6ece5;--paper:#fffdfa;--ink:#221e1a;--text:#4a4440;--muted:#75685f;--line:#ded3c8;--control:#938174;--success:#356044;--warning:#7c541c;--font:"Hanken Grotesk",system-ui,sans-serif}
.au-studio *{box-sizing:border-box}
.au-studio{margin:0;color:var(--text);background:var(--cream);font:16px/1.55 var(--font)}
.au-studio button,.au-studio input,.au-studio textarea,.au-studio select{font:inherit}
.au-studio button{cursor:pointer;color:inherit;border:0;background:transparent}
.au-studio button:disabled{cursor:not-allowed;opacity:.55}
.au-studio a{color:var(--clay)}
.au-studio button:focus-visible,.au-studio a:focus-visible,.au-studio textarea:focus-visible,.au-studio summary:focus-visible,.au-studio .au-st-attach:focus-within{outline:2px solid var(--clay);outline-offset:3px}
.au-studio h1,.au-studio h2,.au-studio h3,.au-studio p{margin:0}
.au-studio h1,.au-studio h2,.au-studio h3{color:var(--ink);font-weight:600}
.au-studio h1{font-size:38px;line-height:1.17;letter-spacing:-1px}
.au-studio h2{font-size:24px;line-height:1.3}
.au-studio h3{font-size:17px}
.au-studio img{display:block;max-width:100%;object-fit:cover}
.au-studio svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.au-studio .small{font-size:12px;line-height:1.55;color:var(--muted)}
.au-studio .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:var(--clay);font-weight:600}
.au-studio .primary,.au-studio .secondary{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:10px 20px;font-weight:600;font-size:14px;text-decoration:none;line-height:1.3}
.au-studio .primary{background:var(--clay);color:#fff;border:1px solid var(--clay)}
.au-studio .primary:hover{background:var(--clay-dark);color:#fff}
.au-studio .secondary{border:1px solid var(--control);color:var(--ink)}
.au-studio .secondary:hover{border-color:var(--clay);color:var(--clay-dark)}
.au-studio .primary svg,.au-studio .secondary svg{width:18px;height:18px}

/* ---------------------------------------------------------------- frame */
.au-studio .shell{display:grid;grid-template-columns:220px minmax(0,1fr)}
.au-studio .sidebar{border-right:1px solid var(--line);padding:24px 16px}
.au-studio .au-st-stick{position:sticky;top:16px}
.au-studio .sidebar .au-st-stick{display:flex;flex-direction:column;gap:20px}
.au-studio .nav-group{display:grid;gap:4px}
.au-studio .nav-button{display:flex;align-items:center;gap:10px;min-height:44px;border-radius:999px;padding:9px 14px;text-align:left;font-size:14px;width:100%}
.au-studio .nav-button:hover{background:#efe3d9}
.au-studio .nav-button.active{background:#ead9cd;color:var(--clay-dark);font-weight:600}
.au-studio .nav-button .count{margin-left:auto;font-size:12px;color:var(--muted)}
.au-studio .side-account{border-top:1px solid var(--line);padding:16px 6px 0;display:grid;gap:8px;justify-items:start}
.au-studio .side-left{font-size:14px;font-weight:600;color:var(--ink)}
.au-studio .side-account .secondary{min-height:38px;padding:7px 16px;font-size:13px}
.au-studio .workspace{min-width:0;background:var(--paper)}
.au-studio .au-st-tabs{display:none}

/* ---------------------------------------------------------------- studio */
.au-studio .studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px}
.au-studio .conversation{display:flex;flex-direction:column;min-width:0;min-height:calc(100dvh - var(--au-st-top,89px));padding:32px 36px 0}
.au-studio .welcome{max-width:700px;width:100%;margin:8px auto 24px}
.au-studio .welcome .eyebrow{margin-bottom:12px}
.au-studio .welcome h1{max-width:700px;margin-bottom:12px;font-size:36px}
.au-studio .welcome .intro{max-width:520px;color:var(--muted);font-size:15px;line-height:1.7}
.au-studio .ideas-head{margin:26px 0 12px}
.au-studio .ideas-head p{font-size:13px;font-weight:600;color:var(--ink)}
.au-studio .inspirations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.au-studio .inspirations[style*="--au-st-ideas:1"],.au-studio .inspirations[style*="--au-st-ideas:2"]{max-width:calc(var(--au-st-ideas) * 33.333% + 4px)}
.au-studio .inspirations[style*="--au-st-ideas:1"]{grid-template-columns:1fr}
.au-studio .inspirations[style*="--au-st-ideas:2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.au-studio .inspiration{text-align:left;padding:0;min-width:0}
.au-studio .inspiration img{width:100%;aspect-ratio:1.3;border-radius:12px;background:var(--blush);transition:filter .2s}
.au-studio .inspiration:hover img{filter:brightness(.94)}
.au-studio .inspiration span{display:flex;justify-content:space-between;gap:6px;font-size:13px;margin-top:8px;color:var(--ink)}
.au-studio .inspiration svg{width:15px}
.au-studio .conversation-flow{width:100%;max-width:700px;margin:0 auto;display:grid;gap:22px}
.au-studio .conversation-flow:empty{display:none}
.au-studio .message{font-size:15px;line-height:1.65;min-width:0}
.au-studio .message.user{justify-self:end;background:var(--blush);padding:12px 16px;border-radius:16px 16px 4px 16px;max-width:86%;overflow-wrap:anywhere}
.au-studio .au-st-msg-photos{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.au-studio .au-st-msg-photos+p{margin-top:8px}
.au-studio .au-st-msg-photos img{width:64px;height:64px;border-radius:10px}
.au-studio .assistant-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;color:var(--clay);font-weight:600}
.au-studio .assistant-head svg{width:17px;height:17px}
.au-studio .au-st-msg-thumb{width:120px;aspect-ratio:1;border-radius:10px;margin-bottom:8px}
.au-studio .au-st-support{margin-top:12px;min-height:40px;font-size:13px}
.au-studio .generating{display:flex;gap:14px;align-items:center;padding:16px 18px;background:var(--blush);border-radius:16px;margin-top:10px}
.au-studio .generating strong{color:var(--ink);font-weight:600;font-size:14px}
.au-studio .spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid #dcc6b8;border-top-color:var(--clay);animation:au-st-spin 1s linear infinite;flex:none}
@keyframes au-st-spin{to{transform:rotate(360deg)}}

/* the message box, at the foot of the screen */
.au-studio .composer-wrap{position:sticky;bottom:0;z-index:2;margin-top:auto;width:100%;max-width:700px;align-self:center;padding:22px 0 12px;background:linear-gradient(to bottom,rgb(255 253 250 / 0),var(--paper) 22px)}
.au-studio .composer{border:1px solid #b4a091;border-radius:20px;background:#fff;padding:12px 14px 10px;box-shadow:0 6px 24px rgb(34 30 26 / 6%)}
.au-studio .composer:focus-within{border-color:var(--clay)}
.au-studio .composer textarea{display:block;width:100%;resize:none;min-height:48px;max-height:160px;border:0;outline:0;background:transparent;font-size:15px;line-height:1.5;color:var(--ink);padding:2px}
.au-studio .composer textarea::placeholder{color:var(--muted)}
.au-studio .composer-bottom{display:flex;align-items:center;gap:8px;margin-top:6px}
.au-studio .au-st-attach{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--text);cursor:pointer}
.au-studio .au-st-attach:hover{border-color:var(--clay);color:var(--clay-dark)}
.au-studio .au-st-attach svg{width:17px;height:17px}
.au-studio .au-st-brief-pill{display:none;align-items:center;gap:4px;min-height:36px;padding:6px 10px 6px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.au-studio .au-st-brief-pill svg{width:14px;height:14px}
.au-studio .composer-hint{flex:1;text-align:right;font-size:12px;color:var(--muted)}
/* The generate button: a little magic. Round with the icon on phones, a labelled pill on wide screens. */
.au-studio .send{flex:none;margin-left:auto;border-radius:999px;color:#fff;min-width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#b46a52 0%,var(--clay) 45%,var(--clay-dark) 100%);box-shadow:0 2px 8px rgb(152 83 64 / 22%);transition:box-shadow .2s,transform .2s}
.au-studio .send:hover{box-shadow:0 4px 16px rgb(152 83 64 / 38%);transform:translateY(-1px)}
.au-studio .send:hover svg{animation:au-st-twinkle .9s ease-in-out}
.au-studio .send svg{width:21px;height:21px;stroke-width:1.7}
.au-studio .send-label{display:none;font-size:14px;font-weight:600;letter-spacing:.1px;white-space:nowrap}
@keyframes au-st-twinkle{0%,100%{transform:scale(1) rotate(0)}40%{transform:scale(1.15) rotate(-10deg)}70%{transform:scale(.95) rotate(6deg)}}
@media(min-width:951px){.au-studio .send{padding:0 18px 0 14px}.au-studio .send-label{display:inline}}
.au-studio .composer-foot{display:flex;justify-content:space-between;gap:12px;margin:8px 6px 0;font-size:11px;color:var(--muted)}
.au-studio .composer-foot button{font-size:11px;padding:0;text-decoration:underline;color:var(--muted)}
.au-studio .au-st-attached{display:flex;gap:10px;margin:2px 0 10px}
.au-studio .au-st-attached figure{position:relative;width:64px;height:64px;margin:0}
.au-studio .au-st-attached img{width:64px;height:64px;border-radius:10px}
.au-studio .au-st-attached button{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.au-studio .au-st-attached button svg{width:12px;height:12px}
.au-studio .au-st-preparing{display:grid;place-items:center;background:var(--blush);border-radius:10px}
.au-studio .au-st-editing{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--clay-dark);background:var(--blush);border-radius:10px;padding:6px 10px;margin-bottom:8px}
.au-studio .au-st-editing svg{width:15px;height:15px}
.au-studio .au-st-editing strong{color:var(--clay-dark);font-weight:600}
.au-studio .au-st-editing button{margin-left:auto;font-size:12px;text-decoration:underline;color:var(--clay-dark);white-space:nowrap}

/* the design brief */
.au-studio .brief-panel{border-left:1px solid var(--line);background:var(--cream);padding:28px 22px}
.au-studio .brief-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.au-studio .brief-heading h3{font-size:16px}
.au-studio .brief-panel .small{margin-bottom:20px}
.au-studio .field{margin:0 0 18px;border:0;padding:0;min-width:0}
.au-studio .field>legend{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:8px;padding:0}
.au-studio .choice-grid{display:flex;flex-wrap:wrap;gap:6px}
.au-studio .choice{border:1px solid var(--line);border-radius:999px;font-size:12px;min-height:36px;padding:7px 12px;background:#fff9}
.au-studio .choice:hover:not(:disabled){border-color:var(--clay)}
.au-studio .choice[aria-pressed=true]{border-color:var(--clay);background:#ead9cd;color:var(--clay-dark);font-weight:600}
.au-studio .choice:disabled{opacity:.4}

/* a design */
.au-studio .result{margin-top:10px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;max-width:440px}
.au-studio .au-st-zoom{display:block;width:100%;padding:0;background:var(--blush);cursor:zoom-in}
.au-studio .au-st-zoom img{width:100%;aspect-ratio:1}
.au-studio .au-st-placeholder{aspect-ratio:1;display:grid;place-items:center;padding:16px;text-align:center;background:var(--blush);color:var(--muted);font-size:13px}
.au-studio .au-st-placeholder .generating{margin:0;background:transparent}
.au-studio .result-body{padding:16px 18px 18px}
.au-studio .result-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.au-studio .result-title h3{font-size:17px;line-height:1.35}
.au-studio .au-st-status{font-size:11px;font-weight:600;white-space:nowrap;color:var(--muted)}
.au-studio .au-st-priced,.au-studio .au-st-ordered,.au-studio .au-st-done{color:var(--success)}
.au-studio .au-st-unpriced,.au-studio .au-st-new{color:var(--warning)}
.au-studio .result-body>.small{margin-top:2px}
.au-studio .au-st-price{margin:12px 0 2px;font-size:13px;color:var(--muted)}
.au-studio .au-st-price strong{font-size:22px;font-weight:600;color:var(--ink);margin-right:2px}
.au-studio .result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.au-studio .result-actions .primary,.au-studio .result-actions .secondary{min-height:42px;padding:9px 16px;font-size:13px}

/* My designs, How it works */
.au-studio .gallery,.au-studio .help-page{padding:36px;max-width:1180px;width:100%;margin:0 auto;min-height:calc(100dvh - var(--au-st-top,89px))}
.au-studio .gallery .eyebrow,.au-studio .help-page .eyebrow{margin-bottom:10px}
.au-studio .gallery h1,.au-studio .help-page h1{font-size:34px;margin-bottom:10px}
.au-studio .gallery>p{color:var(--muted)}
.au-studio .au-st-loading{margin-top:28px}
.au-studio .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin-top:26px;align-items:start}
.au-studio .gallery-grid .result{margin:0;max-width:none}
.au-studio .empty-gallery{padding:64px 20px;text-align:center;border-top:1px solid var(--line);margin-top:28px}
.au-studio .empty-gallery > svg{height:40px;width:40px;color:var(--clay);margin:0 auto 14px}
.au-studio .empty-gallery p{margin:10px 0 22px;color:var(--muted)}
.au-studio .help-page{max-width:820px}
.au-studio details{border-bottom:1px solid var(--line);padding:16px 0}
.au-studio summary{cursor:pointer;font-weight:500;color:var(--ink)}
.au-studio details p{margin:10px 0 0;font-size:15px}
.au-studio .au-st-noscript{max-width:640px;margin:48px auto;padding:0 16px}
.au-studio .au-st-noscript h1{margin-bottom:16px}
.au-studio-main{display:block}
.au-studio-page .au-sup-launcher{display:none!important} /* the help chat's round button stays off the studio (it would sit on the message box); "Open Customer support" still opens the chat */

/* Short laptop screens: the welcome stays short, so the message box does not sit on the pictures. */
@media(min-width:951px) and (max-height:820px){
.au-studio .conversation{padding-top:24px}
.au-studio .welcome{margin-top:0;margin-bottom:16px}
.au-studio .welcome h1{font-size:32px}
.au-studio .ideas-head{margin:16px 0 10px}
.au-studio .inspiration img{aspect-ratio:2}
}
@media(min-width:1600px){
.au-studio .shell{grid-template-columns:250px minmax(0,1fr)}
.au-studio .studio-layout{grid-template-columns:minmax(0,1fr) 330px}
.au-studio .welcome h1{font-size:46px}
}
@media(max-width:1150px){
.au-studio .shell{grid-template-columns:190px minmax(0,1fr)}
.au-studio .studio-layout{grid-template-columns:minmax(0,1fr) 260px}
.au-studio .conversation{padding:26px 24px 0}
.au-studio .brief-panel{padding:24px 16px}
.au-studio h1{font-size:34px}
}
/* Phones and small tablets: tabs on top, no side panels; the brief opens from the message box. */
@media(max-width:950px){
.au-studio .shell{display:block}
.au-studio .sidebar,.au-studio .brief-panel{display:none}
.au-studio .studio-layout{display:block}
.au-studio .au-st-tabs{display:flex;align-items:center;gap:4px;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--cream)}
.au-studio .au-st-tabs button{min-height:38px;padding:7px 12px;border-radius:999px;font-size:13px;color:var(--text)}
.au-studio .au-st-tabs button.active{background:#ead9cd;color:var(--clay-dark);font-weight:600}
.au-studio .au-st-tabs .au-st-tabs-new{margin-left:auto;width:38px;padding:0;display:grid;place-items:center;border:1px solid var(--line)}
.au-studio .conversation{padding:20px 16px 0;min-height:calc(100dvh - var(--au-st-top,64px) - 59px)}
.au-studio .composer-wrap{padding-bottom:max(10px,env(safe-area-inset-bottom))}
.au-studio .au-st-brief-pill{display:inline-flex}
.au-studio .composer-hint{display:none}
.au-studio .gallery,.au-studio .help-page{padding:24px 16px 40px;min-height:0}
}
@media(max-width:600px){
.au-studio h1,.au-studio .welcome h1{font-size:30px;letter-spacing:-.6px}
.au-studio .welcome{margin:4px auto 20px}
.au-studio .welcome .intro{font-size:14px}
.au-studio .ideas-head{margin-top:20px}
.au-studio .inspirations{gap:8px}
.au-studio .inspiration img{aspect-ratio:1;border-radius:10px}
.au-studio .inspiration span{font-size:11px;line-height:1.35}
.au-studio .inspiration svg{display:none}
.au-studio .composer{padding:10px 10px 8px;border-radius:16px}
.au-studio .composer textarea{font-size:16px;min-height:44px}
.au-studio .au-st-attach span{display:none}
.au-studio .au-st-attach{padding:6px 9px}
.au-studio .composer-foot span{display:none}
.au-studio .composer-foot{justify-content:flex-end}
.au-studio .message{font-size:14px}
.au-studio .message.user{max-width:92%}
.au-studio .result-actions .primary,.au-studio .result-actions .secondary{flex:1 1 auto}
.au-studio .gallery h1,.au-studio .help-page h1{font-size:28px}
.au-studio .gallery-grid{grid-template-columns:1fr;gap:16px}
}
@media(prefers-reduced-motion:reduce){
.au-studio *,.au-studio *:before,.au-studio *:after{animation-duration:2s!important;transition:none!important}
}

/* ---------------------------------------------------------------- dialogs (the site's own, outside .au-studio) */
.au-st-auth{display:grid;gap:14px}
.au-st-auth p{margin:0}
.au-st-auth form{display:grid;gap:12px}
.au-st-auth-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border,#ded3c8)}
.au-st-auth-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 4px;margin-right:12px;font-weight:600;color:var(--muted,#75685f)}
.au-st-auth-tabs button[aria-selected=true]{color:var(--ink,#221e1a);border-bottom-color:var(--primary,#985340)}
.au-st-add{display:grid;gap:18px}
.au-st-add-top{display:flex;gap:14px;align-items:center}
.au-st-add-top img{width:72px;height:72px;object-fit:cover;border-radius:10px;flex:none}
.au-st-add-top div{display:grid;gap:2px;font-size:14px}
.au-st-add-top span{color:var(--muted,#75685f);font-size:13px}
.au-st-sizes{border:0;padding:0;margin:0;min-width:0}
.au-st-sizes legend{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-weight:600;color:var(--ink,#221e1a);margin-bottom:10px;padding:0}
.au-st-sizes legend a{font-weight:400;font-size:13px;color:var(--primary,#985340);text-decoration:underline}
.au-st-chips-row{display:flex;flex-wrap:wrap;gap:8px}
.au-st-chip{min-width:52px;min-height:42px;padding:8px 14px;border:1px solid var(--border,#ded3c8);border-radius:999px;background:var(--surface,#fff);font-size:14px;color:var(--ink,#221e1a)}
.au-st-chip:hover{border-color:var(--primary,#985340)}
.au-st-chip[aria-pressed=true]{border-color:var(--primary,#985340);background:#ead9cd;color:#7d4233;font-weight:600}
.au-st-mm{margin-top:14px}
.au-st-mm>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}
.au-st-mm label{display:grid;gap:4px;font-size:12px;color:var(--muted,#75685f)}
.au-st-mm input{text-align:center;padding-inline:4px;min-width:0}
.au-st-add .au-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.au-st-add .au-btn[aria-busy="true"],.au-st-auth .au-btn[aria-busy="true"]{opacity:.7;cursor:progress}
.au-st-guidelines ul{padding-left:20px;display:grid;gap:10px;margin:0}
.au-st-zoomed{width:100%;height:auto;border-radius:12px}
.au-studio.au-st-brief-dialog{background:transparent;display:grid;gap:4px}
.au-studio.au-st-brief-dialog .small{margin-bottom:14px}
@media(max-width:480px){
.au-st-mm>div{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.au-st-verify form label{font-weight:600;color:var(--ink,#221e1a);font-size:14px}
.au-st-code{font-size:24px;letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums}
.au-st-linkish{background:none;border:0;padding:0;color:var(--primary,#985340);text-decoration:underline;font:inherit;cursor:pointer}
.au-st-linkish:disabled{color:var(--muted,#75685f);text-decoration:none;cursor:default}

/* ---------------------------------------------------------------- 2026-10-12: no footer, the history, no prices */
/* The studio is an app: no site footer under it, so the message box always sits at the foot of the screen. */
.au-studio-page .au-site-footer,.au-studio-page .au-footer-newsletter{display:none}
/* Other plugins' hidden parts (a review photo viewer, a modal) have no styles on this page: without the footer they would show under the studio. */
.au-studio-page #global-modal:not(.show):not(.open):not([style*="block"]),.au-studio-page .cr-pswp:not(.pswp--open){display:none}
.au-studio .au-st-history{display:grid;gap:6px;min-width:0}
.au-studio .au-st-history .eyebrow{color:var(--muted);padding:0 14px;margin-bottom:2px}
.au-studio .au-st-history ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.au-studio .au-st-history li button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:6px 14px;border-radius:12px;text-align:left;font-size:13px}
.au-studio .au-st-history li button:hover{background:#efe3d9}
.au-studio .au-st-history li button.active{background:#ead9cd;color:var(--clay-dark)}
.au-studio .au-st-history-text{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;flex:1}
.au-studio .au-st-history-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.au-studio .au-st-history-date{flex:none;font-size:11px;color:var(--muted)}
.au-studio .au-st-history-all{margin:2px 14px 0;justify-self:start}
.au-studio .au-st-quiet{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 6px;font-size:13px;color:var(--clay-dark);text-decoration:underline;text-underline-offset:3px}
.au-studio .au-st-quiet svg{width:16px;height:16px}
.au-studio .au-st-made{margin-top:8px}
.au-studio .au-st-photo-note{display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:12px;color:var(--muted)}
.au-studio .au-st-photo-note svg{width:14px;height:14px}
.au-studio .au-st-photo-note+p{margin-top:6px}
.au-studio .au-st-tabs .au-st-tabs-icon{width:38px;padding:0;display:grid;place-items:center;border:1px solid var(--line)}
/* the full history, in the site's dialog */
.au-studio .au-st-history-full li button{min-height:60px;padding:6px 8px}
.au-studio .au-st-history-full li img,.au-studio .au-st-history-full .au-st-history-img{width:48px;height:48px;border-radius:10px;flex:none;background:var(--blush)}
.au-studio .au-st-history-full .au-st-history-text{flex-direction:column;align-items:flex-start;gap:0}
.au-studio .au-st-history-full .au-st-history-title{font-size:14px;color:var(--ink);max-width:100%}
.au-st-pfit{display:grid;gap:14px}
.au-st-fit-label{font-weight:400;font-size:13px;color:var(--muted,#75685f)}
.au-st-chip:disabled{opacity:.4;cursor:not-allowed}
.au-studio .au-st-history-page .au-st-history-full{margin-top:22px;max-width:640px}
.au-studio .au-st-history-full ul{gap:6px}
.au-studio .au-st-history-full li button{background:#fff;border:1px solid var(--line);border-radius:14px}
.au-studio .au-st-history-full li button:hover{border-color:var(--clay)}

/* Starting from one of the shop's sets ("Design your own version" on its product page). */
.au-studio .au-st-from-welcome .intro strong{color:var(--ink);font-weight:600}
.au-studio .au-st-from-welcome .ideas-head{margin:18px 0 8px}
.au-studio .au-st-from-pics{display:flex;gap:8px;flex-wrap:wrap}
.au-studio .au-st-from-pics button{padding:0;border:2px solid transparent;border-radius:12px}
.au-studio .au-st-from-pics button[aria-pressed=true]{border-color:var(--clay)}
.au-studio .au-st-from-pics img{width:60px;height:60px;border-radius:10px}
.au-studio .au-st-from-ideas{display:flex;flex-wrap:wrap;gap:8px}
.au-studio .au-st-from-ideas .au-st-chip{min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:14px;color:var(--ink)}
.au-studio .au-st-from-ideas .au-st-chip:hover{border-color:var(--clay)}
.au-studio .au-st-from-original{margin-top:16px;font-size:14px;color:var(--muted)}
.au-studio .au-st-from-original a{font-weight:600}
.au-studio .au-st-attached-set figcaption{position:absolute;left:4px;right:4px;bottom:4px;font-size:10px;line-height:1.5;text-align:center;background:rgba(255,253,250,.92);border-radius:999px;color:var(--ink)}
.au-studio .au-st-msg-from{display:flex;align-items:center;gap:8px;justify-content:flex-end;font-size:12px;color:var(--muted);margin-bottom:8px}
.au-studio .au-st-msg-from img{width:40px;height:40px;border-radius:8px}
.au-studio .au-st-msg-from strong{color:var(--ink);font-weight:600}
@media(max-width:600px){
.au-studio .au-st-from-pics img{width:52px;height:52px}
.au-studio .au-st-from-ideas .au-st-chip{min-height:38px;padding:6px 12px;font-size:13px}
}
@media(min-width:951px) and (max-height:820px){
.au-studio .au-st-from-welcome .ideas-head{margin:12px 0 6px}
.au-studio .au-st-from-pics img{width:52px;height:52px}
.au-studio .au-st-from-original{margin-top:12px}
}

/* Share to The Studio Edit: the line on a shared design, and its dialog (in the site's dialog). */
.au-studio .au-st-share-state{margin-top:6px;padding:8px 10px;border-radius:10px;background:var(--blush);color:var(--text)}
.au-studio .au-st-share-state strong{color:var(--clay-dark);font-weight:600;margin-right:4px}
.au-st-share{display:grid;gap:12px}
.au-st-share-intro{margin:0;font-size:14px;line-height:1.55;color:var(--text,#4a4440)}
.au-st-share-label{font-size:14px;font-weight:600;color:var(--ink,#221e1a);margin-bottom:-6px}
.au-st-share-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--ink,#221e1a);cursor:pointer}
.au-st-share-check input{width:20px;height:20px;margin-top:1px;flex:none;accent-color:var(--primary,#985340)}
.au-st-share-check a{color:var(--primary,#985340);text-decoration:underline}
.au-st-share-as{margin:-6px 0 0 30px}
.au-st-share-points{margin:0;padding:12px 14px 12px 30px;border-radius:12px;background:var(--blush,#f6ece5);font-size:13px;line-height:1.55;color:var(--text,#4a4440)}
.au-st-share-points li+li{margin-top:4px}
.au-st-share .au-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}