@charset "UTF-8";
:root{--paper:#f4f4ed;--ink:#252c22;--muted:#8b9085;--line:#dedfd4;--olive:#58753a;--olive-light:#b2cc89;--screen:#080a08;--screen-muted:#93998d;--screen-line:#292f24;--panel:#151a12;--red:#db5358;--scale:1;font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c2df97;outline-offset:4px}button{border:0}button svg{pointer-events:none}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#eaece1;border-right:1px solid #dadfd0;padding:34px 22px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand-icon{width:31px;height:35px;display:grid;place-items:center}.brand-icon svg{width:29px;height:29px;stroke-width:2}.brand-dot{align-self:flex-start;font-size:10px;margin-top:6px;letter-spacing:0}.sidebar-caption{font-size:11px;color:#7d8572;margin:11px 0 42px 4px;letter-spacing:1px}.sidebar-caption span{display:block;font-size:8px;letter-spacing:1.3px;margin-top:7px}.nav-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:#7a826e;margin:0 9px 13px}.nav-label span{font-size:7px;letter-spacing:.4px}#flow-nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;gap:12px;align-items:center;background:transparent;border-radius:10px;color:#6c7560;width:100%;padding:13px 11px;text-align:left;font-size:12px;position:relative}.nav-item svg{width:17px;height:17px}.nav-item .nav-num{margin-left:auto;font-size:9px;color:#9aab8b;font-variant-numeric:tabular-nums}.nav-item:hover{background:#dfe5d5}.nav-item.active{background:#283520;color:#f0f4e9;box-shadow:0 5px 12px #25311e0d}.nav-item.active svg{color:#bdd39c}.sidebar-bottom{margin-top:auto;padding:28px 6px 0;font-size:10px;color:#69765c;line-height:1.8}.sidebar-bottom p{margin:7px 0 0;color:#99a18f;font-size:9px}.version{float:right;color:#9aa58c}.live-dot{display:inline-block;width:6px;height:6px;background:#789c50;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #789c5012}
.workspace{margin-left:220px;padding:0 42px;min-height:100vh}.workspace-header{height:81px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.breadcrumb{font-size:10px;display:flex;gap:13px;align-items:center;letter-spacing:.3px;color:#818878}.breadcrumb>span{color:#b4baa9}.breadcrumb strong{font-weight:500;color:#48583e}.header-actions{display:flex;align-items:center;gap:22px}.quiet-button{background:transparent;color:#7f8874;padding:5px 0;display:flex;gap:7px;align-items:center;font-size:10px}.quiet-button svg{width:13px;height:13px}.quiet-button:hover{color:#354c25}.prototype-label{font-size:8px;letter-spacing:1.3px;border:1px solid #cdd5bf;border-radius:5px;padding:6px 8px;color:#7c8c6c}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:35px 0 29px}.eyebrow{font-size:8px;letter-spacing:2.2px;color:#83936e;margin-bottom:12px}h1{font-size:29px;letter-spacing:-.7px;font-weight:600;margin:0;line-height:1.4}.intro p{font-size:11px;color:#959b8b;margin:12px 0 0}.view-switch{display:flex;padding:4px;border:1px solid #dfe3d5;border-radius:9px;gap:2px;background:#e9ede1;flex-shrink:0}.view-switch button{display:flex;gap:6px;align-items:center;font-size:10px;padding:8px 11px;background:transparent;color:#89927d;border-radius:6px}.view-switch button svg{width:13px;height:13px}.view-switch button.active{background:#fafbf6;color:#3b4c2e;box-shadow:0 2px 5px #2b401510}
.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:30px;align-items:start}.stage{min-height:568px;background:radial-gradient(ellipse at 50% 75%,#dce3cf 0,#e9eddf 60%,#edf0e5 100%);border:1px solid #dfe4d5;border-radius:18px;padding:17px 22px 19px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.stage-topline,.stage-bottomline{display:flex;align-items:center;justify-content:space-between;color:#8a967d;font-size:8px;letter-spacing:1.3px;gap:10px}.stage-topline .quiet-button{font-size:9px}.stage-topline>span{display:flex;align-items:center}.stage-bottomline{font-size:7px;letter-spacing:1px;margin-top:22px}.stage-bottomline .slash{margin:0 9px;opacity:.5}.device-wrap{width:676px;height:516px;align-self:center;position:relative;flex-shrink:0; margin:22px 0 2px}.device{width:676px;height:516px;background:linear-gradient(145deg,#252922,#10130e 45%,#1c2018);padding:17px;border-radius:44px;border:1px solid #464b3e;box-shadow:inset 0 1px 2px #c6cfb34d,inset 0 -1px 2px #090d0766,0 24px 30px -15px #303b2d4f,0 6px 10px #131e1626;transform:scale(var(--scale));transform-origin:top left}.screen{position:relative;width:640px;height:480px;overflow:hidden;border-radius:28px;background:var(--screen);color:#f8f9f4;font-family:Inter,"Segoe UI",Arial,sans-serif;text-align:left;color-scheme:dark}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 4px 0}.page-name{display:flex;align-items:center;gap:13px}.page-name>span{font-size:10px;color:#96a183;border:1px solid #d9dfcf;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;font-variant-numeric:tabular-nums}.page-name strong{display:block;font-size:12px;font-weight:600}.page-name small{display:block;font-size:9px;color:#8d9683;margin-top:4px}.step-nav{display:flex;align-items:center;gap:15px}.step-nav span{font-size:9px;color:#929b85;letter-spacing:1px;font-variant-numeric:tabular-nums}.step-nav button{border:1px solid #d8dece;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;background:transparent;color:#6d7e5d}.step-nav button:hover{background:#e3e9d8}.step-nav svg{width:13px;height:13px}
.review-panel{padding:15px 0 0}.review-heading{display:flex;align-items:center;gap:10px;font-size:10px;color:#7b8b69}.tiny-index{width:23px;height:23px;border-radius:50%;border:1px solid #cdd8bc;display:grid;place-items:center;font-size:8px}.review-panel h2{font-size:19px;font-weight:500;line-height:1.6;letter-spacing:-.4px;margin:20px 0 12px}.review-panel>p{font-size:11px;line-height:1.9;color:#909886;margin:0}.review-divider{height:1px;background:var(--line);margin:23px 0}.review-subtitle{font-size:10px;color:#637552;margin-bottom:15px}.review-panel ol{margin:0;padding:0;list-style:none;counter-reset:steps;display:flex;flex-direction:column;gap:13px}.review-panel li{counter-increment:steps;display:flex;gap:10px;font-size:10px;line-height:1.7;color:#88947b}.review-panel li:before{content:counter(steps,decimal-leading-zero);font-size:9px;color:#9aac88;padding-top:1px}.specs{font-size:9px;margin:0}.specs>div{display:flex;justify-content:space-between;margin:13px 0;gap:8px}.specs dt{color:#9aa18f}.specs dd{margin:0;color:#68765a;text-align:right}.demo-note{display:flex;gap:8px;margin-top:26px;color:#9aa58d;font-size:9px;line-height:1.8}.demo-note svg{width:13px;height:13px;margin-top:2px}.workspace-footer{display:flex;justify-content:space-between;gap:15px;color:#a0a692;font-size:8px;letter-spacing:.3px;padding:30px 0 22px}.shell-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#283520;color:#eff4e7;font-size:12px;padding:13px 20px;border-radius:10px;z-index:50;opacity:0;transition:.2s;pointer-events:none}.shell-toast.show{opacity:1;transform:translate(-50%,0)}
/* The product UI below is laid out at its native 640 by 480 resolution. */
.screen button{font-size:18px;line-height:1.2;font-weight:500;color:inherit;background:none}.screen .icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;flex-shrink:0}.screen .icon-btn:hover{background:#ffffff0d}.screen .icon-btn svg{width:25px;height:25px}.screen-header{height:76px;padding:15px 24px 13px;display:flex;align-items:center;gap:8px}.screen-title{font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0}.screen-header .header-spacer{flex:1}.battery{font-size:15px;display:flex;align-items:center;gap:7px;color:#dce1d5;font-weight:500;margin-right:2px}.battery svg{width:27px;height:18px;fill:#dce1d522}.battery .battery-body{width:24px;height:12px;border-radius:3px;border:1.5px solid #dce1d5;position:relative;padding:2px}.battery-body:before{content:'';display:block;width:80%;height:100%;border-radius:1px;background:#dce1d5}.battery-body:after{content:'';position:absolute;right:-4px;top:3px;width:2px;height:4px;background:#dce1d5}.screen-content{padding:0 28px;position:relative;height:404px}.screen .primary,.screen .secondary,.screen .danger{min-height:54px;border-radius:28px;display:flex;align-items:center;justify-content:center;gap:11px;padding:13px 22px;transition:background .15s,transform .1s}.screen .primary{background:var(--olive);color:#fff}.screen .primary:hover{background:#688648}.screen .primary:active{transform:scale(.98)}.screen .secondary{border:1px solid #353f2d;background:#13190f;color:#dce8cf}.screen .secondary:hover{background:#212d18}.screen .danger{background:#8b2e35;color:#ffe3e5}.screen .danger:hover{background:#a63a43}.screen .primary svg,.screen .secondary svg,.screen .danger svg{width:22px;height:22px}.screen .subtle{font-size:15px;color:var(--screen-muted);font-weight:400;line-height:1.6}.screen .eyeline{text-transform:uppercase;font-size:12px;letter-spacing:2.3px;color:#859c6b}.screen .footer-buttons{position:absolute;bottom:22px;left:28px;right:28px;display:flex;gap:13px}.screen .footer-buttons>button{flex:1}.screen .footer-buttons .cancel-wide{flex:1.6}.screen .center{text-align:center}.screen .big-heading{font-size:30px;font-weight:500;margin:6px 0 10px;letter-spacing:-.8px;line-height:1.3}.screen .hint{font-size:14px;line-height:1.6;color:#8e9983}.screen .success-ring{display:grid;place-items:center;width:102px;height:102px;border-radius:50%;border:2px solid #4d692e;color:#b5d48f;margin:22px auto 17px;box-shadow:0 0 0 9px #5474390a}.success-ring svg{width:48px;height:48px;stroke-width:1.5}.screen .success-ring.small{width:76px;height:76px;margin:8px auto 11px}.success-ring.small svg{width:36px;height:36px}.screen .status-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:7px 12px;border:1px solid #3d522c;color:#afc88e;border-radius:20px;background:#17200f}.status-chip svg{width:13px;height:13px}.screen .product-toast{position:absolute;bottom:87px;left:50%;transform:translateX(-50%);z-index:9;border:1px solid #476332;border-radius:12px;padding:12px 18px;background:#1c2a14;color:#d9ebc7;font-size:15px;white-space:nowrap;box-shadow:0 8px 30px #0008}.screen .screen-error{color:#f29b9f;font-size:14px;text-align:center;margin:6px 0}.screen .data-row{display:flex;align-items:center;gap:8px;color:#a9b59d;font-size:14px}.data-row svg{width:16px;height:16px}.screen .segment{display:flex;border:1px solid #2f3c24;border-radius:24px;padding:3px;background:#10160d}.segment button{flex:1;padding:9px 20px;border-radius:20px;color:#839475;font-size:16px}.segment button.selected{background:#4e6a34;color:white}.screen .top-caption{display:flex;justify-content:space-between;align-items:center;color:#929e85;font-size:13px}
/* Home and pet menus */
.home-welcome{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 2px 0}.home-welcome h2{font-size:27px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:0}.home-welcome p{font-size:14px;color:#89957e;margin:7px 0 0}.home-welcome>.eyeline{padding-top:8px;font-size:10px}.pet-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:32px}.pet-tile{padding:0;text-align:center!important}.pet-avatar{width:94px;height:94px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #4c6631;position:relative;overflow:hidden;background:#0c0e0b;margin:0 auto 12px}.pet-avatar img{width:72px;height:72px;object-fit:cover;border-radius:50%;filter:saturate(.75)}.pet-avatar.female{background:#be9eaa;border-color:#cbb0ba}.pet-avatar.unknown{background:#6d746b;border-color:#8d9887}.pet-avatar.male{background:#080a08}.pet-avatar.empty{border:1px dashed #52683f;background:transparent;color:#839b69}.pet-avatar.empty svg{width:35px;height:35px;stroke-width:1.2}.pet-avatar .lucide-cat{width:51px;height:51px;color:#b1c397}.pet-tile>span:last-child{font-size:16px;display:block;letter-spacing:.1px}.pet-tile:hover .pet-avatar{box-shadow:0 0 0 4px #809e4e20}.guest-entry{position:absolute;bottom:43px;left:28px;right:28px;border:1px solid #2a3422;border-radius:17px;padding:14px 18px!important;display:flex;align-items:center;gap:14px;background:#141a10!important;text-align:left;color:#b3c29f!important}.guest-entry>svg{width:28px;height:28px;color:#829a67}.guest-entry strong{font-size:17px;font-weight:500;display:block;color:#e0e8d6}.guest-entry small{font-size:12px;color:#8c9b7d;display:block;margin-top:4px}.guest-entry>.lucide-arrow-up-right{margin-left:auto;width:21px;height:21px}.home-pagination{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:6px}.home-pagination span{width:5px;height:5px;background:#2d3824;border-radius:50%}.home-pagination span:first-child{width:17px;border-radius:4px;background:#91a976}.pet-profile{display:flex;align-items:center;gap:18px;padding:1px 3px 18px}.pet-profile .pet-avatar{width:72px;height:72px;margin:0;border-width:1px}.pet-profile .pet-avatar img{width:58px;height:58px}.pet-profile h2{font-size:28px;letter-spacing:-.7px;margin:0 0 6px;font-weight:500}.pet-profile p{color:#89967e;font-size:13px;margin:0}.profile-weight{margin-left:auto;text-align:right}.profile-weight strong{font-size:26px;font-weight:500;letter-spacing:-1px}.profile-weight small{display:block;font-size:12px;color:#89967e;margin-top:5px}.action-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:15px}.action-tile{height:147px!important;border:1px solid #2c3923!important;border-radius:20px;padding:24px 12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:linear-gradient(160deg,#1c2616,#10160d)!important;font-size:18px!important}.action-tile svg{width:39px;height:39px;color:#aac38a;stroke-width:1.35}.action-tile:hover{border-color:#73904f!important;background:#23351a!important}.pet-delete{position:absolute;bottom:25px;right:28px;display:flex;align-items:center;gap:7px;color:#c77e80!important;font-size:14px!important;padding:9px 12px!important}.pet-delete svg{width:16px;height:16px}.pet-fact{position:absolute;bottom:33px;left:31px;font-size:12px;color:#6f7c63;display:flex;align-items:center;gap:7px}.pet-fact svg{width:14px;height:14px}
/* Weighing and tare */
.weight-top{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:5px;color:#9da98e;font-size:14px}.weight-top svg{width:16px;height:16px}.weight-main{display:flex;align-items:baseline;justify-content:center;gap:13px;margin:15px 0 9px}.weight-value{font-size:111px;line-height:1.15;font-weight:600;letter-spacing:-7px;font-variant-numeric:tabular-nums}.weight-unit{font-size:27px;font-weight:500;color:#a9b69b}.weight-decoration{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:21px;margin:4px 0 15px}.weight-decoration span{width:3px;border-radius:3px;background:#3d532d;height:8px}.weight-decoration span:nth-child(3n){height:16px}.weight-decoration span:nth-child(2n){height:12px}.weight-decoration span:nth-child(5n){height:21px;background:#78975a}.weight-state{text-align:center;height:30px;margin:0 0 8px}.weigh-metadata{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;color:#8c9980;margin-top:13px}.weigh-metadata svg{width:15px;height:15px}.guest-caption{text-align:center;font-size:13px;color:#7f8d73;margin-top:16px}.screen .guest-banner{position:absolute;bottom:96px;left:28px;right:28px;color:#85967a;text-align:center;font-size:13px}.screen .weight-saved .weight-main{margin:6px 0}.screen .weight-saved .weight-value{font-size:70px;letter-spacing:-4px}.saved-time{font-size:14px;color:#95a786;margin-top:12px}.tare-title{font-size:26px;font-weight:500;text-align:center;margin:10px 0 16px;line-height:1.4}.carrier-illustration{display:flex;align-items:center;justify-content:center;gap:50px;height:135px;color:#7d9e55}.carrier-illustration svg{width:100px;height:100px;stroke-width:1.25}.carrier-illustration .plus{color:#3f532e;font-size:26px}.tare-help{text-align:center;color:#91a17f;font-size:14px;line-height:1.7;margin:5px 0}.tare-help strong{color:#bbd29e;font-weight:500}.tare-zero{display:flex;justify-content:center;gap:10px;align-items:baseline;margin:6px 0}.tare-zero strong{font-size:56px;letter-spacing:-3px;font-weight:500}.tare-zero span{font-size:22px;color:#97ac83}.screen .tare-success .success-ring{width:80px;height:80px;margin:6px auto 10px}.screen .tare-success .big-heading{font-size:25px}.screen .tare-success .subtle{margin:6px 0}.screen .tare-success .tare-zero{margin:12px 0}
/* Forms with embedded touch keyboard */
.step-progress{display:flex;align-items:center;justify-content:center;gap:10px;height:29px;margin:0 0 14px}.step-progress>span{width:26px;height:26px;border-radius:50%;border:1px solid #35452a;color:#6f815e;display:grid;place-items:center;font-size:12px}.step-progress>span.active{background:#526e37;color:white;border-color:#526e37}.step-progress>span.done{color:#adc590;border-color:#6a8b45}.step-progress>i{width:27px;height:1px;background:#2a3721}.screen .field-label{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:#849875;display:block;margin-bottom:9px}.screen .name-input{width:100%;height:51px;border-radius:12px;background:#141c10;border:1px solid #3d542c;color:#e9f2e0;padding:0 17px;font-size:23px;outline-offset:2px}.keyboard{display:flex;flex-direction:column;gap:5px;margin-top:13px}.keyboard-row{display:flex;justify-content:center;gap:5px}.screen .key{background:#1a2115;border:1px solid #2a3820;border-radius:7px;height:34px;min-width:42px;padding:0 8px;font-size:15px;color:#b2c59f}.screen .key:hover{background:#3b5228}.screen .key.space{width:198px;font-size:12px}.screen .key svg{width:18px;height:18px}.screen .form-title{font-size:23px;text-align:center;font-weight:500;margin:6px 0 13px;letter-spacing:-.6px}.screen .form-description{font-size:14px;text-align:center;color:#819171;margin:0 0 20px}.select-grid{display:flex;gap:16px;justify-content:center;margin-top:21px}.select-grid label{flex:1;display:flex;flex-direction:column;gap:10px;font-size:13px;color:#859776;text-align:center}.screen select,.screen input[type=date],.screen input[type=time]{background:#151d11;color:#e4eddc;border:1px solid #394c2b;border-radius:14px;height:70px;padding:12px;font-size:24px;text-align:center;min-width:0;width:100%;outline-offset:2px}.screen input[type=date],.screen input[type=time]{height:75px;text-align:left;padding:18px 24px;font-size:30px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:19px}.screen .choice-card{border:1px solid #2d3c23;border-radius:17px;min-height:125px;padding:17px 10px;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#8fa57b;background:#10160d}.screen .choice-card svg{width:32px;height:32px;stroke-width:1.4}.screen .choice-card.selected{border-color:#91b36b;color:#dcecc9;background:#22331a;box-shadow:inset 0 0 0 1px #91b36b44}.screen .choice-card .choice-detail{font-size:12px;color:#8a9e77}.screen .choice-card.selected svg{color:#adc987}.screen .setup-content{padding-top:0}.setup-progress{display:flex;gap:7px;justify-content:center;margin:5px 0 19px}.setup-progress span{height:3px;width:35px;background:#26341c;border-radius:2px}.setup-progress span.active{background:#a8c27f}.setup-title{font-size:28px;text-align:center;font-weight:500;letter-spacing:-.6px;margin:0 0 8px}.setup-subtitle{text-align:center;font-size:14px;color:#879a75;margin:0 0 26px}.screen .list-choice{display:flex;flex-direction:column;gap:9px;margin-top:15px}.screen .list-choice button{display:flex;align-items:center;gap:14px;padding:14px 17px;border:1px solid #293822;background:#11190d;border-radius:14px;text-align:left;font-size:17px;min-height:58px}.screen .list-choice button.selected{border-color:#738f52;background:#25341a}.list-choice .radio{width:17px;height:17px;border-radius:50%;border:1px solid #6a7e56;display:block;position:relative;flex-shrink:0}.list-choice .selected .radio:after{content:'';position:absolute;inset:4px;border-radius:50%;background:#b6d290}.list-choice small{margin-left:auto;color:#90a37d;font-size:13px}.screen .setup-content .unit-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.unit-choices button{min-height:115px;border:1px solid #304127;border-radius:18px;background:#11190c;color:#94a780;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.unit-choices button.selected{border-color:#86a962;background:#273a1a;color:#eef5e5}.unit-choices strong{font-size:32px;font-weight:500}.unit-choices small{font-size:13px;color:#8ea17a}
/* Settings */
.settings-list{display:flex;flex-direction:column;gap:9px}.settings-list button{height:55px;padding:0 17px;display:flex;align-items:center;gap:13px;text-align:left;border-radius:13px;background:#141b10;color:#dfe7d6;font-size:16px}.settings-list button:hover{background:#202c18}.settings-list button>svg:first-child{color:#a3bc83;width:21px;height:21px}.settings-list button .setting-value{margin-left:auto;font-size:13px;color:#8c9f79}.settings-list button>svg:last-child{width:16px;height:16px;color:#697d56}.settings-actions{display:flex;gap:12px;position:absolute;bottom:24px;left:28px;right:28px}.settings-actions button{flex:1;font-size:16px!important}.settings-actions .reset{background:#2b1617!important;border:1px solid #603033!important;color:#dd969a!important}.settings-actions .reset svg{width:18px;height:18px}.confirm-icon{display:grid;place-items:center;width:77px;height:77px;border-radius:50%;background:#291315;color:#d77a7c;margin:21px auto}.confirm-icon svg{width:36px;height:36px;stroke-width:1.5}.confirm-copy{max-width:430px;margin:0 auto;text-align:center;font-size:15px;line-height:1.8;color:#ad9695}.screen .confirm-title{font-size:28px;text-align:center;font-weight:500;letter-spacing:-.7px;margin:13px 0}.screen .confirm-copy strong{font-weight:500;color:#e1b3b4}
/* Charts and camera */
.trend-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 6px}.trend-head strong{font-size:32px;letter-spacing:-1px;font-weight:500}.trend-head strong small{font-size:16px;color:#8e9d80;letter-spacing:0;font-weight:400}.trend-head .trend-delta{font-size:13px;color:#a6c184;display:flex;align-items:center;gap:5px}.trend-delta svg{width:16px;height:16px}.trend-chart{width:584px;height:202px;margin-top:4px;overflow:visible}.chart-grid{stroke:#26321d;stroke-width:1;stroke-dasharray:3 5}.chart-axis{fill:#7f906e;font-size:12px;font-family:inherit}.chart-fill{fill:url(#trend-fill)}.chart-line{fill:none;stroke:#9cbd73;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#b5d395;stroke:#263719;stroke-width:3}.chart-value{fill:#d5e8bc;font-size:13px;font-weight:500}.trend-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#7a8c69;margin:2px 0}.trend-note svg{width:13px;height:13px}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:16px}.photo-action{height:239px!important;border-radius:22px;border:1px solid #334326!important;padding:0!important;text-align:left;position:relative;overflow:hidden;background:#11170d!important}.photo-action img{width:100%;height:100%;object-fit:cover;opacity:.72}.photo-action:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#080c05 100%)}.photo-action .photo-action-label{position:absolute;bottom:23px;left:23px;z-index:1;display:flex;flex-direction:column;gap:10px;font-size:21px;font-weight:500}.photo-action-label svg{width:33px;height:33px;color:#c2d8a9;stroke-width:1.4}.photo-action-label small{color:#97aa84;font-size:12px;font-weight:400}.photo-action.timeline-card{background:linear-gradient(140deg,#25321c,#0f150b)!important}.photo-action.timeline-card img{position:absolute;width:110px;height:110px;left:85px;top:25px;object-fit:cover;border-radius:15px;transform:rotate(9deg);opacity:.85}.photo-action.timeline-card:before{content:'';position:absolute;width:110px;height:110px;left:60px;top:20px;background:#596b46;border:1px solid #84996d;border-radius:15px;transform:rotate(-9deg)}.camera-layout{display:grid;grid-template-columns:330px 1fr;gap:24px}.camera-view{width:330px;height:330px;position:relative;border-radius:17px;overflow:hidden;background:#172112}.camera-view>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8);transition:filter .15s}.camera-view.flash>img{filter:brightness(2)}.camera-guide{position:absolute;inset:20px;border:1px solid #dcebc255;border-radius:10px}.camera-guide:before,.camera-guide:after{content:'';position:absolute;width:24px;height:24px;border-color:#dcebc2;border-style:solid}.camera-guide:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:9px 0 0}.camera-guide:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 9px}.camera-live{position:absolute;left:16px;top:15px;background:#0b1208aa;color:#deedce;font-size:10px;letter-spacing:1px;padding:6px 10px;border-radius:16px;display:flex;align-items:center;gap:6px}.camera-live i{width:5px;height:5px;background:#b7d38a;border-radius:50%}.camera-side{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:330px}.camera-side h2{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.6px;margin:0 0 14px}.camera-side p{font-size:13px;color:#8b9a7d;line-height:1.7;margin:0 0 26px}.screen .shutter{border:1px solid #667f4c;border-radius:50%;width:84px;height:84px;padding:7px;background:transparent;display:grid;place-items:center}.shutter>span{border-radius:50%;width:66px;height:66px;display:grid;place-items:center;background:#a3be7e;color:#17200e}.shutter svg{width:29px;height:29px;stroke-width:1.6}.camera-side .camera-caption{font-size:11px;color:#71845f;margin-top:14px}.screen .photo-preview .camera-view{width:290px;height:290px}.photo-preview.camera-layout{grid-template-columns:290px 1fr;gap:24px}.photo-preview .camera-side{height:290px;align-items:stretch;text-align:left}.photo-preview .camera-side h2{font-size:24px;margin-bottom:10px}.photo-preview .camera-side p{font-size:13px;margin-bottom:12px}.photo-preview .camera-side .primary,.photo-preview .camera-side .secondary{font-size:16px;min-height:46px;margin-top:10px}.photo-preview .camera-side .data-row{font-size:12px;margin-bottom:15px;align-items:flex-start;line-height:1.6}.camera-bottom-note{font-size:12px;color:#758a62;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:7px}.camera-bottom-note svg{width:14px;height:14px}.timeline-layout{display:grid;grid-template-columns:320px 1fr;gap:24px}.timeline-photo{width:320px;height:320px;object-fit:cover;border-radius:17px;filter:saturate(.8)}.timeline-details{display:flex;flex-direction:column;justify-content:center;gap:17px;height:251px}.timeline-field>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#81936e}.timeline-field>span svg{width:15px;height:15px}.timeline-field strong{display:block;font-size:19px;font-weight:500;margin:7px 0 0;color:#d7e4c8}.timeline-field strong small{font-size:12px;color:#8e9f7e}.timeline-navigation{display:flex;gap:8px;margin-top:12px}.timeline-navigation .secondary{min-height:49px;font-size:14px;padding:10px 15px;flex:1}.timeline-navigation .secondary svg{width:17px;height:17px}.timeline-count{font-size:11px;color:#768963;margin:10px 0 0;text-align:center}.empty-view{text-align:center;padding-top:43px}.empty-view>svg{color:#728f54;width:57px;height:57px;stroke-width:1.25}.empty-view h2{font-size:25px;font-weight:500;margin:21px 0 10px}.empty-view p{font-size:14px;color:#869b74;line-height:1.7}.empty-view .primary{margin:26px auto 0;min-width:200px}
/* Gallery uses the same native layouts, scaled only in the review surface. */
.overview-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 27px}.overview-heading h2{font-size:20px;font-weight:500;margin:0 0 10px}.overview-heading p{font-size:11px;color:#919c84;margin:0}.overview-heading>span{font-size:10px;color:#8e9e7b;border:1px solid #d5dfc8;border-radius:18px;padding:7px 13px}.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 21px}.gallery-card{background:transparent;text-align:left;padding:0;border:0;color:inherit;min-width:0;cursor:pointer}.gallery-canvas{position:relative;width:100%;aspect-ratio:4/3;border-radius:14px;background:#080a08;overflow:hidden;box-shadow:0 6px 16px #1d31131c;border:5px solid #252c20}.gallery-canvas .screen{transform-origin:top left;pointer-events:none;border-radius:22px}.gallery-caption{display:flex;align-items:center;gap:10px;margin-top:12px;padding:0 2px}.gallery-caption>span{font-size:9px;color:#9aa68a;font-variant-numeric:tabular-nums}.gallery-caption strong{font-size:11px;font-weight:500;display:block}.gallery-caption small{font-size:9px;color:#95a086;display:block;margin-top:4px}.gallery-card:hover .gallery-canvas{outline:2px solid #879f69;outline-offset:3px}.focus-view .sidebar,.focus-view .intro,.focus-view .workspace-header,.focus-view .review-panel,.focus-view .workspace-footer{display:none}.focus-view .workspace{margin:0;padding:32px;display:flex;min-height:100vh;align-items:center;justify-content:center}.focus-view .preview-layout{display:block;max-width:1000px;width:100%}.focus-view .stage{min-height:650px}.focus-view .stage-column{width:100%}
@media(min-width:1550px){.workspace{padding:0 64px}.preview-layout{grid-template-columns:minmax(0,1fr) 225px;gap:40px}.intro{margin-top:42px}.stage{min-height:630px;padding:22px 30px}.review-panel{padding-top:20px}.review-panel h2{font-size:21px}.review-panel>p{font-size:12px}.review-panel li{font-size:11px}.specs{font-size:10px}.stage-topline,.stage-bottomline{font-size:9px}.intro h1{font-size:33px}}
@media(max-width:1200px){.sidebar{width:190px;padding:30px 16px 20px}.workspace{margin-left:190px;padding:0 28px}.brand{font-size:21px}.preview-layout{grid-template-columns:minmax(0,1fr);gap:10px}.review-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start;padding:22px 2px 0}.review-heading{grid-column:1}.review-panel h2{grid-column:1;margin:12px 0 8px}.review-panel>p{grid-column:1}.review-panel>.review-divider{display:none}.review-subtitle{grid-column:2;grid-row:1;margin:5px 0 14px}.review-panel ol{grid-column:2;grid-row:2/5}.specs{display:none}.demo-note{grid-column:1/-1;margin-top:18px}.stage{min-height:570px}.intro h1{font-size:26px}.screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;padding:18px 20px 12px;border-right:0;border-bottom:1px solid #d6ddca}.brand{font-size:21px}.sidebar-caption,.nav-label,.sidebar-bottom{display:none}#flow-nav{flex-direction:row;overflow:auto;gap:4px;margin-top:16px;padding-bottom:2px;scrollbar-width:none}.nav-item{width:auto;flex-shrink:0;padding:9px 12px;font-size:10px;gap:7px}.nav-item svg{width:14px;height:14px}.nav-item .nav-num{display:none}.workspace{margin:0;padding:0 18px}.workspace-header{height:53px}.breadcrumb{font-size:9px;gap:8px}.prototype-label{display:none}.header-actions{gap:0}.quiet-button{font-size:9px}.intro{display:block;margin:26px 0 20px}.eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:9px}.intro h1{font-size:24px}.intro p{font-size:10px;margin-top:10px}.view-switch{display:inline-flex;margin-top:20px}.stage{padding:13px 13px 16px;min-height:0;border-radius:13px}.stage-topline{font-size:7px}.stage-topline .quiet-button{font-size:8px}.device-wrap{margin:28px 0 12px}.stage-bottomline{font-size:6px;letter-spacing:.5px;margin-top:12px}.stage-bottomline .slash{margin:0 5px}.preview-footer{padding-top:15px}.review-panel{display:block;padding:28px 3px 0}.review-panel h2{font-size:21px}.review-panel>p{font-size:12px}.review-subtitle{margin-top:23px}.review-panel ol{gap:10px}.review-panel li{font-size:11px}.demo-note{font-size:10px}.workspace-footer{line-height:1.7;flex-direction:column;gap:4px;padding-top:25px}.screen-gallery{gap:20px 13px}.gallery-canvas{border-width:3px;border-radius:10px}.gallery-caption{gap:6px;margin-top:9px}.gallery-caption strong{font-size:10px}.gallery-caption small{font-size:8px}.overview-heading h2{font-size:19px}.overview-heading p{font-size:10px}.overview-heading>span{font-size:8px;padding:6px 8px}.focus-view .workspace{padding:12px}.focus-view .stage{min-height:0}.focus-view .preview-layout{width:100%}.focus-view .stage-topline .quiet-button{display:flex}}
@media(min-width:761px) and (max-height:850px){.stage{min-height:0}.focus-view .stage{min-height:0}.workspace-header{height:64px}.intro{margin-top:25px;margin-bottom:23px}.intro h1{font-size:27px}.eyebrow{margin-bottom:8px}.review-panel{padding-top:5px}.review-panel h2{font-size:18px;margin-top:15px}.review-divider{margin:17px 0}.specs>div{margin:10px 0}.demo-note{margin-top:18px}.sidebar{padding-top:26px}.sidebar-caption{margin-bottom:28px}.nav-item{padding-top:11px;padding-bottom:11px}.sidebar-bottom{padding-top:14px}.workspace-footer{padding-top:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.workspace-header,.intro,.workspace-footer,.review-panel,#preview-panel{display:none!important}.workspace{margin:0;padding:0}#overview-panel{display:block!important}.screen-gallery{grid-template-columns:repeat(2,1fr)}.gallery-card{break-inside:avoid}.gallery-canvas{print-color-adjust:exact;-webkit-print-color-adjust:exact}.screen{print-color-adjust:exact;-webkit-print-color-adjust:exact}}