*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:#12121a;-webkit-font-smoothing:antialiased;background:#f6f5fb;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.55}body.is-studio{overflow:hidden}a{color:#6d5efc}code{background:#e7e6f0;border-radius:.25rem;padding:0 .25rem}.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.loading{color:#7a7d92;text-align:center;padding:3rem 1rem}.pulse{background:#6d5efc;border-radius:50%;width:.55rem;height:.55rem;animation:1.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.app{flex-direction:column;min-height:100dvh;display:flex}.page{flex:1;width:100%;max-width:72rem;margin:0 auto;padding:1rem 1rem 3rem}.page--center{background:radial-gradient(40rem 30rem at 10% 0,#6d5efc24,#0000 60%),radial-gradient(36rem 28rem at 100% 100%,#ff5fa21f,#0000 60%);justify-content:center;align-items:center;max-width:none;display:flex}.header{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);background:#f6f5fbcc;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;display:flex;position:sticky;top:0}@media (width>=48rem){.header{padding:.75rem max(1.5rem,50% - 35rem)}}.header__brand{color:#12121a;letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.header__nav{align-items:center;gap:.75rem;display:flex}.header__link{color:#4a4c5e;font-weight:500;text-decoration:none;display:none}.header__link:hover{color:#12121a}@media (width>=48rem){.header__link{display:inline}}.header__credits{color:#5240e8;white-space:nowrap;background:#efedff;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:none}@media (width>=48rem){.header__credits{display:inline}}.footer{text-align:center;border-top:1px solid #e7e6f0;padding:1.5rem 1rem}.footer__text{color:#7a7d92;margin:0;font-size:.875rem}.button{font:inherit;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:650;text-decoration:none;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1),background-color .15s,border-color .15s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{outline-offset:2px;outline:3px solid #6d5efc59}.button--primary{color:#fff;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%) 0 0/140% 140%;box-shadow:0 8px 20px -8px #6d5efcb3}.button--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px -8px #6d5efcbf}.button--ghost{color:#12121a;background:#fff;border-color:#d6d4e4}.button--ghost:hover:not(:disabled){border-color:#4a4c5e}.button--small{padding:.5rem 1rem;font-size:.875rem}.button--large{padding:1rem 2rem;font-size:1.05rem}.button--block{width:100%}.icon-btn{color:#4a4c5e;cursor:pointer;background:0 0;border:0;border-radius:.625rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.icon-btn:hover:not(:disabled){color:#5240e8;background:#efedff}.icon-btn:focus-visible{outline:3px solid #6d5efc59}.icon-btn--small{width:1.75rem;height:1.75rem}.tool-btn{color:#4a4c5e;height:2.25rem;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.625rem;align-items:center;gap:.25rem;padding:0 .75rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.tool-btn:hover:not(:disabled){color:#12121a;background:#fff;border-color:#e7e6f0}.tool-btn:disabled{opacity:.45;cursor:default}.tool-btn[hidden]{display:none}.seg{background:#eceaf5;border-radius:999px;padding:3px;display:inline-flex}.seg button{color:#7a7d92;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:2.4rem;height:2rem;padding:0 .75rem;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.seg button[aria-pressed=true]{color:#5240e8;background:#fff;box-shadow:0 1px 2px #12121a0a,0 4px 16px #12121a0d}.chip{color:#12121a;font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d4e4;border-radius:999px;padding:.5rem .75rem;font-size:.85rem;font-weight:550;transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .15s,background-color .15s}.chip:hover{background:#efedff;border-color:#6d5efc;transform:translateY(-1px)}.chip--danger:hover{color:#c0262d;background:#fdecec;border-color:#c0262d}.hero{text-align:center;padding:3rem 0 2rem;position:relative}@media (width>=48rem){.hero{padding:4.5rem 0 3rem}}.hero:before{content:"";z-index:-1;background:radial-gradient(34rem 22rem at 30% 20%,#6d5efc33,#0000 65%),radial-gradient(30rem 20rem at 70% 30%,#ff5fa229,#0000 65%),radial-gradient(26rem 18rem at 50% 80%,#3ad1e624,#0000 65%);position:absolute;inset:-4rem -50vw 0}.hero__eyebrow{color:#5240e8;background:#fffc;border-radius:999px;margin:0 0 1rem;padding:.25rem .75rem;font-size:.85rem;font-weight:650;display:inline-block;box-shadow:0 1px 2px #12121a0a,0 4px 16px #12121a0d}.hero__title{letter-spacing:-.035em;max-width:16ch;margin:0 auto 1rem;font-size:clamp(2.3rem,7.5vw,4.2rem);line-height:1.04}.hero__accent{background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero__lead{color:#4a4c5e;max-width:38rem;margin:0 auto 2rem;font-size:1.15rem}.hero__actions{flex-direction:column;justify-content:center;gap:.75rem;display:flex}@media (width>=48rem){.hero__actions{flex-direction:row}}.section{padding:2rem 0}.section__title{letter-spacing:-.02em;text-align:center;margin:0 0 1.5rem;font-size:1.7rem}.steps{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.steps{grid-template-columns:repeat(3,1fr)}}.steps__item{background:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:0 2px 6px #281e780f,0 18px 40px -12px #281e782e}.steps__number{color:#fff;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);border-radius:.75rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-weight:800;display:inline-flex}.steps__title{margin:.75rem 0 .5rem;font-size:1.15rem}.steps__text{color:#4a4c5e;margin:0}.card{background:#fff;border-radius:1.5rem;width:100%;max-width:27rem;padding:2rem 1.5rem;box-shadow:0 2px 6px #281e780f,0 18px 40px -12px #281e782e}.card__brand{color:#12121a;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.card__title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.6rem}.card__text{color:#4a4c5e;margin:0 0 1.5rem}.card__footer{color:#7a7d92;text-align:center;margin:1.5rem 0 0;font-size:.9rem}.form{flex-direction:column;gap:1rem;display:flex}.form__field{flex-direction:column;gap:.25rem;display:flex}.form__label{font-size:.9rem;font-weight:600}.form__input{font:inherit;background:#fff;border:1px solid #d6d4e4;border-radius:.625rem;padding:.75rem 1rem}.form__input:focus{border-color:#6d5efc;outline:3px solid #6d5efc33}.form__hint{color:#7a7d92;font-size:.85rem}.form__error{color:#c0262d;background:#fdecec;border-radius:.625rem;margin:0;padding:.75rem;font-size:.9rem}.notice{border-radius:1rem;margin:0 0 1rem;padding:.75rem 1rem}.notice--success{color:#0f8a55;background:#e6f7ef}.notice--warning{color:#8f5d00;background:#fff4d8}.notice--error{color:#c0262d;background:#fdecec}.notice--row{flex-direction:column;gap:.75rem;display:flex}@media (width>=48rem){.notice--row{flex-direction:row;justify-content:space-between;align-items:center}}.create{text-align:center;background:radial-gradient(30rem 18rem at 0 0,#6d5efc29,#0000 70%),radial-gradient(28rem 18rem at 100% 100%,#ff5fa224,#0000 70%),#fff;border-radius:1.5rem;margin:1rem 0 3rem;padding:2rem 1rem;position:relative;box-shadow:0 2px 6px #281e780f,0 18px 40px -12px #281e782e}@media (width>=48rem){.create{padding:3rem 3rem 2rem}}.create__hello{color:#7a7d92;margin:0 0 .25rem;font-weight:600}.create__title{letter-spacing:-.03em;margin:0 0 1.5rem;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.1}.create__form{text-align:left;background:#fff;border:1px solid #d6d4e4;border-radius:1.5rem;max-width:46rem;margin:0 auto;padding:.5rem;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #12121a0a,0 4px 16px #12121a0d}.create__form:focus-within{border-color:#6d5efc;box-shadow:0 0 0 4px #6d5efc26}.create__brief{width:100%;min-height:7rem;font:inherit;resize:vertical;background:0 0;border:0;padding:.75rem 1rem;font-size:1.05rem;display:block}.create__brief:focus{outline:none}.create__row{flex-direction:column;gap:.5rem;display:flex}@media (width>=48rem){.create__row{flex-direction:row;align-items:center}}.create__name{flex:1}.create__name input{width:100%;font:inherit;background:#f6f5fb;border:1px solid #e7e6f0;border-radius:999px;padding:.75rem 1rem}.create__name input:focus{border-color:#6d5efc;outline:none}.create .form__error{margin-top:.5rem}.starters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:46rem;margin:1.5rem auto 0;display:flex}.starters__label{color:#7a7d92;width:100%;font-size:.9rem}@media (width>=48rem){.starters__label{width:auto}}.starter{font:inherit;cursor:pointer;background:#ffffffd9;border:1px solid #e7e6f0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:transform .15s cubic-bezier(.2,.8,.2,1),border-color .15s,box-shadow .15s;display:inline-flex}.starter:hover{border-color:#6d5efc;transform:translateY(-2px);box-shadow:0 1px 2px #12121a0a,0 4px 16px #12121a0d}.sites__title{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.4rem}.sites__grid{grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:1.5rem;display:grid}.sites__empty{color:#7a7d92;text-align:center;border:2px dashed #d6d4e4;border-radius:1.5rem;flex-direction:column;grid-column:1/-1;align-items:center;gap:.5rem;padding:3rem 1rem;display:flex}.sites__empty .i{color:#6d5efc;width:2rem;height:2rem}.sites__empty p{max-width:26rem;margin:0}.sites__loading{color:#7a7d92}.site-card{color:inherit;background:#fff;border-radius:1.5rem;flex-direction:column;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #12121a0a,0 4px 16px #12121a0d}.site-card:hover{transform:translateY(-4px);box-shadow:0 2px 6px #281e780f,0 18px 40px -12px #281e782e}.site-card__thumb{aspect-ratio:16/10;background:#eceaf5;position:relative;overflow:hidden}.site-card__frame{transform-origin:0 0;pointer-events:none;border:0;width:1280px;height:800px;position:absolute;top:0;left:0;transform:scale(.215)}@supports (width:1cqw){.site-card__frame{transform:scale(calc(.078125cqw / 1px))}}.site-card__placeholder{color:#ffffffd9;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);justify-content:center;align-items:center;height:100%;display:flex}.site-card__placeholder .i{width:2.5rem;height:2.5rem}.site-card__status{background:#ffffffeb;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:650;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem;box-shadow:0 1px 2px #12121a0a,0 4px 16px #12121a0d}.site-card__body{flex-direction:column;padding:.75rem 1rem 1rem;display:flex}.site-card__name{padding-right:2rem;font-weight:700}.site-card__meta{color:#7a7d92;font-size:.85rem}.site-card__delete{opacity:.6;position:absolute;bottom:.75rem;right:.5rem}.site-card__delete:hover{opacity:1;color:#c0262d;background:#fdecec}.site-card__thumb{container-type:inline-size}.studio{background:#eceaf5;grid-template:"top""tabs""main"1fr/1fr;height:100dvh;display:grid}@media (width>=48rem){.studio{grid-template:"top top""left right"1fr/minmax(21rem,26rem) 1fr}.studio[data-collapsed=true]{grid-template-columns:3.25rem 1fr;grid-template-areas:"top top""rail right"}}.studio__top{background:#fff;border-bottom:1px solid #e7e6f0;grid-area:top;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.studio__back{color:#4a4c5e;border-radius:.625rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.studio__back:hover{color:#5240e8;background:#efedff}.studio__id{flex-direction:column;flex:1;min-width:0;display:flex}.studio__title{width:100%;max-width:26rem;font:inherit;letter-spacing:-.01em;background:0 0;border:1px solid #0000;border-radius:.625rem;padding:2px .5rem;font-size:1.02rem;font-weight:750}.studio__title:hover{border-color:#e7e6f0}.studio__title:focus{border-color:#6d5efc;outline:none}.studio__meta{color:#7a7d92;text-overflow:ellipsis;white-space:nowrap;padding:0 .5rem;font-size:.8rem;overflow:hidden}.studio__credits{color:#5240e8;white-space:nowrap;background:#efedff;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:650;display:none}@media (width>=48rem){.studio__credits{display:inline-flex}}.studio__publish span{display:none}@media (width>=48rem){.studio__publish span{display:inline}}.studio__tabs{background:#fff;border-bottom:1px solid #e7e6f0;grid-area:tabs;gap:.25rem;padding:.5rem .75rem;display:flex}@media (width>=48rem){.studio__tabs{display:none}}.studio__tabs button{color:#7a7d92;height:2.5rem;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:.5rem;font-weight:650;display:inline-flex;position:relative}.studio__tabs button[aria-selected=true]{color:#5240e8;background:#efedff}.studio__tabs .dot{background:#ff5fa2;border-radius:50%;width:.5rem;height:.5rem}.studio__rail{display:none}@media (width>=48rem){[data-collapsed=true]>.studio__rail{background:#fff;border-right:1px solid #e7e6f0;flex-direction:column;grid-area:rail;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}}.studio__left{background:#fff;flex-direction:column;grid-area:main;min-height:0;display:flex}[data-tab=stage]>.studio__left{display:none}@media (width>=48rem){.studio__left{border-right:1px solid #e7e6f0;grid-area:left}[data-tab=stage]>.studio__left{display:flex}[data-collapsed=true]>.studio__left{display:none}}.studio__right{flex-direction:column;grid-area:main;min-width:0;min-height:0;display:none}[data-tab=stage]>.studio__right{display:flex}@media (width>=48rem){.studio__right{grid-area:right;display:flex}}.chat__head{justify-content:space-between;align-items:center;padding:.75rem 1rem .5rem;display:flex}.chat__title{align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.chat__title .i{color:#6d5efc}.chat__scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:.5rem 1rem 1rem;overflow-y:auto}.msgs{flex-direction:column;gap:.75rem;display:flex}.msg{overflow-wrap:anywhere;border-radius:1.1rem;max-width:92%;padding:.75rem 1rem;font-size:.94rem;animation:.25s cubic-bezier(.2,.8,.2,1) msg-in}.msg p{margin:0 0 .5rem}.msg p:last-child{margin-bottom:0}.msg ul{margin:0 0 .5rem;padding-left:1.2rem}.msg--me{color:#fff;white-space:pre-wrap;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);border-bottom-right-radius:.35rem;align-self:flex-end}.msg--claude{background:#f6f5fb;border:1px solid #e7e6f0;border-bottom-left-radius:.35rem;align-self:flex-start}.msg--system{color:#4a4c5e;background:#eceaf5;border-radius:999px;align-self:center;max-width:100%;padding:.25rem .75rem;font-size:.8rem}.msg__who{color:#5240e8;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.78rem;font-weight:750;display:flex}.msg__target{opacity:.85;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.78rem;font-weight:650;display:flex}.msg__version{color:#7a7d92;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:600;display:inline-flex}.msg__more summary{color:#5240e8;cursor:pointer;font-size:.85rem;font-weight:600}@keyframes msg-in{0%{opacity:0;transform:translateY(6px)}}.quick{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.quick__label{color:#7a7d92;text-transform:uppercase;letter-spacing:.04em;width:100%;font-size:.78rem;font-weight:650}.compose{border-top:1px solid #e7e6f0;padding:.75rem 1rem 1rem}.compose__target{color:#5240e8;background:#efedff;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.25rem .25rem .25rem .75rem;font-size:.85rem;display:flex}.compose__target span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.compose__box{background:#fff;border:1px solid #d6d4e4;border-radius:1.1rem;transition:border-color .15s,box-shadow .15s}.compose__box:focus-within{border-color:#6d5efc;box-shadow:0 0 0 4px #6d5efc24}.compose__box textarea{width:100%;font:inherit;resize:none;background:0 0;border:0;padding:.75rem 1rem 0;font-size:.95rem;display:block}.compose__box textarea:focus{outline:none}.compose__tools{align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 1rem;display:flex}.compose__status{color:#4a4c5e;flex:1;align-items:center;gap:.5rem;min-width:0;font-size:.8rem;display:flex}.compose__status span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compose__hint{color:#7a7d92}.compose__send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:transform .15s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 6px 14px -6px #6d5efccc}.compose__send:hover{transform:scale(1.06)}.compose__send--stop{box-shadow:none;background:#12121a}.stage-bar{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.stage-bar__page{padding:0 .5rem;font-size:.9rem;font-weight:700}.stage-bar__pages select{height:2.25rem;font:inherit;background:#fff;border:1px solid #d6d4e4;border-radius:999px;padding:0 2rem 0 .75rem;font-size:.9rem;font-weight:650}.stage-bar__spacer{flex:1}.stage-bar__fit{color:#7a7d92;font-variant-numeric:tabular-nums;font-size:.8rem}.stage-wrap{flex:1;min-height:0;position:relative}.stage{background-image:radial-gradient(#12121a17 1px,#0000 1px);background-size:18px 18px;justify-content:center;padding:0 .75rem .75rem;display:flex;position:absolute;inset:0;overflow:hidden}.stage--mobile{align-items:flex-start;padding-top:.75rem;overflow-y:auto}.stage__empty{color:#4a4c5e;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;max-width:24rem;display:flex}.stage__empty .i{color:#6d5efc;width:2.5rem;height:2.5rem}.stage__empty strong{color:#12121a;font-size:1.15rem}.frame-box{background:#fff;border-radius:1rem;width:100%;height:100%;overflow:hidden;box-shadow:0 2px 6px #281e780f,0 18px 40px -12px #281e782e}.frame-box iframe{transform-origin:0 0;border:0;width:100%;height:100%;display:block}.device{background:#111;border-radius:2.6rem;flex:none;width:390px;height:min(844px,100% - 1rem);min-height:32rem;padding:10px;box-shadow:0 24px 60px -16px #281e7859}.device iframe{background:#fff;border:0;border-radius:2rem;width:100%;height:100%;display:block}@media (width<=30rem){.device{border-radius:1.6rem;width:100%;padding:6px}.device iframe{border-radius:1.2rem}}.work{z-index:5;pointer-events:none;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.work[hidden]{display:none}.work__veil{background:linear-gradient(#eceaf500 40%,#eceaf5bf);position:absolute;inset:0}.work[data-empty=true] .work__veil{background:#eceaf599}.work__skel{background:#fff;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:absolute;inset:0 .75rem .75rem;box-shadow:0 2px 6px #281e780f,0 18px 40px -12px #281e782e}.work__skel i,.work__skel-row i{background:linear-gradient(90deg,#eceaf5 0%,#f6f5fb 40%,#eceaf5 80%) 0 0/200% 100%;border-radius:.625rem;animation:1.6s linear infinite shimmer;display:block}.work__skel-head{height:2.5rem}.work__skel-hero{height:38%}.work__skel-row{grid-template-columns:repeat(3,1fr);gap:1rem;height:22%;display:grid}.work__skel-band{flex:1}.work__panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#fffffff5;border-radius:1.5rem;width:min(30rem,100%);padding:1rem 1.5rem;animation:.3s cubic-bezier(.2,.8,.2,1) msg-in;position:relative;box-shadow:0 24px 60px -16px #281e7859}.work__head{align-items:center;gap:.75rem;display:flex}.work__orb{color:#fff;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;animation:2.4s ease-in-out infinite orb;display:inline-flex}.work__title{flex:1}.work__time{color:#7a7d92;font-variant-numeric:tabular-nums;font-size:.8rem}.work__bar{background:#eceaf5;border-radius:999px;height:6px;margin:.75rem 0;overflow:hidden}.work__bar i{border-radius:inherit;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);height:100%;transition:width .4s linear;display:block}.work__steps{color:#7a7d92;flex-wrap:wrap;gap:.25rem .75rem;margin:0 0 .5rem;padding:0;font-size:.78rem;list-style:none;display:flex}.work__steps li{align-items:center;gap:.25rem;display:inline-flex}.work__steps li span{background:#eceaf5;border-radius:50%;justify-content:center;align-items:center;width:1.1rem;height:1.1rem;font-size:.65rem;font-weight:700;display:inline-flex}.work__steps .is-done{color:#0f8a55}.work__steps .is-now{color:#5240e8;font-weight:700}.work__steps .is-now span{color:#fff;background:#6d5efc}.work__say{color:#4a4c5e;min-height:2.6em;margin:0;font-size:.9rem}.work__say.is-in{animation:.3s cubic-bezier(.2,.8,.2,1) msg-in}.work__stop{font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d4e4;border-radius:999px;align-items:center;gap:.25rem;margin-top:.75rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.work__stop:hover{border-color:#12121a}.work.is-ending .work__panel{opacity:0;transition:opacity .6s .9s,transform .6s .9s;transform:translateY(8px)}@keyframes shimmer{to{background-position:-200% 0}}@keyframes orb{50%{transform:rotate(18deg)scale(1.06)}}.versions{flex-direction:column;gap:.5rem;max-height:55vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.versions__item{border:1px solid #e7e6f0;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.versions__n{color:#5240e8;background:#efedff;border-radius:.625rem;flex:none;padding:.25rem .5rem;font-size:.8rem;font-weight:750}.versions__note{flex-direction:column;flex:1;min-width:0;font-size:.9rem;display:flex}.versions__note small{color:#7a7d92}.versions__badge{color:#0f8a55;font-size:.8rem;font-weight:650}dialog{border:0;border-radius:1.5rem;width:min(34rem,100% - 2rem);padding:0;box-shadow:0 24px 60px -16px #281e7859}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12121a66}dialog .dh{padding:1.5rem 1.5rem 0}dialog .dh h2{margin:0 0 .5rem;font-size:1.25rem}dialog .dh p{color:#4a4c5e;margin:0}dialog .db{padding:1rem 1.5rem}dialog .db:empty{padding:.5rem}dialog .df{justify-content:flex-end;gap:.5rem;padding:0 1.5rem 1.5rem;display:flex}dialog .btn{font:inherit;cursor:pointer;background:#fff;border:1px solid #d6d4e4;border-radius:999px;padding:.5rem 1.5rem;font-weight:650}dialog .btn.accent{color:#fff;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);border-color:#0000}dialog .btn[hidden]{display:none}.toast{z-index:100;color:#fff;opacity:0;pointer-events:none;background:#12121a;border-radius:999px;align-items:center;gap:.75rem;max-width:calc(100% - 2rem);padding:.75rem 1.5rem;font-size:.9rem;transition:opacity .2s,transform .2s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,1rem);box-shadow:0 24px 60px -16px #281e7859}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast button{color:#b8b0ff;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.tool-btn.is-on{color:#5240e8;background:#efedff;border-color:#6d5efc59}.tool-btn__count:not(:empty){color:#fff;text-align:center;background:#6d5efc;border-radius:999px;min-width:1.25rem;padding:0 .25rem;font-size:.72rem}@media (width<=40rem){.tool-btn span:not(.tool-btn__count){display:none}}.linkish{color:#5240e8;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.comments{background:#f9f8fd;border-top:1px solid #e7e6f0;flex-direction:column;gap:.5rem;max-height:45%;padding:.75rem 1rem;display:flex;overflow-y:auto}.comments__head{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.comments__count{color:#fff;background:#ff5fa2;border-radius:999px;padding:0 .5rem;font-size:.75rem;font-weight:700}.comments__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.comments__hint{color:#7a7d92;margin:0;font-size:.85rem}.comments__draft{background:#fff;border:1px solid #6d5efc;border-radius:1rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex;box-shadow:0 0 0 4px #6d5efc1f}.comments__draft textarea{width:100%;font:inherit;resize:vertical;border:1px solid #e7e6f0;border-radius:.625rem;padding:.5rem .75rem;font-size:.9rem}.comments__where{color:#5240e8;align-items:center;gap:.25rem;font-size:.8rem;font-weight:650;display:flex}.comments__draft-actions{justify-content:flex-end;gap:.5rem;display:flex}.comments--review{background:0 0;border-top:0;max-height:none}.comment{cursor:pointer;background:#fff;border:1px solid #e7e6f0;border-radius:.625rem;align-items:flex-start;gap:.5rem;padding:.5rem .5rem .5rem .75rem;display:flex}.comment.is-active{border-color:#ff5fa2}.comment--sending{opacity:.7}.comment__n{color:#fff;text-align:center;background:#ff5fa2;border-radius:50% 50% 50% 3px;flex:none;width:1.5rem;height:1.5rem;font-size:.72rem;font-weight:700;line-height:1.5rem}.comment--sending .comment__n{background:#6d5efc}.comment__body{flex-direction:column;flex:1;min-width:0;display:flex}.comment__meta{color:#7a7d92;font-size:.75rem}.comment__text{overflow-wrap:anywhere;font-size:.88rem}.media{z-index:6;background:#fff;border-radius:1.5rem;flex-direction:column;gap:.75rem;width:min(22rem,100% - 1.5rem);padding:1rem;display:flex;position:absolute;top:0;bottom:.75rem;right:.75rem;overflow-y:auto;box-shadow:0 24px 60px -16px #281e7859}.media[hidden]{display:none}.media__head{justify-content:space-between;align-items:center;display:flex}.media__title{align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.media__drop{color:#4a4c5e;text-align:center;cursor:pointer;border:2px dashed #d6d4e4;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem .75rem;font-size:.85rem;transition:border-color .15s,background-color .15s;display:flex}.media__drop .i{color:#6d5efc;width:1.6rem;height:1.6rem}.media__drop b{color:#12121a}.media__drop:hover{background:#efedff;border-color:#6d5efc}.media__busy,.media__empty{color:#7a7d92;align-items:center;gap:.5rem;margin:0;font-size:.85rem;display:flex}.media__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.media__item{flex-direction:column;gap:.25rem;display:flex}.media__item img{aspect-ratio:4/3;object-fit:cover;background:repeating-conic-gradient(#eceaf5 0 25%, #fff 0 50%) 50%/14px 14px;border-radius:.625rem;width:100%}.media__name{color:#7a7d92;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.media__actions{justify-content:space-between;align-items:center;display:flex}.studio.is-dropping .stage-wrap:after{content:"Déposez vos photos ici";z-index:7;color:#5240e8;background:#efedffd9;border:3px dashed #6d5efc;border-radius:1.5rem;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:0 .75rem .75rem}.share__box{gap:.5rem;display:flex}.share__url{min-width:0;font:inherit;background:#f6f5fb;border:1px solid #d6d4e4;border-radius:999px;flex:1;padding:.5rem .75rem;font-size:.85rem}.share__text{color:#4a4c5e;margin:.75rem 0 0;font-size:.9rem}.review{background:#eceaf5;flex-direction:column;height:100dvh;display:flex}.review__top{background:#fff;border-bottom:1px solid #e7e6f0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.review__badge{color:#fff;background:linear-gradient(135deg,#7c5cff 0%,#5b4bf5 45%,#ff5fa2 120%);border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.review__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.05rem;overflow:hidden}.review__main{flex:1;min-height:0;display:flex;position:relative}.review .stage-wrap{flex:1}.review__panel{background:#fff;border-left:1px solid #e7e6f0;width:min(22rem,100%);display:none;overflow-y:auto}[data-panel=true] .review__panel{display:block}@media (width<=47.99rem){.review__panel{border-left:0;border-radius:1.5rem 1.5rem 0 0;width:100%;max-height:60%;position:absolute;inset:auto 0 0;box-shadow:0 24px 60px -16px #281e7859}}