*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{font-family:Arial,Helvetica Neue,sans-serif;background:#eef3f8;color:#10365e}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2898ff;outline-offset:3px}button{touch-action:manipulation}img,svg{-webkit-user-drag:none}button svg{pointer-events:none}.icon{width:22px;height:22px;display:block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.05;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#viewer{height:100dvh;min-height:320px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 46% 34%,#fff 0,#f6f9fc 40%,#e8eff6);touch-action:pan-y}.stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:22px 14px}.device-wrap{position:relative;flex:none}.device{position:absolute;top:0;left:0;transform-origin:top left;border:12px solid #101c28;outline:1px solid #768393;border-radius:66px;background:#142534;box-shadow:0 16px 50px #17375726,0 1px 3px #fff8 inset;overflow:hidden;transition:opacity .14s ease,filter .14s ease}.device.switching{opacity:.45;filter:blur(2px)}.device.b2{border-radius:66px}.screen{position:relative;width:var(--w);height:var(--h);background:var(--bg);color:var(--ink);display:flex;flex-direction:column;overflow:hidden;isolation:isolate;font-family:Arial,sans-serif;direction:rtl;--ink:#0d3565;--bg:#fcfeff;--line:#9bb4cd;--field-bg:#ffffff9e;--muted:#6680a2;--blue:#005ded;--card:#ffffffc9}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.backdrop>svg{width:100%;height:100%;display:block}.status{height:62px;flex:0 0 62px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#10171c;font-size:16px;direction:ltr;z-index:2;font-weight:700}.status .island{position:absolute;left:50%;top:11px;transform:translate(-50%);width:125px;height:37px;background:#000;border-radius:19px}.status-right{display:flex;align-items:center;gap:6px}.status-right svg{width:19px;height:17px;display:block}.status-right .battery{width:27px}.b2 .status{height:62px;flex-basis:62px;padding:0 32px}.b2 .status .island{width:125px;height:37px;top:11px}.header{position:relative;flex:0 0 124.1px;height:124.1px;z-index:2}.ayala-logo{position:absolute;width:151.9px;height:auto;left:21.4px;top:27.8px;object-fit:contain}.header .menu-button,.profile-button{position:absolute;display:grid;place-items:center;width:32.1px;height:34.2px;background:none;border:0;color:inherit;padding:3.2px;border-radius:8.6px}.header .menu-button{right:9.6px;top:13.9px}.header .menu-button .icon{width:25.7px;height:25.7px;stroke-width:1.9}.profile-button{right:11.8px;top:19.3px;color:#7693b2}.profile-button .avatar-icon{width:28.9px;height:28.9px}.b2 .header{height:109.8px;flex-basis:109.8px}.b2 .ayala-logo{width:153.7px;left:50%;transform:translate(-50%);top:22px}.b2 .header .menu-button{left:12.2px;right:auto;top:24.4px}.b2 .header .menu-button .icon{width:29.3px;height:29.3px}.b2 .profile-button{top:22px}.main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:0 15px 9.6px;overscroll-behavior:contain;position:relative;touch-action:pan-y}.main::-webkit-scrollbar{display:none}.menu-stack{display:flex;flex-direction:column;gap:11.8px;margin:0}.nav-button{height:51.4px;min-height:51.4px;display:flex;align-items:center;gap:7.5px;direction:ltr;position:relative;padding:0 19.3px;border:1px solid #bcdef2;border-radius:16.1px;background:#f4fbffb3;color:var(--ink);font-size:15px;box-shadow:0 3.2px 7.5px #1572b30b}.nav-button>.icon{width:22.5px;height:22.5px}.nav-button>span{flex:1;text-align:center;direction:rtl;white-space:nowrap}.nav-button.blocked{background:linear-gradient(115deg,#103d71,#16467c);border-color:#14497f;color:#fff;font-weight:700}.s1 .nav-button.logout{background:linear-gradient(115deg,#103d71,#16467c);border-color:#16477b;color:#fff;font-weight:700}.search-card{margin:25.7px -6.4px 0;padding:25.7px 12.8px 19.3px;border:1px solid #e5f3fa;border-radius:20.3px;background:var(--card);box-shadow:0 2.1px 15px #2292c30d}.search-card h1{font-size:20.3px;font-weight:700;line-height:25.7px;text-align:center;margin:0;white-space:nowrap}.search-card .greeting{font-size:15px;line-height:19.3px;text-align:center;margin:5.4px 0 15px}.fields{display:flex;flex-direction:column;gap:8.6px}.field{position:relative;display:flex;align-items:center;width:100%;height:41.7px}.field input,.field textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:100%;border:1px solid var(--line);border-radius:8.6px;background:var(--field-bg);color:var(--ink);text-align:center;font-size:15px;padding:0 10.7px;min-width:0;outline-offset:1px}.field input::placeholder,.field textarea::placeholder{color:var(--muted);opacity:1}.field .icon{position:absolute;width:17.1px;height:17.1px;left:12.8px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.field.date input{padding-left:32.1px;padding-right:13.9px;direction:ltr}.field.right .icon{left:auto;right:11.8px;width:23.5px;height:23.5px}.field.right input{padding-right:38.5px;padding-left:11.8px}.field input.numeric{direction:ltr}.actions{display:flex;direction:ltr;gap:10.7px;margin-top:15px;padding:0 4.3px}.action{height:44.9px;border:0;border-radius:10.7px;display:flex;align-items:center;justify-content:center;font-size:17.1px;color:#fff;box-shadow:0 2.1px 3.2px #23476608}.actions .action{flex:1;min-width:0}.primary{background:linear-gradient(125deg,#0054df,#0065fb)}.danger{background:linear-gradient(110deg,#e71c27,#ed2831)}.success{background:linear-gradient(135deg,#248c47,#087d40)}.secondary{background:#eef3fa;border:1px solid #abc0d7;color:var(--ink)}.copyright-footer{flex:0 0 56px;display:flex;align-items:center;justify-content:center;font-size:10.2px;color:var(--ink);white-space:nowrap;position:relative;padding-bottom:26px}.home-indicator{z-index:30;position:absolute;bottom:9px;width:140px;height:5px;border-radius:3px;background:currentColor;left:50%;transform:translate(-50%);opacity:.85}.tabbar{display:flex;direction:ltr;flex:0 0 86px;gap:1px;align-items:flex-start;padding:6px 6px 32px;background:#ffffffb8;box-shadow:0 -5.4px 21.4px #428cca08;z-index:2;position:relative}.tab{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5.4px;background:none;border:0;color:#697583;font-size:9.6px;padding:4.3px 0;border-radius:12.8px}.tab .icon{width:22.5px;height:22.5px}.tab>span{white-space:nowrap}.tab.active{color:#0063ed;font-weight:700}.b2 .main{padding:0 18.3px 9.8px}.b2 .menu-stack{gap:7.3px}.b2 .nav-button{height:53.7px;min-height:53.7px;padding:0 24.4px;border-radius:15.9px;font-size:17.1px}.b2 .search-card{margin:22px -3.7px 0;padding:18.3px 14.6px 15.9px;border-radius:22px}.b2 .search-card h1{font-size:23.2px;line-height:28.1px}.b2 .search-card .greeting{font-size:17.1px;line-height:22px;margin:3.7px 0 18.3px}.b2 .field{height:42.7px}.b2 .fields{gap:8.5px}.b2 .field input{border-radius:8.5px;font-size:15.9px}.b2 .actions{margin-top:15.9px;gap:14.6px;padding:0}.b2 .action{height:47.6px;border-radius:11px;font-size:18.3px}.dark{--ink:#eef5fc;--bg:#0e1923;--line:#536d80;--muted:#e6edf6;--field-bg:#162734a6;--card:#182735c7}.dark .backdrop{background:radial-gradient(ellipse at 90% 12%,#25313d70,transparent 35%),linear-gradient(145deg,#0d1722,#0b1a24)}.dark .status{color:#fff}.dark .nav-button{border-color:#24485b;background:linear-gradient(120deg,#1c3444,#182633);color:#f4f8fa;box-shadow:0 4.3px 10.7px #0002}.dark .nav-button.blocked{background:linear-gradient(120deg,#008efc,#07f);border-color:#269fff;box-shadow:0 4.3px 9.6px #0046af25}.dark .search-card{border-color:#24475a;box-shadow:0 5.4px 16.1px #0003}.dark .field input{color:#fff}.dark .field.list-type input{text-align:left;padding-left:12.8px}.dark .primary{background:linear-gradient(120deg,#059cff,#0079fa)}.dark .danger{background:linear-gradient(120deg,#ef0732,#df1d27)}.dark .copyright-footer{color:#cfd9e4}.dark .tabbar{background:#0b1922de;box-shadow:none}.dark .tab{color:#e2e8ef}.dark .tab.active{color:#14a1ff}.dark .profile-button{color:#76a8c8}.dark .avatar-fill{fill:none;stroke:currentColor}.glass{--bg:#c7eaff;--ink:#003e87;--line:#94b8d8;--field-bg:#ffffffdd;--card:#ffffff82}.glass .backdrop{background:radial-gradient(ellipse at 2% 0,#e0f5ff 0,transparent 34%),linear-gradient(140deg,#a8ddff,#75b9f2 40%,#cef0ff)}.glass .nav-button{background:linear-gradient(130deg,#ffffffd6,#ffffff8c);border-color:#ffffffce;box-shadow:0 4.3px 9.6px #347ec324;color:#06366f;font-weight:700}.glass .nav-button.blocked{background:linear-gradient(125deg,#005afa,#0057e4);border-color:#2781fc;color:#fff;box-shadow:0 5.4px 12.8px #0574c347}.glass .search-card{border-color:#ffffffe0;background:linear-gradient(140deg,#ffffffbd,#fff5);box-shadow:0 4.3px 13.9px #4788bd16;-webkit-backdrop-filter:blur(8.6px);backdrop-filter:blur(8.6px)}.glass .primary{background:linear-gradient(135deg,#058cfb,#0562ce)}.glass .copyright-footer{color:#235488}.glass .tabbar{margin:0 8px 28px;border:1px solid #ffffffe0;border-radius:19.3px;background:#e1f4ffc2;-webkit-backdrop-filter:blur(12.8px);backdrop-filter:blur(12.8px);flex-basis:50px;padding:4px 2px 6px}.glass .tab.active{background:#ffffffbd;color:#007dff}.s3 .header .menu-button{color:#fff}.s3 .search-card{margin-top:36.4px;padding-top:22.5px}.s3 .nav-button{height:51.4px;min-height:51.4px}.s3 .main{padding-left:11.8px;padding-right:11.8px}.s3 .search-card{margin-left:-3.2px;margin-right:-3.2px}.s3 .copyright-footer{font-size:8.6px;opacity:.72;flex-basis:56px}.corporate{--bg:#fcfdfe;--ink:#0a3158;--line:#8da7bf;--field-bg:#ffffffdb;--muted:#647e9c}.corporate .main{padding-left:16.1px;padding-right:16.1px}.corporate .header{flex-basis:168px;height:168px}.corporate .sharlam-logo{position:absolute;top:57.8px;left:50%;width:111.3px;transform:translate(-50%)}.corporate .header .menu-button{top:30px;right:13.9px;color:#274971}.corporate .page-heading{font-size:26.8px;line-height:31px;text-align:center;margin:0;white-space:nowrap;font-weight:700}.corporate .page-greeting{font-size:20.3px;font-weight:700;text-align:center;line-height:24.6px;margin:7.5px 0 41.7px}.authorized-form .fields{gap:13.9px}.authorized-form .field{height:51.4px}.authorized-form .field input{font-size:15px}.authorized-form .add-row{display:flex;justify-content:center;margin-top:13.9px}.authorized-form .add-row .action{width:96.3px;height:46px;border-radius:9.6px}.list-search{display:flex;direction:ltr;height:44.9px;margin-top:27.8px}.list-search button{width:54.6px;border:1px solid #255b8a;border-right:0;background:linear-gradient(135deg,#164c7f,#0a3663);color:#fff;border-radius:8.6px 0 0 8.6px;display:grid;place-items:center;flex:none}.list-search button .icon{width:23.5px;height:23.5px}.list-search input{min-width:0;width:100%;border:1px solid var(--line);border-radius:0 8.6px 8.6px 0;text-align:center;direction:rtl;color:var(--ink);background:#ffffffb0;font-size:15px}.list-search input::placeholder{color:#627e9f}.corporate .copyright-footer{color:#fff;font-size:10.2px;height:60px;flex-basis:60px;padding-bottom:30px}.s4 .main{padding-left:15px;padding-right:15px}.s4 .page-greeting{margin-bottom:41.7px}.s4 .header{flex-basis:168px}.s4 .copyright-footer{height:60px;flex-basis:60px}.corporate .facade{position:absolute;right:0;top:37.5px;width:29%;height:159.4px;background-size:cover;clip-path:polygon(0 27%,100% 0,100% 100%,0 84%)}.corporate .architecture-bottom{position:absolute;left:0;right:0;bottom:56.7px;height:91px;background-size:cover;clip-path:polygon(0 90%,100% 0,100% 100%,0 100%)}.s9 .header{flex-basis:173.2px}.s9 .header .menu-button{left:9.8px;right:auto;top:22px;color:#fff}.s9 .header .profile-button{top:18.3px;color:#dee9f2}.s9 .sharlam-logo{top:64.7px;width:125.7px}.s9 .page-heading{font-size:29.3px;line-height:34.2px}.s9 .page-greeting{font-size:22px;line-height:26.8px;margin:8.5px 0 22px}.s9 .authorized-form .fields{gap:14.6px}.s9 .authorized-form .field{height:53.7px}.s9 .authorized-form .add-row{margin-top:13.4px}.s9 .authorized-form .add-row .action{width:126.9px;height:53.7px}.s9 .list-search{margin-top:17.1px;height:52.5px}.s9 .emergency{margin-top:25.6px;padding:17.1px 30.5px 20.7px;border-radius:20.7px}.s9 .emergency h2{font-size:28.1px;line-height:31.7px;margin-bottom:22px}.s9 .emergency .action{height:48.8px;border-radius:11px;font-size:18.3px}.s9 .emergency .emergency-actions{gap:12.2px}.s9 .tabbar{background:#0e1d27f2;margin-top:4.9px;box-shadow:none;flex-basis:86px}.s9 .tab{color:#b4bfcb}.s9 .tab.active{color:#f32230}.s9 .main{padding:0 14.6px 18.3px}.guest-design{--bg:#fff;--ink:#0d3159;--line:#8ba6be;--field-bg:#fff;--muted:#738aa6}.guest-design .header{height:118.8px;flex-basis:118.8px}.guest-design .sharlam-logo{position:absolute;width:108.1px;left:50%;transform:translate(-50%);top:20.3px}.guest-design .header .menu-button{right:15px;top:31px}.guest-design .main{padding:0 13.9px}.guest-design .page-heading{font-size:24.6px;line-height:30px;text-align:center;margin:1px 0 0;white-space:nowrap}.guest-design .page-greeting{text-align:center;font-size:18.2px;line-height:22.5px;margin:7.5px 0 12.8px;font-weight:700}.quota{font-size:12.8px;text-align:center;line-height:18.2px;font-weight:700;white-space:nowrap;margin:0 0 21.4px}.guest-fields{display:flex;flex-direction:column;gap:10.7px}.guest-fields .field{height:44.9px}.guest-fields .field input{font-size:13.9px}.guest-fields .field .icon{width:21.4px;height:21.4px}.date-stacked{height:50.3px!important}.date-stacked .date-caption{position:absolute;right:36.4px;left:8.6px;text-align:center;top:6.4px;font-size:12.8px;color:#7288a3;pointer-events:none}.date-stacked input{padding-top:16.1px!important}.guest-fields .driver-field{height:99.5px}.driver-field textarea{resize:none;padding:10.7px 9.6px!important;font-size:11.8px!important;line-height:18.2px;text-align:right}.guest-submit{width:100%;height:48.2px;margin-top:12.8px;font-size:17.1px;border-radius:10.7px;background:linear-gradient(120deg,#064bb6,#0052ca);box-shadow:0 3.2px 8.6px #0066d626}.emergency{margin-top:21.4px;border:1.3px solid #ed1c2e;background:#ffffffed;border-radius:12.8px;padding:13.9px 22.5px 19.3px;text-align:center;color:#e31f2b}.emergency h2{font-size:21.4px;line-height:25.7px;margin:0 0 21.4px;white-space:nowrap}.emergency-actions{display:flex;flex-direction:column;gap:11.8px}.emergency .action{height:42.8px;font-size:15px;border-radius:10.7px;background:linear-gradient(125deg,#da1b2a,#d92430);width:100%;box-shadow:0 3.2px 5.4px #a8272510}.guest-design .copyright-footer{flex-basis:56px;height:56px;font-size:8.6px;padding-top:6.4px;color:#6e8195;padding-bottom:26px}.friendly{--bg:#fff;--ink:#093573;--line:#c3d5e6;--field-bg:#ffffffd9;--card:#ffffffd9;--muted:#647c9c}.friendly .header{height:98.8px;flex-basis:98.8px}.friendly .main{padding:0 6.1px 8.5px}.welcome-banner{position:relative;height:103.8px;overflow:hidden;background:linear-gradient(120deg,#65b2f2,#2388eb);border-radius:19.3px 17.1px 58% 25.7px/19.3px 17.1px 30px 25.7px;color:#fff;isolation:isolate}.welcome-banner .building-photo{position:absolute;left:0;bottom:0;width:46%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to right,#000 83%,transparent);mask-image:linear-gradient(to right,#000 83%,transparent);z-index:-1}.welcome-copy{position:absolute;right:12.8px;top:25.7px;text-align:right;white-space:nowrap}.welcome-copy h1{font-size:19.3px;line-height:23.5px;margin:0;font-weight:700}.welcome-copy p{font-size:11.8px;line-height:17.1px;margin:4.3px 0 0}.tile-grid{display:grid;grid-template-columns:1fr 1fr;direction:ltr;gap:12.8px;margin:12.8px 3.2px 0}.tile{height:82.4px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7.5px;border:1px solid #d1e4f5;border-radius:19.3px;color:#053578;background:#ffffffdf;box-shadow:0 5.4px 12.8px #598fb10b;direction:rtl;font-size:12.8px;font-weight:700}.tile .icon{width:24.6px;height:24.6px}.tile.red-icon .icon{color:#f11e33}.friendly .search-card{margin:19.5px 3.7px 0;padding:17.1px 15.9px 19.5px;border-color:#eff7fc;border-radius:24.4px;box-shadow:0 2.4px 19.5px #377bab0a}.friendly .search-card h1{font-size:19.5px;line-height:24.4px;margin:0 0 19.5px}.friendly .search-card .greeting{display:none}.friendly .field{height:43.9px}.friendly .fields{gap:8.5px}.friendly .field input{font-size:14.6px;border-radius:9.8px}.friendly .actions{margin-top:15.9px;gap:22px}.friendly .actions .action{height:45.1px;font-size:17.1px}.friendly .tabbar{flex-basis:86px;padding-top:6px;background:#ffffffeb;position:relative;padding-bottom:32px}.friendly .tab .icon{width:24.4px;height:24.4px}.friendly .tab.active{color:#005deb}.friendly .tab.search-tab{padding-top:0;margin-top:-15.9px;color:#0066ed;gap:4.9px}.friendly .tab.search-tab .icon-shell{width:47.6px;height:47.6px;border-radius:50%;background:linear-gradient(140deg,#007fff,#0062e1);display:grid;place-items:center;color:#fff;box-shadow:0 4.9px 14.6px #0066f642;border:3px solid #eff8ff}.friendly .tab.search-tab .icon{width:24.4px;height:24.4px}.s1 .nav-button,.s6 .nav-button{font-weight:500}.s6 .nav-button.blocked{background:linear-gradient(115deg,#07468e,#00509e);border-color:#005098;font-weight:700}.s2 .search-card,.s7 .search-card{background:linear-gradient(125deg,#1d2c39,#13232f)}.s2 .primary,.s7 .primary{background:linear-gradient(120deg,#118ffe,#0572f4)}.s4 .header{flex-basis:170.1px;height:170.1px}.s4 .page-heading{font-size:27.8px}.s4 .copyright-footer{font-size:10.7px}.s9 .main{padding-left:14.6px;padding-right:29.3px}.s9 .emergency{padding-bottom:11px;background:#fff}.s9 .architecture-bottom{height:63.4px;bottom:70.8px;clip-path:none}.s9 .tabbar{flex:0 0 86px;min-height:0;height:86px;padding-top:6px;padding-bottom:32px}.dark .avatar-icon circle:not(.avatar-fill),.dark .avatar-icon path,.corporate .avatar-icon circle:not(.avatar-fill),.corporate .avatar-icon path,.friendly .avatar-icon circle:not(.avatar-fill),.friendly .avatar-icon path{fill:none;stroke:currentColor;stroke-width:1.2}.corporate .avatar-fill,.friendly .avatar-fill{fill:transparent;stroke:currentColor}.glass .profile-button{color:#3299ea}.glass .backdrop.recovered{background-repeat:no-repeat;background-size:cover;background-position:center}.s3 .search-card{background:linear-gradient(140deg,#ffffffa8,#ffffff85)}.s8 .search-card{background:linear-gradient(135deg,#ffffffb0,#ffffff79)}.s8 .nav-button.blocked{background:linear-gradient(115deg,#028afa,#0075fb)}.s9 .facade{height:181.8px;top:40.3px}.s10 .welcome-copy{right:15.9px}.s10 .welcome-copy h1{font-size:23.2px}.route-panel{padding:15px 10.7px;border:1px solid var(--line);border-radius:17.1px;background:var(--card);margin:12.8px 0 6.4px}.route-panel h1{font-size:22.5px;text-align:center;margin:4.3px 0 15px}.route-panel .page-greeting{margin:4.3px 0 16.1px;font-size:16.1px;text-align:center}.route-panel .field{height:42.8px}.route-panel .action{width:100%;height:42.8px;font-size:15px;margin-top:12.8px}.route-panel .emergency{padding:12.8px;margin-top:19.3px}.route-panel .emergency h2{font-size:19.3px}.route-panel .emergency .action{margin-top:0}.route-panel .quota{font-size:10.7px;margin-bottom:15px}.route-panel .guest-fields .driver-field{height:80.3px}.route-panel .guest-fields{gap:8.6px}.route-panel .guest-submit{margin-top:13.9px}.route-panel .field input{font-size:13.9px}.form-label{font-size:12.8px;display:block;margin:10.7px 1px 5.4px;text-align:right}.result-message{font-size:12.8px;line-height:19.3px;text-align:center;margin:12.8px 0 0;padding:10.7px 6.4px;background:#eef6ff;border:1px solid #c5ddf7;border-radius:9.6px;color:#143e68}.record{border:1px solid var(--line);border-radius:8.6px;padding:10.7px;margin-top:10.7px;font-size:13.9px;display:flex;justify-content:space-between;gap:8.6px}.toast{position:absolute;bottom:81.3px;left:12.8px;right:12.8px;z-index:35;background:#11283eee;color:#fff;box-shadow:0 6.4px 21.4px #0003;border:1px solid #ffffff40;border-radius:12.8px;text-align:center;padding:12.8px 10.7px;font-size:13.9px;line-height:20.3px;opacity:0;transform:translateY(8.6px);transition:.18s;pointer-events:none}.toast.show{opacity:1;transform:none}.drawer{position:absolute;z-index:24;top:31px;right:0;bottom:0;left:0;background:#fff0;display:none;align-items:flex-start;justify-content:flex-start}.drawer.open{display:flex}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00152870;border:0;-webkit-backdrop-filter:blur(5.4px);backdrop-filter:blur(5.4px)}.drawer-panel{position:relative;width:90%;padding:74px 15px 19.3px;background:var(--bg);border:1px solid var(--line);box-shadow:0 10.7px 42.8px #0003;border-radius:0 0 0 21.4px}.drawer-panel .drawer-close{background:none;border:0;color:var(--ink);display:flex;margin:0 0 15px auto;padding:2.1px}.drawer-panel .menu-stack{gap:9.6px}.drawer-panel .nav-button{font-size:12.8px;height:44.9px;min-height:44.9px}.original-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:none;background:#0e1a24;pointer-events:none}.original-overlay img{width:100%;height:100%;display:block;object-fit:contain}.show-original .original-overlay{display:block}.show-original .screen>*:not(.original-overlay){visibility:hidden}.native .stage{padding:0}.native .device-wrap{width:100%;height:100%;max-width:none}.native .device{border:0;outline:0;border-radius:0;box-shadow:none;background:transparent}.native .status{flex-basis:env(safe-area-inset-top);height:env(safe-area-inset-top);min-height:0;padding:0;background:transparent}.native .status>*{display:none}.native .home-indicator{display:none}.native .copyright-footer{flex-basis:auto;height:auto;min-height:34px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.native .tabbar{flex-basis:auto;height:auto;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.native .glass .tabbar{margin-bottom:calc(8px + env(safe-area-inset-bottom))}.native .drawer-panel{padding-top:calc(20px + env(safe-area-inset-top))}.native .caption{top:max(8px,env(safe-area-inset-top))}.device.ghost{z-index:1;pointer-events:none}.chrome{transition:opacity .22s ease,transform .22s ease}.chrome.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.caption{position:absolute;z-index:60;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center;pointer-events:none;background:#f8fbffd9;border:1px solid #d3e0ec;border-radius:18px;padding:7px 15px;box-shadow:0 4px 18px #29496509;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;max-width:calc(100% - 24px)}.caption .eyebrow{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#657a91;text-transform:uppercase;display:block;margin-bottom:2px}.caption strong{font-size:13px;font-weight:700;color:#173c62}.controls{position:absolute;z-index:65;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(398px,calc(100% - 24px));border:1px solid #ffffff3b;border-radius:21px;background:#0d2138ed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 35px #0a223f42;color:#fff;padding:9px 10px 8px;direction:ltr}.controls .main-controls{display:flex;align-items:center;justify-content:space-between;gap:4px}.controls button{color:inherit;display:flex;align-items:center;justify-content:center;gap:5px;background:none;border:0;border-radius:12px;min-height:40px;font-size:12px;font-weight:700;padding:0 9px}.controls button:hover{background:#ffffff15}.controls button:focus-visible{outline-color:#94c8ff}.controls .arrow-btn{background:#ffffff0b;min-width:91px}.controls .arrow-btn .icon{width:17px;height:17px}.controls .count-button{flex:1;min-width:0;flex-direction:column;gap:1px;padding:0 4px}.controls .count-button strong{font-size:13px;font-weight:700;letter-spacing:2px}.controls .count-button small{font-size:9px;font-weight:400;color:#adbfce;letter-spacing:.4px}.tool-controls{display:flex;align-items:center;justify-content:center;gap:4px;border-top:1px solid #ffffff12;margin-top:6px;padding-top:3px}.tool-controls button{font-size:10px;min-height:30px;color:#cad8e6;padding:0 8px;gap:5px;font-weight:400}.tool-controls .icon{width:13px;height:13px}.tool-controls button[aria-pressed=true]{background:#2687ff2e;color:#fff}.separator{width:1px;height:10px;background:#ffffff1c}.gallery-dialog{border:1px solid #e1e9f1;border-radius:25px;padding:0;background:#f4f8fc;color:#163957;width:min(600px,calc(100% - 24px));max-height:88dvh;box-shadow:0 22px 90px #00162c55}.gallery-dialog::backdrop{background:#10253d88;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-heading{padding:19px 20px 14px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f4f8fcf5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.gallery-heading h2{font-size:18px;margin:0}.gallery-heading p{font-size:11px;color:#698097;margin:4px 0 0}.close-dialog{border:1px solid #d7e2ed;border-radius:50%;padding:7px;background:#fff;color:#173956}.close-dialog .icon{width:18px;height:18px}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:5px 15px 20px}.gallery-card{border:1px solid #d6e2ee;background:#fff;border-radius:16px;padding:11px 10px;text-align:left;display:block;color:#244869}.gallery-card.selected{border-color:#2d86f7;box-shadow:0 0 0 2px #5b9cf230}.gallery-card .thumb{height:188px;display:flex;align-items:center;justify-content:center;background:#eef5fb;border-radius:9px;margin-bottom:8px;overflow:hidden}.gallery-card img{height:100%;width:auto;border:2px solid #152637;border-radius:11px}.gallery-card small{display:block;font-size:9px;text-transform:uppercase;color:#7e92a4;letter-spacing:.7px}.gallery-card strong{font-size:12px;display:block;margin:4px 0 1px}.confirm-dialog{width:min(340px,calc(100% - 32px));border:1px solid #dbe4ee;border-radius:22px;padding:24px;color:#183857;box-shadow:0 20px 70px #1234;direction:rtl;font-family:Arial,sans-serif}.confirm-dialog::backdrop{background:#001d3c77;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-dialog h2{margin:0 0 12px;font-size:23px}.confirm-dialog p{font-size:15px;line-height:1.6;color:#5b7087}.confirm-dialog .dialog-actions{display:flex;gap:10px;margin-top:18px}.confirm-dialog button{flex:1;padding:12px;border:0;border-radius:10px;font-size:14px}.confirm-dialog .confirm{background:#d92031;color:#fff}.confirm-dialog .cancel{background:#edf2f7;color:#284762}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:350px){.controls .arrow-btn{min-width:80px;font-size:11px;padding:0 7px}.tool-controls button{padding:0 5px}.gallery-card .thumb{height:150px}}