#cloudLoginGate,#bootGate{background:linear-gradient(108deg,#f1f2ff,#f7f5ff 44%,#fff8ed)!important;font-family:var(--ui-font,system-ui),sans-serif!important;overflow:hidden}
#cloudLoginGate:before,#bootGate:before{content:"";position:absolute;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(112,136,255,.22),rgba(255,194,87,.12) 45%,transparent 65%);filter:blur(32px);left:-20vw;top:-35vw;animation:linksoul-light 16s ease-in-out infinite alternate;pointer-events:none}
@keyframes linksoul-light{to{transform:translate(45vw,35vh) rotate(35deg)}}
#cloudLoginGate form{position:relative;width:min(440px,100%);padding:42px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 24px 80px #59668b18;backdrop-filter:blur(24px);font-size:14px;color:#333}
#cloudLoginGate h1{font-size:28px;letter-spacing:-.6px;line-height:1.5;margin:0 0 32px;font-weight:750}
#cloudLoginGate h1 span{display:block;color:#69738b;font-size:17px;font-weight:500;letter-spacing:2px;margin-bottom:4px}
#cloudLoginGate label{display:block;font-size:13px;font-weight:600;color:#586174}
#cloudLoginGate [hidden]{display:none!important}
#cloudLoginGate input{display:block;width:100%;margin:9px 0 22px;padding:13px 15px;box-sizing:border-box;border:1px solid #dfe4ef;border-radius:11px;background:#ffffffbc;font:15px var(--ui-font,system-ui);outline:none}
#cloudLoginGate input:focus{border-color:#527cff;box-shadow:0 0 0 3px #527cff12}
#cloudLoginGate button{width:100%;height:46px;border:0;border-radius:11px;background:#ffba32;color:#282317;font:700 15px var(--ui-font,system-ui);cursor:pointer;transition:transform .2s,box-shadow .2s}
#cloudLoginGate button:hover{transform:translateY(-1px);box-shadow:0 8px 22px #ffba3235}
#cloudLoginGate [data-intro]:empty{display:none}#cloudLoginGate [data-intro]{font-size:13px;color:#69738b}#cloudLoginGate [data-message]{font-size:13px;color:#b42318;margin-bottom:0}
#bootGate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.boot-card{position:relative;text-align:center;width:min(420px,100%)}.boot-logo{width:66px;height:66px;object-fit:contain;margin-bottom:18px}.boot-card h1{font-size:28px;margin:0 0 12px;letter-spacing:1px}.boot-card p{color:#758099;font-size:13px;margin:0 0 28px}.boot-card progress{appearance:none;width:100%;height:5px;border:0;border-radius:8px;background:#e5e8f2;overflow:hidden}.boot-card progress::-webkit-progress-bar{background:#e5e8f2}.boot-card progress::-webkit-progress-value{background:linear-gradient(90deg,#547bff,#ad9ff5,#ffba32);transition:width .25s}.boot-card output{display:block;margin-top:12px;font-size:12px;color:#8790a4;font-variant-numeric:tabular-nums}
.top-actions>.button,.top-actions>a.button,.top-actions>button{height:36px!important;padding:0 13px!important;border-radius:9px!important;font:600 13px var(--ui-font,system-ui)!important;white-space:nowrap}
.top-actions #copyBtn{height:38px!important;padding:0 18px!important;background:#ffba32!important;border-color:#ffba32!important;font-weight:750!important}.top-actions #saveStatus{display:none}.shell-more{position:relative}.shell-more>summary{list-style:none;cursor:pointer;height:36px;padding:0 13px;display:flex;align-items:center;border:1px solid #e0e4ed;background:#ffffffa8;border-radius:9px;font-size:13px;font-weight:600;color:#596579}.shell-more>summary::-webkit-details-marker{display:none}.shell-menu{position:absolute;right:0;top:46px;z-index:1000;width:220px;background:#fff;padding:8px;border:1px solid #e7eaf1;border-radius:14px;box-shadow:0 14px 40px #263c6520;display:grid;gap:3px}.shell-menu>*{width:100%;min-height:36px;text-align:left;justify-content:flex-start;border:0!important;background:transparent!important;color:#586174!important;font:500 13px var(--ui-font,system-ui)!important;border-radius:8px!important;padding:9px 12px!important}.shell-menu>*:hover{background:#f3f5fb!important}.shell-menu .shell-menu-heading{font-size:11px!important;color:#9ba4b5!important;min-height:24px;padding:6px 12px!important}
.top-actions [data-icon]:before{content:attr(data-icon);margin-right:7px;font-weight:500;color:inherit}.studio-modal:has(.studio-history){width:min(760px,calc(100vw - 40px))!important;max-height:78vh!important;display:flex;flex-direction:column}.studio-modal:has(.studio-history) .studio-body{min-height:0;max-height:58vh;overflow:auto}.studio-history{display:grid!important;grid-template-columns:1fr!important}
#articleStyleModal .modal-box>p{display:none}.modal-box.workspace-modal{width:min(760px,calc(100vw - 40px))!important;max-height:min(78vh,760px)!important;overflow:auto}.modal-box.workspace-modal .workspace-body{max-height:58vh;overflow:auto}
@media(max-width:1100px){.top{padding-left:14px!important;padding-right:14px!important}.top-actions{gap:5px!important}.top-actions #cloudSyncStatus{max-width:130px;overflow:hidden;text-overflow:ellipsis}.top-actions #cloudAccountBtn{max-width:110px;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){#cloudLoginGate:before,#bootGate:before{animation:none}#cloudLoginGate button,.boot-card progress::-webkit-progress-value{transition:none}}
.top{position:relative;isolation:isolate;background:linear-gradient(108deg,#f1f2ff,#f7f5ff 44%,#fff8ed)!important}
.app button:not(.recipe-thumbnail):not(.component-btn):not(.library-item){border-radius:9px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.app button:hover:not(:disabled):not(.recipe-thumbnail){box-shadow:0 2px 9px #415e8c0a}.app button:focus-visible{outline:3px solid #aac4ff;outline-offset:2px}.app [role=tab][aria-selected=true],.app button[aria-pressed=true],.component-categories .active{font-weight:750!important}
.studio-footer button,.modal-box>footer button,.modal-actions button,.workspace-modal footer button{min-height:38px!important;height:38px!important;padding:0 18px!important;font:600 13px var(--ui-font,system-ui)!important;border-radius:9px!important;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.studio-footer button.primary,.modal-box>footer button.primary,.modal-actions button.primary{background:#ffba32!important;border-color:#ffba32!important;color:#382c15!important}.top-actions #guideBtn,.top-actions #adminEntry{font:600 13px var(--ui-font,system-ui)!important;height:36px!important;padding:0 12px!important;display:inline-flex;align-items:center;text-decoration:none}
@media(prefers-reduced-motion:reduce){.top:before{animation:none}.app button{transition:none!important}}