.home .home-menu{display:grid;grid-template-columns:minmax(0,330px);gap:5px;margin-top:32px;position:relative;z-index:1}
.home-menu .home-entry{display:flex;align-items:center;gap:22px;width:100%;height:58px;box-sizing:border-box;padding:0 20px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#d1dbee;text-decoration:none;font-family:inherit;font-weight:500;font-size:20px;line-height:1.2;text-align:left;position:relative;isolation:isolate;transition:color .25s,transform .25s,letter-spacing .25s;letter-spacing:.08em}
.home-menu .home-entry i{font:400 14px/1.2 serif;color:#829bbd;width:20px;transition:color .25s;text-align:center}
.home-menu .home-entry b{margin-left:auto;font-weight:300;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s}
.home-menu .home-entry::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(100,155,217,.19),rgba(100,155,217,.04) 75%,transparent);opacity:0;filter:blur(5px);transition:opacity .25s}
.home-menu .home-entry:hover,.home-menu .home-entry:focus-visible{background:transparent;color:#f2dfa7;transform:translateX(5px);letter-spacing:.12em;box-shadow:none}
.home-menu .home-entry:hover::before,.home-menu .home-entry:focus-visible::before{opacity:1}.home-menu .home-entry:hover i,.home-menu .home-entry:focus-visible i{color:#ecd290}.home-menu .home-entry:hover b,.home-menu .home-entry:focus-visible b{opacity:1;transform:translateX(0)}
.home-menu .home-entry:active{transform:translateX(3px);color:#fff}.home-menu .home-entry:focus-visible{outline:1px dotted #adcbe4;outline-offset:-2px}
.home:has(.home-menu){padding-top:clamp(36px,7vh,90px);padding-bottom:55px;min-height:calc(100vh - 72px)}.login-cover:has(.home-menu){padding-bottom:150px}.home:has(.home-menu) .recent-save{margin:14px 0}.home:has(.home-menu) .recent-save h3{margin:4px 0}.home:has(.home-menu) .tagline{margin-bottom:22px}
.workshop{max-width:1120px}.workshop-heading,.workshop-tools,.workshop-pages{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.workshop-heading h1{margin:10px 0 30px}.workshop-tools{justify-content:flex-start;margin:20px 0 48px}.workshop-tools input{flex:1;min-width:160px}.workshop-tools input,.workshop-tools select{background:transparent;border:0;border-bottom:1px solid #4a607b;padding:12px 4px;color:var(--text,#e2e7ef);border-radius:0}.workshop-tools option{background:#10182a}.workshop-compose{padding:10px 0 40px}.workshop-compose[hidden]{display:none}.workshop-item{padding:25px 0 35px;background:linear-gradient(110deg,rgba(42,64,102,.14),transparent 60%);border:0;border-radius:0}.workshop-item h2{font-size:24px;margin:10px 0}.workshop-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;max-width:780px;color:#b9c4d8}.workshop-item .actions{margin-top:20px}.workshop-empty{padding:70px 0;color:#9facbf}.workshop-pages{justify-content:center;margin-top:38px}.workshop .text-button:disabled{opacity:.35;cursor:default}
.auto-image-settings{padding:28px 0;margin:26px 0}.auto-image-settings .image-consent{display:flex;gap:12px;align-items:center}.turn-illustration{margin:26px 0}.turn-illustration:empty{display:none}.turn-illustration img{display:block;max-width:min(100%,560px);max-height:650px;object-fit:contain;border:0;border-radius:0}.turn-illustration p{font-size:13px;color:#9baec5}.turn-illustration a{display:inline-block}
@media(max-width:600px){.home .home-menu{grid-template-columns:minmax(0,1fr);width:min(100%,330px);gap:4px;margin-top:24px}.home-menu .home-entry{height:56px;padding-left:8px;font-size:18px}.home:has(.home-menu){padding-top:32px}.workshop-tools{gap:12px}.workshop-tools input{width:100%;flex-basis:55%}.workshop-item .actions{gap:16px}.home-menu .home-entry:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.home-menu .home-entry,.home-menu .home-entry::before,.home-menu .home-entry b{transition:none;transform:none!important}}
.app-shell.login-shell{padding-bottom:0}
@media(max-width:600px){.login-cover:has(.home-menu){padding-bottom:112px;min-height:calc(100dvh - 56px)}}
