:root{--artio-bg:#0d0f13;--artio-fg:#f4f5f7;--artio-muted:#9aa1ad;--artio-accent:#1f6feb;--artio-accent-hover:#3d8bff;--artio-surface:#1b1e24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--artio-bg);min-height:100%;color:var(--artio-fg);overscroll-behavior:none;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body:has(.stage){touch-action:none;height:100%;overflow:hidden}.stage{position:fixed;inset:0}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.boot{height:100%;color:var(--artio-muted);place-items:center;display:grid}.welcome{--artio-fg:#14171c;--artio-muted:#5c6573;--artio-surface:#f1f3f6;--artio-line:#d8dde4;text-align:center;color:var(--artio-fg);pointer-events:none;background:radial-gradient(circle at 50% 38%,#1f6feb12,#0000 62%),#fff;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;padding:2rem;display:flex;position:absolute;inset:0}.welcome__headline h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,8vw,4rem);font-weight:600}.welcome__headline p{color:var(--artio-muted);margin:.75rem 0 0;font-size:clamp(.95rem,3vw,1.15rem)}.welcome__actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.welcome__button{background:var(--artio-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.9rem 2rem;font-family:inherit;font-size:1.05rem;font-weight:600;transition:background .15s,transform .15s}.welcome__button:hover:not(:disabled){background:var(--artio-accent-hover)}.welcome__button:active:not(:disabled){transform:scale(.97)}.welcome__button:disabled{color:#97a0ad;cursor:not-allowed;background:#e3e7ec}.welcome__button--ghost{border:1px solid var(--artio-line);color:var(--artio-fg);background:0 0}.welcome__button--ghost:hover{background:var(--artio-surface)}.welcome__status{max-width:32rem;min-height:1.4em;color:var(--artio-muted);margin:0;font-size:.9rem}.welcome__notice{color:#1c4a2b;text-align:center;background:#e9f5ec;border:1px solid #b6ddc1;border-radius:.6rem;max-width:min(32rem,92vw);margin:0;padding:.7rem 1rem;font-size:.9rem;line-height:1.5}.welcome__notice--error{color:#7a2020;background:#fbeaea;border-color:#e3b6b6}.floating-menu-toggle{color:var(--artio-fg);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b1e24d9;border:1px solid #333842;border-radius:999px;padding:.7rem 1.4rem;font-family:inherit;font-size:.95rem;position:absolute;bottom:1rem;left:1rem}.floating-menu-toggle:hover{background:var(--artio-surface)}.welcome__account{pointer-events:auto;flex-direction:column;align-items:center;gap:.75rem;max-width:min(28rem,92vw);display:flex}.welcome__session{flex-direction:column;align-items:center;gap:.6rem;display:flex}.welcome__session-name{color:var(--artio-muted);font-size:.95rem}.welcome__session-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.welcome__link-button{border:1px solid var(--artio-line);color:var(--artio-fg);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:.55rem 1.2rem;font-size:.9rem;text-decoration:none}.welcome__link-button:hover:not(:disabled){background:var(--artio-surface)}.welcome__link-button:disabled{color:var(--artio-muted);cursor:default}.auth{border:1px solid var(--artio-line);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-radius:1rem;width:min(26rem,92vw);padding:1.25rem;box-shadow:0 1.5rem 3rem #14171c14}.auth__tabs{gap:.25rem;margin-bottom:1rem;display:flex}.auth__tab{color:var(--artio-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;padding:.5rem}.auth__tab--active{background:var(--artio-surface);color:var(--artio-fg)}.auth__form{flex-direction:column;gap:.85rem;display:flex}.auth__actions{gap:.5rem;display:flex}.auth__actions .welcome__button{flex:1;padding:.7rem 1rem;font-size:.95rem}.auth__title{margin:0 0 .75rem;font-size:1.15rem}.auth__link{color:var(--artio-accent);font:inherit;cursor:pointer;background:0 0;border:none;margin-top:.85rem;padding:0;font-size:.85rem;text-decoration:underline}.auth__error{color:#b3261e;margin:0;font-size:.9rem}.auth__notice{color:var(--artio-muted);margin:1rem 0 0;font-size:.78rem;line-height:1.5}.auth__notice--quiet{opacity:.85;margin-top:.5rem;font-size:.72rem}.welcome .field__input{border-color:var(--artio-line);background:#fff}.welcome .field__input:disabled{background:var(--artio-surface);color:#97a0ad}.page{flex-direction:column;gap:1.5rem;max-width:68rem;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:flex}.page__header{border-bottom:1px solid #23262d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.page__back,.page__nav a{color:var(--artio-fg);font-size:.95rem;text-decoration:none}.page__nav{align-items:center;gap:1rem;display:flex}.page__nav a:hover{color:var(--artio-accent-hover)}.page__title{letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:600}.page__footer{border-top:1px solid #23262d;margin-top:1rem;padding-top:1rem;font-size:.82rem}.link-button{color:var(--artio-fg);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem}.link-button:hover{color:var(--artio-accent-hover)}.muted{color:var(--artio-muted)}.columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.panel{background:var(--artio-surface);border:1px solid #23262d;border-radius:.9rem;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.panel--muted{background:#16181d}.panel__title{margin:0;font-size:1.1rem;font-weight:600}.field{flex-direction:column;gap:.35rem;display:flex}.field__label{color:var(--artio-muted);font-size:.85rem}.field__input{color:var(--artio-fg);font:inherit;background:#0f1115;border:1px solid #333842;border-radius:.55rem;padding:.6rem .75rem;font-size:.95rem}.field__input:focus-visible{outline:2px solid var(--artio-accent);outline-offset:1px}.field__input:disabled{color:var(--artio-muted);background:#14161a}.field__input--area{resize:vertical;line-height:1.5}.field__hint{color:var(--artio-muted);margin:0;font-size:.78rem;line-height:1.45}.field__hint--warn{color:#f0c674}.fieldset{border:1px solid #2a2e35;border-radius:.6rem;flex-direction:column;gap:.6rem;margin:0;padding:.9rem;display:flex}.fieldset__legend{color:var(--artio-muted);padding:0 .4rem;font-size:.85rem}.link-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.5rem;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.75rem;display:grid}.checkbox{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.button{background:var(--artio-accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:.7rem 1.5rem;font-weight:600;text-decoration:none}.button:hover:not(:disabled){background:var(--artio-accent-hover)}.button:disabled{color:var(--artio-muted);cursor:not-allowed;background:#333842}.button--quiet{color:var(--artio-fg);background:0 0;border:1px solid #333842;font-weight:400}.button--quiet:hover:not(:disabled){background:#23262d}.button--danger{color:#ff9d9d;background:0 0;border:1px solid #5a3138;font-weight:400}.button--danger:hover:not(:disabled){background:#331e22}.danger{border:1px solid #5a3138;border-radius:.6rem;flex-direction:column;gap:.7rem;margin-top:1.5rem;padding:.9rem;display:flex}.danger__title{color:#ff9d9d;margin:0;font-size:.95rem;font-weight:600}.danger__list{color:var(--artio-muted);margin:0;padding-left:1.1rem;font-size:.85rem;line-height:1.6}.danger__actions{flex-wrap:wrap;gap:.6rem;display:flex}.file-button{cursor:pointer;border:1px dashed #3d434e;border-radius:.6rem;align-self:flex-start;padding:.6rem 1.2rem;font-size:.92rem}.file-button:hover{background:#23262d}.file-button input{display:none}.audio-picker{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.audio-picker__preview{width:100%;max-width:22rem;height:2.2rem}.notice{border-radius:.55rem;margin:0;padding:.7rem .9rem;font-size:.9rem;line-height:1.5}.notice--ok{background:#2878462e;border:1px solid #2f6b47}.notice--error{color:#ffc2c2;background:#96323c2e;border:1px solid #6b2f38}.profile__identity{align-items:flex-start;gap:1rem;display:flex}.profile__identity-actions{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.avatar{background:#0f1115;border:1px solid #2f333c;border-radius:50%;flex:none;place-items:center;width:5rem;height:5rem;display:grid;overflow:hidden}.avatar--large{width:6.5rem;height:6.5rem}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__placeholder{color:var(--artio-muted);font-size:1.8rem}.profile-card{text-align:center;flex-direction:column;align-items:center;gap:.4rem;display:flex}.profile-card__name{margin:.4rem 0 0;font-size:1.15rem}.profile-card__handle{color:var(--artio-muted);margin:0;font-size:.9rem}.profile-card__bio{white-space:pre-wrap;margin:.5rem 0 0;font-size:.92rem;line-height:1.55}.profile-card__links{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:flex}.profile-card__links a{color:var(--artio-fg);border:1px solid #333842;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;text-decoration:none;display:inline-block}.profile-card__links a:hover{border-color:var(--artio-accent);color:var(--artio-accent-hover)}.artwork-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.artwork-list__item{border:1px solid #2a2e35;border-radius:.6rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem .9rem;display:flex}.artwork-list__text{flex-direction:column;gap:.15rem;font-size:.95rem;display:flex}.artwork-list__text .muted{font-size:.82rem}.artwork-list__actions{gap:.5rem;display:flex}.segmented{border:1px solid #2a2e35;border-radius:999px;align-self:flex-start;gap:.25rem;padding:.25rem;display:inline-flex}.segmented__item{color:var(--artio-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem 1.1rem;font-size:.92rem}.segmented__item--active{background:var(--artio-accent);color:#fff}.studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.studio__form{flex-direction:column;gap:1rem;display:flex}.studio__preview{position:sticky;top:1.5rem}.step{background:var(--artio-surface);border:1px solid #23262d;border-radius:.9rem;flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.step__title{color:var(--artio-muted);letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:600}.swatches{gap:.5rem;display:flex}.swatch{cursor:pointer;border:2px solid #333842;border-radius:50%;width:2rem;height:2rem}.swatch--active{border-color:var(--artio-accent);box-shadow:0 0 0 2px #1f6feb4d}.preview{background:#15171c;border:1px solid #23262d;border-radius:.9rem;overflow:hidden}.preview canvas{width:100%;height:26rem;display:block}.preview--empty{text-align:center;place-items:center;height:26rem;padding:1rem;display:grid}.preview__hint{color:var(--artio-muted);border-top:1px solid #23262d;margin:0;padding:.5rem .9rem;font-size:.78rem}@media (max-width:56rem){.columns,.studio{grid-template-columns:minmax(0,1fr)}.studio__preview{position:static}}