:root{font-family:Tahoma,Verdana,sans-serif;color:#e7edf8;background:#101728;--panel:#252c3b;--muted:#a6b4cc;--light:#a4b0c5;--dark:#080e1a;--mint:#9de3ce;--edge:2px solid;--inset:#080e1a #7d899e #7d899e #080e1a;--outset:#adb9ce #080d18 #080d18 #adb9ce}
*{box-sizing:border-box}body{margin:0;font-size:13px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff02 1px,transparent 1px);background-size:4px 4px;z-index:0}button,input,a{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px dotted #c8e8ff}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{border-radius:0}button:active:not(:disabled){transform:translate(1px,1px)}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.titlebar{min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 5px 5px 10px;background:linear-gradient(95deg,#183477,#55518c 62%,#33787c);color:white;font-size:11px;letter-spacing:.5px;border:1px solid #a9bce239}.titlebar-name{display:flex;align-items:center;gap:9px;white-space:nowrap}.titlebar-name strong{font-size:12px}.titlebar-name svg{height:18px;width:18px}.titlebar-divider{color:#b9c6e8}.menubar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0d1525;padding:8px 12px;color:#b6c4da;font-size:11px;box-shadow:0 1px #43516b}.menubar button{background:none;color:#d1dced;border:0;padding:0}.menubar kbd{margin-left:8px;padding:0 4px;background:#1d2638;border:1px solid #65738a;font-size:10px}.intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px}.eyebrow{display:block;font-size:9px;letter-spacing:2.3px;color:#9ec7cd;margin-bottom:12px}h1{margin:0;font-size:27px;line-height:1.3;letter-spacing:-.7px;color:#f3f6fc}h1 span{color:#b5c2df}p{line-height:1.8;color:var(--muted)}.intro p{margin:13px 0 0;font-size:12px}.recipient{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#bcd7d6;font-size:9px;letter-spacing:.8px;background:#182e35;border:1px solid #4c6b6e;padding:7px 9px;margin-top:1px}.recipient-dot{width:5px;height:5px;background:var(--mint);box-shadow:0 0 8px #9de3ce50}.name-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:24px}.name-row label{font-size:11px;font-weight:bold;color:#dbe4f3}.field-hint{font-size:10px;color:#8f9fb9}.name-row input{grid-column:1/-1;width:100%;height:42px;padding:9px 12px;background:#121b2b;border:2px solid;border-color:var(--inset);color:#f3f7ff;font-size:12px;box-shadow:inset 1px 1px #0005}.name-row input::placeholder{color:#7788a4}.field-error{grid-column:1/-1;color:#ffb9b6;margin:0;font-size:11px}.dropzone{position:relative;display:flex;flex:1 0 auto;align-items:center;flex-direction:column;justify-content:center;gap:0;min-height:263px;border:1px dashed #77889d;background:linear-gradient(125deg,#19283a,#242d42 56%,#1e3b3f);box-shadow:inset 0 0 0 5px #111a2b40;padding:24px 15px 21px;text-align:center}.dropzone.dragging{background:#244451;border-color:#b8ffe6;outline:2px solid #9de3ce}.drop-icon{height:60px;width:60px;margin-bottom:10px;filter:drop-shadow(3px 4px #080e1a66);image-rendering:pixelated}.dropzone h2{margin:0;font-size:15px;font-weight:bold;color:#f2f6ff}.dropzone p{margin:8px 0 17px;font-size:11px;color:#a9b9d1}.drop-corner{position:absolute;width:8px;height:8px;border-color:#acbdda;border-style:solid}.tl{left:-2px;top:-2px;border-width:2px 0 0 2px}.tr{right:-2px;top:-2px;border-width:2px 2px 0 0}.bl{left:-2px;bottom:-2px;border-width:0 0 2px 2px}.br{right:-2px;bottom:-2px;border-width:0 2px 2px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:35px;background:#536781;color:#f4f7ff;padding:7px 20px;border:2px solid;border-color:var(--outset);box-shadow:inset 1px 1px #ffffff25,1px 1px #0006;text-decoration:none;font-size:11px;font-weight:bold}.button:hover:not(:disabled){background:#647a99}.button:active:not(:disabled){border-color:var(--inset)}.choose-button{min-width:181px}.choose-button>span{font-size:17px;line-height:13px;color:#d9ebff}.drop-note{font-size:9px;color:#7f98ae;margin-top:14px}.queue-section{margin-top:24px}.queue-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.queue-heading h2{font-size:12px;margin:0}.text-button{background:none;border:0;color:var(--mint);font-size:11px;padding:4px 0}.file-table-wrap{overflow-x:auto;max-height:270px;border:2px solid;border-color:var(--inset);background:#141e2f}.file-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.file-table th{background:#3b485e;color:#e6edf8;font-weight:normal;font-size:10px;letter-spacing:.5px;padding:9px 12px;border-right:1px solid #152033;white-space:nowrap;position:sticky;top:0}.file-table td{padding:11px 12px;border-bottom:1px solid #334058;vertical-align:middle}.file-table th:first-child{width:44%}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:285px;color:#dce8fa}.file-type{display:block;margin-top:4px;font-size:9px;color:#7f92ad}.file-size{white-space:nowrap;color:#9eafc7}.file-status{white-space:nowrap;color:#acbbcf;font-size:10px}.file-status[data-state=done]{color:var(--mint)}.file-status[data-state=error]{color:#ffb3b0}.file-progress{height:8px;width:100%;min-width:85px;display:block;border:1px solid #64718c;background:#101b2b;margin-top:6px;appearance:none}.file-progress::-webkit-progress-bar{background:#101b2b}.file-progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#75bda9 0 6px,#182e39 6px 8px)}.file-progress::-moz-progress-bar{background:#75bda9}.remove-file{width:21px;height:20px;padding:0;border:1px solid;border-color:var(--outset);background:#34445e;color:#bacbe1}.queue-summary{display:flex;justify-content:space-between;margin-top:9px;color:#91a2bf;font-size:10px}.notice{margin-top:18px;padding:10px 12px;border:1px solid #55776e;background:#173b34;color:#c4f3dc;font-size:11px;line-height:1.6}.notice[data-kind=error]{background:#472d38;border-color:#9a636f;color:#ffd0d3}.actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.actions>a{color:#91a9c7;font-size:10px;text-decoration:none;border-bottom:1px dotted #5f7799;padding-bottom:3px}.send-button{min-height:40px;min-width:185px;background:#4b6385}.send-button svg{width:19px;height:19px;image-rendering:pixelated}.window-status{display:flex;align-items:center;gap:8px;margin-top:2px;padding:6px 8px;background:#202a3c;color:#a9bdd4;border:1px solid;border-color:var(--inset);font-size:9px;min-height:24px}.window-status>#status{flex:1;display:flex;align-items:center;gap:7px}.status-light{width:5px;height:5px;background:#a0d6bd}.version{color:#7c8faa;padding-left:12px;border-left:1px solid #45526a}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}[hidden]{display:none!important}

.window {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 3px;
  background: var(--panel);
  border: var(--edge);
  border-color: var(--outset);
}

.window-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: 29px 31px 24px;
}

@media(max-width:650px){.titlebar-name{gap:6px;font-size:9px}.titlebar-name strong{font-size:11px}.titlebar-name>span:not(.titlebar-divider){display:none}.titlebar-divider{display:none}.window-content{padding:23px 16px 20px}.intro{display:block;margin-bottom:24px}h1{font-size:23px}.intro p{font-size:11px}.desktop-break{display:none}.recipient{display:inline-flex;margin-top:16px;font-size:8px}.name-row{grid-template-columns:1fr;gap:7px}.field-hint{font-size:9px}.name-row input{margin-top:3px;font-size:16px}.dropzone{min-height:250px;padding:22px 10px}.dropzone h2{font-size:13px}.dropzone p{font-size:10px}.file-table th,.file-table td{padding:9px 8px}.file-name{max-width:135px}.file-type{font-size:8px}.file-status{font-size:9px}.file-progress{min-width:60px}.actions{flex-direction:column-reverse;align-items:stretch;gap:19px}.send-button{width:100%;min-height:42px}.actions>a{align-self:center}.window-status{font-size:8px}.version{font-size:8px;padding-left:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}