/* Shared visual system for the friendly front-end; existing controllers own state. */
.friendly-ui{--radius:20px;--soft-blue:#142844;--soft-mint:#14352d;--soft-yellow:#332c1c;--line-blue:#335780;--line-mint:#275647;--line-yellow:#66512e;--link:var(--accent);font-size:16px;line-height:1.6;}
html[data-theme="light"] .friendly-ui{--bg:#faf9f6;--stage:#fff;--card:#f6f8fc;--panel:#eef3fb;--fg:#172033;--muted:#53647e;--dim:#61718a;--border:#e0e7f0;--code:#fff;--accent:#2563eb;--accent-2:#1d4ed8;--green:#15764b;--amber:#865f00;--soft-blue:#edf5ff;--soft-mint:#effbf5;--soft-yellow:#fffaeb;--line-blue:#cee0fb;--line-mint:#ccecdf;--line-yellow:#f0e3ba;}
.friendly-ui button,.friendly-ui a,.friendly-ui select,.friendly-ui input{ -webkit-tap-highlight-color:transparent;}
.friendly-ui :is(button,a,summary,select){transition:background-color .18s,border-color .18s,color .18s;}
.friendly-ui :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px;}
.friendly-ui button:disabled{opacity:.55;cursor:not-allowed;}
.friendly-ui :is(.primary-btn,.join-btn,.field-pick){background:var(--accent);color:white;box-shadow:none;border-color:transparent;min-height:48px;}
.friendly-ui :is(.primary-btn,.join-btn,.field-pick):hover:not(:disabled){background:var(--accent-2);}
.friendly-ui .primary-btn{font-size:16px;border-radius:13px;font-weight:650;}
.friendly-ui .logo{width:36px;height:36px;border-radius:11px;background:var(--accent);color:white;box-shadow:none;flex:none;}
.friendly-ui .logo svg{width:25px;height:25px;}
.friendly-ui .brand{gap:10px;white-space:nowrap;}
.friendly-ui .brand h1{font-size:18px;letter-spacing:-.5px;}
.friendly-ui .brand-sub{font-size:18px;color:var(--fg);font-weight:700;}
.friendly-ui .brand p{display:none;}
.friendly-ui .cancel-btn{min-height:40px;font-size:13px;border-radius:10px;}
.friendly-ui .cancel-btn:hover:not(:disabled){background:var(--panel);color:var(--fg);border-color:var(--accent);}
.friendly-ui .join-input{font-size:16px;}
.friendly-ui :is(.tool-page,.transfer-app){max-width:1200px;padding:0 36px 40px;}
.friendly-ui :is(.topbar,.tool-page>.topbar){height:auto;min-height:84px;padding:20px 0;gap:14px;border-bottom:1px solid var(--border);}
.friendly-ui .topbar .brand{margin-right:auto;}
.primary-nav{display:flex;gap:8px;align-items:center;}
.primary-nav a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--fg);font-size:14px;white-space:nowrap;}
.primary-nav a:hover{background:var(--panel);}
.primary-nav a[aria-current]{background:var(--accent);color:#fff;}
.app-menu-toggle{display:none;}
.friendly-ui .transfer-app #connState{display:none;}
.friendly-ui .transfer-app:has(#panel-room.show) #connState{display:block;}
.friendly-ui .transfer-app .conn-diag{font-size:12px!important;}
.friendly-ui .transfer-app .header-actions{flex-wrap:nowrap;flex-shrink:0;}
.friendly-ui .transfer-app .connection-status{display:none;}
.friendly-ui .transfer-app:has(#panel-room.show) .connection-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;width:100%;order:5;}
.friendly-ui .transfer-app .connection-status .conn-diag{margin-left:0!important;min-width:0;overflow-wrap:anywhere;}
@media(min-width:768px){
 .friendly-ui .transfer-app .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;}
 .friendly-ui .transfer-app .topbar .brand{grid-column:1;grid-row:1;min-width:0;}
 .friendly-ui .transfer-app .topbar .brand p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
 .friendly-ui .transfer-app .topbar .header-actions{grid-column:2;grid-row:1;justify-self:end;}
 .friendly-ui .transfer-app .topbar .primary-nav{grid-column:1/-1;grid-row:2;justify-content:center;}
 .friendly-ui .transfer-app .topbar .connection-status{grid-column:1/-1;grid-row:3;}
}
@media(min-width:1100px){
 .friendly-ui .transfer-app .topbar{grid-template-columns:minmax(0,1fr) auto auto;}
 .friendly-ui .transfer-app .topbar .primary-nav{grid-column:2;grid-row:1;width:auto;}
 .friendly-ui .transfer-app .topbar .header-actions{grid-column:3;}
 .friendly-ui .transfer-app .topbar .connection-status{grid-row:2;}
}

.friendly-ui .transfer-app #panel-home.show{display:grid;grid-template-columns:1fr;gap:24px;}
.friendly-ui .transfer-app .home-hero{position:relative;width:fit-content;max-width:100%;margin:38px auto 10px;padding-right:140px;text-align:left;}
.friendly-ui .transfer-eyebrow{color:var(--muted);font-size:14px;letter-spacing:0;}
.friendly-ui .transfer-app .home-hero .big{display:block;font-size:clamp(28px,3.5vw,44px);font-weight:750;letter-spacing:-1.3px;margin:10px 0;}
.friendly-ui .transfer-app .home-hero .sub{font-size:16px;}
.hero-mascot{position:absolute;right:0;top:10px;object-fit:contain;}
.friendly-ui .connect-card{padding:0;border:0;background:transparent;border-radius:0;display:block;}
.friendly-ui .connect-heading{display:none;}
.friendly-ui .connect-options{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;margin:0;align-items:stretch;}
.friendly-ui :is(.create-option,.join-option){border:1px solid var(--border);border-radius:22px;padding:30px 32px;display:flex;flex-direction:column;}
.friendly-ui .create-option{background:var(--soft-blue);border-color:var(--soft-blue);}
.friendly-ui .join-option{background:var(--stage);}
.friendly-ui .connect-options h4{font-size:26px;letter-spacing:-.5px;margin:0 0 8px;}
.friendly-ui .action-description{font-size:15px;margin:0 0 18px;}
.pair-illustration{width:100%;max-width:340px;height:142px;object-fit:contain;margin:auto auto 14px;}
.friendly-ui .connect-options .primary-btn{min-height:52px;margin:0;box-shadow:none;}
.guest-note{text-align:center;display:block;font-size:12px;color:var(--muted);margin-top:8px;}
.friendly-ui .scan-btn{background:transparent;color:var(--accent);border-color:var(--accent);min-height:54px;font-size:16px;margin-top:auto;}
.friendly-ui .scan-btn:hover{background:var(--soft-blue);}
.friendly-ui .connect-options .join-input{min-height:52px;background:var(--stage);font-size:18px;letter-spacing:3px;}
.friendly-ui .connect-options .or{margin:20px 0 14px;font-size:12px;color:var(--muted);}
.friendly-ui .connect-footer{display:none;}
.benefit-row{display:grid;grid-template-columns:repeat(3,1fr);padding:0 40px;gap:24px;}
.benefit-row>span{display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:center;}
.benefit-row>span+span{border-left:1px solid var(--border);padding-left:28px;}
.benefit-row i{grid-row:1/3;font-style:normal;font-size:32px;color:var(--accent);text-align:center;}
.benefit-row b{font-size:15px;}.benefit-row small{font-size:12px;color:var(--muted);}
.friendly-ui .transfer-extras{padding:0;border:0;background:transparent;display:block;border-radius:0;}
.friendly-ui .transfer-extras .feature-heading{min-height:0;margin:12px 0 14px;}
.friendly-ui .transfer-extras .feature-heading h3{font-size:22px;}
.friendly-ui .transfer-extras .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:12px;}
.friendly-ui .transfer-extras .feature-card{display:flex;padding:12px 16px;align-items:center;background:transparent;gap:12px;border:0;transform:none;}
.friendly-ui .transfer-extras .feature-delivery,.friendly-ui .transfer-extras .feature-request{grid-column:span 2;border:1px solid var(--line-yellow);border-radius:18px;background:var(--soft-yellow);padding:22px;position:relative;}
.friendly-ui .transfer-extras .feature-request{background:var(--soft-mint);border-color:var(--line-mint);}
.friendly-ui .transfer-extras .feature-card:hover{border-color:var(--accent);background:var(--panel);}
.friendly-ui .transfer-extras .feature-copy small{display:none;}
.friendly-ui .transfer-extras :is(.feature-delivery,.feature-request) .feature-copy small{display:block;font-size:14px;}
.friendly-ui .transfer-extras .feature-copy strong{font-size:13px;}
.friendly-ui .transfer-extras :is(.feature-delivery,.feature-request) .feature-copy strong{font-size:18px;}
.friendly-ui .feature-icon{background:var(--panel);color:var(--accent);border-radius:13px;}
.friendly-ui .transfer-extras :is(.feature-delivery,.feature-request) .feature-icon{height:48px;flex-basis:48px;background:var(--stage);}
.friendly-ui .feature-delivery .feature-icon{color:var(--amber);}
.friendly-ui .feature-request .feature-icon{color:var(--green);}
.friendly-ui .transfer-extras .feature-arrow{display:none;}
.login-note{font-size:11px;color:var(--muted);background:var(--stage);border-radius:99px;padding:2px 8px;margin-left:auto;white-space:nowrap;}
.friendly-ui .transfer-app #panel-home>.trusted-manager:not([open]){padding:12px 16px;background:transparent;border-color:var(--border);}
.friendly-ui .trust{font-size:12px;color:var(--muted);text-align:center;}
.friendly-ui .transfer-app :is(#panel-create,#panel-join,#panel-room){max-width:900px;padding:32px;margin-top:32px;border-radius:24px;position:relative;}
.friendly-ui .transfer-app :is(#panel-create,#panel-join){max-width:700px;}
.friendly-ui .room-head .back{min-width:44px;min-height:44px;font-family:inherit;font-size:26px;}
.waiting-heading{text-align:center;margin:18px 0 4px;}.waiting-heading h2{font-size:28px;letter-spacing:-.6px;margin:0;}.waiting-heading p{font-size:15px;color:var(--muted);margin:6px 0;}
.waiting-mascot{position:absolute;right:32px;top:130px;width:100px;opacity:.9;}
.friendly-ui .qr-wrap{box-shadow:none;border:1px solid var(--border);width:224px;height:224px;padding:20px;margin:22px auto;}
.friendly-ui .code-box .code{font-size:34px;letter-spacing:9px;margin:10px 0;overflow-wrap:anywhere;}
.friendly-ui .code-copy{min-height:44px;font-size:14px;padding:10px 20px;background:var(--accent);color:white;border:0;border-radius:12px;cursor:pointer;}
.friendly-ui .status-pill{color:var(--fg);background:var(--soft-blue);font-size:14px;}
.friendly-ui #panel-room .conn-title{font-size:26px;margin:0;}.friendly-ui #panel-room .conn-sub{font-size:14px;margin:6px 0 16px;}
.friendly-ui .peer{background:var(--soft-mint);border-color:var(--line-mint);padding:14px 18px;border-radius:16px;}
.friendly-ui .peer .meta b{font-size:15px;}.friendly-ui .peer .meta div{font-size:12px;}
.friendly-ui .dropzone{background:var(--soft-blue);border-color:var(--accent);box-shadow:none;}
.friendly-ui .dropzone .t1{box-shadow:none;min-height:48px;font-size:16px;}
.friendly-ui .file-card{background:var(--stage);border-radius:16px;padding:18px;}
.friendly-ui .file-card .fname{font-size:15px;}.friendly-ui .file-card .fsize,.friendly-ui .fstat{font-size:13px;}
.friendly-ui .bar{height:8px;background:var(--panel);}.friendly-ui .bar i{background:var(--accent);}
.friendly-ui .verify-box{border-color:var(--line-mint);}.friendly-ui .wake-tip{background:var(--soft-blue);color:var(--muted);border-color:var(--line-blue);}
/* Tools keep their actual route and auth state, with a quieter horizontal desktop nav. */
.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav){position:static;width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding:12px 0;margin:0 0 28px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;overflow:visible;}
.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav)::before{display:none;}
.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav) a{padding:8px 14px;min-height:44px;font-size:14px;white-space:nowrap;}
.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav) .tool-nav-back{order:0;border:0;margin:0;padding:8px 14px;}
.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav) a[aria-current]{background:var(--accent);color:white;border-radius:999px;}
.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav) a svg{display:none;}
.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav) a[href*="#"],.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav) a[href="/billing.html"]{font-size:12px;color:var(--muted);}
.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav) a[aria-current="page"]{color:white;}
.friendly-ui .tool-page .tool-form{margin-top:24px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;padding:30px;background:var(--stage);border:1px solid var(--border);border-radius:24px;}
.friendly-ui .tool-heading{position:relative;min-height:105px;padding:4px 125px 16px 0!important;align-content:center;}
.friendly-ui .tool-form h1{font-size:30px;line-height:1.35;letter-spacing:-.6px;}
.friendly-ui .tool-form .tool-heading p{font-size:15px;}
.tool-mascot{position:absolute;right:0;top:0;}
.friendly-ui .tool-page .tool-form>.form-section,.friendly-ui .tool-page .tool-side-stack>.form-section{padding:0;background:transparent;border:0;gap:20px;}
.friendly-ui .tool-page .tool-side-stack{gap:20px;}
.friendly-ui .tool-page .tool-form .step-number{display:flex;min-width:30px;height:30px;border-radius:999px;background:var(--accent);color:white;font-size:14px;}
.friendly-ui .form-field label{color:var(--fg);font-size:14px;}
.friendly-ui .tool-form .join-input{border-radius:11px;min-height:48px;background:var(--stage);font-size:16px;}
.friendly-ui .tool-form textarea{min-height:100px;}
.friendly-ui .tool-form .verify-note{font-size:13px;}
.friendly-ui .file-choice{background:var(--soft-yellow);border-color:var(--line-yellow);border-radius:18px;min-height:210px;}
.friendly-ui .file-choice-icon{color:var(--amber);}.friendly-ui .file-choice .cancel-btn{color:var(--accent);border-color:var(--line-blue);background:var(--stage);min-height:48px;padding:10px 24px;}
.friendly-ui .file-choice.has-file{background:var(--soft-mint);border-color:var(--line-mint);}
.friendly-ui .step-heading{color:var(--fg);font-size:18px!important;}
.friendly-ui .advanced-settings{background:var(--stage);border-radius:12px;padding:0 14px;}
.friendly-ui .advanced-settings summary{min-height:48px;font-size:14px;}
.friendly-ui .tool-page .form-actions .primary-btn{min-height:52px;}
.friendly-ui .share-result{background:var(--soft-mint);border-color:var(--line-mint);border-radius:18px;}
.friendly-ui .links-page .links-intro{margin:32px 0 24px;}.friendly-ui .links-intro h1{font-size:32px;}
.friendly-ui .links-page .links-tabs{width:100%;background:var(--panel);border:0;border-radius:14px;padding:5px;margin-bottom:20px;}
.friendly-ui .links-page .links-tab{border:0;border-radius:10px;}.friendly-ui .links-page .links-tab.on{background:var(--stage);color:var(--accent);}
.friendly-ui .links-panel{background:var(--stage);}.friendly-ui .managed-link-actions .action-primary{background:var(--soft-blue);color:var(--accent);border-color:var(--line-blue);}
.friendly-ui .field-chip,.friendly-ui .request-file{background:var(--card);border-color:var(--border);color:var(--fg);}
.friendly-ui .field-chip.active{background:var(--soft-blue);border-color:var(--accent);color:var(--fg);}
.friendly-ui .field-chip small,.friendly-ui .request-file small{color:var(--muted);}.friendly-ui .request-file a{color:var(--accent);}
.field-editor{display:grid;gap:10px;}.field-editor-row{display:flex;gap:10px;align-items:center;}.field-editor-row input[type="text"]{width:0;flex:1;min-width:0;letter-spacing:normal;text-align:left;text-transform:none;}
.field-editor-row label{display:flex;align-items:center;gap:5px;white-space:nowrap;min-height:44px;font-size:13px;}.field-editor-row input[type="checkbox"]{accent-color:var(--accent);width:18px;height:18px;}
.field-remove{width:44px;min-height:44px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:10px;font-size:22px;cursor:pointer;}
.field-add{background:var(--soft-blue);border:1px dashed var(--line-blue);color:var(--accent);font:600 14px var(--font);border-radius:10px;min-height:44px;cursor:pointer;}
.field-editor-error{font-size:13px;color:var(--red);margin:0;}
/* Device and history workspaces use the same navigation as the other tools. */
.friendly-ui .transfer-app.feature-tool-mode{padding:0 32px 44px;max-width:1200px;}
.friendly-ui .feature-tool-mode .topbar :is(.primary-nav,.app-menu-toggle){display:none;}
.friendly-ui .feature-tool-mode .feature-tool-nav a>span:first-child:not([data-ui-source]):not(:last-child){display:none;}
.friendly-ui .feature-tool-mode .feature-tool-nav .tool-nav-back>span:first-child{display:inline;}
@media(max-width:767px){.friendly-ui .transfer-app.feature-tool-mode>.topbar{display:none;}}
.friendly-ui .transfer-app.feature-tool-mode .benefit-row{display:none;}
@media(min-width:768px) and (max-width:1050px){.friendly-ui .primary-nav{order:3;width:100%;justify-content:center;}.friendly-ui .tool-page .tool-form{gap:20px;}}
@media(max-width:767px){
 .friendly-ui :is(.tool-page,.transfer-app){padding:0 18px 28px;}
 .friendly-ui .transfer-app .topbar{min-height:72px;padding:16px 0;gap:10px;position:relative;}
 .friendly-ui .brand h1,.friendly-ui .brand-sub{font-size:16px;}
 .friendly-ui .transfer-app .topbar .brand{flex:1;flex-basis:auto;}
 .app-menu-toggle{display:flex;align-items:center;justify-content:center;background:var(--stage);color:var(--fg);border:1px solid var(--border);border-radius:12px;min-width:44px;height:44px;order:1;cursor:pointer;}
 .app-menu-toggle svg{width:22px;height:22px;}
 .friendly-ui .transfer-app .primary-nav,.friendly-ui .transfer-app .header-actions{display:none;}
 .friendly-ui .transfer-app .topbar.menu-open .primary-nav{display:grid;grid-template-columns:repeat(2,1fr);width:100%;order:3;gap:8px;}
 .friendly-ui .transfer-app .topbar.menu-open .primary-nav a{min-height:44px;border-radius:12px;display:flex;align-items:center;}
 .friendly-ui .transfer-app .topbar.menu-open .header-actions{display:flex;width:100%;order:4;justify-content:flex-start;padding:8px 0;}
 .friendly-ui .transfer-app #connState{order:2;}.friendly-ui .transfer-app .conn-diag{order:5;text-align:left;}
 .friendly-ui .transfer-app #panel-home.show{gap:20px;margin-top:24px;}
 .friendly-ui .transfer-app .home-hero{display:none;}
 .hero-mascot{width:78px;height:78px;top:16px;right:-5px;}
 .friendly-ui .transfer-app .home-hero .big{font-size:28px;letter-spacing:-1px;margin:8px 0;}
 .friendly-ui .transfer-app .home-hero .sub{font-size:13px;margin-right:-60px;}
 .friendly-ui .transfer-eyebrow{font-size:12px;}
 .friendly-ui .connect-options{grid-template-columns:1fr;gap:14px;}
 .friendly-ui :is(.create-option,.join-option){padding:22px;border-radius:18px;}
 .friendly-ui .connect-options h4{font-size:22px;}.friendly-ui .action-description{font-size:13px;margin-bottom:12px;}
 .pair-illustration{height:116px;margin:0 auto 12px;}
 .friendly-ui .connect-options .primary-btn{min-height:48px;}
 .friendly-ui .connect-options .or{margin:14px 0 10px;}
 .friendly-ui .scan-btn{min-height:48px;font-size:14px;}
 .friendly-ui .connect-options .join-input{min-height:48px;}
 .benefit-row{padding:0;gap:8px;}.benefit-row>span{display:flex;flex-direction:column;gap:2px;text-align:center;}.benefit-row>span+span{padding-left:0;}.benefit-row i{font-size:24px;}.benefit-row b{font-size:12px;}.benefit-row small{font-size:10px;}
 .friendly-ui .transfer-extras .feature-heading h3{font-size:20px;}
 .friendly-ui .transfer-extras .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px;}
 .friendly-ui .transfer-extras :is(.feature-delivery,.feature-request){padding:16px;gap:12px;}
 .friendly-ui .transfer-extras :is(.feature-delivery,.feature-request) .feature-copy strong{font-size:16px;}
 .friendly-ui .transfer-extras :is(.feature-delivery,.feature-request) .feature-copy small{font-size:12px;}
 .friendly-ui .transfer-extras .feature-card{padding:12px 8px;gap:8px;}
 .friendly-ui .transfer-extras .feature-icon{height:28px;flex-basis:28px;}
 .friendly-ui .login-note{font-size:10px;}
 .friendly-ui .transfer-app :is(#panel-create,#panel-join,#panel-room){padding:20px 16px;margin-top:20px;}
 .waiting-heading h2{font-size:23px;}.waiting-heading p{font-size:13px;}.waiting-mascot{display:none;}
 .friendly-ui .tool-page>.topbar{display:none;}
 .friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav){display:none;margin:0;}
 .friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav).mobile-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:fixed;top:82px;bottom:auto;left:18px;right:18px;width:auto;max-height:calc(100dvh - 100px);overflow:auto;z-index:30;flex-direction:column;padding:14px;background:var(--stage);border:1px solid var(--border);border-radius:18px;}
 .friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav).mobile-open a{width:100%;font-size:13px;white-space:normal;}.friendly-ui :is(.tool-page>.tool-nav,.transfer-app.feature-tool-mode .feature-tool-nav).mobile-open .tool-nav-back{grid-column:1/-1;}
 .friendly-ui .tool-nav-toggle{box-shadow:none;border-radius:16px;min-height:64px;}
 .friendly-ui .tool-nav-toggle-copy small{font-size:12px;}.friendly-ui .tool-mobile-utilities{display:flex;}
 .friendly-ui .tool-page .tool-form{grid-template-columns:1fr;padding:22px 18px;margin-top:16px;gap:24px;border-radius:20px;}
 .friendly-ui .tool-page .tool-form>.form-section:nth-of-type(2),.friendly-ui .tool-page .tool-side-stack,.friendly-ui .tool-page .tool-form>.form-actions{grid-column:1;}
 .friendly-ui .tool-form h1{font-size:25px;}.friendly-ui .tool-heading{padding-right:65px!important;min-height:88px;}
 .friendly-ui .tool-form .tool-heading p{font-size:13px;}.tool-mascot{width:68px;height:65px;top:4px;}
 .friendly-ui .file-choice{min-height:165px;}
 .friendly-ui .transfer-app.feature-tool-mode{padding:0 18px 28px;}
 .friendly-ui .field-editor-row{gap:6px;}.friendly-ui .field-editor-row label{font-size:12px;}.field-remove{width:40px;}
}
@media(max-width:360px){.friendly-ui .transfer-app .home-hero .big{font-size:24px;}.friendly-ui .login-note{display:none;}.friendly-ui .benefit-row small{display:none;}.friendly-ui .connect-options h4{font-size:20px;}}
@media(prefers-reduced-motion:reduce){.friendly-ui *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
/* Keep focused feature workspaces outside the home grid. */
.friendly-ui .transfer-app.feature-tool-mode #panel-home.show{display:block;animation:none;}
html[data-theme] .friendly-ui .transfer-extras .feature-delivery{background:var(--soft-yellow);}
html[data-theme] .friendly-ui .transfer-extras .feature-request{background:var(--soft-mint);}
html[data-theme] .friendly-ui .transfer-extras .feature-delivery .feature-icon{background:var(--stage);color:var(--amber);}
html[data-theme] .friendly-ui .transfer-extras .feature-request .feature-icon{background:var(--stage);color:var(--green);}
.friendly-ui .join-option .scan-btn{margin-top:20px;}
.friendly-ui .join-option .join-row{margin-bottom:auto;}
@media(max-width:767px){.friendly-ui .join-option .scan-btn{margin-top:0;}.friendly-ui .tool-page .form-actions{position:static;margin:0;padding:0;background:transparent;}}
.friendly-ui .feature-tool-mode #trustedDeviceList{min-height:148px;}
.friendly-ui .topbar .acc-btn.guest{color:var(--accent);border-color:var(--line-blue);background:var(--stage);}
.friendly-ui .delivery-limits .form-grid{grid-template-columns:1fr;}
html[data-theme] .friendly-ui :is(#panel-home,.tool-page) .tool-nav a[aria-current="page"]{background:var(--accent);color:white;}
html[data-theme] .friendly-ui .tool-page .step-number{background:var(--accent);color:white;}
html[data-theme] .friendly-ui .tool-page .file-choice{background:var(--soft-yellow);border-color:var(--line-yellow);}
html[data-theme] .friendly-ui .tool-page .file-choice.has-file{background:var(--soft-mint);border-color:var(--line-mint);}
.friendly-ui .tool-form select.join-input{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2361718a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;}
.friendly-ui .tool-form .storage-note{order:5;margin-top:0;font-size:12px;}
.friendly-ui .tool-form .storage-note+.cancel-btn{order:6;}