.mobile-detail-close,.email-mobile-close{display:none}@media (max-width:1023px){.orders-dashboard>header .header-actions{display:none!important}.orders-dashboard{padding-top:12px!important}.orders-dashboard>header{margin-bottom:10px!important}.orders-dashboard.home-mode>header,.orders-dashboard.home-mode>.toolbar,.orders-dashboard.home-mode>.pipeline-filter-bar,.orders-dashboard.home-mode>.metrics,.orders-dashboard.home-mode>.workspace{display:none!important}.orders-dashboard>.toolbar{grid-template-columns:1fr!important;display:grid!important}.orders-dashboard>.toolbar .search,.orders-dashboard>.toolbar select{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:none!important}.daily-home{margin-top:0!important}.app-shell .metrics.production-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.app-shell .production-metric-card{min-width:0!important;min-height:92px!important;padding:9px 6px!important}.app-shell .production-metric-card .metric-icon{width:26px!important;height:26px!important}.app-shell .production-metric-card span{font-size:8px!important;line-height:1.15!important}.app-shell .production-metric-card strong{font-size:18px!important}.app-shell .production-metric-card small{display:none!important}.app-shell .workspace{display:block!important;overflow:visible!important}.app-shell .order-list{border-right:0!important;width:100%!important}.app-shell .order-list .order-row{width:100%!important;display:block!important}.app-shell .workspace>.detail{width:100%!important;display:none!important}.app-shell .workspace.mobile-detail-open>.detail{margin-top:12px!important;display:block!important}.mobile-detail-close{color:#1a73e8;width:100%;height:44px;font:inherit;background:#fff;border:1px solid #c7c7cc;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;font-weight:750;display:flex!important}.mobile-detail-close svg{width:16px}.daily-date-picker{text-align:center!important;text-align-last:center!important}.email-center-toolbar{grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.email-center-toolbar form{grid-column:1/-1;width:100%!important;height:42px!important}.email-center-toolbar>button{width:100%!important;height:42px!important}.email-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;display:grid!important}.email-filter-bar>button,.email-filter-bar>select{width:100%!important;min-width:0!important;height:38px!important;padding:0 6px!important;font-size:9px!important}.email-drafts{grid-column:1/-1;width:100%!important;margin:0!important}.email-center-grid{display:block!important;overflow:visible!important}.email-inbox{border-right:0!important;width:100%!important}.email-reader{margin-top:12px;width:100%!important;min-height:0!important;display:none!important}.email-reader.mobile-reader-open{display:flex!important}.email-reader-empty{display:none!important}.email-mobile-close{color:#1a73e8;height:44px;font:inherit;background:#edf5ff;border:0;border-bottom:1px solid #d2d2d7;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:750;display:flex!important}.email-mobile-close svg{width:16px}}@media (max-width:700px){.app-shell .detail>.order-top-toolbar{order:-9!important}.app-shell .detail>.order-identity{order:-8!important}.app-shell .detail>.order-summary-strip{order:-7!important}.app-shell .detail>.order-summary-cards{order:-6!important}.app-shell .detail>.workflow-command-bar{order:-5!important}}@media (min-width:1024px){.mobile-detail-close,.email-mobile-close{display:none!important}}@media (max-width:1023px){.app-shell,.app-shell .main,.app-shell .orders-dashboard,.app-shell .workspace,.app-shell .order-list,.app-shell .detail{min-width:0!important;max-width:100%!important}.app-shell .daily-home .daily-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.app-shell .daily-home .daily-category-grid button{text-align:center!important;grid-template-columns:1fr!important;min-height:88px!important;padding:8px!important}.app-shell .daily-home .daily-category-grid button>svg{grid-area:1/1!important;width:24px!important;height:24px!important;margin:0 auto!important;padding:5px!important}.app-shell .daily-home .daily-category-grid button>div{grid-area:2/1!important}.app-shell .daily-home .daily-category-grid button strong{font-size:9px!important;line-height:1.2!important}.app-shell .daily-home .daily-category-grid button small{display:none!important}.app-shell .daily-home .daily-category-grid button>b{grid-area:3/1!important;margin:auto!important;font-size:17px!important;position:static!important}.app-shell .weekly-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.app-shell .weekly-overview-grid>button{min-height:88px!important;padding:9px!important;transform:none!important}.app-shell .weekly-overview-grid>button:hover{transform:none!important}.app-shell .metrics.production-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.app-shell .production-metric-card{min-height:88px!important;padding:7px 4px!important}.app-shell .production-metric-card span{overflow-wrap:anywhere;white-space:normal!important;font-size:8.5px!important;line-height:1.2!important}.app-shell .production-metric-card strong{font-size:18px!important}.app-shell .workspace{grid-template-columns:minmax(0,1fr)!important;width:100%!important;display:grid!important;overflow:visible!important}.app-shell .workspace>.order-list{display:contents!important}.app-shell .workspace .list-title,.app-shell .workspace .order-row{grid-column:1!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important}.app-shell .workspace>.detail{grid-column:1!important;grid-row:var(--mobile-detail-row)!important;margin:8px 0!important}.app-shell .workspace:not(.mobile-detail-open)>.detail{display:none!important}.app-shell .workspace.mobile-detail-open>.detail{display:flex!important}.app-shell .detail{overflow:visible!important}.mobile-detail-close{order:999!important;margin:12px 0 0!important}.app-shell .order-top-toolbar .focus-mode-toggle,.app-shell .order-top-toolbar-left>.ecwid-receipt-button,.app-shell .order-top-toolbar-left>.mobile-photo-button,.app-shell .order-top-toolbar-left>.square-payment-button,.app-shell .order-top-toolbar-left>.toolbar-delete{display:none!important}.app-shell .order-top-toolbar-left{display:block!important}.mobile-more-actions{width:100%;position:relative;display:block!important}.mobile-more-actions>summary{color:#1d1d1f;background:#fff;border:1px solid #c7c7cc;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:12px;font-weight:750;list-style:none;display:flex}.mobile-more-actions>summary::-webkit-details-marker{display:none}.mobile-more-actions>summary svg{width:16px}.mobile-more-actions>summary svg:last-child{margin-left:auto;margin-right:12px}.mobile-more-actions>div{background:#fff;border:1px solid #d2d2d7;border-radius:11px;margin-top:6px;display:grid;overflow:hidden}.mobile-more-actions a,.mobile-more-actions button{color:#1d1d1f!important;background:#fff!important;border:0!important;border-bottom:1px solid #ededf0!important;align-items:center!important;gap:9px!important;width:100%!important;min-height:48px!important;padding:0 13px!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;display:flex!important}.mobile-more-actions .destructive{color:#b42318!important;background:#fff5f4!important;border-bottom:0!important}.mobile-more-actions svg{width:16px}.app-shell .detail>.detail-grid{order:-8!important;grid-template-columns:1fr!important;gap:6px!important;margin:0 0 9px!important}.app-shell .detail>.detail-grid>.info-card{min-height:0!important;padding:9px 11px!important}.app-shell .detail-grid>.info-card>.card-title{margin-bottom:4px!important;font-size:8px!important}.app-shell .detail-grid>.info-card>strong,.app-shell .detail-grid>.info-card>a,.app-shell .detail-grid>.info-card>span{font-size:11px!important;line-height:1.35!important}.app-shell .detail-grid>.info-card>span{margin-top:2px!important;padding-top:0!important}.app-shell .detail>.detail-head{order:-7!important}.app-shell .detail>.order-top-toolbar{order:-9!important}.app-shell .build-progress{overflow:visible!important}.app-shell .build-progress-track,.app-shell .standard-order-progress .build-progress-track{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 5px!important;min-width:0!important}.app-shell .build-progress-track>div:before{display:none!important}.app-shell .build-progress-track span{overflow-wrap:anywhere!important;font-size:8px!important;line-height:1.2!important}.app-shell .build-progress-track i{margin-bottom:4px!important}.app-shell button,.app-shell select,.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell a[class*=button],.email-center button,.email-center select,.email-center input{min-height:44px}.app-shell button,.email-center button{border-radius:9px}.ups-shipment-composer button,.ups-shipment-composer select,.ups-shipment-composer input:not([type=checkbox]):not([type=radio]),.ups-shipment-composer .ups-checkbox{min-height:44px!important}.ups-shipment-composer .ups-checkbox input[type=checkbox]{width:20px!important;height:20px!important;min-height:20px!important}.email-center-grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important;display:grid!important;overflow:visible!important}.email-center-grid>.email-inbox{display:contents!important}.email-folder-toggle,.email-pagination,.email-inbox>button,.email-center-empty{grid-column:1!important;width:100%!important;min-width:0!important}.email-center-grid>.email-reader{grid-column:1!important;grid-row:var(--mobile-email-row)!important;margin:8px 0!important}.email-center-grid>.email-reader.mobile-reader-open{display:flex!important}.email-mobile-close{min-height:48px!important}.email-folder-toggle button,.email-center-toolbar button,.email-filter-bar>button,.email-filter-bar>select,.email-page-button,.email-selection-controls button{min-height:44px!important}}@media (min-width:1024px){.mobile-more-actions{display:none!important}}
.mobile-operations{display:none}@media (max-width:1023px){body{background:#f3f4f6;overflow-x:clip}.app-shell:not(.management-shell){display:none!important}.mobile-operations{color:#1d1d1f;background:#f3f4f6;min-height:100dvh;display:block}.mobile-app-header{background:#17181a;justify-content:space-between;align-items:center;min-height:76px;padding:12px 16px;display:flex}.mobile-app-header>a{color:#fff;flex-direction:column;align-items:flex-end;margin-left:auto;text-decoration:none;display:flex}.mobile-app-header img{width:122px;max-height:32px;display:block}.mobile-app-header small{color:#a9abb0;letter-spacing:.03em;margin-top:4px;font-size:10px;font-weight:650}.mobile-home,.mobile-list-screen,.mobile-order-detail{gap:14px;width:100%;max-width:560px;margin:0 auto;padding:16px;display:grid}.mobile-search-card,.mobile-future-tools,.mobile-detail-card,.mobile-order-status,.mobile-placeholder{background:#fff;border:1px solid #dedfe3;border-radius:15px;box-shadow:0 2px 8px #00000009}.mobile-search-card>label{align-items:center;gap:10px;display:flex}.mobile-search-card>label>svg{color:#1673e6;width:22px}.mobile-search-card>label span{display:grid}.mobile-search-card>label strong{font-size:15px}.mobile-search-card>label small{color:#6e6e73;margin-top:2px;font-size:11px}.mobile-search-card>input{box-sizing:border-box;background:#fafafa;border:1px solid #c9cbd1;border-radius:10px;width:100%;height:48px;margin-top:13px;padding:0 13px;font-size:16px}.mobile-search-results{gap:7px;margin-top:10px;display:grid}.mobile-search-results>p{color:#6e6e73;text-align:center;margin:0;padding:12px;font-size:13px}.mobile-primary-destinations{gap:10px;display:grid}.mobile-primary-destinations>button,.mobile-order-row{color:#1d1d1f;text-align:left;background:#fff;border:1px solid #d9dade;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:11px;width:100%;min-height:78px;padding:13px 14px;display:grid;box-shadow:0 2px 8px #00000009}.mobile-primary-destinations>button>svg:first-child{color:#1673e6;background:#eef5ff;border-radius:10px;width:24px;height:24px;padding:8px}.mobile-primary-destinations span,.mobile-order-row span{min-width:0;display:grid}.mobile-primary-destinations strong{text-transform:uppercase;letter-spacing:.025em;font-size:14px}.mobile-primary-destinations small,.mobile-order-row small{color:#6e6e73;margin-top:4px;font-size:11px}.mobile-future-tools{padding:16px}.mobile-future-tools>span,.mobile-list-screen>header span,.mobile-order-detail>header span{color:#1673e6;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.mobile-future-tools h2{margin:4px 0 12px;font-size:16px}.mobile-future-tools>div{gap:7px;display:grid}.mobile-future-tools button{color:#777;text-align:left;background:#f8f8f9;border:1px solid #e5e5e8;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;min-height:54px;padding:8px 10px;display:grid}.mobile-future-tools button svg{grid-row:1/3;width:18px}.mobile-future-tools button small{font-size:10px}.mobile-back{color:#1673e6;background:0 0;border:0;align-items:center;gap:7px;width:max-content;min-height:44px;padding:0 5px;font-size:14px;font-weight:750;display:flex}.mobile-back svg{width:19px}.mobile-list-screen>header h1,.mobile-order-detail>header h1{margin:3px 0 0;font-size:25px}.mobile-list-screen>header,.mobile-order-detail>header{padding:0 2px 4px}.mobile-order-list{gap:8px;display:grid}.mobile-order-row{grid-template-columns:minmax(0,1fr) 22px;min-height:82px}.mobile-order-row b{color:#1673e6;font-size:11px}.mobile-order-row strong{margin-top:3px;font-size:15px}.mobile-placeholder{text-align:center;padding:28px 20px}.mobile-placeholder svg{color:#8a8c91;width:34px}.mobile-placeholder h2{font-size:18px}.mobile-placeholder p{color:#6e6e73;font-size:13px;line-height:1.55}.mobile-order-detail>header p{color:#6e6e73;margin:5px 0 0;font-size:12px}.mobile-order-status{grid-template-columns:1fr;padding:4px 14px;display:grid}.mobile-order-status>div{border-bottom:1px solid #ededf0;gap:3px;padding:12px 2px;display:grid}.mobile-order-status>div:last-child{border:0}.mobile-order-status small{color:#6e6e73;text-transform:uppercase;font-size:10px;font-weight:750}.mobile-order-status strong{font-size:14px}.mobile-detail-card{padding:15px;display:grid}.mobile-detail-card h2{align-items:center;gap:8px;margin:0 0 10px;font-size:14px;display:flex}.mobile-detail-card h2 svg{color:#1673e6;width:18px}.mobile-detail-card>a{color:#1673e6;min-height:32px;font-size:13px}.mobile-detail-card p{color:#4b4c50;margin:0;font-size:13px;line-height:1.5}.mobile-detail-card>small{color:#6e6e73;margin-top:7px}.mobile-build-progress ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.mobile-build-progress li{color:#8b8d92;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.mobile-build-progress i{border:1px solid #d5d6da;border-radius:50%;flex:0 0 25px;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.mobile-build-progress li.complete,.mobile-build-progress li.current{color:#1d1d1f}.mobile-build-progress li.complete i{color:#fff;background:#16804c;border-color:#16804c}.mobile-build-progress li.current i{color:#fff;background:#1673e6;border-color:#1673e6}.mobile-detail-actions{gap:8px;display:grid}.mobile-detail-actions a{color:#fff;background:#1673e6;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:13px;font-weight:750;text-decoration:none;display:flex}.mobile-detail-actions svg{width:18px}.mobile-app-header{min-height:64px;margin-bottom:0;padding:8px 16px}.mobile-app-header>a{margin:0}.mobile-app-header img{width:150px;max-height:38px}.mobile-app-header>strong{color:#b9bbc0;letter-spacing:.035em;font-size:10px;font-weight:650}.mobile-home,.mobile-list-screen,.mobile-order-detail{font-family:var(--tb-font-ui);gap:11px;padding-top:10px}.mobile-search-card{padding:14px}.mobile-search-card>label strong{font-size:14px;font-weight:700}.mobile-search-card>label small{font-size:10px;font-weight:500}.mobile-search-card>input{font-family:inherit;font-weight:500}.mobile-primary-destinations>button{grid-template-columns:50px minmax(0,1fr) 24px;min-height:82px}.mobile-primary-destinations>button>svg:first-child{width:29px;height:29px;padding:9px}.mobile-primary-destinations strong{color:#1673e6;font-size:14px;font-weight:750}.mobile-primary-destinations>button>svg:last-child,.mobile-order-row>svg{color:#1673e6;width:22px}.mobile-primary-destinations small{color:#55575c}.mobile-list-screen>header,.mobile-detail-heading{justify-content:space-between;align-items:center;gap:12px;padding:0 2px 5px!important;display:flex!important}.mobile-list-screen>header>span,.mobile-detail-heading>span{min-width:0;display:grid;color:inherit!important;text-transform:none!important}.mobile-list-screen>header small,.mobile-detail-heading small{color:#1673e6;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.mobile-list-screen>header h1,.mobile-detail-heading h1{margin:3px 0 0;font-size:24px}.mobile-list-screen .mobile-back,.mobile-detail-heading .mobile-back{color:#1673e6;text-align:right;flex:none;justify-content:flex-end;max-width:47%;padding:0;font-size:11px}.mobile-order-row{grid-template-columns:minmax(0,1fr) auto 22px;gap:12px;min-height:112px;padding:14px}.mobile-order-row>span:first-child{align-self:stretch}.mobile-order-row b{color:#1673e6}.mobile-order-row em{color:#4b4c50;margin-top:auto;padding-top:8px;font-size:11px;font-style:normal}.mobile-order-total{white-space:nowrap;justify-items:end;padding-bottom:2px;align-self:end!important}.mobile-order-total small{color:#6e6e73;text-transform:uppercase;font-size:8px}.mobile-order-total strong{color:#1d1d1f;font-size:13px}.mobile-search-results .mobile-order-row{min-height:96px}.mobile-status-card{background:#fff;border:1px solid #dedfe3;border-radius:14px;gap:4px;padding:14px;display:grid}.mobile-status-card>small{color:#6e6e73;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.mobile-status-card>strong{font-size:15px}.mobile-status-card.production>strong{color:#1673e6}.mobile-status-card.production>div{grid-template-columns:minmax(0,1fr) 82px;gap:8px;margin-top:7px;display:grid}.mobile-status-card select,.mobile-status-card button{box-sizing:border-box;background:#fff;border:1px solid #c9cbd1;border-radius:9px;min-height:46px;font-family:inherit;font-size:12px;font-weight:600}.mobile-status-card button{color:#fff;background:#1673e6;border-color:#1673e6}.mobile-status-card button:disabled{color:#8a8c91;background:#ececef;border-color:#d5d6da}.mobile-status-card.payment.due{border-left:4px solid #d97904}.mobile-status-card.order-due.overdue{border-left:4px solid #c93434}.mobile-status-card.order-due>b{color:#c93434;margin-top:4px;font-size:11px}.mobile-customer-shipping{padding:13px}.mobile-customer-shipping>small{color:#6e6e73;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ededf0;margin-top:13px;padding-top:11px;font-size:9px;font-weight:800}.mobile-customer-shipping>em{color:#6e6e73;margin-top:7px;font-size:11px;font-style:normal}.mobile-order-type{padding:13px}.mobile-order-items>article{border-bottom:1px solid #dedfe3;gap:10px;padding:14px 0!important;display:grid!important}.mobile-order-items article>header{display:grid}.mobile-order-items article>header strong{font-size:14px}.mobile-order-items article>header small{color:#6e6e73;margin-top:3px;font-size:10px}.mobile-order-items dl{gap:0;margin:0;display:grid}.mobile-order-items dl>div{border-top:1px solid #ededf0;grid-template-columns:minmax(105px,.85fr) 1.15fr;gap:10px;padding:7px 0;display:grid}.mobile-order-items dt{color:#6e6e73;font-size:10px}.mobile-order-items dd{color:#1d1d1f;margin:0;font-size:11px;font-weight:650}.mobile-order-items article>footer,.mobile-order-grand-total{justify-content:space-between;padding-top:2px;font-size:12px;display:flex}.mobile-order-grand-total{padding-top:14px;font-size:14px}.mobile-toast{z-index:300;color:#fff;background:#17181a;border:0;border-radius:11px;min-height:48px;padding:10px 14px;font-size:12px;font-weight:650;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 8px 30px #00000040}.mobile-home{padding-top:6px}.mobile-search-card>label strong{color:#242528;letter-spacing:-.01em;font-weight:720}.mobile-primary-destinations>button{transition:border-color .14s}.mobile-primary-destinations>button:active,.mobile-primary-destinations>button:focus-visible{border-color:#1673e6}.mobile-primary-destinations>button>svg:first-child{color:#242528}.mobile-primary-destinations strong{color:#242528;text-transform:none;font-weight:730}.mobile-order-row>span:first-child{align-content:start;gap:3px}.mobile-order-row>span:first-child>b{line-height:1.2}.mobile-order-row>span:first-child>strong{margin:0;line-height:1.25}.mobile-order-row>span:first-child>small{color:#1673e6;margin:0;font-size:11px;font-weight:500;line-height:1.35}.mobile-order-row>span:first-child>em{margin:0;padding-top:2px;font-size:11px;line-height:1.35}.mobile-order-total{margin-right:4px;padding-bottom:1px}.mobile-order-total strong{line-height:1.35}.mobile-list-screen>header>span,.mobile-detail-heading>span{gap:1px}.mobile-list-screen>header h1,.mobile-detail-heading h1{margin:0;line-height:1.12}.mobile-detail-heading p{font-weight:450;line-height:1.3;color:#6e6e73!important;margin:1px 0 0!important;font-size:11px!important}.mobile-detail-heading>span>b{color:#c93434;margin-top:2px;font-size:10px;line-height:1.25}.mobile-list-screen>header small,.mobile-detail-heading small{line-height:1.2}.mobile-status-card{gap:2px}.mobile-status-card.production>strong{line-height:1.25}.mobile-status-card select{padding:0 10px}.mobile-status-card.payment.paid>strong{color:#16804c;font-size:14px}.mobile-status-card.payment.due>strong{font-size:14px}.mobile-customer-shipping{gap:3px}.mobile-customer-shipping>h2{margin-bottom:7px}.mobile-customer-shipping>strong{line-height:1.35}.mobile-customer-shipping>a{min-height:0;line-height:1.55}.mobile-customer-shipping>small{margin-top:10px;padding-top:9px}.mobile-detail-card h2,.mobile-status-card>small{color:#242528}.mobile-detail-card{padding:14px}.mobile-operations{--mobile-stack-space:9px}.mobile-home{gap:var(--mobile-stack-space);padding-top:var(--mobile-stack-space)}.mobile-primary-destinations{gap:var(--mobile-stack-space)}.mobile-list-screen,.mobile-order-detail{padding-top:var(--mobile-stack-space);gap:7px}.mobile-primary-destinations strong{letter-spacing:0;font-weight:680}.mobile-primary-destinations small{color:#6e6e73;font-weight:550}.mobile-primary-destinations>button>svg:first-child{color:#1673e6;width:31px;height:31px}.mobile-primary-destinations>button>svg:last-child{width:21px}.mobile-future-tools{border-color:#dedfe3;padding:14px}.mobile-future-tools>span{color:#1673e6}.mobile-future-tools h2{color:#242528;margin:3px 0 10px;font-size:14px;font-weight:700}.mobile-future-tools>div{gap:var(--mobile-stack-space)}.mobile-future-tools button{color:#4f5156;background:#fafafa;border-color:#e1e2e5;grid-template-columns:42px minmax(0,1fr);min-height:64px;padding:10px 12px}.mobile-future-tools button svg{color:#8a8c91;width:22px}.mobile-future-tools button small{color:#86868b;margin-top:2px;font-weight:500}.mobile-list-screen>header{align-items:center;min-height:48px;margin-bottom:0;padding-bottom:2px!important}.mobile-order-list{gap:var(--mobile-stack-space)}.mobile-order-row>span:first-child{grid-template-rows:auto auto auto 1fr;align-content:normal}.mobile-order-row>span:first-child>em{align-self:end}.mobile-order-total{padding-bottom:0;align-self:end!important}.mobile-detail-heading{align-items:center;min-height:58px;margin-bottom:0;padding-bottom:1px!important}.mobile-detail-heading h1{margin-top:1px}.mobile-status-card.production>div{margin:6px 0 0}.mobile-detail-card h2{color:#242528;margin-bottom:9px;font-size:14px;font-weight:760;line-height:1.25}.mobile-order-notes{gap:9px}.mobile-order-notes textarea{box-sizing:border-box;color:#242528;resize:vertical;background:#fafafa;border:1px solid #c9cbd1;border-radius:10px;width:100%;min-height:132px;padding:12px;font-family:inherit;font-size:16px;line-height:1.5}.mobile-order-notes button{color:#fff;background:#1673e6;border:0;border-radius:9px;min-height:46px;font-family:inherit;font-size:12px;font-weight:700}.mobile-order-notes button:disabled{color:#898b90;background:#e5e6e9}.mobile-home-heading{gap:2px;padding:2px 2px 1px;display:grid}.mobile-home-heading small,.mobile-quick-actions>span{color:#1673e6;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.mobile-home-heading h1{color:#242528;letter-spacing:-.02em;margin:0;font-size:25px;line-height:1.12}.mobile-home-heading p{color:#6e6e73;margin:1px 0 0;font-size:12px;line-height:1.4}.mobile-primary-destinations>button{grid-template-columns:44px minmax(0,1fr) 22px;min-height:76px;padding:12px 14px}.mobile-primary-destinations>button>svg:first-child{box-sizing:content-box;background:0 0;border-radius:0;justify-self:center;width:28px;height:28px;padding:0}.mobile-primary-destinations>button>svg:last-child{justify-self:end}.mobile-quick-actions{background:#fff;border:1px solid #dedfe3;border-radius:15px;gap:7px;padding:14px;display:grid;box-shadow:0 2px 8px #00000009}.mobile-quick-actions>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-quick-actions button{color:#242528;text-align:center;background:#f7faff;border:1px solid #cbd8e8;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:58px;padding:8px;font-family:inherit;font-size:11px;display:flex}.mobile-quick-actions button:active,.mobile-quick-actions button:focus-visible{border-color:#1673e6}.mobile-quick-actions button:disabled{color:#777;background:#f4f4f5}.mobile-quick-actions button svg{color:#1673e6;flex:0 0 23px;width:23px;height:23px}.mobile-quick-actions button strong{font-weight:680;line-height:1.25}.mobile-future-tools button{grid-template-columns:44px minmax(0,1fr)}.mobile-future-tools button svg{justify-self:center}.mobile-status-card>small{letter-spacing:0;text-transform:none;font-size:14px;font-weight:760;line-height:1.25}.mobile-status-card.production>strong{font-size:14px;font-weight:600}.mobile-status-card select{appearance:none;background-color:#fff;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='%231673e6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;width:100%;padding:0 38px 0 10px}.mobile-status-card.payment>strong{margin-top:1px;font-weight:650}.mobile-home-heading{gap:1px;padding:0 2px 1px}.mobile-search-card>label small{white-space:nowrap;letter-spacing:-.015em;font-size:9px}.mobile-search-card>input{color:#242528;font-family:inherit;font-size:15px;font-weight:500}.mobile-search-card>input::placeholder{color:#8a8c91;opacity:1;font-family:inherit;font-size:15px;font-weight:450}.mobile-detail-heading{min-height:52px}.mobile-detail-heading>span{gap:0}.mobile-detail-heading small,.mobile-detail-heading h1,.mobile-detail-heading p{line-height:1.18}.mobile-detail-heading p{margin-top:0!important}.mobile-order-detail{gap:7px}.mobile-inline-control{grid-template-columns:minmax(0,1fr) 82px;gap:8px;display:grid}.mobile-inline-control select,.mobile-inline-control button{box-sizing:border-box;border:1px solid #c9cbd1;border-radius:9px;min-height:46px;font-family:inherit;font-size:12px;font-weight:600}.mobile-inline-control select{appearance:none;background:#fff 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='%231673e6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center/16px no-repeat;width:100%;padding:0 38px 0 10px}.mobile-inline-control button{color:#fff;background:#1673e6;border-color:#1673e6}.mobile-inline-control button:disabled{color:#8a8c91;background:#ececef;border-color:#d5d6da}.mobile-order-photos{gap:10px}.mobile-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.mobile-photo-grid a{aspect-ratio:1;background:#f3f4f6;border:1px solid #dedfe3;border-radius:9px;min-height:0;display:block;overflow:hidden}.mobile-photo-grid img{object-fit:cover;width:100%;height:100%;display:block}.mobile-add-photos{color:#fff;background:#1673e6;border:1px solid #1673e6;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:46px;font-family:inherit;font-size:12px;font-weight:700;display:flex}.mobile-add-photos svg{width:18px}.mobile-add-photos:disabled{color:#8a8c91;background:#ececef;border-color:#d5d6da}.mobile-order-actions{gap:9px}.mobile-order-actions>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-order-actions button{color:#242528;background:#f7faff;border:1px solid #cbd8e8;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:8px;font-family:inherit;font-size:11px;font-weight:680;line-height:1.25;display:flex}.mobile-order-actions button svg{color:#1673e6;flex:0 0 19px;width:19px}.mobile-order-actions button:disabled{color:#8a8c91;background:#f1f1f2}.mobile-order-actions button:disabled svg{color:#8a8c91}.mobile-detail-card h2,.mobile-status-card>small{color:#242528;font-size:14px;font-weight:760}.modal-backdrop .composer{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:auto}.mobile-operations{--mobile-content-top:12px;--mobile-stack-gap:10px;--mobile-heading-step:3px;--mobile-card-padding:14px;--mobile-eyebrow-size:10px;--mobile-title-size:24px;--mobile-title-weight:720;--mobile-secondary-size:11px;--mobile-card-heading-size:14px;--mobile-card-heading-weight:760}.mobile-home-heading small,.mobile-list-screen>header small,.mobile-detail-heading small{color:#1673e6;font-size:var(--mobile-eyebrow-size);letter-spacing:.08em;text-transform:uppercase;font-weight:720;line-height:1.2}.mobile-home-heading h1,.mobile-list-screen>header h1,.mobile-detail-heading h1{margin:var(--mobile-heading-step) 0 0;color:#242528;font-size:var(--mobile-title-size);font-weight:var(--mobile-title-weight);letter-spacing:-.02em;line-height:1.12}.mobile-home-heading p,.mobile-detail-heading p{font-weight:450;line-height:1.35;margin:var(--mobile-heading-step) 0 0!important;color:#6e6e73!important;font-size:var(--mobile-secondary-size)!important;letter-spacing:0!important}.mobile-home,.mobile-list-screen,.mobile-order-detail{gap:var(--mobile-stack-gap);padding-top:var(--mobile-content-top)}.mobile-home-heading,.mobile-list-screen>header>span,.mobile-detail-heading>span{gap:0}.mobile-home-heading{margin-bottom:0;padding:0 2px 2px}.mobile-list-screen>header,.mobile-detail-heading{min-height:50px;padding-bottom:2px!important}.mobile-detail-card,.mobile-status-card,.mobile-search-card,.mobile-future-tools,.mobile-quick-actions{padding:var(--mobile-card-padding)}.mobile-detail-card h2,.mobile-status-card>small{font-size:var(--mobile-card-heading-size);font-weight:var(--mobile-card-heading-weight);color:#242528;letter-spacing:0;text-transform:none;line-height:1.25}.mobile-status-card.production,.mobile-order-type-control{gap:9px}.mobile-status-card.production>div,.mobile-order-type-control>div{grid-template-columns:minmax(0,1fr) 82px;gap:8px;margin:0;display:grid}.mobile-status-card.production select,.mobile-order-type-control select{box-sizing:border-box;appearance:none;background-color:#fff;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='%2355575c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1px solid #c9cbd1;border-radius:9px;width:100%;min-height:46px;padding:0 38px 0 10px;font-family:inherit;font-size:12px;font-weight:600}.mobile-status-card.production button,.mobile-order-type-control button{box-sizing:border-box;color:#fff;background:#1673e6;border:1px solid #1673e6;border-radius:9px;min-height:46px;font-family:inherit;font-size:12px;font-weight:600}.mobile-status-card.production button:disabled,.mobile-order-type-control button:disabled{color:#8a8c91;background:#ececef;border-color:#d5d6da}.mobile-status-card.payment{box-shadow:none;background:#fff;border-left:1px solid #dedfe3}.mobile-status-card.payment.paid{border-left:1px solid #dedfe3}.mobile-status-card.payment.paid>strong{color:#16804c}.mobile-status-card.payment.due>strong{color:#b86100}.mobile-status-card.payment>strong{letter-spacing:.025em;text-transform:uppercase;font-size:14px;font-weight:680}.mobile-status-card.payment.due{box-shadow:none;background:#fff;border-left:1px solid #dedfe3}.mobile-select-wrap{min-width:0;display:block;position:relative}.mobile-select-wrap select{height:46px;display:block}.mobile-select-wrap>svg{z-index:1;color:#55575c;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mobile-status-card.production .mobile-select-wrap select,.mobile-order-type-control .mobile-select-wrap select{appearance:none;background:#fff}.mobile-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-example-grid a{aspect-ratio:1;background:#f3f4f6;border:1px solid #dedfe3;border-radius:9px;min-height:0;display:block;overflow:hidden}.mobile-example-grid img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.mobile-customer-order-notes p{white-space:pre-wrap;color:#424348;font-size:13px;line-height:1.5}.mobile-customer-shipping>small,.mobile-order-items dt,.mobile-order-items article>header small{color:#6e6e73;letter-spacing:0;font-size:10px;font-weight:500}.mobile-shipment-tracking{gap:5px}.mobile-shipment-tracking>small{color:#6e6e73;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.mobile-shipment-tracking>strong{overflow-wrap:anywhere;color:#242528;letter-spacing:.025em;font-size:14px;font-weight:700}}@media (max-width:340px){.mobile-search-card>label small{font-size:8px}.mobile-order-actions>div{grid-template-columns:1fr}}@media (min-width:1024px){.mobile-operations{display:none!important}}
.app-shell .order-items-title{margin-top:14px}.app-shell .items>.item{grid-template-columns:44px minmax(0,1fr) auto auto!important;align-items:start!important;gap:8px 12px!important;padding:12px 14px!important;display:grid!important}.app-shell .items>.item>.product-thumb{align-self:start!important;width:44px!important;height:44px!important}.app-shell .items>.item>.product-thumb img{object-fit:contain!important;width:100%!important;height:100%!important}.app-shell .items>.item>.product{min-width:0}.app-shell .items>.item>.product>strong{font-size:14px!important;line-height:1.3!important}.app-shell .items>.item>.product>span{margin-top:2px!important;font-size:9px!important}.app-shell .product-options{border:0!important;grid-template-columns:1fr!important;gap:4px!important;margin-top:9px!important;padding:0!important;display:grid!important}.app-shell .product-options>div{flex-wrap:wrap;gap:3px;min-width:0;border:0!important;padding:0!important;font-size:11px!important;line-height:1.4!important;display:flex!important}.app-shell .product-options>div>span{color:#515154!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;font-size:11px!important;font-weight:700!important;display:inline!important}.app-shell .product-options>div>span:after{content:":"}.app-shell .product-options>div>b{overflow-wrap:anywhere;min-width:0;color:#3a3a3c!important;font-size:11px!important;font-weight:500!important}.app-shell .items>.item>.quantity,.app-shell .items>.item>.item-price{white-space:nowrap;align-self:end!important;margin:0!important;padding:0 0 2px!important}.app-shell .items>.item>.item-price{text-align:right;min-width:76px;font-size:13px!important}.app-shell .truckbass-notes-card{margin:12px 0!important}.app-shell .truckbass-notes-card.collapsed{padding:11px 14px!important}.app-shell .truckbass-notes-card.collapsed>div>span{flex-direction:row;flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.app-shell .truckbass-notes-card.collapsed>div>span>small{white-space:nowrap}.app-shell .truckbass-notes-card.collapsed>div>span>em{color:#86868b;margin-left:auto;font-size:10px;font-style:normal}.app-shell .truckbass-notes-card.collapsed button{width:auto;min-width:88px}.app-shell .truckbass-notes-conflict{border-top:1px solid #e5e5e7;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;font-size:11px;display:flex}.app-shell .truckbass-notes-conflict>div{gap:7px;display:flex}.app-shell .truckbass-notes-conflict button{width:auto;min-width:88px}.app-shell .provided-examples-compact{margin:12px 0}.app-shell .provided-examples-compact>.section-title{margin-bottom:7px}.app-shell .provided-examples-compact .visual-preview-manager{gap:10px!important;margin:0!important;display:flex!important}.app-shell .provided-examples-compact .visual-preview-slot{grid-template-columns:1fr auto;gap:7px;width:150px!important;padding:9px!important;display:grid!important}.app-shell .provided-examples-compact .visual-preview-slot>div:first-child{grid-column:1/-1}.app-shell .provided-examples-compact .visual-preview-slot>div:first-child strong{font-size:11px!important}.app-shell .provided-examples-compact .visual-preview-slot>div:first-child span{font-size:9px!important}.app-shell .provided-examples-compact .example-thumbnail,.app-shell .provided-examples-compact .preview-placeholder{place-items:center;overflow:hidden;background:#fff!important;border:1px solid #e1e3e6!important;border-radius:8px!important;width:88px!important;height:88px!important;min-height:0!important;margin:0!important;padding:0!important;display:grid!important}.app-shell .provided-examples-compact .example-thumbnail img{display:block;object-fit:contain!important;width:100%!important;height:100%!important}.app-shell .provided-examples-compact .preview-placeholder{color:#86868b;grid-column:1/-1;width:100%!important;font-size:9px!important}.app-shell .provided-examples-compact .secondary{justify-content:center;align-self:end;width:34px!important;height:34px!important;padding:0!important;font-size:0!important}.app-shell .order-information-access{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.app-shell .order-information-access article{background:#fafafa;border:1px solid #e5e5e7;border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.app-shell .order-information-access article>svg{color:#1a73e8;width:18px}.app-shell .order-information-access article>span{gap:2px;min-width:0;display:grid}.app-shell .order-information-access article strong{font-size:12px}.app-shell .order-information-access article small{color:#6e6e73;font-size:9px;line-height:1.35}.app-shell .order-information-access article button{color:#176ec4;background:#fff;border:1px solid #c7c7cc;border-radius:8px;height:32px;padding:0 10px;font-size:9px;font-weight:700}.image-viewer-content{background:#fff;place-items:center;min-height:100%;display:grid}.image-viewer-content img{object-fit:contain;max-width:100%;max-height:100%;display:block}@media (max-width:820px){.app-shell .items>.item{grid-template-columns:40px minmax(0,1fr) auto!important}.app-shell .items>.item>.product-thumb{width:40px!important;height:40px!important}.app-shell .items>.item>.quantity{grid-column:2;justify-self:start}.app-shell .items>.item>.item-price{grid-column:3;justify-self:end}.app-shell .product-options>div{grid-template-columns:minmax(120px,auto) minmax(0,1fr)!important;gap:3px 5px!important;display:grid!important}.app-shell .order-information-access{grid-template-columns:1fr}}@media (max-width:600px){.app-shell .product-options>div{grid-template-columns:1fr!important;gap:1px!important}.app-shell .truckbass-notes-card.collapsed>div{align-items:stretch!important}.app-shell .truckbass-notes-card.collapsed>div>span{gap:2px;display:grid}.app-shell .truckbass-notes-card.collapsed>div>span>em{margin-left:0}.app-shell .provided-examples-compact .visual-preview-manager{grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.app-shell .provided-examples-compact .visual-preview-slot{width:100%!important}.mobile-order-items dl>div{grid-template-columns:minmax(120px,.9fr) minmax(0,1.1fr)!important;gap:5px!important;padding:5px 0!important;display:grid!important}.mobile-order-items dt:after{content:":"}.mobile-order-items dt,.mobile-order-items dd{overflow-wrap:anywhere;margin:0!important;font-size:11px!important;line-height:1.35!important}.mobile-example-grid button{aspect-ratio:1;background:#fff;border:1px solid #d8dade;border-radius:9px;place-items:center;padding:0;display:grid;overflow:hidden}.mobile-example-grid button img{object-fit:contain;width:100%;height:100%;display:block}.mobile-order-information-access>div{gap:8px;display:grid}.mobile-order-information-access>div>button{color:#1d1d1f;text-align:left;background:#fff;border:1px solid #d8dade;border-radius:9px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-height:58px;padding:10px;display:grid}.mobile-order-information-access>div>button>svg{color:#1a73e8;width:18px}.mobile-order-information-access>div>button>span{gap:2px;display:grid}.mobile-order-information-access>div>button strong{font-size:12px}.mobile-order-information-access>div>button small{color:#6e6e73;font-size:10px}}
.app-shell .order-action-menu{z-index:20;flex:none;position:relative}.app-shell .order-action-menu-trigger{white-space:nowrap;min-width:0}.app-shell .order-action-menu-trigger .order-action-menu-chevron{margin-left:1px;transition:transform .15s;width:12px!important;height:12px!important}.app-shell .order-action-menu.open .order-action-menu-chevron{transform:rotate(180deg)}.app-shell .order-action-menu-panel{z-index:160;background:#fff;border:1px solid #d7d9de;border-radius:9px;width:max-content;min-width:210px;max-width:min(260px,100vw - 24px);padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 14px 34px #12141833}.app-shell .order-action-menu:nth-last-child(-n+2) .order-action-menu-panel{left:auto;right:0}.app-shell .order-action-menu-panel>a,.app-shell .order-action-menu-panel>button{box-sizing:border-box;color:#292b30;text-align:left;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:36px;padding:7px 9px;font-family:inherit;font-size:11px;font-weight:680;line-height:1.25;text-decoration:none;display:flex}.app-shell .order-action-menu-panel>a:hover,.app-shell .order-action-menu-panel>button:hover,.app-shell .order-action-menu-panel>a:focus-visible,.app-shell .order-action-menu-panel>button:focus-visible{color:#135da8;background:#eef5ff;outline:0}.app-shell .order-action-menu-panel>button:disabled{cursor:not-allowed;opacity:.45}.app-shell .order-action-menu-panel svg{color:currentColor;flex:0 0 15px;width:15px;height:15px}.app-shell .order-action-menu-separator{background:#e1e3e7;height:1px;margin:5px 7px}.app-shell .order-action-menu-panel>.destructive{color:#b42318}.app-shell .order-action-menu-panel>.destructive:hover,.app-shell .order-action-menu-panel>.destructive:focus-visible{color:#9f1f16;background:#fff1f0}.app-shell .order-toolbar-background-actions{width:1px;height:1px;position:absolute;overflow:visible}.app-shell .order-toolbar-background-actions>.order-cancellation-open{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-shell .order-changes .internal-change-products-trigger{display:none!important}.app-shell .shipping-hold-card:not(.active):not(:has(.shipping-hold-form)){display:none}.app-shell .operator-payment-status--compact{width:auto;max-width:100%;box-shadow:none;border-width:1px;border-radius:9px;gap:9px;margin:10px 0;padding:9px 12px;display:inline-flex}.app-shell .operator-payment-status--compact>span{flex:0 0 28px;width:28px;height:28px}.app-shell .operator-payment-status--compact>span svg{width:15px;height:15px}.app-shell .operator-payment-status--compact>div{grid-template-columns:auto auto;align-items:baseline;gap:1px 8px;display:grid}.app-shell .operator-payment-status--compact small{letter-spacing:.09em;font-size:8px}.app-shell .operator-payment-status--compact strong{font-size:13px;line-height:1.2}.app-shell .operator-payment-status--compact p{grid-column:1/-1;font-size:9px;line-height:1.3}@media (max-width:760px){.app-shell .order-top-toolbar-left{display:flex!important}.app-shell .order-action-menu{flex:calc(50% - 5px)}.app-shell .order-action-menu-trigger{width:100%}.app-shell .order-action-menu-panel{left:0;right:auto}.app-shell .order-action-menu:nth-child(2n) .order-action-menu-panel{left:auto;right:0}.app-shell .operator-payment-status--compact{width:100%;display:flex}}

.design-studio{gap:16px;padding-bottom:86px;display:grid}.design-studio-tabs{border:1px solid var(--tb-line);background:#fff;border-radius:12px;gap:4px;padding:4px;display:flex;overflow:auto}.design-studio-tabs button{min-height:36px;color:var(--tb-muted);background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:10px;font-weight:800}.design-studio-tabs button.active{background:var(--tb-charcoal);color:#fff}.design-studio-unsaved,.design-studio-message,.design-studio-compatibility,.design-preview-private{color:#76500c;background:#fff8e8;border:1px solid #e2bd78;border-radius:10px;align-items:center;gap:8px;padding:11px 13px;font-size:10px;display:flex}.design-studio-unsaved svg,.design-preview-private svg{width:16px}.design-studio-message{color:#176231;background:#eff9f2;border-color:#9fc8aa}.design-studio-compatibility{color:#4b4c51;background:#f7f7f9;border-color:#c9cbd1;display:block}.design-studio-section{gap:16px;display:grid}.design-workspace-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.design-workspace-grid article{color:#777;cursor:not-allowed;background:#f7f7f8;border:1px dashed #c7c7cc;border-radius:12px;min-height:150px;padding:16px}.design-workspace-grid article.available{color:var(--tb-ink);cursor:default;background:#fff;border-style:solid;border-color:#8bbaf0}.design-workspace-grid span{color:var(--tb-blue);letter-spacing:.12em;font-size:8px;font-weight:900}.design-workspace-grid h2{margin:10px 0 6px;font-size:16px}.design-workspace-grid p{margin:0;font-size:10px;line-height:1.55}.design-studio-summary{border:1px solid var(--tb-line);background:var(--tb-line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;display:grid;overflow:hidden}.design-studio-summary div{background:#fff;padding:13px}.design-studio-summary dt{color:var(--tb-muted);text-transform:uppercase;font-size:8px;font-weight:800}.design-studio-summary dd{margin:5px 0 0;font-size:11px;font-weight:750}.design-recovery-link{width:max-content;color:var(--tb-red);align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.design-recovery-link svg{width:16px}.design-token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.design-token-grid>label{border:1px solid var(--tb-line);background:#fff;border-radius:12px;gap:7px;padding:13px;display:grid}.design-token-grid>label>span{color:var(--tb-ink);font-size:11px;font-weight:800}.design-token-grid small{min-height:26px;color:var(--tb-muted);font-size:9px}.design-token-grid label>div{grid-template-columns:44px 1fr;gap:8px;display:grid}.design-token-grid input[type=color]{width:44px;padding:3px}.design-rule-toolbar,.design-export-toolbar,.design-preview-toolbar{flex-wrap:wrap;gap:8px;display:flex}.design-rule-toolbar a,.design-export-toolbar a,.design-preview-toolbar button,.design-export-toolbar button{border:1px solid var(--tb-line);min-height:38px;color:var(--tb-ink);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:750;text-decoration:none;display:inline-flex}.design-rule-toolbar svg,.design-export-toolbar svg,.design-preview-toolbar svg{width:15px}.design-rule{border:1px solid var(--tb-line);background:#fff;border-radius:12px;gap:9px;padding:14px;display:grid}.design-rule>header{grid-template-columns:minmax(180px,1fr) auto repeat(4,34px);align-items:center;gap:7px;display:grid}.design-rule>header label{align-items:center;gap:5px;display:flex}.design-rule>header button,.design-rule footer button,.design-directory-list button,.design-version-table button,.design-version-table a{border:1px solid var(--tb-line);min-height:32px;color:var(--tb-ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:9px;text-decoration:none;display:inline-flex}.design-rule svg,.design-directory-list svg,.design-version-table svg{width:14px}.design-css-editor{tab-size:2;min-height:220px;color:#f4f5f7!important;font:12px/1.6 var(--tb-font-ui)!important;background:#202226!important;border-color:#3b3d42!important;padding:14px!important}.design-rule footer{justify-content:space-between;align-items:center;display:flex}.design-rule footer small{color:var(--tb-muted)}.design-error{color:#9b2434;background:#fff0f1;border-radius:7px;margin:0;padding:8px;font-size:9px}.design-directory-tools{grid-template-columns:1fr 220px;gap:10px;display:grid}.design-directory-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.design-directory-list article{border:1px solid var(--tb-line);background:#fff;border-radius:12px;gap:8px;padding:13px;display:grid}.design-directory-list span{color:var(--tb-blue);font-size:8px;font-weight:800}.design-directory-list h2{margin:0;font-size:13px}.design-directory-list p{min-height:44px;color:var(--tb-muted);margin:0;font-size:9px;line-height:1.5}.design-directory-list code{white-space:nowrap;background:#f3f3f5;border-radius:7px;padding:8px;font-size:9px;overflow:auto}.design-preview-private{color:#225a9d;background:#f1f7ff;border-color:#a7c8ef}.design-preview-frame{background:#fff;border:1px solid #b8bac0;border-radius:12px;margin:auto;transition:width .2s;overflow:hidden;box-shadow:0 10px 30px #0000001a}.design-preview-frame.desktop{width:100%}.design-preview-frame.tablet{width:min(100%,820px)}.design-preview-frame.mobile{width:390px;max-width:100%}.design-preview-frame iframe{border:0;width:100%;height:720px;display:block}.tb-design-preview-indicator{z-index:10000;color:#fff;background:#161719;border:2px solid #f4c430;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:850;position:fixed;bottom:12px;right:12px;box-shadow:0 6px 24px #0000004d}.design-diagnostic{border:1px solid var(--tb-line);background:var(--tb-surface);border-radius:12px;padding:28px}.design-diagnostic>span{color:var(--tb-blue);letter-spacing:.12em;font-size:9px;font-weight:850}.design-diagnostic h2{margin:8px 0 4px;font-size:18px}.design-diagnostic p{color:var(--tb-muted);margin:0}.design-version-table{border-collapse:separate;border-spacing:0;border:1px solid var(--tb-line);background:#fff;border-radius:12px;width:100%;font-size:9px;overflow:hidden}.design-version-table th,.design-version-table td{border-bottom:1px solid var(--tb-line);text-align:left;vertical-align:top;padding:10px}.design-version-table th{text-transform:uppercase;background:#f1f1f3;font-size:8px}.design-version-table td small{color:var(--tb-muted);margin-top:4px;display:block}.design-version-table td:last-child{flex-wrap:wrap;gap:5px;display:flex}.design-version-css{color:#f4f5f7;min-height:360px;font:11px/1.6 var(--tb-font-ui);background:#202226;border-radius:10px;margin:0;padding:16px;overflow:auto}.design-studio-savebar{z-index:90;border-top:1px solid var(--tb-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;justify-content:flex-end;align-items:center;gap:8px;padding:10px 24px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #00000014}.design-studio-savebar>span{color:var(--tb-muted);margin-right:auto;font-size:10px}.design-recovery{background:#eceef1;min-height:100vh;padding:40px}.design-recovery>section{background:#fff;border:2px solid #22252a;border-radius:14px;width:min(100%,760px);margin:auto;padding:28px;box-shadow:0 18px 60px #0000001f}.design-recovery>section>span{letter-spacing:.12em;font-size:9px;font-weight:900}.design-recovery h1{margin:8px 0 4px;font-size:26px}.design-recovery p{color:#555}.design-recovery dl{background:#ddd;gap:1px;margin:20px 0;display:grid}.design-recovery dl div{background:#f8f8f9;padding:12px}.design-recovery dt{text-transform:uppercase;font-size:8px;font-weight:850}.design-recovery dd{overflow-wrap:anywhere;margin:5px 0 0}.design-recovery-actions{gap:10px;display:grid}.design-recovery-actions button,.design-recovery-actions a{color:#fff;background:#23262b;border:1px solid #23262b;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.design-recovery-actions button:first-of-type{background:#a62636;border-color:#a62636}.design-recovery-actions svg{width:17px}@media (max-width:1000px){.design-workspace-grid,.design-token-grid,.design-directory-list{grid-template-columns:repeat(2,1fr)}.design-version-table{display:block;overflow:auto}}@media (max-width:650px){.design-workspace-grid,.design-token-grid,.design-directory-list,.design-studio-summary,.design-directory-tools{grid-template-columns:1fr}.design-rule>header{grid-template-columns:1fr repeat(4,34px)}.design-rule>header label{grid-column:1/-1}.design-studio-savebar{flex-direction:column;align-items:stretch;position:static}.design-studio-savebar>span{margin:0}.design-recovery{padding:14px}.design-recovery>section{padding:18px}}.design-font-library{gap:18px;display:grid}.design-font-registration,.design-font-cards article{background:#fff;border:1px solid #d8d8dc;border-radius:12px;gap:12px;padding:18px;display:grid}.design-font-registration label{gap:6px;display:grid}.design-font-registration :is(input,select,textarea),.design-font-selectors select{color:#1d1d1f;background:#fff;border:1px solid #c7c7cc;border-radius:6px;padding:9px}.design-font-cards{gap:18px;display:grid}.design-font-cards header{justify-content:space-between;align-items:center;gap:12px;display:flex}.design-font-cards h3,.design-font-cards p{margin:0}.design-font-cards code{overflow-wrap:anywhere}.design-font-sample{min-height:40px;font-size:24px;line-height:1.5}.design-font-actions{flex-wrap:wrap;gap:10px;display:flex}.design-font-cards pre{white-space:pre-wrap;max-height:200px;font-size:11px;overflow:auto}.design-font-selectors{margin-bottom:18px}
.design-version-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.design-version-compare section{min-width:0}.design-version-compare h3{margin:0 0 6px;font-size:11px}@media (max-width:650px){.design-version-compare{grid-template-columns:1fr}}