:root {
  color-scheme: dark;
  --bg: #101010;
  --surface: #171717;
  --surface-raised: #1d1d1d;
  --border: #303030;
  --text: #ededed;
  --muted: #959595;
  --orange: #ff8a19;
  --orange-dark: #cf6400;
  --radius: 8px;
  font: 14px/1.5 'Segoe UI', Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); }
button, input, select { font: inherit; }
button, a, input, summary, select { -webkit-tap-highlight-color: transparent; }
button, a, summary { touch-action: manipulation; }
button { color: inherit; cursor: pointer; }
button, a { transition: background-color 120ms, border-color 120ms, color 120ms; }
button:disabled { cursor: not-allowed; opacity: .45; }
button:not(:disabled):active { filter: brightness(.88); }
a { color: inherit; text-decoration: none; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
[hidden] { display: none !important; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 224px; padding: 25px 16px 0; background: #141414; border-right: 1px solid #292929; display: flex; flex-direction: column; z-index: 10; }
.brand { display: flex; align-items: center; gap: 10px; padding: 0 7px; }
.brand-mark { width: 46px; height: 46px; object-fit: cover; border-radius: 6px; }
.brand > span { font-size: 22px; font-weight: 700; letter-spacing: .5px; line-height: 1.15; }
.brand-sub { display: block; font-size: 9px; font-weight: 500; letter-spacing: 2.4px; color: #a7a7a7; margin-top: 5px; }
.workspace-label { margin: 39px 13px 12px; color: #777; font-size: 10px; font-weight: 600; letter-spacing: 1px; }
nav { display: grid; gap: 5px; }
.nav-item { width: 100%; display: flex; gap: 11px; align-items: center; padding: 12px 13px; background: transparent; border: 1px solid transparent; border-radius: 5px; color: #a1a1a1; text-align: left; font-size: 13px; }
.nav-item svg { width: 17px; height: 17px; }
.nav-item:hover { background: #202020; color: #f2f2f2; }
.nav-item.active { background: #2b2118; border-color: #4c3320; color: #ffac5c; }
.nav-dot { margin-left: auto; width: 4px; height: 4px; background: var(--orange); }
.nav-item:not(.active) .nav-dot { display: none; }
.sidebar-note { margin-top: auto; padding: 23px 13px; display: flex; align-items: center; gap: 10px; color: #a0a0a0; font-size: 12px; }
.sidebar-note svg { width: 17px; height: 17px; }
.sidebar-note a:hover { color: var(--orange); }
.sidebar-bottom { margin: 0 -16px; padding: 18px 23px; border-top: 1px solid #292929; display: flex; align-items: center; gap: 8px; color: #8a8a8a; font-size: 10px; }
.sidebar-bottom small { margin-left: auto; color: #606060; font-size: 10px; }
.online-dot, .tiny-dot { display: inline-block; flex-shrink: 0; width: 5px; height: 5px; background: #777; border-radius: 50%; }
.online-dot.online { background: #70b18a; }
.main-shell { margin-left: 224px; min-width: 0; }
.topbar { height: 72px; padding: 0 42px; border-bottom: 1px solid #282828; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.breadcrumb { display: flex; gap: 12px; align-items: center; font-size: 12px; color: #727272; }
.breadcrumb strong { font-weight: 400; color: #c5c5c5; }
.breadcrumb > span { color: #515151; }
.top-actions { display: flex; align-items: center; gap: 17px; }
.divider { height: 20px; border-left: 1px solid #353535; }
select { background: #171717; color: #bcbcbc; border: 1px solid #303030; border-radius: 4px; padding: 5px 7px; font-size: 11px; cursor: pointer; }
select option { background: #171717; }
.login-button { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid #49413a; border-radius: 5px; background: #24201b; color: #ead8c5; font-size: 12px; font-weight: 500; }
.login-button:hover { background: #34291d; border-color: #9c5b25; color: #fff; }
.login-button svg { width: 17px; height: 17px; }
.account { display: flex; align-items: center; gap: 9px; font-size: 12px; }
.avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background: #3c2a1b; color: #ffb56d; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.icon-button { display: flex; border: 0; background: none; color: #888; padding: 7px; border-radius: 4px; }
.icon-button:hover { color: #eee; background: #262626; }
.icon-button svg { width: 17px; height: 17px; }
main { max-width: 1220px; margin: auto; padding: 0 42px 38px; }
.hero { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 250px; padding: 21px 0 22px; border-bottom: 1px solid #292929; margin-bottom: 28px; }
.hero-copy { padding: 16px 0; }
.eyebrow { display: flex; align-items: center; gap: 10px; font-size: 10px; letter-spacing: 1.4px; font-weight: 500; color: var(--orange); }
.eyebrow > span { color: #666; }
h1 { font-size: 34px; line-height: 1.2; font-weight: 600; letter-spacing: -.8px; margin: 15px 0; }
.hero p, .page-title > p { font-size: 14px; line-height: 1.8; color: #aaa; margin: 0; }
.hero-logo { width: 230px; height: 230px; object-fit: contain; mix-blend-mode: lighten; margin-right: 20px; }
.hero-formats { display: flex; gap: 7px; margin-top: 19px; }
.hero-formats span { padding: 2px 7px; border: 1px solid #36312c; border-radius: 3px; color: #aaa29a; font: 11px/1.5 Consolas, monospace; }
.section-heading, .card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.section-heading { margin-bottom: 13px; }
.section-heading > div, .card-heading > div { display: flex; align-items: center; gap: 10px; }
h2 { margin: 0; font-size: 14px; font-weight: 500; }
.step-number { display: inline-grid; place-items: center; width: 23px; height: 23px; border: 1px solid #403326; border-radius: 4px; color: #b68b62; font: 10px/1 Consolas, monospace; }
.quiet { font-size: 11px; color: #858585; }
.operation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin-bottom: 23px; }
.operation { position: relative; padding: 17px 17px 16px 62px; border: 1px solid #343434; border-radius: 6px; background: #191919; text-align: left; min-height: 105px; }
.operation:hover { border-color: #6e5136; background: #201d19; }
.operation.selected { border-color: #d47a25; background: #251e17; box-shadow: inset 0 2px 0 #ff8a19; }
.operation-top { display: contents; }
.operation-icon { position: absolute; top: 19px; left: 17px; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 5px; border: 1px solid #494139; background: #25211c; color: #ceaa86; }
.operation.selected .operation-icon { color: #ffa24c; border-color: #6b4827; background: #34271a; }
.operation-icon svg { width: 18px; height: 18px; }
.selection-dot { position: absolute; top: 19px; right: 14px; width: 12px; height: 12px; border: 1px solid #555; border-radius: 50%; }
.selected .selection-dot { border-color: var(--orange); background: var(--orange); box-shadow: inset 0 0 0 3px #251e17; }
.operation h3 { margin: 0 16px 6px 0; font-size: 14px; font-weight: 600; }
.operation p { margin: 0; color: #979797; font-size: 11px; line-height: 1.7; }
.operation p br { display: none; }
.operation-tag { display: none; }
.work-grid { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 20px; }
.card { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.upload-card { padding: 23px; }
.card-heading { margin-bottom: 20px; }
.card-heading > svg { width: 16px; height: 16px; color: #929292; }
.badge { padding: 3px 6px; border: 1px solid #453b31; border-radius: 3px; background: #25211c; color: #bb9c7e; font: 10px/1.5 Consolas, monospace; white-space: nowrap; }
.source-tabs { display: flex; gap: 22px; border-bottom: 1px solid #343434; margin-bottom: 18px; }
.source-tabs button { padding: 0 0 11px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #949494; font-size: 12px; }
.source-tabs button:hover { color: #e1e1e1; }
.source-tabs button.active { color: #ffa24c; border-bottom-color: var(--orange); }
.dropzone { position: relative; min-height: 153px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 14px; text-align: center; cursor: pointer; border: 1px dashed #55504a; border-radius: 5px; background: #141414; }
.dropzone:hover, .dropzone.dragging { border-color: var(--orange); background: #201a14; }
.dropzone:focus-within { outline: 2px solid var(--orange); outline-offset: 3px; }
.dropzone input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.upload-icon { color: #ab8b6e; margin-bottom: 9px; }
.upload-icon svg { width: 24px; height: 24px; }
.dropzone strong { font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.drop-sub { font-size: 12px; color: #858585; margin-top: 3px; }
.drop-sub u { color: #e0a56d; text-underline-offset: 3px; }
.dropzone small { color: #737373; font-size: 10px; margin-top: 13px; }
.license { border-top: 1px solid #343434; margin-top: 20px; }
.license summary { display: flex; align-items: center; gap: 9px; padding: 16px 0; font-size: 12px; list-style: none; cursor: pointer; }
.license summary::-webkit-details-marker { display: none; }
.license summary > span:last-child { margin-left: auto; color: #b28e6d; font-size: 19px; font-weight: 400; }
.license[open] summary > span:last-child { transform: rotate(45deg); }
.license .quiet { font-size: 11px; }
.license-fields { padding: 0 0 17px; }
.field-label { display: block; font-size: 12px; color: #bdbdbd; margin: 12px 0 8px; }
.field-label > span { color: #828282; }
.field-note { font-size: 11px; line-height: 1.7; color: #939393; margin: 9px 0 19px; }
input:not([type=file]) { width: 100%; background: #121212; color: #eee; border: 1px solid #414141; border-radius: 5px; padding: 10px 12px; font-size: 13px; }
input:not([type=file]):hover { border-color: #65513e; }
input::placeholder { color: #676767; }
input[type=file]:not(#source-file) { max-width: 100%; color: #a5a5a5; font-size: 11px; }
input::file-selector-button { padding: 7px 11px; margin-right: 10px; border: 1px solid #49413a; border-radius: 4px; background: #29241f; color: #d5c5b6; cursor: pointer; font: inherit; }
.primary-button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: 100%; padding: 12px 16px; min-height: 43px; border: 1px solid #ff9c40; border-radius: 5px; background: #ed811a; color: #17100a; font-size: 13px; font-weight: 600; }
.primary-button:not(:disabled):hover { background: #ff982e; border-color: #ffb76d; }
.primary-button:disabled { color: #b6a18b; background: #51391f; border-color: #76502b; opacity: .75; }
.primary-button svg { width: 17px; height: 17px; }
.upload-foot { display: flex; justify-content: center; align-items: center; gap: 6px; color: #777; font-size: 10px; margin-top: 12px; }
.upload-foot svg { width: 12px; height: 12px; }
.form-feedback { border-left: 2px solid #e38935; padding: 9px 11px; background: #2b2118; color: #edc8a6; font-size: 12px; line-height: 1.6; margin: 0 0 14px; }
.rights-card { padding: 23px 21px; display: flex; flex-direction: column; }
.rights-intro { margin: -9px 0 22px; font-size: 11px; }
.rights-placeholder { padding: 28px 4px; text-align: center; color: #999; font-size: 12px; line-height: 1.8; }
.rights-placeholder svg { width: 28px; height: 28px; color: #9a826c; }
.rights-placeholder p { margin: 10px 0; }
.rights-foot { display: flex; align-items: baseline; gap: 7px; margin-top: auto; padding-top: 18px; border-top: 1px solid #343434; }
.tiny-dot { width: 4px; height: 4px; background: #ae7b4a; }
.rights-foot p { margin: 0; color: #888; font-size: 11px; line-height: 1.8; }
.right-row { margin: 19px 0; }
.right-row > div:first-child { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; margin-bottom: 9px; color: #b1b1b1; }
.right-row strong { color: #dedede; font-weight: 500; }
.right-track { height: 3px; background: #333; }
.right-fill { height: 100%; background: #d9893d; }
.right-reset { margin-top: 6px; font-size: 10px; color: #818181; }
.text-button { border: 0; background: transparent; color: #e2a267; font-size: 11px; padding: 8px 0; }
.text-button:hover { color: #ffc48c; text-decoration: underline; }
.secondary-button { padding: 8px 13px; border: 1px solid #4a4036; border-radius: 4px; color: #d3b79c; background: #27221d; font-size: 12px; }
.secondary-button:not(:disabled):hover { background: #382b20; border-color: #956739; }
.upload-progress { margin: 0 0 16px; }
.upload-progress > div { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; margin-bottom: 8px; color: #d6b18d; }
.upload-progress strong { font-weight: 500; }
progress { display: block; width: 100%; height: 4px; border: 0; background: #333; }
progress::-webkit-progress-bar { background: #333; }
progress::-webkit-progress-value { background: var(--orange); }
progress::-moz-progress-bar { background: var(--orange); }
.status-card { padding: 23px; margin-top: 20px; }
.status-card > p { font-size: 13px; color: #bcbcbc; white-space: pre-line; }
.status-card .primary-button { width: auto; margin: 9px 0; }
.status-card dl { display: flex; flex-wrap: wrap; gap: 23px; font-size: 12px; }
.status-card dt { color: #999; }
.status-card dd { margin: 5px 0; color: #ddd; }
.status-card #job-result > p { white-space: pre-line; font-size: 12px; color: #aaa; }
footer { margin: 0 42px; padding: 20px 0 23px; border-top: 1px solid #292929; color: #777; font-size: 10px; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
footer a { color: #ac8a6b; }
footer a:hover { color: #ffb26c; }
footer > span:nth-child(2) { display: none; }
.toast { position: fixed; left: calc(50% + 112px); bottom: 24px; transform: translateX(-50%); max-width: calc(100% - 30px); border: 1px solid #6b4c2d; border-radius: 5px; padding: 13px 18px; background: #2b2118; color: #ebccb0; font-size: 13px; z-index: 20; box-shadow: 0 4px 25px #0005; }
.page-title { padding: 40px 0 30px; }
.page-title h1 { margin: 15px 0 12px; font-size: 30px; }
.history-card { overflow: hidden; margin-bottom: 25px; }
.table-scroll { overflow: auto; }
table { width: 100%; text-align: left; border-collapse: collapse; font-size: 12px; }
th { background: #1d1b19; color: #b6a28d; font-size: 11px; font-weight: 500; padding: 17px; }
td { padding: 17px; border-top: 1px solid #33302d; max-width: 260px; overflow-wrap: anywhere; color: #b3b3b3; }
td:first-child { color: #e2e2e2; }
td small { display: block; color: #777; font-size: 9px; margin-top: 5px; }
td a { color: #edaa69; }
td a:hover { text-decoration: underline; }
.status-label { white-space: nowrap; padding: 4px 7px; border: 1px solid #51422f; border-radius: 3px; background: #30281e; color: #c5ad8a; font-size: 10px; }
.status-label.completed { color: #a5c5ad; border-color: #3a5140; background: #202a22; }
.status-label.failed, .status-label.interrupted { color: #d5a5a1; border-color: #65403d; background: #32211f; }
.pagination { display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 16px; border-top: 1px solid #333; }
.pagination > span { color: #999; font-size: 12px; }
.empty-state { padding: 65px 20px; text-align: center; color: #999; font-size: 13px; }
.help-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 20px; }
.help-grid article { padding: 25px; }
.help-grid h2 { font-size: 16px; margin: 17px 0 12px; }
.help-grid p { color: #a5a5a5; font-size: 13px; line-height: 1.85; margin: 0; }
@media (min-width: 1500px) {
  main { padding-left: 58px; padding-right: 58px; }
  .topbar { padding-left: 58px; padding-right: 58px; }
  .hero { min-height: 270px; }
  .hero-logo { width: 250px; height: 250px; margin-right: 45px; }
  h1 { font-size: 38px; }
}
@media (max-width: 1100px) {
  .sidebar { width: 200px; padding-left: 12px; padding-right: 12px; }
  .main-shell { margin-left: 200px; }
  .sidebar-bottom { margin-left: -12px; margin-right: -12px; padding: 17px; }
  main { padding-left: 26px; padding-right: 26px; }
  .topbar { padding-left: 26px; padding-right: 26px; }
  .hero { gap: 15px; }
  .hero-logo { width: 190px; height: 210px; margin-right: 0; }
  h1 { font-size: 29px; }
  .work-grid { grid-template-columns: minmax(0, 1fr) 230px; gap: 15px; }
  .operation { padding-left: 49px; padding-right: 14px; }
  .operation-icon { left: 12px; width: 27px; height: 29px; }
  .selection-dot { right: 11px; width: 10px; height: 10px; }
  .operation h3 { font-size: 13px; }
  .operation p { font-size: 10px; }
  .rights-card { padding: 23px 17px; }
  .toast { left: calc(50% + 100px); }
  footer { margin-left: 26px; margin-right: 26px; }
}
@media (max-width: 850px) {
  .sidebar { width: 74px; padding: 22px 11px 0; }
  .brand { padding: 0; justify-content: center; }
  .brand-mark { width: 43px; height: 43px; }
  .brand > span, .workspace-label, .sidebar-note, .sidebar-bottom, .nav-item > span { display: none; }
  nav { margin-top: 30px; }
  .nav-item { justify-content: center; padding: 13px; }
  .main-shell { margin-left: 74px; }
  .work-grid { grid-template-columns: minmax(0, 1fr) 220px; }
  .topbar { height: 66px; }
  .hero { min-height: 225px; }
  .hero-logo { width: 160px; height: 180px; }
  h1 { font-size: 27px; }
  .operation { padding: 16px 12px 14px; }
  .operation-icon { position: static; margin-bottom: 11px; }
  .operation-top { display: flex; align-items: flex-start; justify-content: space-between; }
  .selection-dot { position: static; margin-top: 3px; }
  .operation h3 { margin-right: 0; }
  .toast { left: calc(50% + 37px); }
}
@media (max-width: 650px) {
  .sidebar { position: relative; inset: auto; width: 100%; flex-direction: row; align-items: center; gap: 20px; height: 65px; padding: 0 17px; border-right: 0; border-bottom: 1px solid #303030; }
  .brand { gap: 8px; }
  .brand > span { display: block; font-size: 19px; }
  .brand-sub { display: none; }
  .brand-mark { width: 35px; height: 35px; }
  nav { display: flex; gap: 5px; margin: 0 0 0 auto; }
  .nav-item { width: auto; padding: 10px; }
  .nav-item svg { width: 17px; height: 17px; }
  .main-shell { margin-left: 0; }
  .topbar { height: 59px; padding: 0 18px; }
  .breadcrumb { font-size: 10px; gap: 8px; }
  .top-actions { gap: 9px; }
  .divider { display: none; }
  .login-button { padding: 8px 9px; font-size: 10px; }
  .login-button svg { width: 14px; height: 14px; }
  select { padding: 4px; font-size: 10px; }
  main { padding: 0 18px 25px; }
  .hero { min-height: 210px; gap: 0; padding: 15px 0; margin-bottom: 23px; }
  .hero-copy { position: relative; z-index: 1; }
  .eyebrow { font-size: 8px; letter-spacing: .8px; gap: 8px; }
  h1 { font-size: 26px; max-width: 215px; letter-spacing: -.5px; margin: 13px 0; }
  .hero p { font-size: 12px; line-height: 1.8; max-width: 230px; }
  .hero-logo { width: 113px; height: 145px; margin-left: -15px; margin-right: -4px; }
  .hero-formats { gap: 5px; margin-top: 15px; }
  .hero-formats span { font-size: 9px; padding: 1px 5px; }
  .section-heading h2 { font-size: 13px; }
  .section-heading > .quiet { font-size: 9px; }
  .operation-grid { gap: 7px; margin-bottom: 20px; }
  .operation { padding: 13px 10px; min-height: 137px; }
  .operation-icon { width: 27px; height: 28px; margin-bottom: 11px; }
  .operation-icon svg { width: 16px; height: 16px; }
  .operation h3 { font-size: 12px; margin-bottom: 6px; }
  .operation p { font-size: 10px; line-height: 1.65; }
  .work-grid { grid-template-columns: 1fr; gap: 16px; }
  .upload-card, .rights-card, .status-card { padding: 19px; }
  .card-heading { margin-bottom: 17px; }
  .source-tabs { gap: 21px; }
  .dropzone { min-height: 165px; }
  .rights-intro { margin-bottom: 9px; }
  .rights-placeholder { display: flex; align-items: center; justify-content: center; gap: 13px; padding: 14px 0 20px; font-size: 12px; }
  .rights-placeholder br { display: none; }
  .rights-placeholder p { margin: 0; }
  .rights-foot { padding-top: 15px; }
  .right-row { margin: 15px 0; }
  .upload-foot { font-size: 9px; }
  footer { margin: 0 18px; padding: 18px 0; font-size: 10px; }
  .toast { left: 50%; width: max-content; font-size: 12px; }
  .help-grid { grid-template-columns: 1fr; gap: 14px; }
  .help-grid article { padding: 21px; }
  .page-title { padding: 30px 0 26px; }
  .page-title h1 { font-size: 26px; max-width: none; }
  .page-title > p { font-size: 12px; }
  .account { gap: 5px; font-size: 11px; }
  #account-name { max-width: 80px; text-overflow: ellipsis; overflow: hidden; }
  .avatar { width: 26px; height: 26px; }
  .pagination { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* Application workspace: shared component states and responsive navigation. */
:root{--bg:#0f0f11;--surface:#16161a;--surface-raised:#1c1c21;--border:#2a2a30;--text:#ededf0;--muted:#a1a1aa;--orange:#3b82f6;--orange-dark:#2563eb;--radius:7px;font:14px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
body{overflow:hidden;background:var(--bg)}
*{scrollbar-width:thin;scrollbar-color:#3a3a42 #1c1c21}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#1c1c21}*::-webkit-scrollbar-thumb{background:#3a3a42;border:2px solid #1c1c21;border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:#555560}
::selection{background:#3b82f647;color:#fff}
.sidebar{width:248px;background:#131316;border-color:var(--border);overflow-y:auto;overflow-x:hidden;height:100dvh;padding:28px 16px 0}
.main-shell{margin-left:248px;height:100dvh;overflow-y:auto;overflow-x:hidden}
.brand{padding:0 9px;gap:11px}.brand-mark{width:38px;height:38px;border-radius:5px}.brand>span{font-size:20px;letter-spacing:.1px}.brand-sub{font-size:9px;color:#a1a1aa;letter-spacing:1.7px}
.workspace-label{font-size:10px;letter-spacing:1px;color:#92929d;margin:36px 13px 13px}
.nav-item{position:relative;border:0;border-radius:5px;padding:12px 14px;font-size:13px;color:#a8a8b3;min-height:44px;white-space:nowrap}
.nav-item:hover{background:#1e1e24;color:#f4f4f5}.nav-item.active{background:#3b82f612;color:#b1cdfc;border-color:transparent}.nav-item.active:before{content:'';position:absolute;left:0;top:11px;bottom:11px;width:2px;border-radius:2px;background:#3b82f6}
.nav-separator{height:1px;background:var(--border);margin:17px 12px}.sidebar-note{color:#92929d}.sidebar-note a:hover{color:#b1cdfc}.sidebar-bottom{border-color:var(--border);font-size:11px}
.topbar{position:sticky;top:0;z-index:5;height:72px;background:#0f0f11f5;backdrop-filter:blur(8px);border-color:var(--border);padding:0 38px}.header-heading{display:flex;align-items:center;gap:12px}.breadcrumb{font-size:12px;color:#9898a4}.breadcrumb strong{color:#d4d4dc;font-weight:500}.breadcrumb>span{color:#878792}
.login-button,.secondary-button{background:#202027;border-color:#3b3b46;color:#dedee5}.login-button:hover,.secondary-button:not(:disabled):hover{background:#292933;border-color:#626272;color:#fff}
.avatar{background:#1c3155;color:#c5dbff}.icon-button:hover{background:#25252c}.menu-toggle,.close-menu{display:none}
main{max-width:1230px;padding:0 38px 40px;min-height:calc(100dvh - 140px)}
.page-title,.tool-heading{padding:38px 0 27px;margin:0;border:0;min-height:0}.page-title h1,.tool-heading h1{font-size:28px;letter-spacing:-.6px;font-weight:600;line-height:1.3;max-width:none;margin:0 0 8px}.page-title>p,.tool-heading>p{font-size:13px;color:#a1a1aa;line-height:1.6}
.work-grid{grid-template-columns:minmax(0,1fr) 285px;gap:22px}.card{background:#16161a;border-color:#2a2a30;border-radius:7px}.upload-card,.rights-card,.status-card{padding:25px}.card-heading h2{font-size:14px;font-weight:600}.badge{background:#222228;border-color:#36363f;color:#b6b6c1;font-size:10px}
.source-tabs{border-color:#303038;gap:24px}.source-tabs button{color:#a1a1aa;font-size:12px;min-height:34px}.source-tabs button.active{color:#91b9fc;border-color:#3b82f6}.source-tabs button:hover{color:#e4e4e7}
.dropzone{background:#121215;border-color:#454550;min-height:204px;border-radius:6px}.dropzone:hover,.dropzone.dragging{border-color:#3b82f6;background:#3b82f608}.dropzone strong{font-size:14px;font-weight:500}.drop-sub{color:#9797a3}.drop-sub u{color:#91b9fc}.dropzone small{font-size:11px;color:#90909c}.upload-icon{color:#91919f;margin-bottom:14px}
.license{border-color:#2f2f37}.license summary{font-size:12px;padding:18px 0}.license summary>span:last-child{color:#a1a1aa}.license .quiet{color:#91919d}
.field-label{color:#c9c9d2}.field-note{color:#9797a3;font-size:11px}input:not([type=file]){background:#111114;border-color:#383842;color:#ededf0;min-height:42px}input:not([type=file]):hover{border-color:#555562}input:not([type=file]):focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f619}input::placeholder{color:#81818e}
input::file-selector-button{background:#23232a;border-color:#3e3e49;color:#d4d4dc}.input-with-action{display:flex;align-items:center;position:relative}.input-with-action input{padding-right:72px}.input-with-action button{position:absolute;right:5px;top:5px;bottom:5px;padding:0 10px;border:0;background:transparent;color:#a9bfdf;font-size:11px;border-radius:3px}.input-with-action button:hover{background:#2b2b34}
.primary-button{background:#3478e5;border-color:#4b8df4;color:#fff;font-weight:500;font-size:13px;min-height:44px;border-radius:5px}.primary-button:not(:disabled):hover{background:#4187f5;border-color:#6ba3ff}.primary-button:disabled{background:#243858;border-color:#30496f;color:#a7bad7;opacity:.8}.primary-button:active{filter:none;background:#2563c8}
.text-button{color:#91b9fc}.text-button:hover{color:#bdd5ff}.form-feedback{background:#352222;border-color:#df8a8a;color:#f0c1c1}.upload-foot{color:#9a9aa6;font-size:11px}.rights-intro,.quiet{color:#a1a1aa}.rights-foot{border-color:#2f2f37}.rights-foot p{font-size:11px;color:#a1a1aa}.tiny-dot{background:#868693}.rights-placeholder{color:#a1a1aa}.rights-placeholder svg{color:#9b9baa}.right-reset{color:#9696a3}.right-track{background:#2f2f38}.right-fill{background:#4a82db}
.upload-progress>div{color:#b4c9eb}.upload-progress progress::-webkit-progress-value{background:#3b82f6}.terminal{margin:18px 0;max-height:220px;min-height:80px;overflow:auto;padding:15px;border:1px solid #2c2c34;border-radius:5px;background:#101013;color:#b7becd;font:11px/1.85 Consolas,'SFMono-Regular',monospace;white-space:pre-wrap;overflow-wrap:anywhere}.terminal:empty{display:none}#engine-progress{height:3px;margin-top:12px}
.status-card{margin-top:22px}.status-card dt{color:#a1a1aa}.status-card dd{color:#ececf0}.status-card #job-result h3{font-size:16px;font-weight:600}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.custom-select{position:relative;min-width:185px;font-size:12px}.custom-select summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #3b3b47;border-radius:5px;padding:9px 12px;cursor:pointer;background:#1c1c21;min-height:40px}.custom-select summary::-webkit-details-marker{display:none}.custom-select[open] summary{border-color:#527fca}.select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:8;padding:5px;border:1px solid #3b3b47;border-radius:6px;background:#202026;box-shadow:0 9px 24px #0004;animation:dropdown-in 170ms ease-out;transform-origin:top}.select-options button{position:relative;width:100%;border:0;border-radius:4px;background:none;color:#c7c7d1;text-align:left;padding:10px 30px 10px 10px;font-size:12px}.select-options button:hover,.select-options button:focus-visible{background:#2c2c36}.select-options button[aria-pressed=true]{color:#a8caff;background:#3b82f615}.select-options button[aria-pressed=true]:after{content:'✓';position:absolute;right:10px;color:#70a5fb}.chevron{color:#a1a1aa}.history-toolbar .quiet{font-size:11px}
th{background:#1c1c21;color:#babac6}td{border-color:#2c2c34;color:#babac6}td a{color:#91b9fc}td small{color:#9999a6}td:first-child{color:#e4e4eb}.pagination{border-color:#2c2c34}.status-label{border-color:#40404a;background:#25252d;color:#c4c4d0}.empty-state{color:#a1a1aa}.help-grid p{color:#b0b0bd}.step-number{border-color:#3a3a45;color:#a5a5b2}
.settings-card{padding:28px;max-width:700px}.settings-card h2{font-weight:600;margin:0 0 12px}.settings-card p{font-size:13px;color:#a1a1aa}.settings-card hr{border:0;border-top:1px solid #2a2a30;margin:28px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;font-size:13px;border-bottom:1px solid #292931}.setting-row input{min-height:0;width:17px;height:17px;accent-color:#3b82f6;cursor:pointer}
dialog{width:min(470px,calc(100vw - 36px));max-height:min(600px,85dvh);overflow:auto;border:1px solid #40404c;border-radius:9px;padding:25px;background:#1b1b21;color:#ededf0;box-shadow:0 20px 80px #0006}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog[open]{animation:dropdown-in 170ms ease-out}dialog h2{font-size:17px;font-weight:600}dialog p{font-size:12px;color:#a5a5b2;margin:10px 0 20px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.dialog-actions button{width:auto;min-width:100px}.file-option{display:flex;align-items:center;gap:11px;border:1px solid #383842;border-radius:5px;padding:11px 12px;margin:8px 0;cursor:pointer;font-size:12px}.file-option:has(input:checked){border-color:#497ecf;background:#3b82f610}.file-option input{accent-color:#3b82f6;min-height:0}.file-option span{overflow-wrap:anywhere;min-width:0}.file-option small{display:block;color:#a1a1aa;font-size:10px}.file-tags{display:flex;gap:6px;flex-wrap:wrap}.file-tag{display:flex;align-items:center;gap:8px;background:#252a35;border:1px solid #3c4a61;border-radius:4px;padding:5px 8px;font-size:11px}.file-tag button{background:none;border:0;color:#b6c7e0;font-size:15px}
footer{border-color:#2a2a30;color:#9696a3;margin:0 38px}footer a{color:#9db8df}.toast{border-color:#3b4f70;background:#1b273a;color:#d0ddf1}
.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}
.sidebar>.account{padding:14px 9px;border-top:1px solid #2a2a30;flex-shrink:0}.sidebar #account-name{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar #logout{margin-left:auto}.file-chip{display:inline-flex;max-width:100%;overflow-wrap:anywhere;border:1px solid #3a4458;background:#222a38;border-radius:4px;padding:5px 9px;margin-top:9px;text-align:left;font-size:11px}
.brand{justify-content:flex-start}.brand>span,.brand-sub,.workspace-label{display:block}.sidebar nav{display:grid;margin:0;gap:5px}.nav-item{justify-content:flex-start}.nav-item>span{display:inline}.sidebar-note,.sidebar-bottom{display:flex}
@keyframes dropdown-in{from{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:1100px){.sidebar{width:240px}.main-shell{margin-left:240px}.work-grid{grid-template-columns:minmax(0,1fr) 245px;gap:18px}main{padding:0 26px 30px}.topbar{padding:0 26px}.upload-card,.rights-card{padding:21px}}
@media(max-width:900px){.work-grid{grid-template-columns:1fr}.rights-card{display:block}.rights-card #rights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.rights-placeholder{grid-column:1/-1}.rights-foot{margin-top:15px}.right-row{margin:12px 0}.rights-card{padding:21px}.right-reset{font-size:9px}}
@media(max-width:700px){.sidebar{position:fixed;left:0;top:0;bottom:0;inset:0 auto 0 0;width:260px;height:100dvh;display:flex;flex-direction:column;align-items:stretch;padding:28px 16px 0;border-right:1px solid #373741;transform:translateX(-100%);transition:transform 180ms ease-out;z-index:30}.sidebar.open{transform:translateX(0)}.brand{justify-content:flex-start;padding:0 9px}.brand>span,.brand-sub,.workspace-label,.sidebar-note,.sidebar-bottom,.nav-item>span{display:block}.brand-sub{display:block}.brand-mark{width:38px;height:38px}.workspace-label{margin:32px 13px 13px}.sidebar nav{display:grid;margin:0;gap:5px}.nav-item{display:flex;justify-content:flex-start;padding:12px 14px}.sidebar-note{display:flex;margin-top:auto}.sidebar-bottom{display:flex}.close-menu{display:block;position:absolute;right:10px;top:7px;font-size:22px;padding:0 8px}.main-shell{margin-left:0;height:100dvh}.menu-toggle{display:flex}.nav-backdrop{position:fixed;inset:0;border:0;background:#0008;backdrop-filter:blur(2px);z-index:29}.topbar{height:64px;padding:0 18px}.breadcrumb{font-size:11px;gap:8px}.breadcrumb>span:first-child,.breadcrumb>span:nth-child(2){display:none}main{padding:0 18px 28px}.page-title,.tool-heading{padding:28px 0 23px}.page-title h1,.tool-heading h1{font-size:25px}.tool-heading>p{font-size:12px}.top-actions{gap:6px}.login-button{font-size:11px;padding:8px 10px}.upload-card,.rights-card,.status-card{padding:20px}.dropzone{min-height:190px}.rights-card #rights{display:block}.right-reset{font-size:10px}.history-toolbar{gap:12px;align-items:flex-start}.history-toolbar .quiet{max-width:125px;font-size:10px}.custom-select{min-width:170px}.help-grid{grid-template-columns:1fr}.settings-card{padding:23px}.toast{left:50%;font-size:12px}footer{margin:0 18px}.source-tabs button{min-height:38px}.account{font-size:11px}}
.landing{height:100dvh;overflow-y:auto;overflow-x:hidden;background:#0f0f11}.landing-header{max-width:1180px;margin:auto;height:84px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-header .brand{padding:0;flex-shrink:0}.landing-header nav{display:flex;align-items:center;gap:25px;margin:0 auto 0 20px}.landing-nav{border:0;background:none;color:#a6a6b2;padding:8px 0;font-size:13px}.landing-nav:hover{color:#fff}.landing-header .login-button{white-space:nowrap}.landing-main{max-width:1180px;padding:0 32px;margin:auto;min-height:0}.landing-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding:82px 0 88px}.landing-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#94b9f7}.landing-copy h1{font-size:43px;line-height:1.16;letter-spacing:-1.3px;margin:21px 0;max-width:none;font-weight:600}.landing-copy>p:not(.session-status){font-size:14px;line-height:1.85;color:#a1a1ae}.landing-actions{display:flex;align-items:center;gap:12px;margin-top:28px;flex-wrap:wrap}.landing-actions .primary-button{width:auto;padding:12px 18px}.landing-actions .secondary-button{padding:12px 16px;min-height:45px}.landing-facts{display:flex;gap:23px;flex-wrap:wrap;margin-top:25px;color:#a1a1ad;font-size:11px}.landing-facts>span{display:flex;align-items:center;gap:8px}.landing-facts svg{width:15px;height:15px;color:#91a4c4}.session-status{color:#92929f;font-size:11px;margin-top:20px;min-height:18px}.session-status:empty{display:none}.tool-window{background:#17171d;border:1px solid #343843;border-radius:9px;overflow:hidden}.tool-window-header{height:40px;display:flex;align-items:center;gap:13px;padding:0 17px;background:#131318;border-bottom:1px solid #2b2b35;font:10px Consolas,monospace;color:#9b9baa}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#4b4c59}.window-dots i:last-child{background:#5274a9}.tool-window-row{display:flex;align-items:center;gap:14px;padding:23px 18px;border-bottom:1px solid #2a2a34}.tool-window-row:hover{background:#20232d}.tool-window-row>span:nth-child(2){min-width:0;flex:1}.tool-window-row strong{display:block;font-size:13px;font-weight:600;color:#ededf2;margin-bottom:5px}.tool-window-row small{display:block;font-size:11px;color:#a0a0af;line-height:1.65}.tool-window-row>svg{width:15px;color:#7b879f}.tool-symbol{width:37px;height:37px;display:grid;place-items:center;border:1px solid #343b4c;border-radius:7px;background:#131923;color:#8eb7fb;flex-shrink:0}.tool-symbol svg{width:18px;height:18px}.tool-window-footer{display:flex;align-items:center;gap:9px;padding:14px 18px;color:#969eae;font-size:10px;background:#14151b}.tool-window-footer svg{width:13px;height:13px}.landing-tools{border-top:1px solid #292932;padding:42px 0 60px}.landing-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.landing-section-title h2{font-size:24px;font-weight:600;margin-top:10px;letter-spacing:-.5px}.landing-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing-tool-grid article{border:1px solid #2b2b35;border-radius:7px;padding:25px;background:#131317}.landing-tool-grid article>svg{width:23px;height:23px;color:#93b8f5;margin-bottom:10px}.landing-tool-grid h3{font-size:15px;font-weight:600;margin:10px 0}.landing-tool-grid p{font-size:12px;line-height:1.8;color:#a0a0ae;min-height:64px;margin:0 0 20px}.landing-tool-grid a{font-size:11px;color:#a5c6fc}.landing-tool-grid a:hover{color:#d9e7ff;text-decoration:underline}.landing>footer{max-width:1116px;margin:0 auto;padding:23px 0;align-items:center;font-size:11px}.noscript-note{max-width:1116px;margin:20px auto;color:#bcbcc7;font-size:12px}
@media(max-width:1000px){.landing-hero{gap:35px;padding:60px 0}.landing-copy h1{font-size:35px}.landing-tool-grid article{padding:20px}.landing>footer{margin:0 32px}.landing-facts{gap:13px}}
@media(max-width:700px){.landing-header{height:76px;padding:0 21px;gap:16px}.landing-header nav{display:none}.landing-header .brand>span{font-size:18px}.landing-header .brand-mark{width:32px;height:32px}.landing-header .brand-sub{font-size:8px}.landing-header .login-button{font-size:10px;padding:9px}.landing-main{padding:0 23px}.landing-hero{grid-template-columns:1fr;gap:35px;padding:42px 0}.landing-copy h1{font-size:34px;letter-spacing:-1px;margin:18px 0}.landing-copy>p:not(.session-status){font-size:13px}.landing-actions{gap:10px;margin-top:23px}.landing-actions .primary-button{font-size:12px;padding:11px 14px}.landing-actions .secondary-button{font-size:11px;padding:11px}.landing-facts{font-size:10px;gap:12px}.landing-facts svg{width:13px}.tool-window-row{padding:20px 16px}.landing-section-title{align-items:flex-end}.landing-section-title h2{font-size:22px;line-height:1.35}.landing-section-title>.secondary-button{font-size:10px;white-space:nowrap}.landing-tool-grid{grid-template-columns:1fr;gap:13px}.landing-tool-grid article{padding:22px}.landing-tool-grid p{min-height:0;font-size:12px}.landing-tools{padding:34px 0}.landing>footer{margin:0 23px;font-size:10px}}