/* Website framing. Product surfaces below mirror the native Filelane components. */
.brand-icon{display:block;width:36px;height:36px;object-fit:contain;flex:none}
:root{--scene-bg:light-dark(#e8edf3,#191d24);--scene-glow:light-dark(#f8faff,#282f3a)}
html{scroll-behavior:smooth;scroll-padding-top:30px}body{overflow-x:clip}button{font-weight:500}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{max-width:1320px;padding:25px 48px}.hero{padding:44px 24px 0}.hero-copy{text-align:center;margin:0 auto 43px;max-width:950px}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--dim);font-size:10px;font-weight:600;letter-spacing:1.8px}.hero-kicker>span{width:6px;height:6px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px var(--tint)}h1{font-size:clamp(48px,6.2vw,86px);line-height:1.04;font-weight:570;letter-spacing:-4.3px;margin:22px 0}h1 span{color:var(--accent)}.hero-copy>p{font-size:17px;line-height:1.65;color:var(--dim);margin:0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:29px}.hero-actions>span{font-size:11px;line-height:1.6;text-align:left}.hero-actions small{display:block;font-size:10px;color:var(--dim)}.hero-actions .button{font-size:14px;padding:15px 21px;gap:25px}.hero-footnote{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--dim);font-size:11px;padding:22px 0}.hero-footnote i{height:3px;width:3px;border-radius:100%;background:var(--dim);opacity:.4}.section-wrap{max-width:1120px;margin:105px auto 0}.section-heading h2,.link-copy h2,.questions-section h2{font-size:clamp(32px,3.6vw,47px);font-weight:550;line-height:1.12;letter-spacing:-1.7px;margin:16px 0 19px}.section-heading p,.link-copy p{font-size:15px;line-height:1.8;color:var(--dim);margin:0;max-width:510px}.section-heading .quiet-copy,.link-copy .quiet-copy{font-size:12px;margin-top:12px}.split-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 24px 30px}.split-heading>div:last-child{max-width:450px}.centered-heading{text-align:center;margin-bottom:32px}.centered-heading p{margin:auto;max-width:650px}.eyebrow{font-size:9px;letter-spacing:1.7px}.receive-note{font-size:12px;text-align:center;color:var(--dim);margin:20px 20px 0;line-height:1.6}
.product-demo{margin:0;border:1px solid var(--line);border-radius:20px;background:var(--card);overflow:hidden;box-shadow:0 2px 7px var(--shadow),0 25px 70px var(--shadow)}.hero-demo{max-width:1120px;margin:auto}.demo-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:47px;padding:14px 24px;color:var(--dim);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:1px}.demo-topline>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.demo-topline>span:last-child{letter-spacing:0;white-space:nowrap}.demo-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.scene-viewport{position:relative;aspect-ratio:1120 / 670;overflow:hidden;background:var(--scene-bg)}.ribbon-demo .scene-viewport{aspect-ratio:1120 / 430}.exchange-demo .scene-viewport{aspect-ratio:1120 / 435}.scene-canvas{width:1120px;height:670px;position:absolute;left:0;top:0;transform:scale(var(--scene-scale,1));transform-origin:top left;overflow:hidden;background:radial-gradient(ellipse at 80% 90%,var(--scene-glow),transparent 65%),var(--scene-bg);isolation:isolate}.scene-canvas::before{content:"";position:absolute;width:800px;height:800px;border:1px solid light-dark(#c3cdd855,#64758b20);border-radius:50%;left:-150px;top:165px;box-shadow:0 0 0 80px light-dark(#c3cdd815,#64758b08),0 0 0 160px light-dark(#c3cdd810,#64758b05);z-index:-1}.ribbon-demo .scene-canvas{height:430px}.exchange-demo .scene-canvas{height:435px;background:var(--paper)}.exchange-demo .scene-canvas::before{display:none}.scene-fallback{max-width:550px;line-height:1.8;padding:50px;color:var(--dim)}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;border-top:1px solid var(--line)}.demo-narrative{display:flex;align-items:center;gap:12px;min-width:0}.caption-number{color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums;width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;flex:none}.demo-narrative p{font-size:12px;line-height:1.6;margin:0}.demo-controls{display:flex;gap:6px;flex:none}.demo-controls button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-radius:7px;font-size:10px;min-width:65px;min-height:30px;color:var(--dim);background:var(--paper)}.demo-controls svg{width:12px;height:12px}.demo-steps{display:flex;justify-content:center;gap:5px;padding:0 16px 17px}.demo-steps button{background:transparent;border-color:transparent;font-size:10px;color:var(--dim);padding:6px 12px;border-radius:7px}.demo-steps button[aria-current=step]{background:var(--tint);color:var(--accent)}.demo-steps button:hover{background:var(--wash)}.illustration-note{position:absolute;right:36px;bottom:36px;font-size:11px;color:var(--dim);line-height:1.7;max-width:190px}.illustration-note strong{display:block;font-size:13px;font-weight:500;color:var(--ink);margin-bottom:5px}.illustration-note span{display:inline-block;width:24px;height:1px;background:var(--line);vertical-align:middle;margin-right:7px}.exchange-labels{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:25px 36px 15px;background:var(--paper)}.exchange-labels>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550}.exchange-labels i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.exchange-labels small{font-size:10px;color:var(--dim);margin-left:auto;font-weight:400}.exchange-labels>span:last-child i{background:light-dark(#267665,#88cbb0)}
/* The same tokens, dimensions and hierarchy as apps/desktop/src/tossby.css. */
.native-ui{--q-ink:light-dark(#22262f,#f5f6f7);--q-dim:light-dark(#717987,#a5a8b0);--q-surface:light-dark(#fafafa,#191a1c);--q-card:light-dark(#f0f1f3,#292a2e);--q-well:light-dark(#e8ecf2,#34353a);--q-line:light-dark(#d9dfe8,#414247);--q-accent:#2463eb;--q-accent-text:light-dark(#2463eb,#7ba7ff);--q-tint:light-dark(#e9f0ff,#253653);--q-green:light-dark(#267665,#88cbb0);--q-shadow:light-dark(#1a2c4525,#00000050);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.4;color:var(--q-ink)}.native-ui svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.q-shell{border-radius:14px;background:var(--q-surface);border:1px solid var(--q-line);box-shadow:0 18px 55px var(--q-shadow),0 2px 8px #00000015}.hero-panel{position:absolute;left:100px;top:54px;width:920px}.q-panel-head{min-height:43px;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.q-heading{display:flex;align-items:center;gap:6px;min-width:0}.q-heading>svg{width:19px;height:19px;color:var(--q-accent-text)}.q-heading strong{font-size:15px;font-weight:650;letter-spacing:-.2px;white-space:nowrap}.q-brand-descriptor{font-size:12px;font-weight:650;margin-left:3px;letter-spacing:0}.q-from{font-size:11px;color:var(--q-dim);margin-left:4px}.q-head-tools{display:flex;gap:2px}.q-icon{display:inline-grid;place-items:center;width:27px;height:27px;padding:5px;color:var(--q-dim);border-radius:7px;flex:none}.q-panel-body{padding:0 12px 10px}.q-computers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.q-computer{min-width:0;position:relative}.q-box{height:248px;border-radius:11px;background:var(--q-card);border:1px solid var(--q-line);position:relative;overflow:hidden;display:flex;flex-direction:column}.q-public-tile .q-box{background:light-dark(#f0f1f3,#303236)}.q-box-toolbar{display:flex;align-items:center;gap:2px;padding:5px 5px 3px 9px;min-height:36px}.q-destination-icon{display:flex;align-items:center;gap:4px;color:var(--q-dim);font-size:11px;margin-right:auto}.q-recent-hint{font-size:11px;min-height:22px;padding:2px 4px;background:var(--q-well);border-radius:5px;display:grid;place-items:center}.q-box-toolbar .q-icon{width:25px;height:25px}.q-public-glyph{display:grid;place-items:center;width:25px;height:25px}.q-box-scroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.q-recent-group{flex:1;min-height:40px;overflow:hidden}.q-empty-drop{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;padding:24px 12px;color:var(--q-dim);font-size:11px;text-align:center}.q-empty-drop svg{width:22px;height:22px}.q-public-list{flex:1;min-height:0}.q-drop-line{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;min-height:31px;border-top:1px solid var(--q-line);padding:7px;font-size:11px;color:var(--q-dim)}.q-drop-line svg{width:12px;height:12px}.q-meta{display:flex;align-items:flex-start;gap:5px;margin-top:6px;min-height:43px}.q-meta-with-icon{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;flex:1;padding:1px 0}.q-meta-symbol{display:grid;place-items:center;flex:none;width:24px;color:var(--q-dim)}.q-meta-symbol svg{width:20px;height:20px}.q-meta-copy{min-width:0}.q-meta-copy strong{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-meta-copy small{display:block;color:var(--q-dim);font-size:11px}.q-ownership{display:grid;place-items:center;width:25px;height:25px;color:var(--q-dim);flex:none}.q-ownership.guest{color:var(--q-accent-text)}.q-ownership svg{width:14px;height:14px}.q-expand{display:grid;place-items:center;width:22px;height:27px;color:var(--q-dim);flex:none}.q-expand svg{width:13px;height:13px}.q-sharing-tools{display:flex;align-items:center;gap:8px;border-top:1px solid var(--q-line);padding:10px 0 6px;margin-top:12px}.q-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-radius:7px;min-height:28px;white-space:nowrap}.q-multi-drop{margin-left:auto}.q-account-storage{display:flex;align-items:center;gap:12px;margin:10px -12px -10px;padding:9px 12px 10px;background:light-dark(#eff1f4,#25262a);border-top:1px solid var(--q-line);border-radius:0 0 13px 13px}.q-account-trigger{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--q-dim);flex:1;min-width:0;padding:6px}.q-account-trigger>span:first-of-type{color:var(--q-ink)}.q-plan-badge{padding:2px 5px;border-radius:5px;background:var(--q-well);font-size:11px}.q-storage-track{height:4px;border-radius:8px;background:var(--q-line);flex:1;max-width:180px;overflow:hidden;margin:0 4px}.q-storage-fill{width:24%;height:100%;border-radius:8px;background:var(--q-accent)}.q-account-trigger strong{font-weight:500;color:var(--q-ink);white-space:nowrap}.q-upgrade{font-size:11px}.q-file-list{padding:0 8px;margin:0;list-style:none}.q-file-row{min-height:43px;display:grid;grid-template-columns:minmax(0,1fr) auto 23px;align-items:center;gap:5px;position:relative;border-bottom:1px solid var(--q-line)}.q-file-row:last-child{border-bottom:0}.q-file-copy{min-width:0;padding:5px 0}.q-file-copy strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;font-weight:500}.q-file-copy small{display:block;color:var(--q-dim);font-size:11px}.q-row-status{font-size:11px;white-space:nowrap;color:var(--q-dim);font-variant-numeric:tabular-nums}.q-row-status.good{color:var(--q-green)}.q-row-status.pending{color:var(--q-accent-text)}.q-file-row .q-icon{width:23px;height:29px;padding:4px}.q-file-row .q-download{color:var(--q-accent-text);background:var(--q-tint)}.q-progress-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--q-line);overflow:hidden;border-radius:2px}.q-progress-fill{height:100%;width:0;background:var(--q-accent);transform-origin:left}.q-pending-group{background:var(--q-tint)}.q-list-label{display:flex;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:500;color:var(--q-accent-text)}.q-list-label svg{width:11px;height:11px}.q-public-tile-row{padding:8px 10px;border-bottom:1px solid var(--q-line)}.q-public-name strong{font-size:11px;font-weight:500;display:block}.q-public-name small{font-size:11px;color:var(--q-dim);display:block}.q-public-tile-actions{display:flex;align-items:center;justify-content:space-between;margin-top:5px;gap:4px;font-size:11px}.q-copy-link{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--q-well);border-radius:6px;font-size:11px}.q-copy-link svg{width:12px;height:12px}.q-public-status{color:var(--q-dim)}.q-drag-target-callout{position:absolute;inset:43px 10px 39px;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:15px 10px;text-align:center;border-radius:9px;color:var(--q-accent-text);background:color-mix(in srgb,var(--q-card) 94%,transparent)}.q-drag-target-callout>svg{width:30px;height:30px}.q-drag-target-callout strong{font-size:14px;line-height:1.3}.q-drag-target-callout>span{font-size:10px;color:var(--q-dim)}.native-ui[data-drag=true] .q-box{outline:1.5px dashed var(--q-accent-text);outline-offset:-2px;background:color-mix(in srgb,var(--q-card) 72%,var(--q-tint))}.native-ui[data-drag=true] .q-box.drag-hot{outline:2px solid var(--q-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--q-accent) 24%,transparent)}.native-ui[data-drag=true] .q-drop-line{background:var(--q-tint);color:var(--q-accent-text)}.native-ui[data-drag=true] .q-multi-drop{outline:1px dashed var(--q-accent-text);background:var(--q-tint);color:var(--q-accent-text)}
/* Menu-bar trigger reproduces the outlined, fixed-width native status item. */
.mac-menu{height:32px;padding:0 28px;display:flex;align-items:center;position:absolute;inset:0 0 auto;font-size:11px;color:var(--ink);background:light-dark(#f9fafbb5,#15171ba8);border-bottom:1px solid light-dark(#ffffff80,#ffffff08)}.mac-menu .menu-left{display:flex;align-items:center;gap:21px}.apple-mark{font-size:17px;line-height:1}.menu-left strong{font-size:11px}.camera-notch{width:126px;height:23px;background:#121315;border-radius:0 0 11px 11px;position:absolute;left:50%;top:0;transform:translateX(-50%)}.menu-right{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:11px}.menu-right svg{width:13px;height:13px}.status-button{display:flex;align-items:center;gap:8px;height:24px;border:1px solid #8080808c;border-radius:6px;padding:0 10px;font-size:11px;margin-right:10px}.status-button svg{width:14px;height:14px}.status-count{min-width:10px;text-align:center}.status-button.new-item .status-count{color:var(--accent);font-weight:650}.clock{font-size:10px;color:var(--dim)}
/* Finder is scenery; it is never a file picker or an upload input. */
.finder-window{position:absolute;left:42px;top:484px;width:354px;height:154px;border-radius:12px;overflow:hidden;background:light-dark(#fafbfc,#25272c);border:1px solid light-dark(#ced5df,#41454e);box-shadow:0 12px 32px #00000012;display:grid;grid-template-columns:83px 1fr;grid-template-rows:40px 1fr;color:var(--ink)}.finder-top{grid-column:1/-1;display:flex;align-items:center;padding:0 14px;gap:6px;font-size:11px;border-bottom:1px solid var(--line);background:light-dark(#f5f6f8,#2d3036)}.traffic{display:inline-flex;gap:5px;margin-right:20px}.traffic i{width:8px;height:8px;border-radius:50%;background:#ff6259;border:1px solid #0001}.traffic i:nth-child(2){background:#ffbd2e}.traffic i:nth-child(3){background:#28c840}.finder-top>svg{width:13px;height:13px;color:var(--dim);margin-right:7px}.finder-top>strong{font-weight:550}.finder-sidebar{padding:14px 8px;font-size:8px;color:var(--dim);background:light-dark(#edf0f4,#22252a)}.finder-sidebar span{display:block;padding:5px 7px;border-radius:4px}.finder-sidebar .selected{background:light-dark(#dbe1ea,#3b414c);color:var(--ink)}.finder-files{padding:12px}.finder-file{display:flex;align-items:center;gap:10px;padding:8px;background:var(--tint);border-radius:6px;position:relative;width:100%;font-size:10px}.paper-icon{display:grid;place-items:center;width:27px;height:34px;border:1px solid light-dark(#c4d2e4,#75839a);border-radius:4px;background:light-dark(#fff,#e1e8f4);color:#3764a5;font-size:7px;font-weight:600;flex:none;box-shadow:0 1px 2px #0001}.finder-file strong{font-weight:500;display:block;font-size:10px;line-height:1.4}.finder-file small{font-size:8px;color:var(--dim)}.finder-other{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--dim);padding:7px 10px}.finder-other svg{width:13px;height:13px}.demo-ghost{position:absolute;left:0;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;border:1px solid var(--accent);background:light-dark(#fffffff5,#292e38f5);color:var(--ink);box-shadow:0 10px 25px #0003;font-size:11px;pointer-events:none;will-change:transform;max-width:230px}.demo-ghost .paper-icon{width:23px;height:29px;font-size:6px}.demo-cursor{position:absolute;left:0;top:0;z-index:31;pointer-events:none;filter:drop-shadow(0 2px 2px #0005);will-change:transform}.demo-cursor svg{width:25px;height:30px;stroke:white;stroke-width:1.5;stroke-linejoin:round;fill:#202833}.demo-toast{position:absolute;left:50%;top:83px;transform:translateX(-50%);z-index:25;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:10px;border:1px solid var(--q-line);background:var(--q-surface);color:var(--q-ink);box-shadow:0 7px 24px var(--q-shadow);font-size:11px;white-space:nowrap}.demo-toast>svg{width:17px;height:17px;color:var(--q-green)}.demo-toast strong{font-size:12px;font-weight:550}.demo-toast small{font-size:10px;display:block;color:var(--q-dim)}
/* Ribbon layout copied from Ribbon.tsx: separate utility stack and outside grip. */
.q-ribbon-layout{position:absolute;left:123px;top:80px;display:flex;align-items:center;gap:5px;width:max-content}.q-mini{display:flex;gap:5px;padding:8px;border:1px solid var(--q-line);border-radius:14px;background:var(--q-surface);box-shadow:0 14px 35px var(--q-shadow)}.q-mini-target{position:relative;width:158px;height:50px;display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:8px;overflow:hidden}.q-mini-symbol{position:relative;width:25px;height:28px;display:grid;place-items:center;color:var(--q-dim);flex:none}.q-mini-symbol>svg{width:20px;height:20px}.q-mini-owner{position:absolute;right:-5px;bottom:0;width:14px;height:14px;border-radius:4px;display:grid;place-items:center;background:var(--q-surface);color:var(--q-dim)}.q-mini-owner svg{width:11px;height:11px}.q-mini-owner.guest{color:var(--q-accent-text)}.q-mini-copy{min-width:0;flex:1}.q-mini-copy strong{display:block;font-size:12px;line-height:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-mini-copy small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;line-height:15px;margin-top:1px;color:var(--q-dim)}.q-mini-public{background:light-dark(#f0f1f3,#303236)}.q-mini-tools{display:flex;align-items:center;gap:5px;padding-left:7px;border-left:1px solid var(--q-line);flex:none}.q-mini-tools>.q-icon{width:38px;height:40px;padding:10px;border:1px solid var(--q-line);border-radius:9px;background:var(--q-card)}.q-mini-tools>.q-icon svg{width:17px;height:17px}.q-mini-utilities{display:grid;grid-template-columns:32px;grid-template-rows:repeat(2,19px);gap:3px}.q-mini-utilities .q-icon{width:32px;height:19px;padding:2px;border:1px solid var(--q-line);border-radius:5px;background:var(--q-card)}.q-mini-utilities svg{width:13px;height:13px}.q-ribbon-grip{display:grid;place-items:center;flex:none;width:24px;height:40px;border-radius:7px;background:light-dark(#e4e6e9,#36383d);color:light-dark(#747981,#adb1b8)}.q-ribbon-grip svg{width:16px;height:20px}.q-mini-progress{position:absolute;height:2px;left:0;bottom:0;background:var(--q-accent);width:0}.native-ui[data-drag=true] .q-mini-target{outline:1px dashed var(--q-accent-text);outline-offset:-2px;background:var(--q-tint)}.native-ui[data-drag=true] .q-mini-target.drag-hot{outline:2px solid color-mix(in srgb,var(--q-accent) 45%,white);background:var(--q-accent);color:white;box-shadow:inset 0 1px #ffffff40}.native-ui[data-drag=true] .q-mini-target.drag-hot :is(small,svg,.q-mini-symbol){color:white}.ribbon-demo .finder-window{left:78px;top:223px}.ribbon-demo .demo-toast{top:164px}.ribbon-demo .illustration-note{right:112px;bottom:62px;max-width:210px}.ribbon-label{position:absolute;left:135px;top:56px;font-size:10px;color:var(--dim);letter-spacing:.2px}.grip-note{position:absolute;right:140px;top:168px;font-size:9px;color:var(--dim);display:flex;gap:6px;align-items:center}.grip-note:before{content:"";height:17px;width:27px;border-right:1px solid var(--dim);border-bottom:1px solid var(--dim);border-bottom-right-radius:8px;transform:translateY(-10px);opacity:.45}
/* The readable side-by-side windows use the app's expanded computer view. */
.detail-panel{position:absolute;top:8px;width:496px;height:371px;left:30px}.detail-panel.receiver{left:594px}.detail-panel .q-panel-head{border-bottom:1px solid var(--q-line);margin-bottom:0}.q-detail-drop-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--q-dim);padding:9px;border-bottom:1px solid var(--q-line)}.q-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 17px}.q-detail-identity{display:flex;align-items:center;gap:9px}.q-detail-symbol{display:grid;place-items:center;width:32px;height:36px;color:var(--q-dim)}.q-detail-symbol svg{width:26px;height:26px}.q-detail-identity h3{font-size:18px;letter-spacing:-.5px;margin:0 0 2px;font-weight:600}.q-detail-subline{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--q-dim)}.q-detail-subline svg{width:12px;height:12px}.q-detail-actions{display:flex;gap:4px}.q-detail-actions .q-action{font-size:10px;padding:5px 7px;background:var(--q-card);min-height:26px}.q-detail-actions .q-primary{background:var(--q-accent);color:white}.q-history-list{padding:0 16px}.q-history-row{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:78px;border-top:1px solid var(--q-line)}.q-history-icon{width:28px;height:31px;display:grid;place-items:center;background:var(--q-well);border-radius:7px;color:var(--q-dim)}.q-history-icon svg{width:16px;height:16px}.q-history-copy strong{display:block;font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-history-copy small{display:block;font-size:10px;color:var(--q-dim);margin-top:2px}.q-history-state{display:block;font-size:10px;color:var(--q-dim);margin-top:4px}.q-history-row.awaiting .q-history-state{color:var(--q-accent-text)}.q-history-row.complete .q-history-state{color:var(--q-green)}.q-history-row .q-receive-action{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 9px;font-size:10px;border:1px solid var(--q-line);background:var(--q-card);border-radius:7px;white-space:nowrap;min-width:80px}.q-history-row.awaiting .q-receive-action{background:var(--q-tint);color:var(--q-accent-text);border-color:transparent}.q-history-row .q-receive-action svg{width:13px;height:13px}.q-settings-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--q-line);margin:10px 16px 0;padding-top:9px;color:var(--q-dim);font-size:10px}.q-settings-footer svg{width:12px;height:12px}.q-waiting{height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--q-dim);font-size:11px}.q-waiting svg{width:24px;height:24px;opacity:.7}.exchange-bridge{position:absolute;left:539px;top:170px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--accent)}.exchange-bridge svg{width:18px;height:18px}.exchange-demo .demo-toast{left:842px;top:55px}.exchange-progress{position:absolute;left:46px;right:46px;bottom:21px;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--dim)}.exchange-progress .route-line{height:1px;flex:1;background:var(--line);position:relative}.route-line>i{display:block;height:1px;background:var(--accent);width:0}.exchange-progress>span{white-space:nowrap}.exchange-progress svg{width:12px;height:12px}.demo-click{position:absolute;z-index:29;width:32px;height:32px;border:2px solid var(--accent);border-radius:50%;pointer-events:none}
/* A quiet, original bundle illustration, separate from the actual app previews. */
.link-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;margin-top:110px}.link-visual{height:380px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.link-orbit{position:absolute;width:330px;height:330px;border-radius:50%;border:1px solid var(--line);z-index:-1}.link-orbit:before,.link-orbit:after{content:"";position:absolute;inset:26px;border:1px solid var(--line);border-radius:50%;opacity:.55}.link-orbit:after{inset:-26px;opacity:.35}.bundle-stack{position:relative;width:235px;height:210px;transform:rotate(-7deg) translateY(-13px)}.bundle-sheet{position:absolute;left:18px;right:18px;top:0;height:180px;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:20px;box-shadow:0 3px 12px var(--shadow);z-index:2}.bundle-sheet b{font-size:8px;letter-spacing:1px;color:var(--accent)}.bundle-sheet i{display:block;width:90%;height:3px;border-radius:4px;background:var(--line);margin-top:12px}.bundle-sheet i+i{width:60%;margin-top:7px}.bundle-sheet>span{display:block;font-size:12px;font-weight:500;line-height:1.6;margin-top:20px}.back-sheet{transform:rotate(11deg) translate(10px,-8px);z-index:1;background:light-dark(#dce7fa,#303e57)}.bundle-pocket{position:absolute;left:0;right:0;bottom:0;height:110px;border:1px solid #6194eb;border-radius:12px;background:linear-gradient(160deg,#4c87e8ed,#1e58c9f5);box-shadow:inset 0 1px #ffffff80,0 10px 20px #1249aa20;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;padding:19px;color:#fff}.bundle-pocket>span:first-child{font-size:13px;font-weight:500}.bundle-pocket>span:last-child{font-size:30px;line-height:1}.sample-link{position:absolute;left:50%;bottom:20px;transform:translateX(-50%) rotate(2deg);width:302px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:var(--card);box-shadow:0 8px 20px var(--shadow);font-size:12px}.sample-link svg{width:17px;height:17px;color:var(--dim)}.sample-link>span:nth-child(2){flex:1}.sample-link small{display:block;color:var(--dim);font-size:10px;margin-top:3px}.sample-copy{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:var(--wash)}.text-link{display:inline-flex;gap:15px;align-items:center;font-size:13px;text-decoration:none;color:var(--accent);margin-top:25px;font-weight:550}.text-link:hover{text-decoration:underline}.little-things{margin-top:100px}.little-things .section-heading{margin-bottom:34px}.little-things h2{font-size:35px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-grid article{border-top:1px solid var(--line);padding-top:23px}.feature-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--dim)}.feature-icon svg{width:17px;height:17px}.feature-grid h3{font-size:16px;font-weight:550;margin:20px 0 10px}.feature-grid p{font-size:13px;line-height:1.8;color:var(--dim);margin:0;max-width:300px}.questions-section{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;margin-top:110px;margin-bottom:90px}.questions-section h2{font-size:32px;line-height:1.2}.questions-list details{border-bottom:1px solid var(--line)}.questions-list summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;cursor:pointer;font-size:13px;font-weight:550;list-style:none}.questions-list summary::-webkit-details-marker{display:none}.questions-list summary:after{content:"+";font-size:20px;font-weight:400;color:var(--dim)}.questions-list details[open] summary:after{content:"−"}.questions-list summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.questions-list p{margin:0 0 20px;color:var(--dim);font-size:12px;line-height:1.8}.last-note{max-width:1120px;margin:0 auto 75px;border:1px solid var(--line);border-radius:18px;padding:38px 44px;display:flex;align-items:center;gap:25px;background:var(--wash)}.mini-mark{width:59px;height:59px;display:block;object-fit:contain;flex:none}.last-note h2{font-size:31px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin:0}.last-note p{font-size:12px;color:var(--dim);margin:10px 0 0}.last-note .button{margin-left:auto}footer{max-width:1120px}footer a{text-decoration:none}footer a:hover{text-decoration:underline}
@media(max-width:1220px){.section-wrap,.last-note{margin-left:36px;margin-right:36px}footer{margin-left:36px;margin-right:36px}.hero{padding-left:36px;padding-right:36px}.section-wrap{margin-top:85px}.link-section{gap:45px}}
@media(max-width:850px){.site-header{padding:22px 28px}.header-tools{gap:18px}.hero{padding-top:32px}.hero h1{letter-spacing:-3px;font-size:62px}.hero-copy>p{font-size:15px}.demo-topline{font-size:8px;padding:12px 18px}.split-heading{padding-left:0;padding-right:0}.split-heading>div:last-child{max-width:330px}.section-heading h2{font-size:37px}.section-heading p{font-size:13px}.demo-caption{padding:14px 18px}.demo-narrative p{font-size:11px}.link-section{gap:25px}.link-copy h2{font-size:36px}.link-copy p{font-size:13px}.link-visual{transform:scale(.9);transform-origin:center}.feature-grid{gap:23px}.questions-section{gap:35px}.questions-section h2{font-size:28px}.last-note{padding:30px 25px;gap:18px}.last-note h2{font-size:26px}.last-note .button{font-size:11px;padding:12px}.last-note .mini-mark{display:none}.exchange-labels{padding:19px 24px 12px;gap:45px}.exchange-labels>span{font-size:11px}}
@media(max-width:600px){.site-header{padding:18px 20px}.brand{font-size:23px}.brand-mark{width:29px;height:29px;border-radius:8px;font-size:23px}.header-tools{gap:12px}.header-tools>a{display:none}.header-tools>a.nav-download{display:inline-flex;font-size:11px}.theme-toggle{width:32px;height:32px}.hero{padding:28px 15px 0}.hero-copy{margin-bottom:29px}.hero-kicker{font-size:8px;letter-spacing:1.1px}.hero h1{font-size:clamp(38px,9.4vw,55px);letter-spacing:-2px;line-height:1.08;margin:20px 0 17px}.hero-copy>p{font-size:13px;line-height:1.7}.hero-copy>p br{display:none}.hero-copy>p{max-width:320px;margin:auto}.hero-actions{flex-direction:column;gap:12px;margin-top:24px}.hero-actions>span{text-align:center;font-size:10px}.hero-actions small{display:block;margin-top:3px;font-size:10px}.hero-actions .button{font-size:12px;padding:13px 17px}.product-demo{border-radius:12px}.demo-topline{min-height:37px;padding:10px 12px;font-size:7px;letter-spacing:.65px}.demo-topline>span:last-child{display:none}.demo-caption{align-items:flex-start;padding:12px;gap:9px}.demo-narrative{gap:7px;align-items:flex-start}.caption-number{font-size:8px;width:20px;height:20px;border-radius:6px;margin-top:1px}.demo-narrative p{font-size:10px;line-height:1.5;min-height:30px}.demo-controls{gap:4px}.demo-controls button{font-size:0;gap:0;width:27px;min-width:27px;min-height:27px;padding:6px}.demo-controls svg{width:13px;height:13px}.demo-steps{gap:0;padding:0 8px 12px}.demo-steps button{font-size:8px;padding:5px 7px;min-height:26px}.hero-footnote{font-size:8px;gap:8px;padding:16px 0}.hero-footnote i{width:2px;height:2px}.section-wrap{margin:65px 20px 0}.split-heading{display:block;padding-bottom:22px}.split-heading>div:last-child{max-width:none}.section-heading h2,.link-copy h2{font-size:35px;letter-spacing:-1.4px;margin:13px 0 16px}.section-heading p,.link-copy p{font-size:13px;line-height:1.75}.centered-heading{text-align:left;margin-bottom:24px}.centered-heading p br{display:none}.exchange-labels{padding:15px 12px 6px;gap:20px}.exchange-labels>span{font-size:9px;gap:5px}.exchange-labels i{width:4px;height:4px}.exchange-labels small{font-size:8px}.exchange-demo .scene-viewport{aspect-ratio:560/790}.exchange-demo .scene-canvas{width:560px;height:790px}.detail-panel{left:30px;top:6px}.detail-panel.receiver{left:30px;top:405px}.exchange-bridge{left:260px;top:377px;width:30px;height:30px;z-index:2;transform:rotate(90deg)}.exchange-demo .demo-toast{left:278px;top:447px}.exchange-progress{display:none}.receive-note{font-size:10px;margin:15px 5px 0}.link-section{display:flex;flex-direction:column;gap:10px;margin-top:50px}.link-visual{height:335px;width:100%;transform:scale(.85);margin:-20px 0}.link-copy{align-self:stretch}.link-copy h2 br{display:none}.little-things .section-heading h2{font-size:31px}.feature-grid{grid-template-columns:1fr;gap:25px}.feature-grid article{display:grid;grid-template-columns:34px 1fr;column-gap:14px;padding-top:20px}.feature-grid h3{margin:6px 0 9px;font-size:15px}.feature-grid p{grid-column:2;max-width:none;font-size:12px}.questions-section{display:block;margin-bottom:50px}.questions-section h2{font-size:30px}.questions-section h2 br{display:none}.questions-list summary{font-size:12px;padding:18px 0}.last-note{margin:0 20px 45px;display:block;padding:27px 24px}.last-note h2{font-size:28px}.last-note p{line-height:1.7}.last-note .button{margin-top:20px}footer{margin:0 20px;padding:20px 0;font-size:10px}.eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Small screens retain native-size labels instead of shrinking a desktop screenshot. */
.q-storage-fill{display:block}.hero-demo .finder-window{top:527px;height:124px}.hero-demo .finder-other{display:none}
@media(max-width:600px){
  .hero-demo .scene-viewport{height:910px;aspect-ratio:auto}.hero-demo .scene-canvas{width:100%;height:910px}.hero-panel{left:12px;top:46px;width:calc(100% - 24px)}
  .hero-demo .q-computers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 9px}.hero-demo .q-box{height:176px}.hero-demo .q-public-list{overflow:auto;scrollbar-width:thin}.hero-demo .q-panel-body{padding:0 9px 9px}.hero-demo .q-meta-symbol{width:18px}.hero-demo .q-meta-symbol svg{width:17px;height:17px}.hero-demo .q-meta-with-icon{gap:4px}.hero-demo .q-ownership{width:17px}.hero-demo .q-meta-copy small{font-size:10px}.hero-demo .q-expand{width:17px}.hero-demo .q-box-toolbar{gap:0;padding-left:6px;padding-right:3px}.hero-demo .q-box-toolbar .q-icon{width:22px;padding:4px}.hero-demo .q-file-list{padding:0 6px}.hero-demo .q-file-row{grid-template-columns:minmax(0,1fr) auto 19px;gap:3px}.hero-demo .q-row-status{font-size:9px}.hero-demo .q-file-row .q-icon{width:19px;padding:3px}.hero-demo .q-file-copy small{font-size:9px}.hero-demo .q-drop-line{font-size:9px;gap:4px}.hero-demo .q-empty-drop{font-size:10px;padding:22px 6px}.hero-demo .q-list-label{font-size:9px;padding:5px 6px}.hero-demo .q-sharing-tools{gap:2px;flex-wrap:wrap;font-size:10px;padding:7px 0 3px;margin-top:8px}.hero-demo .q-sharing-tools .q-action{padding:5px}.hero-demo .q-sharing-tools svg{width:13px;height:13px}.hero-demo .q-account-storage{margin:8px -9px -9px;padding:7px 9px;gap:0;flex-wrap:wrap}.hero-demo .q-account-trigger{flex-basis:100%;padding:4px 1px;gap:6px;font-size:10px}.hero-demo .q-account-trigger .q-storage-track{min-width:25px;max-width:80px;margin:0 2px}.hero-demo .q-plan-badge{font-size:9px;padding:2px 4px}.hero-demo .q-upgrade{font-size:10px;margin-left:auto;min-height:22px;padding:2px}.hero-demo .q-panel-head{padding:6px 9px}.q-heading strong{font-size:14px}.q-brand-descriptor{font-size:11px}.q-from{display:none}.q-head-tools{gap:0}.q-head-tools .q-icon{width:23px;padding:4px}.q-heading>svg{width:16px;height:16px}.hero-demo .finder-window{left:22px;top:740px;width:260px;height:132px;grid-template-columns:65px 1fr}.hero-demo .finder-files{padding:9px}.hero-demo .finder-sidebar{padding:10px 3px;font-size:7px}.finder-file strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-file>span:last-child{min-width:0}.hero-demo .illustration-note{display:none}.hero-demo .demo-toast{top:75px;max-width:calc(100% - 42px);font-size:10px}.hero-demo .q-drag-target-callout{inset:40px 6px 35px;padding:12px 4px}.hero-demo .q-drag-target-callout strong{font-size:12px}.hero-demo .q-drag-target-callout>span{font-size:9px}.hero-demo .q-drag-target-callout>svg{width:24px;height:24px}
  .mac-menu{padding:0 13px;font-size:9px}.mac-menu .menu-left{gap:10px}.menu-left>span:not(.apple-mark){display:none}.menu-left strong{font-size:9px}.camera-notch{width:64px;height:19px}.menu-right{gap:7px}.menu-right>svg,.menu-right>.clock{display:none}.status-button{height:22px;padding:0 7px;gap:5px;font-size:9px;margin-right:0}.status-button svg{width:12px;height:12px}
  .ribbon-demo .scene-viewport{height:560px;aspect-ratio:auto}.ribbon-demo .scene-canvas{height:560px;width:100%}.q-ribbon-layout{left:auto;right:20px;top:54px;flex-direction:column}.q-mini{flex-direction:column;gap:4px}.q-mini-target{width:108px;height:64px;flex-direction:column;justify-content:center;gap:2px;padding:5px 7px}.q-mini-symbol{height:24px}.q-mini-copy{flex:none;width:100%;text-align:center}.q-mini-copy strong{font-size:11px;line-height:16px}.q-mini-copy small{font-size:10px;line-height:14px}.q-mini-tools{flex-direction:column;width:100%;border-left:0;border-top:1px solid var(--q-line);padding:7px 0 0;gap:5px}.q-mini-tools>.q-icon{width:100%;height:36px;padding:7px}.q-mini-utilities{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:30px;gap:5px}.q-mini-utilities .q-icon{width:100%;height:30px;padding:6px;border-radius:7px}.q-mini-utilities svg{width:15px;height:15px}.q-ribbon-grip{width:40px;height:24px}.q-ribbon-grip svg{transform:rotate(90deg)}.ribbon-label{left:18px;top:70px;max-width:120px;line-height:1.7;font-size:10px}.grip-note{display:none}.ribbon-demo .illustration-note{left:18px;right:auto;bottom:auto;top:115px;max-width:130px;font-size:10px}.ribbon-demo .illustration-note strong{font-size:14px;line-height:1.5}.ribbon-demo .finder-window{left:13px;top:263px;width:155px;height:145px;display:block}.ribbon-demo .finder-top{height:38px;padding:0 9px}.ribbon-demo .traffic{gap:3px;margin-right:8px}.ribbon-demo .traffic i{width:6px;height:6px}.ribbon-demo .finder-top>svg,.ribbon-demo .finder-sidebar{display:none}.ribbon-demo .finder-top strong{font-size:9px}.ribbon-demo .finder-files{padding:10px 7px}.ribbon-demo .finder-file{gap:6px;padding:7px 4px}.ribbon-demo .finder-file strong{font-size:8px}.ribbon-demo .paper-icon{width:21px;height:28px;font-size:6px}.ribbon-demo .finder-other{font-size:8px;padding:8px 4px}.ribbon-demo .demo-toast{top:33px;padding:7px 10px}.ribbon-demo .demo-toast strong{font-size:11px}.ribbon-demo .demo-toast small{font-size:9px}
  .exchange-demo .scene-viewport{height:790px;aspect-ratio:auto}.exchange-demo .scene-canvas{width:100%;height:790px}.detail-panel{left:12px;top:8px;width:calc(100% - 24px)}.detail-panel.receiver{left:12px;top:405px}.detail-panel .q-panel-head{padding:6px 9px}.q-detail-heading{padding:16px 10px;gap:6px}.q-detail-identity{gap:5px}.q-detail-identity h3{font-size:17px}.q-detail-symbol{width:27px}.q-detail-symbol svg{width:23px;height:23px}.q-detail-actions .q-action:nth-child(2){display:none}.q-detail-actions .q-action{padding:4px 5px;font-size:9px}.q-history-list{padding:0 10px}.q-history-row{gap:7px;grid-template-columns:25px minmax(0,1fr) auto}.q-history-icon{width:25px}.q-history-copy strong{font-size:11px}.q-history-copy small{font-size:9px}.q-history-row .q-receive-action{min-width:67px;font-size:9px;gap:4px;padding:7px 6px}.q-history-state{font-size:9px}.q-settings-footer{margin-left:10px;margin-right:10px;font-size:9px}.q-settings-footer .q-action{padding:6px 2px;gap:4px}.exchange-bridge{left:calc(50% - 15px)}.exchange-demo .demo-toast{left:50%;top:448px}.demo-ghost{font-size:10px;max-width:180px;padding:6px 8px}.demo-cursor svg{width:21px;height:26px}
}
@media(max-width:360px){.hero-demo .q-recent-hint{display:none}.hero-demo .q-sharing-tools .q-multi-drop{margin-left:0}.q-heading strong{font-size:13px}.q-brand-descriptor{font-size:10px}.q-head-tools .q-icon{width:21px}.q-ribbon-layout{right:12px}.ribbon-demo .finder-window{width:134px;left:10px}.ribbon-demo .illustration-note{max-width:115px}.ribbon-label{max-width:108px}.hero-demo .finder-window{top:760px}.q-detail-identity h3{font-size:15px}.q-detail-actions .q-action:first-child{display:none}}
/* Icons outside the app replicas use the same open line treatment. */
[data-icon] svg,.demo-controls svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Drag-only ribbon: the working windows stay in place for the entire handoff. */
.reveal-demo .scene-viewport{aspect-ratio:1120/560}
.reveal-demo .scene-canvas{height:560px}
.reveal-demo .q-ribbon-layout{left:0;right:0;top:54px;margin-inline:auto;z-index:8;will-change:transform,opacity}
.reveal-demo .q-mini-target{width:158px}
.reveal-demo .finder-window{left:110px;top:190px;width:600px;height:280px;grid-template-columns:130px 1fr;grid-template-rows:48px 1fr;z-index:2;box-shadow:0 22px 55px #0002}
.reveal-demo .finder-top{font-size:13px;padding:0 20px}
.reveal-demo .finder-sidebar{font-size:11px;padding:20px 10px}
.reveal-demo .finder-sidebar span{padding:8px}
.reveal-demo .finder-files{padding:20px}
.reveal-demo .finder-file{padding:12px;gap:12px}
.reveal-demo .finder-file strong{font-size:13px}
.reveal-demo .finder-file small{font-size:11px}
.reveal-demo .paper-icon{width:33px;height:41px;font-size:8px}
.reveal-demo .finder-other{font-size:12px;padding:16px 12px}
.reveal-demo .demo-toast{top:135px;z-index:10}
.reveal-demo .demo-ghost .paper-icon{width:23px;height:29px;font-size:6px}
.work-window{position:absolute;left:550px;top:135px;width:430px;height:330px;overflow:hidden;border:1px solid var(--q-line);border-radius:12px;background:var(--q-surface);box-shadow:0 12px 35px #0001;color:var(--q-dim)}
.work-title{height:43px;display:flex;align-items:center;gap:5px;padding:0 15px;border-bottom:1px solid var(--q-line);font-size:11px}
.work-title .traffic{margin-right:12px}.work-title>span:last-child{margin-left:auto;font-size:9px}
.work-content{padding:30px 35px}.work-kicker{font-size:8px;letter-spacing:1.6px;color:var(--q-accent-text)}
.work-content h3{font-size:25px;font-weight:550;letter-spacing:-.5px;margin:10px 0 12px;color:var(--q-ink)}
.work-content p{font-size:11px;line-height:1.8;margin:0}.work-rule{height:1px;background:var(--q-line);margin:21px 0 15px}
.work-check{display:block;font-size:10px;margin:10px 0}
.reveal-mode{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;color:var(--dim);font-size:10px;padding:7px 11px;background:var(--card);border:1px solid var(--line);border-radius:20px;white-space:nowrap}
.reveal-mode svg{width:12px;height:12px;color:var(--q-green)}
@media(max-width:600px){
  .reveal-demo .scene-viewport{height:540px;aspect-ratio:auto}.reveal-demo .scene-canvas{height:540px;width:100%}
  .reveal-demo .q-ribbon-layout{top:61px;left:12px;right:12px;width:calc(100% - 24px);max-width:415px;flex-direction:row}
  .reveal-demo .q-mini{flex-direction:row;width:100%;padding:6px;gap:3px}
  .reveal-demo .q-mini-target{width:auto;min-width:0;flex:1;height:54px;flex-direction:row;padding:5px;gap:5px;justify-content:flex-start}
  .reveal-demo .q-mini-symbol{width:20px;height:25px;flex:none}.reveal-demo .q-mini-symbol>svg{width:19px;height:19px}
  .reveal-demo .q-mini-copy{flex:1;width:auto;text-align:left;min-width:0}.reveal-demo .q-mini-copy strong{font-size:10px;line-height:16px}.reveal-demo .q-mini-copy small{font-size:9px;line-height:14px}
  .reveal-demo .q-mini-public{max-width:100px}.reveal-demo .q-mini-public .q-mini-symbol{display:none}
  .reveal-demo .q-mini-tools{flex-direction:row;width:auto;border-top:0;border-left:1px solid var(--q-line);padding:0 0 0 5px;gap:4px}
  .reveal-demo .q-mini-tools>.q-icon{width:28px;height:50px;padding:5px}.reveal-demo .q-mini-utilities{width:24px;grid-template-columns:24px;grid-template-rows:repeat(2,23px);gap:3px}
  .reveal-demo .q-mini-utilities .q-icon{height:23px;padding:4px;border-radius:5px}.reveal-demo .q-mini-utilities svg{width:13px;height:13px}
  .reveal-demo .finder-window{left:14px;top:230px;width:calc(100% - 40px);height:230px;grid-template-columns:72px 1fr;grid-template-rows:43px 1fr}
  .reveal-demo .finder-top{padding:0 12px;font-size:11px}.reveal-demo .traffic{margin-right:12px}.reveal-demo .finder-sidebar{padding:15px 4px;font-size:8px}.reveal-demo .finder-sidebar span{padding:7px 4px}
  .reveal-demo .finder-files{padding:13px 9px}.reveal-demo .finder-file{padding:8px 5px;gap:7px}.reveal-demo .finder-file strong{font-size:10px}.reveal-demo .finder-file small{font-size:9px}.reveal-demo .finder-file .paper-icon{width:25px;height:33px;font-size:6px}
  .reveal-demo .finder-other{font-size:9px;padding:13px 5px}
  .work-window{left:48px;top:166px;width:calc(100% - 64px);height:305px}.work-title{font-size:10px;padding:0 12px}.work-title>span:last-child{display:none}.work-content{padding:18px 22px}.work-content h3{font-size:21px}
  .reveal-demo .demo-toast{top:145px;max-width:calc(100% - 40px);font-size:11px}.reveal-mode{bottom:22px;font-size:9px}
  .reveal-demo .demo-steps{flex-wrap:wrap;justify-content:flex-start;gap:3px}.reveal-demo .demo-steps button{font-size:10px;padding:6px 8px;min-height:30px}
}