:root{--ink: #111111;--canvas: #ffffff;--soft-cloud: #f5f5f5;--hairline: #cacacb;--hairline-soft: #e5e5e5;--charcoal: #39393b;--ash: #4b4b4d;--mute: #707072;--stone: #9e9ea0;--sale: #d30005;--sale-deep: #780700;--success: #007d48;--success-bright: #1eaa52;--info: #1151ff;--bg: var(--canvas);--surface: var(--canvas);--surface-muted: var(--soft-cloud);--border: var(--hairline);--border-strong: var(--ink);--text: var(--ink);--text-muted: var(--mute);--text-faint: var(--stone);--accent: var(--ink);--danger: var(--sale);--warning: var(--charcoal);--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 18px;--space-6: 24px;--space-8: 30px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-none: 0px;--radius-input: 16px;--radius-md: 24px;--radius-lg: 30px;--radius-full: 9999px;--radius-sm: 0px;--radius-xl: 0px;--duration-fast: .12s;--duration-base: .2s;--ease: cubic-bezier(.2, .7, .2, 1);--font-display: "Bebas Neue", "Helvetica Neue", Arial, sans-serif;--font-sans: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font-sans);font-size:16px;background:var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{border:0;background:none;padding:0;color:inherit;cursor:pointer}button,a,input,select,textarea{transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),opacity var(--duration-fast) var(--ease)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 2px var(--canvas),0 0 0 4px var(--ink)}.app-shell{min-height:100vh;padding:var(--space-10) var(--space-6)}.app-frame{width:min(1200px,100%);margin:0 auto}.screen{animation:screen-enter var(--duration-base) var(--ease)}.screen-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-6)}.screen-divider{border-top:1px solid var(--hairline)}.workspace{display:grid;gap:var(--space-12);grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);align-items:start;animation:screen-enter var(--duration-base) var(--ease)}.workspace-main,.workspace-side{display:flex;flex-direction:column;gap:var(--space-12)}.workspace-shell,.panel,.metric-strip,.file-table,.empty-state,.notice-banner,.hero-panel,.section-panel,.empty-panel{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-none)}.workspace-shell{padding:var(--space-8)}.panel,.hero-panel,.section-panel,.empty-panel{padding:var(--space-6)}.hero-card{position:relative;overflow:hidden;padding:var(--space-12) var(--space-10);background:var(--soft-cloud);border:1px solid var(--hairline);border-radius:var(--radius-none)}.workspace-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.workspace-header.compact{align-items:center}.brand-block{display:flex;flex-direction:column;gap:var(--space-1)}.wordmark{font-family:var(--font-display);font-size:30px;line-height:1;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.eyebrow,.hero-kicker,.section-meta,.subtle-list-title,.panel-label{color:var(--mute);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600}.workspace-title,.hero-title{margin:0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:0;color:var(--ink)}.workspace-title{font-size:clamp(52px,9vw,96px);line-height:.9;max-width:14ch}.hero-title{font-size:clamp(40px,6vw,72px);line-height:.9;max-width:12ch}.section-title{margin:0;font-family:var(--font-sans);font-size:24px;font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}.section-subtitle,.hero-copy,.status-copy,.receiver-note,.panel-copy,.helper-copy,.hero-subtitle{color:var(--mute);font-size:16px;line-height:1.5}.hero-subtitle{margin:0;max-width:52ch}.hero-copy{max-width:56ch}.section-heading-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.metric-cell{padding:var(--space-6);border-right:1px solid var(--hairline)}.metric-cell:last-child{border-right:0}.metric-value{display:block;font-family:var(--font-display);font-size:40px;line-height:1;letter-spacing:.01em;color:var(--ink);font-variant-numeric:tabular-nums}.metric-label{display:block;margin-top:var(--space-3);color:var(--mute);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600}.button-primary,.button-secondary,.button-danger{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-8);border-radius:var(--radius-lg);font-size:16px;font-weight:500;text-align:center}.button-primary{background:var(--ink);color:var(--canvas)}.button-secondary{background:var(--soft-cloud);color:var(--ink)}.button-danger{background:var(--soft-cloud);color:var(--sale)}.button-danger.confirm{background:var(--sale);color:var(--canvas)}.button-primary:active:enabled,.button-secondary:active:enabled,.button-danger:active:enabled,.compact-button:active,.link-chip:active{transform:scale(.96);opacity:.72}.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled{opacity:.4;cursor:not-allowed}.compact-button,.link-chip,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--space-5);border-radius:var(--radius-lg);font-size:14px;font-weight:500;text-decoration:none}.compact-button,.link-chip{background:var(--canvas);border:1px solid var(--hairline);color:var(--ink)}.compact-button:hover,.link-chip:hover{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.compact-button:disabled{opacity:.4;cursor:not-allowed}.text-button{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--mute);font-size:18px}.text-button:hover{color:var(--ink)}.muted-link{color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-size:16px;font-weight:500}.notice-banner{padding:var(--space-4) var(--space-5);background:var(--soft-cloud);border:1px solid var(--hairline);border-left-width:3px;border-left-color:var(--ink);color:var(--ink);font-size:14px;line-height:1.5}.notice-banner.warning{border-left-color:var(--charcoal)}.notice-banner.danger{background:var(--canvas);border-left-color:var(--sale);color:var(--sale)}.grid-two{display:grid;gap:var(--space-8);grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr)}.stack-lg,.stack-md,.stack-sm{display:flex;flex-direction:column}.stack-lg{gap:var(--space-8)}.stack-md{gap:var(--space-5)}.stack-sm{gap:var(--space-4)}.quick-facts,.hero-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--hairline);border:1px solid var(--hairline)}.hero-feature,.fact-card{padding:var(--space-5);background:var(--soft-cloud)}.hero-feature strong,.fact-card strong{display:block;margin-bottom:var(--space-2);font-size:16px;font-weight:600;color:var(--ink)}.hero-feature span,.fact-card span{color:var(--mute);font-size:14px;line-height:1.5}.security-list,.steps-list{display:flex;flex-direction:column}.security-row,.step-row,.activity-item{padding:var(--space-5) 0;border-top:1px solid var(--hairline-soft)}.security-row:first-child,.step-row:first-child,.activity-item:first-child{border-top:0;padding-top:0}.security-row strong,.step-row strong{display:block;margin-bottom:var(--space-2);font-size:16px;font-weight:600;color:var(--ink)}.file-table,.file-list{overflow:hidden}.file-list{border:1px solid var(--hairline);background:var(--canvas)}.file-table-head,.file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4)}.file-table-head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--hairline);background:var(--soft-cloud)}.file-row{position:relative;min-height:64px;padding:0 var(--space-5);border-bottom:1px solid var(--hairline-soft)}.file-row:last-child{border-bottom:0}.file-row:hover{background:var(--soft-cloud)}.file-row-left{display:flex;align-items:center;gap:var(--space-4);min-width:0}.file-row-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;color:var(--ink)}.file-size{color:var(--mute);font-size:14px}.file-row-right{display:flex;align-items:center;gap:var(--space-4)}.file-status{min-width:48px;text-align:right;color:var(--mute);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.file-status.success{color:var(--success)}.file-status.error{color:var(--sale)}.file-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--hairline-soft)}.file-progress-bar{height:100%;background:var(--ink)}.picker-meta,.table-summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--mute);font-size:14px}.bottom-action{margin-top:var(--space-3)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-3);min-height:34px;padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--canvas);border:1px solid var(--hairline);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.status-pill.live{background:var(--ink);border-color:var(--ink);color:var(--canvas)}.status-pill.waiting{background:var(--soft-cloud);color:var(--charcoal)}.status-pill.danger{background:var(--canvas);border-color:var(--sale);color:var(--sale)}.status-copy.danger{color:var(--sale)}.header-timer,.code{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.header-timer{font-size:16px;font-weight:600;color:var(--ink)}.header-timer.warning,.qr-timer.warning{color:var(--charcoal)}.header-timer.critical,.qr-timer.critical{color:var(--sale)}.qr-block{display:flex;flex-direction:column;gap:var(--space-6)}.qr-frame{width:min(320px,100%);aspect-ratio:1 / 1;margin:0 auto;padding:var(--space-5);border-radius:var(--radius-none);border:1px solid var(--hairline);background:var(--canvas)}.qr-frame img{display:block;width:100%;height:100%}.qr-copy{color:var(--mute);text-align:center;font-size:14px;line-height:1.6}.qr-timer{font-family:var(--font-display);font-size:48px;line-height:1;letter-spacing:.02em;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums}.code{font-weight:600;color:var(--ink);letter-spacing:.08em}.clipboard-textarea,.view-input,.numeric-input{width:100%;border:1px solid var(--hairline);border-radius:var(--radius-input);background:var(--soft-cloud);color:var(--ink)}.clipboard-textarea,.view-input{padding:var(--space-4) var(--space-5);font-size:16px}.clipboard-textarea::placeholder,.view-input::placeholder{color:var(--stone)}.clipboard-textarea:focus,.view-input:focus,.numeric-input:focus{background:var(--canvas);border-color:var(--ink);border-width:2px}.clipboard-textarea{min-height:120px;resize:vertical}.clipboard-received-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.clipboard-received-copy{color:var(--mute);font-size:14px;line-height:1.6;overflow-wrap:anywhere;flex:1 1 220px}.clipboard-received-copy strong{color:var(--ink)}.view-field{display:flex;flex-direction:column;gap:var(--space-3)}.view-toggle{display:flex;align-items:center;gap:var(--space-4);color:var(--mute);font-size:14px}.view-link-output{padding:var(--space-5);border-radius:var(--radius-none);border:1px solid var(--hairline);background:var(--soft-cloud);overflow-wrap:anywhere;font-family:var(--font-mono);font-size:13px;line-height:1.6;color:var(--charcoal)}.activity-feed{display:flex;flex-direction:column}.activity-feed-title{margin-bottom:var(--space-3)}.activity-item{color:var(--mute);font-size:14px}.receive-dropzone{min-height:110px;width:100%;padding:var(--space-6);display:flex;justify-content:center;align-items:center;border:1px dashed var(--hairline);border-radius:var(--radius-none);background:var(--soft-cloud);text-align:center}.receive-dropzone:hover{border-color:var(--ink)}.receive-dropzone strong{display:block;margin-bottom:var(--space-2);color:var(--ink);font-weight:600}.receive-dropzone span{color:var(--mute);font-size:14px}.numeric-input-shell{display:flex;justify-content:center}.numeric-input{max-width:280px;min-height:72px;padding:0 var(--space-5);font-family:var(--font-display);font-size:44px;text-align:center;letter-spacing:.22em;color:var(--ink)}.numeric-input.error{border-color:var(--sale);border-width:2px;color:var(--sale)}.empty-state{padding:var(--space-8)}.receiver-note{text-align:center}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--hairline);color:var(--mute);font-size:13px}.hidden-input{display:none}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1023px){.workspace,.grid-two{grid-template-columns:1fr}.workspace-main,.workspace-side{gap:var(--space-8)}}@media (max-width: 720px){.app-shell{padding:var(--space-6) var(--space-4)}.workspace,.workspace-main,.workspace-side{gap:var(--space-8)}.hero-card{padding:var(--space-8) var(--space-6)}.workspace-shell{padding:var(--space-6)}.workspace-title{font-size:clamp(44px,13vw,64px)}.metric-strip,.quick-facts,.hero-feature-list{grid-template-columns:1fr}.metric-cell{border-right:0;border-bottom:1px solid var(--hairline)}.metric-cell:last-child{border-bottom:0}.clipboard-received-row,.picker-meta,.table-summary,.section-heading-row,.workspace-header,.app-footer{flex-direction:column;align-items:flex-start}}