/* Lunaris atelier for artists (routes/atelier.*) – builds on the lx- page styles of lunaris-sub.css */
.at-portal .lx-kicker a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.at-box{display:grid;gap:16px;padding:clamp(22px,4vw,36px)}
.at-box>*{margin:0}
.at-form{gap:18px}
.at-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
@media(max-width:560px){.at-grid{grid-template-columns:1fr}}
.at-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.at-check input{margin-top:4px;flex:none}
.at-error{color:#a3352c;font-size:14px;margin:0}

.at-bar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:22px}
.at-bar .lx-h2{margin:0}
.at-bar__actions{display:flex;flex-wrap:wrap;gap:10px}

.at-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.at-row{display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center;padding:12px 16px}
.at-row__img{width:84px;aspect-ratio:1;background:#e8e1d6;overflow:hidden}
.at-row__img img{width:100%;height:100%;object-fit:cover}
.at-row__info{display:grid;gap:4px;min-width:0}
.at-row__info strong{font-size:17px;font-weight:500}
.at-row__info small{color:#7d7068}
.at-row__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}
@media(max-width:620px){.at-row{grid-template-columns:64px 1fr}.at-row__img{width:64px}.at-row__actions{grid-column:1/-1;justify-content:flex-start}}
.at-status{justify-self:start;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border:1px solid currentColor;color:#8a7a5c}
.at-status--live{color:#2f6b4a}
.at-status--generating{color:#a46f23}
.at-status--failed{color:#a3352c}

/* upload */
.at-new{display:grid;gap:20px}
.at-drop{position:relative;display:grid;place-items:center;min-height:220px;border:1px dashed #b9a483;background:#f6f1e8;cursor:pointer;text-align:center;color:#6c5f58;overflow:hidden}
.at-drop small{color:#8a7d73}
.at-drop.has-image{min-height:0;border-style:solid;background:#1d1517}
.at-drop img{display:block;max-width:100%;max-height:420px;object-fit:contain}
.at-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}

.at-steps{list-style:none;margin:0;padding:22px 24px;display:grid;gap:14px}
.at-step{display:flex;gap:14px;align-items:flex-start;color:#9a8e85;transition:color .4s}
.at-step em{font-style:normal;color:#a46f23}
.at-step__dot{flex:none;width:14px;height:14px;margin-top:4px;border-radius:50%;border:1px solid currentColor;position:relative}
.at-step--run{color:#2b2323}
.at-step--run .at-step__dot{border-color:#c79a46;box-shadow:0 0 0 0 rgba(199,154,70,.55);animation:at-pulse 1.4s ease-out infinite}
.at-step--done{color:#2b2323}
.at-step--done .at-step__dot{background:#c79a46;border-color:#c79a46}
.at-step--error{color:#a3352c}
@keyframes at-pulse{to{box-shadow:0 0 0 10px rgba(199,154,70,0)}}
.at-done{text-align:center;justify-items:center}
.at-enrich{margin-top:56px;display:grid;gap:14px}.at-enrich__list{margin-top:10px}

/* after a homepage upload: the atelier in the look of the visitor's latest work (lib/lunaris/own-look.ts) */
.at-portal.is-own .lx-hero{background:var(--own-base-d,#1f1f21)}
.at-portal.is-own .lx-hero:before{background:radial-gradient(ellipse at 82% 30%,color-mix(in srgb,var(--own-accent) 30%,transparent),transparent 55%),linear-gradient(180deg,rgba(0,0,0,.25),transparent 40%)}
.at-portal.is-own.has-img-d .lx-hero{background:var(--own-img-d) left top/cover no-repeat,var(--own-base-d)}
.at-deco{position:absolute!important;inset:0;pointer-events:none;background:var(--own-page,none) center/cover no-repeat;opacity:.95}
.at-portal.is-own .lx-kicker{color:var(--own-kicker-d)}
.at-portal.is-own .lx-btn--gold{background:var(--own-accent);border-color:var(--own-accent);color:#fff}
.at-portal.is-own .lx-btn--gold:hover{background:var(--own-accent-2);border-color:var(--own-accent-2)}
.at-portal.is-own .lx-hero{border-bottom-color:var(--own-line)}
.at-portal.is-own.has-deco .lx-hero{background:var(--own-base-d)}

/* publishing the homepage preview (routes/atelier.veroeffentlichen.tsx) */
.pub-steps{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0 0;padding:0;list-style:none;font-size:14px;opacity:.95}
.pub-steps li{display:flex;align-items:center;gap:8px;opacity:.55}
.pub-steps li.is-done{opacity:.85}
.pub-steps li.is-now{opacity:1;font-weight:600}
.pub-steps b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1.5px solid currentColor;font-size:12px}
.pub-steps li.is-now b{background:var(--own-accent,#c4a46a);border-color:var(--own-accent,#c4a46a);color:#fff}
.pub-work{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;padding:14px 18px;margin-bottom:18px}
.pub-work img{width:96px;height:96px;object-fit:cover}
.pub-work>div{display:grid;gap:4px;min-width:0}
.pub-work strong{font-size:18px}
.pub-work__meta{font-size:13px;opacity:.75}
.pub-work__meta a{text-decoration:underline}
.pub-progress{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}
.pub-progress li{display:flex;gap:10px;align-items:center;opacity:.55}
.pub-progress li.is-run,.pub-progress li.is-done{opacity:1}
.pub-progress li.is-error{opacity:1;color:#a3352c}
.pub-progress i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.07);font-style:normal;font-size:12px}
.pub-note{margin:18px 0 0;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:14px}

/* "Mein Atelier" (components/lunaris/AtelierDashboard.tsx) */
.ma{display:grid;gap:20px}
.ma-head{display:grid;grid-template-columns:76px 1fr;gap:16px 18px;align-items:center;padding:18px 20px}
.ma-head__avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--own-accent,#c4a46a);color:#fff;font-size:30px;font-weight:700}
.ma-head__avatar img{width:100%;height:100%;object-fit:cover}
.ma-head__id{display:grid;gap:4px;min-width:0}
.ma-head__id strong{font-size:22px}
.ma-head__id>span{font-size:14px;opacity:.75}
.ma-head__links{display:flex;flex-wrap:wrap;gap:6px 16px;opacity:1!important}
.ma-head__links a{text-decoration:underline;font-weight:600}
.ma-head__at{font-family:ui-monospace,Menlo,monospace;font-size:13px;opacity:.7}
.ma-head__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:760px){.ma-head{grid-template-columns:76px 1fr auto}.ma-head__actions{grid-column:auto}}
.ma-tabs{display:flex;gap:6px;border-bottom:1px solid rgba(0,0,0,.12)}
.ma-tabs button{padding:12px 16px;border:0;background:none;font:inherit;font-weight:600;color:inherit;opacity:.6;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.ma-tabs button.is-on{opacity:1;border-bottom-color:var(--own-accent,#c4a46a)}
.ma-works{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px}
.ma-work{display:grid;grid-template-rows:auto 1fr;overflow:hidden;padding:0}
.ma-work__img{display:block;aspect-ratio:4/3;background:#e8e1d6;overflow:hidden}
.ma-work__img img{width:100%;height:100%;object-fit:cover}
.ma-work__body{display:grid;gap:8px;padding:14px 16px 16px;align-content:start}
.ma-work__body strong{font-size:16px}
.ma-work__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:14px}
.ma-work__actions{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}
.ma-profile{display:grid;gap:20px}
.ma-looks__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px}
.ma-looks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:12px}
.ma-look{display:grid;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.ma-look:disabled{cursor:wait}
.ma-look__swatch{position:relative;display:grid;place-items:end start;aspect-ratio:3/4;padding:10px;border-radius:12px;overflow:hidden;background:radial-gradient(70% 50% at 20% 15%,color-mix(in srgb,var(--c-accent) 55%,transparent),transparent 70%),var(--c-bg);box-shadow:0 8px 20px rgba(0,0,0,.14);transition:transform .25s,box-shadow .25s}
.ma-look__swatch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ma-look__swatch b{position:relative;font-family:var(--c-display);color:var(--c-ink);font-size:18px;line-height:1.05;text-shadow:0 1px 8px rgba(0,0,0,.15)}
.ma-look:hover .ma-look__swatch{transform:translateY(-3px)}
.ma-look.is-on .ma-look__swatch{box-shadow:0 0 0 3px var(--c-accent),0 10px 24px rgba(0,0,0,.2)}
.ma-look.is-busy .ma-look__swatch::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);background-size:220% 100%;animation:ma-shimmer 1.4s linear infinite}
@keyframes ma-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
.ma-look__name{font-size:13px;font-weight:600}