/* Shared interaction language. Keep animation attached to user actions and state changes. */
:root{--ui-accent:#ed111c;--ui-ease:cubic-bezier(.22,1,.36,1);--ui-muted:#a0a0a8}
:where(button,a,input,select,summary){-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,summary):focus-visible{outline:2px solid #ff6972!important;outline-offset:4px}
:where(button,.btn,.link,.action,.palette-item,.source-tab){transition:background-color .18s,border-color .18s,box-shadow .22s,opacity .18s,transform .18s var(--ui-ease)}
:where(button,.btn,.action):not(:disabled):active{transform:translateY(1px) scale(.98)}
:where(input,select):focus{box-shadow:0 0 0 4px #ed111c14}
:where(.glass-card,.panel,.project,.run-panel){transition:border-color .25s,box-shadow .25s}
:where(.file,.project,.run-row):hover{border-color:#515157}
.ui-menu{position:relative;flex:none}.ui-menu>summary{list-style:none;cursor:pointer;border:1px solid #37373c;border-radius:10px;background:#191919;color:#ddd;padding:10px 14px;font:600 13px Inter,system-ui}.ui-menu>summary::-webkit-details-marker{display:none}.ui-menu[open]>summary{border-color:#a8333c;background:#241316}.ui-menu-body{position:absolute;right:0;top:calc(100% + 8px);z-index:65;min-width:210px;padding:8px;background:#171719;border:1px solid #3b3b40;border-radius:12px;box-shadow:0 18px 50px #0009;animation:ui-pop .18s var(--ui-ease)}.ui-menu-body>a,.ui-menu-body>button{display:block;width:100%;text-align:left;padding:11px 12px;border:0;background:transparent;color:#ddd;font:600 13px Inter,system-ui;text-decoration:none;border-radius:7px;letter-spacing:0;text-transform:none}.ui-menu-body>a:hover,.ui-menu-body>button:hover{background:#ffffff0b}.ui-menu-body .danger{color:#ff8d95}
.ui-process-details{margin-top:18px;border:1px solid #303034;border-radius:16px;padding:16px;background:#101012}.ui-process-details>summary{cursor:pointer;color:#c4c4cd;font-size:14px;padding:4px;list-style-position:inside}.ui-process-details[open]>summary{margin-bottom:16px}.ui-process-details[hidden]{display:none}.ui-result-ready{animation:ui-ready .85s var(--ui-ease)}.ui-flash{animation:ui-flash .7s var(--ui-ease)}
.ui-filterbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ui-filterbar button{width:auto;padding:8px 12px;border:1px solid #343439;border-radius:20px;background:#18181b;color:#aaa;font:600 12px Inter,system-ui;text-transform:none;letter-spacing:0}.ui-filterbar button[aria-pressed=true]{color:#fff;border-color:#d52e3a;background:#e509141c}.ui-search{width:100%;padding:12px 14px;border:1px solid #38383e;border-radius:10px;background:#161618;color:#eee;font:14px Inter,system-ui}.ui-model-info{margin:12px 0;color:#a9a9b1;font-size:12px;line-height:1.7}.ui-stems{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.ui-stems span{padding:4px 9px;border:1px solid #3a3033;border-radius:7px;background:#ed111c0a;color:#e7ced0}.ui-model-info a{color:#ff858d}.algorithm-option[hidden]{display:none!important}.ui-empty{padding:20px;color:#aaa;text-align:center}.ui-empty[hidden]{display:none}
.history-cards{display:grid;gap:12px}.history-card{padding:18px;border:1px solid #303035;border-radius:14px;background:#141416;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;transition:border-color .2s}.history-card:hover{border-color:#624046}.history-name{font-size:16px;font-weight:700;color:#f5f5f5;text-decoration:none;overflow-wrap:anywhere}.history-meta{font-size:12px;color:#aaa;margin-top:6px;line-height:1.6}.history-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-open{padding:9px 13px;border-radius:9px;border:1px solid #5e3036;color:#ffb3b9;text-decoration:none;font-size:13px}.history-detail{grid-column:1/-1;font-size:12px;color:#a3a3ad}.history-detail summary{cursor:pointer;padding:5px 0}.history-detail p{margin:8px 0 0}.history-tools{margin:16px 0}.history-card[hidden]{display:none}.cloud-days{display:block;margin-top:5px;color:#bbb}.cloud-days.soon{color:#f7c471}.cloud-file-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cloud-file-actions .btn{font-size:12px}.cloud-project-menu{margin-left:auto}.project .actions{align-items:center}.project .status{font-size:11px}.project .file{min-width:0}.project .file>a{overflow-wrap:anywhere;min-width:0}.project .file .ui-menu-body{min-width:180px}.project .meta{font-size:12px;line-height:1.6}.download-actions{flex-wrap:wrap}.panel-title,.preset-download-title{gap:14px;flex-wrap:wrap}.ui-file-details{margin-top:16px}.ui-file-details>summary{cursor:pointer;color:#b0b0ba;font-size:13px;padding:10px 0}.ui-file-details[open]>.download-list{margin-top:10px}.site-nav .nav-links{align-items:center}.site-nav .ui-menu-body a{font-size:13px}.site-nav .ui-menu>summary{padding:8px 11px;background:transparent;border-color:transparent}.site-nav .ui-menu-body{min-width:180px}.site-nav a.on{box-shadow:inset 0 -2px #ed111c}
@keyframes ui-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes ui-ready{0%{box-shadow:0 0 0 0 #ed111c55}70%{box-shadow:0 0 0 8px #ed111c00}100%{box-shadow:none}}@keyframes ui-flash{0%{box-shadow:0 0 0 4px #ed111c44}100%{box-shadow:0 0 0 0 #ed111c00}}
@media(max-width:720px){.site-nav .nav-links{align-items:stretch}.site-nav .ui-menu-body{position:static;box-shadow:none;margin-top:5px}.site-nav .ui-menu>summary{padding:11px 13px}.history-card{grid-template-columns:1fr}.history-status{justify-content:space-between}.ui-process-details{padding:12px}.download-actions{gap:8px!important}.download-actions>a,.download-actions>button{min-height:42px}.cloud-file-actions{grid-column:1/-1}.project .file{grid-template-columns:1fr auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.hero.done .ring{display:none}.hero.done .hero-grid{grid-template-columns:1fr}.hero.done h1{font-size:30px}.hero.done{padding:24px}.project .ui-menu-body{z-index:80}.project:has(.ui-menu[open]){position:relative;z-index:4}

@media(min-width:721px) and (max-width:1050px){.site-nav .nav-links{align-items:stretch}.site-nav .ui-menu-body{position:static;box-shadow:none;margin-top:5px}.site-nav .ui-menu>summary{padding:11px 13px}}

.algorithm-trigger{text-transform:none!important;letter-spacing:0!important}.algorithm-group>.ui-search{margin-bottom:10px}.ui-model-info{min-height:60px}.history-name:focus-visible{border-radius:4px}
