:root{--green:#426640;--line:#e9dfbf;--border:#e9dfbf;--muted:#8a8b70;--pineapple-gold:#e6ae36;--pineapple-ink:#2b4935;--pineapple-leaf:#647f44;--pineapple-cream:#faf6e9;--pineapple-paper:#fffdf7;color:var(--pineapple-ink);background:var(--pineapple-cream)}
html{background:#faf6e9;scrollbar-color:#c9cc9f #f7f1de}body{background:radial-gradient(ellipse at 90% 8%,#f6e6a75c,transparent 48%),linear-gradient(135deg,#fcf9ef,#f6f1e0);color:var(--pineapple-ink);min-height:100dvh;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('/assets/pineapple-background-v1.png');background-size:cover;background-position:center;opacity:.36}a{color:inherit}button,input,select,textarea{accent-color:#667d41}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d9b658;outline-offset:3px}
.studio-sidebar,body>.studio-sidebar{background:linear-gradient(180deg,#fffdf5f5,#fbf5e5f5);border-right:1px solid #e5d9b4;box-shadow:4px 0 28px #6f6b2904}.studio-sidebar .brand.studio-brand{display:flex;justify-content:center;padding:0 0 12px;margin-bottom:2px;min-height:85px;border-bottom:1px solid #eae0c0}.studio-sidebar .brand-logo{display:block;width:210px;height:74px;max-width:100%;object-fit:contain}.studio-sidebar .nav-label{color:#9c945f;font-size:11px;letter-spacing:2px}.studio-sidebar .studio-navigation>a,.studio-sidebar .studio-navigation>button{color:#69735a;border-radius:11px;transition:background .16s,color .16s}.studio-sidebar .studio-navigation>a>span,.studio-sidebar .studio-navigation>button>span{color:#a69e71}.studio-sidebar .studio-navigation>.active,.studio-sidebar .studio-tools>.active{background:linear-gradient(110deg,#f8e6a8,#f3eac5);color:#395735;box-shadow:inset 3px 0 #d6a43b;font-weight:650}.studio-sidebar .studio-navigation>a:hover,.studio-sidebar .studio-navigation>button:hover,.studio-sidebar .studio-tool:hover{background:#f6edcd;color:#3e5a36}.studio-sidebar .studio-tool{color:#6f795b}.studio-sidebar .studio-tools>.active{font-weight:600}
header,.topbar{background:#fffcf3e8;border-bottom-color:#e9dfbf;backdrop-filter:blur(14px);color:#8c8e71}header strong,.topbar strong{color:#3c583e}.slash{color:#c7bb89}.local-tag{background:#faf3db;border-color:#e8d9aa;color:#9a8a51}.eyebrow{color:#a08a38}.page-heading h1,h1,h2,h3{color:#2d4e36}.page-heading p,.muted,p.hint{color:#87896c}.panel,.group-card,.stat,.auth{background:#fffdf7f2;border-color:#e9dfbf;box-shadow:0 5px 22px #826c2705}.panel,.group-card{border-radius:16px}.stat{background:linear-gradient(140deg,#fffef9,#fffaf0)}.stat:first-child{background:linear-gradient(140deg,#fff5d0,#f8edc4);border-color:#e8d494}.stat span,.stats span{color:#8d8d70}.stat strong,.stats strong{color:#3e5e39}.stat:first-child strong,.stats strong.green{color:#687d38}.overview-grid>.guide{background:linear-gradient(145deg,#eef1deee,#f9f5e5ee);border-color:#dfe2bd}.guide li:before{background:#fffaf0;color:#6b7f3d;border:1px solid #e1dfb9}.guide li span,.guide>p{color:#7d8966}.guide>p{border-color:#dbdfb9}.empty{color:#919174}.row{border-color:#ece5cf}.row small,.lease-head p,.lease-bottom small{color:#8c9075}.lease-details{border-color:#eae2c8}.lease-details span{color:#8e9075}.lease-details b{color:#45603c}.group-card small{color:#9a997c}.stats>div,.stats{border-color:#eae2c8}.account-table-head,.account-row{border-color:#ece3c7}.account-table-head{color:#9a956e}.account-summary{color:#8d9074}.account-summary a{color:#6f7e3d}.account-avatar,.profile-avatar,.group-avatar{background:#f7e8b0;color:#7a783c}.account-identity small,.account-note{color:#929074}.account-table{overflow:hidden}.account-table-head{background:linear-gradient(90deg,#faf4dd99,transparent)}
button.primary,.button.primary,.primary{background:linear-gradient(125deg,#e9b83e,#dba129);border:1px solid #d5a02a;color:#364b2d;box-shadow:0 3px 8px #be923517;font-weight:650}.primary:not(:disabled):hover,button.primary:hover,.button.primary:not(:disabled):hover{background:linear-gradient(125deg,#f2c54e,#e4ab30);color:#2e4428;border-color:#c89522}.primary:disabled{opacity:.48}.secondary,button:not(.primary):not(.quiet):not(.text-button):not(.group-option):not(.danger):not([data-view]):not(.pineapple-cursor-toggle){background:#fffdf7;border-color:#e4dbbb;color:#738058}.secondary:hover:not(:disabled){background:#f9f1d4}.quiet,.text-button,.import-label{color:#718047}.text-button:not(:disabled):hover,.quiet:hover{color:#b38920}.danger,button.danger{color:#a54e35;border-color:#e8cbb5;background:#fff7ed}.button{border-radius:9px}.tag{background:#f5efd9;color:#9a8e55}.badge,.account-status .badge,.connection-pill{background:#f5efda;color:#92916c;border-color:#e5dbb8}.badge.active,.connection-pill.ready{background:#eef0d6;color:#617b3b;border-color:#d6dfac}.badge.expired,.badge.paused{background:#fff0d3;color:#af8032}.badge.released{background:#f0eee3;color:#98977e}.connection-pill.ready i,.local-dot{background:#879646}.group-command-badge.active,.command-monitor>span.active{color:#7b8a39}
input,select,textarea,.destination-heading select,.command-settings select,.sender-toolbar select{background:#fffef8;border-color:#e2dbbb;color:#3d593c}.sender-toolbar{background:linear-gradient(110deg,#f7edc9e8,#fff9e8e8);border-color:#e7d7a4}.sender-toolbar>label{color:#737c3e}.sender-toolbar>span{color:#9a946d}.sender-toolbar select{border-color:#ddcc96}.group-toolbar .text-button{color:#7b863e}.group-list{border-color:#e7dfc3;background:#fffdf7}.group-option{background:#fffdf7;border-color:#e9e1c7}.group-option:hover{background:#fbf4db}.group-option[aria-pressed="true"]{background:#fbf0c8;border-color:#dcb852}.group-option[aria-pressed="true"] .group-radio{background:#d8a634;border-color:#c59529}.group-option[aria-pressed="true"] .group-radio:after{border-color:#fffdf3}.selected-destination{background:#f7efd0;border-color:#e5d6a4}.selected-destination>span,.selected-destination>small{color:#92936b}.selected-destination strong{color:#596d37}.command-settings{border-color:#e5dabc}.command-settings>summary,.command-heading h3{color:#7d8148}.command-heading>span,.command-settings>p,.command-settings label{color:#89906e}.command-settings>small,.access-row>span{color:#9b9b7b}.command-settings #command-feedback{background:#eef0d9;color:#6a7e3b}.access-row{border-color:#e9e0c6}.input-meta,.group-info,.group-details small,.group-command-badge{color:#99987a}.field-heading>label,.destination-heading>label{color:#576846}.group-details strong{color:#4d633d}.workstation .send-footer{border-color:#e9e0c7}.workstation .send-footer p{color:#969475}.command-monitor{color:#939575}.workstation .results-panel .empty-results strong{color:#8c916f}.workstation .results-panel .empty-results p{color:#a2a185}.empty-icon{background:#faf4dc;border-color:#e8d9aa;color:#ab963f}.page-footer,footer{color:#aaa17a;border-color:#e9dfbf}.row-status.sent{background:#edf1d8;color:#71833d}.row-status.pending{background:#f7edcf;color:#a18a48}th,td{border-color:#ece3c8}th{color:#92916e;background:#fcf7e6}.table-wrap{scrollbar-color:#c7c994 #faf7e9}
#notice,.notice{background:#fff5d9;border-color:#ecd292;color:#92702e}.banner{background:#fff3c8;border-color:#e8ce7d}.account-needed{background:linear-gradient(110deg,#f9edbf,#fcf6df);border-color:#e8d397}.account-needed strong{color:#7d7d3e}.account-needed p{color:#9b956b}.uid-errors{background:#fff4e6;border-color:#e7ceb1}.uid-errors>strong,.uid-errors li button{color:#a9743e}.progress-label,.job-note{color:#8f936c}progress{accent-color:#c6a443}#qr-stage,.qr-stage{background:linear-gradient(140deg,#fff8e4,#eff0d8);border-color:#e7ddb7}#pin-box,.pin-box{background:#fcf0be;border-color:#e7cd79;color:#9a8038}#mobile-access{border-color:#e9dfbf}.mobile-access summary,.mobile-access-body p,#mobile-urls a{color:#8a8a4b}dialog{background:#fffdf6;border-color:#e7d7ab;box-shadow:0 24px 100px #4f52272b}dialog::backdrop{background:#3c462a55;backdrop-filter:blur(4px)}.dialog-actions{border-color:#e9dfbf}.auth{border-radius:24px;max-width:450px;padding:40px;border-color:#ead8a6;box-shadow:0 18px 75px #9a7e2820}.auth .brand{justify-content:center;margin:0 0 30px}.auth .brand-logo{width:285px;height:100px;object-fit:contain;max-width:100%}.auth .eyebrow{color:#b89a3a;letter-spacing:3px;font-size:10px}.auth>p,.auth>small{color:#8d9272}.auth h1{color:#3f5c37}.pair-panel>.brand{display:flex;justify-content:center;margin-bottom:24px}.pair-panel .brand-logo{width:270px;height:95px;max-width:100%;object-fit:contain}
@media(max-width:760px){body:before{background-position:65% center;opacity:.2}.studio-sidebar,body>.studio-sidebar{background:#fffaf0f5;border-bottom:1px solid #e6d6ab}.studio-sidebar .brand.studio-brand{justify-content:flex-start;min-height:65px;padding-bottom:8px}.studio-sidebar .brand-logo{width:175px;height:60px}.studio-sidebar .studio-navigation>a,.studio-sidebar .studio-navigation>button{font-size:14px}.studio-sidebar .studio-tools{padding-top:5px}.studio-sidebar .studio-tool{font-size:13px}.topbar{background:#fffaf0f5}.workstation .send-footer{background:#fffdf4f5}.sender-toolbar select,input,select,textarea{font-size:16px}.auth{padding:28px;margin:24px 16px}.auth .brand-logo{width:245px;height:86px}.auth .eyebrow{font-size:9px}.panel,.group-card{border-radius:14px}.studio-sidebar .studio-navigation>.active,.studio-sidebar .studio-tools>.active{box-shadow:inset 0 -2px #d6a43b}.workstation .results-panel{background:#fffdf7f5}}
@media(prefers-reduced-motion:reduce){.studio-sidebar .studio-navigation>a,.studio-sidebar .studio-navigation>button{transition:none}}
.pineapple-cursor{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none;user-select:none;opacity:1}.pineapple-cursor-toggle{position:fixed;right:15px;bottom:14px;z-index:91;min-height:34px;padding:7px 12px;border:1px solid #dfd2a5;border-radius:20px;background:#fffbefed;color:#8e874e;font-size:11px;line-height:18px;box-shadow:0 2px 10px #746b2010;cursor:pointer}.pineapple-cursor-toggle[aria-pressed="true"]{background:#f8edc7;border-color:#dfc878;color:#8e752b}.pineapple-cursor-toggle:focus-visible{outline:3px solid #b9c773;outline-offset:3px}@media(pointer:coarse),(prefers-reduced-motion:reduce){.pineapple-cursor,.pineapple-cursor-toggle{display:none!important}}
/* Center the mobile login card in the available screen. */
@media(max-width:760px){body:has(> .auth:not([hidden])){display:grid;place-items:center;min-height:100dvh;padding:24px 16px;box-sizing:border-box}body>.auth:not([hidden]){width:min(100%,430px);max-width:430px;margin:0;box-sizing:border-box}}
/* Mobile navigation drawer. */
.mobile-nav-trigger,.mobile-nav-close,.mobile-nav-backdrop{display:none}
@media(max-width:760px){
 body.mobile-nav-open{overflow:hidden}
 .studio-sidebar,body>.studio-sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;padding:20px 18px max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;z-index:120;border-right:1px solid #e5d9b4;border-bottom:0;background:#fffaf0;box-shadow:12px 0 40px #33432626;transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s}
 .mobile-nav-open .studio-sidebar{transform:translateX(0);visibility:visible}
 .studio-sidebar+.shell{margin-left:0}
 .studio-sidebar .brand.studio-brand{justify-content:flex-start;min-height:72px;padding-right:32px;flex-shrink:0}
 .studio-sidebar .nav-label{display:block;margin-top:20px;margin-bottom:10px}
 .studio-sidebar .studio-navigation{display:grid;gap:6px;overflow:visible;margin:0;padding:0;flex-shrink:0}
 .studio-sidebar .studio-navigation>a,.studio-sidebar .studio-navigation>button{display:flex;min-height:64px;padding:11px 13px;font-size:16px;line-height:24px;white-space:normal}
 .studio-sidebar .studio-navigation>a>span,.studio-sidebar .studio-navigation>button>span{display:inline;margin-left:auto;font-size:11px}
 .studio-sidebar .studio-tools{display:grid;gap:6px;padding:0;flex-shrink:0}
 .studio-sidebar .studio-tool{display:flex;min-height:64px;padding:11px 13px;font-size:15px;line-height:24px}
 .studio-sidebar .studio-navigation>.active,.studio-sidebar .studio-tools>.active{box-shadow:inset 3px 0 #d6a43b}
 .shell>header,.shell>header.topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;height:auto;min-height:68px}
 .shell>header>div{margin-left:auto}
 .shell>header>.mobile-nav-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #e4d8af;border-radius:10px;background:#fff8df;color:#526b3f;font-size:24px;line-height:1}
 .studio-sidebar>.mobile-nav-close{display:flex;align-items:center;justify-content:center;position:absolute;right:16px;top:25px;width:40px;height:40px;padding:0;border:1px solid #e4d8af;border-radius:10px;font-size:20px}
 .mobile-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:110;width:100%;height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:#26362366;backdrop-filter:blur(3px);cursor:default}
}
@media(prefers-reduced-motion:reduce){.studio-sidebar{transition:none!important}}
@media(max-width:760px){.mobile-nav-backdrop:not([hidden]){left:min(320px,86vw);width:calc(100% - min(320px,86vw))}}
/* System guide: one entry at the bottom of the navigation. */
.studio-sidebar .studio-help-nav{margin-top:24px;padding-top:14px;border-top:1px solid #e5d9b4}
.studio-sidebar .system-help-link{display:flex;align-items:center;justify-content:space-between;width:100%;font:inherit;text-align:left;text-decoration:none;border:0;background:transparent;box-sizing:border-box;cursor:pointer}
.studio-sidebar .system-help-link>span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #d9ceaa;border-radius:50%;font-size:12px;color:#8b875f}
.studio-sidebar .system-help-link.active{background:linear-gradient(110deg,#f8e6a8,#f3eac5);color:#395735;box-shadow:inset 3px 0 #d6a43b;font-weight:650}
.system-help{max-width:1100px;margin-inline:auto}
.system-help .help-start,.system-help .help-faq{padding:24px;margin-bottom:22px}
.system-help h3{font-size:18px;margin:0 0 14px}.system-help h4{font-size:15px;margin:20px 0 8px}
.system-help p,.system-help li,.system-help dd{font-size:14px;line-height:1.9;color:#68745e}
.system-help ol{padding-left:22px;margin:8px 0}.system-help li+li{margin-top:8px}
.help-topics{display:grid;gap:12px;margin-bottom:22px}
.system-help .help-topic{padding:0;overflow:hidden}
.help-topic>summary{display:flex;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;list-style:none;color:#395735;font-size:17px;font-weight:600}
.help-topic>summary::-webkit-details-marker{display:none}.help-topic>summary:after{content:'＋';margin-left:auto;color:#9c8e52;font-size:21px;font-weight:400}.help-topic[open]>summary:after{content:'−'}
.help-topic>summary:hover{background:#f9f1d8}.help-topic>summary:focus-visible{outline:3px solid #d9b658;outline-offset:-4px}
.help-topic .help-number{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f6eac0;color:#8d7b3f;font-size:12px;letter-spacing:1px}
.help-topic summary small{display:block;font-size:12px;font-weight:400;color:#8b8c70;margin-top:4px;line-height:1.6}
.help-body{padding:0 24px 22px 76px;border-top:1px solid #eee5ca}.help-body>p:first-child,.help-body>ol:first-child{margin-top:18px}
.system-help dl{margin:16px 0 0}.system-help dt{font-size:14px;font-weight:650;color:#49613e;margin-top:18px;line-height:1.7}.system-help dd{margin:5px 0 0}
.system-help .help-note{padding:12px 16px;border-left:3px solid #d9b550;background:#faf3dc;border-radius:0 8px 8px 0;margin:18px 0 0;color:#817744}
.system-help code{background:#f6edcd;color:#61713b;padding:3px 6px;border-radius:5px;overflow-wrap:anywhere}
@media(max-width:760px){
 .studio-sidebar .studio-navigation>a,.studio-sidebar .studio-navigation>button,.studio-sidebar .studio-tool{min-height:48px;padding:11px 13px}
 .studio-sidebar .studio-help-nav{margin-top:18px;padding-top:12px}
 .system-help .help-start,.system-help .help-faq{padding:18px}
 .help-topic>summary{gap:12px;padding:16px;font-size:16px}.help-body{padding:0 18px 18px}.help-topic .help-number{flex-basis:32px;width:32px;height:32px}
}