:root{font-synthesis:none;color:var(--color-text);background:var(--color-canvas);--color-canvas:#f6f8fb;--color-surface:#fff;--color-surface-muted:#eef2f7;--color-heading:#172b4d;--color-text:#334155;--color-muted:#52637a;--color-primary:#0f766e;--color-primary-hover:#115e59;--color-on-primary:#fff;--color-primary-soft:#e8f5f2;--color-border:#dce3ec;--color-control-border:#7a899b;--color-focus:#1d4ed8;--color-success:#166534;--color-success-bg:#ecfdf3;--color-warning:#92400e;--color-warning-bg:#fffbeb;--color-error:#b42318;--color-error-bg:#fef3f2;--color-info:#254c70;--color-info-bg:#eef5fb;--color-catalogue-header:#e4f0f2;--color-catalogue-toolbar:#edf5f8;--color-catalogue-sidebar:#eff5f8;--radius-control:8px;--radius-panel:12px;--shadow-panel:0 2px 10px #172b4d0a;--shadow-overlay:0 16px 48px #172b4d29;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--motion-fast:.18s;--motion-enter:.38s;--motion-ease:cubic-bezier(.2, .7, .2, 1);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}@supports (color:light-dark(white, black)){:root{color-scheme:light dark;--color-canvas:light-dark(#f6f8fb,#0d171f);--color-surface:light-dark(#fff,#15232e);--color-surface-muted:light-dark(#eef2f7,#1d303d);--color-heading:light-dark(#172b4d,#f1f6fa);--color-text:light-dark(#334155,#dce6ed);--color-muted:light-dark(#52637a,#a8bdcb);--color-primary:light-dark(#0f766e,#6ee7b7);--color-primary-hover:light-dark(#115e59,#9af3ce);--color-on-primary:light-dark(#fff,#09231c);--color-primary-soft:light-dark(#e8f5f2,#203e3b);--color-border:light-dark(#dce3ec,#354a58);--color-control-border:light-dark(#7a899b,#6e889a);--color-focus:light-dark(#1d4ed8,#92baff);--color-success:light-dark(#166534,#8ce7af);--color-success-bg:light-dark(#ecfdf3,#16392b);--color-warning:light-dark(#92400e,#fbd68f);--color-warning-bg:light-dark(#fffbeb,#3d2f1a);--color-error:light-dark(#b42318,#ffb4ac);--color-error-bg:light-dark(#fef3f2,#43282a);--color-info:light-dark(#254c70,#bfddf3);--color-info-bg:light-dark(#eef5fb,#1b3346);--color-catalogue-header:light-dark(#e4f0f2,#152831);--color-catalogue-toolbar:light-dark(#edf5f8,#182934);--color-catalogue-sidebar:light-dark(#eff5f8,#14242e);--shadow-panel:0 2px 10px light-dark(#172b4d0a,#0000002e);--shadow-overlay:0 16px 48px light-dark(#172b4d29,#0000007a)}:root[data-appearance=light]{color-scheme:light}:root[data-appearance=dark]{color-scheme:dark}}.appearance-control{color:var(--color-muted);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.appearance-control select{width:auto;padding-inline:8px;font-size:14px}.explorer-commands>.appearance-control{margin-inline-start:auto}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:16px;display:grid}.image-preview{object-fit:contain;background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/20px 20px;max-width:100%;max-height:360px;margin:16px 0;display:block}.barcode-preview{max-width:100%;height:auto;min-height:80px;image-rendering:pixelated;background:#fff;padding:16px}.barcode-designer{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.barcode-designer>section{grid-column:1;min-width:0;margin:0}.barcode-designer>.barcode-live-preview{overflow-wrap:anywhere;grid-area:1/2/span 3;position:sticky;top:150px}.barcode-live-preview h2{font-size:1.15rem}.barcode-live-preview .pdf-preview{border:1px solid var(--color-border);background:#fff;margin:12px 0}.barcode-live-preview .canvas-scroll{background:#fff;padding:0}.barcode-live-preview canvas{margin:auto;display:block}.barcode-preview-value{font-size:.875rem}.barcode-review-table{table-layout:fixed;min-width:850px}.barcode-review-table th:first-child{width:70px}.barcode-review-table th:nth-child(2){width:200px}.barcode-review-table th:nth-child(3){width:240px}.barcode-review-table th:nth-child(4){width:90px}.barcode-review-table th:nth-child(5){width:180px}.barcode-review-table button{white-space:nowrap}.barcode-preview-error{color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-control);padding:12px}@media (width<=1100px){.barcode-designer{display:block}.barcode-designer>section{margin-bottom:20px}.barcode-designer>.barcode-live-preview{position:static}.barcode-live-preview .pdf-preview{max-width:380px}}.label-sheet-preview{border:1px solid var(--color-border);width:100%;max-width:600px;margin:20px auto;display:block}.coverage-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 0;display:flex}.selected-row{background:var(--color-warning-bg)}.tool-main td .field{min-width:150px}.day-editor{border-bottom:1px solid var(--color-border);padding:20px 0}.day-editor>summary{cursor:pointer;font-weight:600}.interval-editor{border:1px solid var(--color-border);border-radius:8px;margin:12px 0;padding:16px}.tool-main>.panel{margin-top:24px}.tool-main .panel{min-width:0}*{box-sizing:border-box}body{min-width:0;margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button,.primary{border:1px solid var(--color-control-border);border-radius:var(--radius-control);min-height:44px;color:var(--color-text);background:var(--color-surface);cursor:pointer;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:10px 16px;font-size:14px;font-weight:600;line-height:20px;transition:background-color .15s,color .15s;display:inline-flex}button:hover,.button:hover{background:var(--color-surface-muted);text-decoration:none}.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);padding-inline:20px}.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary)}.primary:disabled{background:var(--color-surface-muted);color:var(--color-muted);border-color:var(--color-border)}button:disabled{cursor:not-allowed;color:var(--color-muted);border-color:var(--color-border);background:var(--color-surface-muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible,.browse-button:focus-within{outline:3px solid var(--color-focus);outline-offset:3px;box-shadow:0 0 0 2px var(--color-surface)}input,select,textarea{background:var(--color-surface);border:1px solid var(--color-control-border);border-radius:var(--radius-control);width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--color-text);padding:9px 12px;font-size:16px;line-height:24px;display:block}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:20px;accent-color:var(--color-primary);flex-shrink:0;display:inline-block}:is(input,select,textarea)[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 1px var(--color-error);background-color:var(--color-error-bg)}.field:has([aria-invalid=true])>label{color:var(--color-error)}input[type=file]{padding:8px;font-size:14px;line-height:24px}h1,h2,h3,h4{color:var(--color-heading);margin:0 0 16px}h1{letter-spacing:-.6px;font-size:28px;font-weight:700;line-height:36px}h2{font-size:20px;font-weight:600;line-height:28px}h3{font-size:16px;font-weight:600;line-height:24px}p{margin:0 0 16px}small,.hint{color:var(--color-muted);font-size:13px;line-height:18px}small{display:block}hr{border:0;border-top:1px solid var(--color-border);margin:24px 0}fieldset{border:0;margin:24px 0;padding:0}legend{margin-bottom:12px;font-size:14px;font-weight:600;line-height:20px}.visually-hidden{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}.skip-link{inset-inline-start:12px;background:var(--color-surface);z-index:100;padding:12px;position:fixed;top:-100px}.skip-link:focus-visible{top:12px}.main:focus{outline:0}.main{max-width:1200px;margin-inline:auto;padding:0 32px 48px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:72px}.header-inner{align-items:center;gap:24px;max-width:1200px;height:100%;margin:auto;padding-inline:32px;display:flex}.brand{color:var(--color-heading);flex-shrink:0;align-items:center;gap:12px;font-size:16px;font-weight:700;line-height:20px;display:flex}.brand:hover{text-decoration:none}.marketing-nav{align-items:center;gap:28px;margin-inline-start:auto;font-size:14px;font-weight:600;display:flex}.menu-toggle{margin-inline-start:auto;display:none}.menu-toggle.icon-button{gap:6px;width:auto}.icon-button{background:0 0;border:1px solid #0000;width:44px;min-width:44px;height:44px;padding:10px}.local-tag{color:var(--color-muted);align-items:center;gap:8px;margin-inline-start:auto;font-size:13px;display:flex}.is-tool .site-header{z-index:10;height:64px;position:sticky;top:0}.is-tool .header-inner{max-width:none;padding-inline:24px}.header-help{font-size:14px;font-weight:600}.tool-sidebar{inset-inline-start:0;background:var(--color-surface);border-inline-end:1px solid var(--color-border);flex-direction:column;width:224px;padding:24px 16px;display:flex;position:fixed;top:64px;bottom:0;overflow:auto}.nav-group{margin-bottom:24px}.nav-group>span{color:var(--color-muted);margin-bottom:10px;padding:0 12px;font-size:12px;font-weight:600;line-height:18px;display:block}.nav-group a{min-height:44px;color:var(--color-muted);border-radius:8px;align-items:center;gap:10px;margin:4px 0;padding:10px 12px;font-size:14px;font-weight:600;display:flex;position:relative}.nav-group a:hover{background:var(--color-surface-muted);text-decoration:none}.nav-group a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary)}.nav-group a[aria-current=page]:before{content:"";inset-inline-start:0;background:var(--color-primary);border-radius:2px;width:3px;position:absolute;top:13px;bottom:13px}.nav-bottom{border-top:1px solid var(--color-border);padding-top:16px}.sidebar-note{color:var(--color-muted);gap:8px;margin-top:auto;padding:16px 12px 0;font-size:13px;display:flex}.sidebar-note svg{flex-shrink:0}.tool-main{max-width:none;margin-inline:224px 0;padding:32px 32px 64px}.tool-main>*{max-width:1280px;margin-inline:auto}.tool-selector{max-width:230px;display:none}.tool-heading{margin-bottom:24px}.breadcrumb{color:var(--color-muted);gap:10px;margin-bottom:16px;font-size:13px;display:flex}.intro-title{justify-content:space-between;align-items:start;gap:24px;display:flex}.intro-title h1{margin-bottom:8px}.intro-title p{color:var(--color-muted);margin:0}.help-link{white-space:nowrap;padding-block:8px;font-size:14px;font-weight:600}.eyebrow{letter-spacing:1.5px;color:var(--color-primary);margin-bottom:16px;font-size:12px;font-weight:700;line-height:18px;display:block}.tool-search{max-width:600px;margin-bottom:20px}.tool-search .field{margin-bottom:8px}.tool-search input{width:100%;min-width:0}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:24px;padding:24px max(32px,50vw - 568px);font-size:13px;display:flex}.site-footer p{color:var(--color-muted);margin:0;margin-inline-end:auto}.footer-name{color:var(--color-heading);align-items:center;gap:8px;font-weight:600;display:flex}.workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.workspace-main{gap:24px;min-width:0;display:grid}.workspace-rail{min-width:0}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);min-width:0;box-shadow:var(--shadow-panel);padding:24px}.panel h2{font-size:16px;line-height:24px}.panel>h3{margin-top:24px}.section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-title h2{margin:0}.badge{background:var(--color-surface-muted);color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:5px;padding:4px 8px;font-size:13px;line-height:18px;display:inline-block}.notice{background:var(--color-info-bg);border:1px solid var(--color-border);color:var(--color-info);overflow-wrap:anywhere;border-radius:8px;align-items:start;gap:10px;margin-block:16px;padding:14px 16px;font-size:14px;line-height:22px;display:flex}.notice>svg{flex-shrink:0;margin-top:2px}.notice p:last-child{margin-bottom:0}.notice.warning{background:var(--color-warning-bg);color:var(--color-warning)}.notice.error{background:var(--color-error-bg);color:var(--color-error)}.notice.success{background:var(--color-success-bg);color:var(--color-success)}.notice .actions{margin-top:12px}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fields{gap:16px;margin-block:16px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0;margin-block:16px}.fields>.field{margin:0}.field>label,.field>span:first-child{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:600;line-height:20px;display:block}.field small{margin-top:6px}.field-error{color:var(--color-error);font-size:13px;line-height:20px}.check{align-items:center;gap:10px;min-height:44px;margin-block:8px;font-size:14px;font-weight:500;display:flex}.check input{margin:0}.check+.hint{margin-top:4px}.hint{margin-block:12px}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-button{color:var(--color-primary);background:0 0;border-color:#0000;padding-inline:4px;text-decoration:underline}.text-button:hover{background:var(--color-primary-soft)}.upload{border:1.5px dashed var(--color-control-border);text-align:center;background:var(--color-canvas);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:160px;padding:24px 16px;display:flex;position:relative}.upload strong{color:var(--color-heading);font-size:16px;line-height:24px;display:block}.upload svg{color:var(--color-primary)}.upload p{color:var(--color-muted);margin:4px 0 8px;font-size:14px}.upload .local-disclosure{width:100%}.upload.over{background:var(--color-primary-soft);border-color:var(--color-primary)}.compact-upload{text-align:start;flex-direction:row;gap:12px;min-height:0;padding:14px;display:flex}.compact-upload>div{flex:1;min-width:0}.compact-upload strong{font-size:14px}.compact-upload small{font-size:12px}.browse-button{position:relative}.browse-button:has(input:disabled){opacity:.6;cursor:not-allowed}.file-list{gap:12px;margin-top:20px;display:grid}.file-row{border:1px solid var(--color-border);border-radius:8px;min-width:0;padding:16px;scroll-margin-top:100px}.file-top{align-items:start;gap:12px;display:flex}.file-top>svg{color:var(--color-primary);flex-shrink:0;margin-top:8px}.file-order{color:var(--color-muted);font-variant-numeric:tabular-nums;min-width:16px;padding-top:10px;font-size:13px}.file-description{flex:1;min-width:0}.file-description strong{overflow-wrap:anywhere;font-size:16px;display:block}.file-description small{margin-top:6px}.row-actions{flex-wrap:wrap;flex-shrink:0;gap:0;max-width:132px;display:flex}.row-actions .icon-button{border-color:var(--color-border)}details{border-top:1px solid var(--color-border);min-width:0;margin-top:16px;padding-top:16px}summary{color:var(--color-primary);cursor:pointer;overflow-wrap:anywhere;min-height:44px;padding-block:10px;font-size:14px;font-weight:600}details p{overflow-wrap:anywhere;margin-top:12px;font-size:14px}.filename-details{border:0;margin-top:4px;padding:0}.filename-details summary{min-height:32px;padding-block:5px;font-size:13px}.filename-details p{margin:6px 0}.full-name{overflow-wrap:anywhere;white-space:normal;word-break:normal;display:block}.rotation-controls{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.rotation-controls .field{flex:1;min-width:90px;max-width:100%;margin:0}.rotation-controls .field label{font-size:13px}.rotation-controls>span{color:var(--color-muted);align-items:center;min-height:44px;font-size:13px;display:flex}.range-controls{margin-top:16px}.range-controls small{overflow-wrap:anywhere}.summary-list{margin-block:24px 8px;font-size:14px}.summary-list>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:16px;padding-block:10px;display:flex}.summary-list dt{color:var(--color-muted)}.summary-list dd{color:var(--color-heading);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.summary-list>div:last-child{font-weight:600}.swatches{grid-template-columns:1fr 1fr;gap:8px;display:grid}.swatches legend{width:100%}.swatches label{align-items:center;gap:8px;min-height:44px;font-size:13px;display:flex}.swatches label>span{border:1px solid #52637a;border-radius:50%;width:20px;height:20px}.template-actions{gap:8px;display:grid}.template-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:end;gap:8px;padding-bottom:16px;display:flex}.template-row .field{flex:1;min-width:150px;margin:12px 0 0}.logo-field img{object-fit:contain;border:1px solid var(--color-border);background:#fff;width:100px;height:64px}.logo-field>small{margin-top:10px}.empty,.layout-draft{background:var(--color-surface-muted);text-align:center;border:1px solid var(--color-border);overflow-wrap:anywhere;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:32px 24px;display:flex}.empty>svg,.layout-draft>svg{color:var(--color-primary);margin-bottom:16px}.empty h3,.layout-draft h3{margin-bottom:12px}.layout-draft p{color:var(--color-muted);font-size:14px}.empty p{color:var(--color-muted);margin-bottom:0}.workspace-actionbar{z-index:5;background:var(--color-surface);padding:16px 20px max(16px, env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;min-width:0;max-width:100%;display:flex;position:sticky;bottom:0;box-shadow:0 -3px 16px #172b4d0f}.action-feedback{flex:1;min-width:0}.action-feedback .notice{margin:0 0 8px}.action-feedback .blocking-reason{color:var(--color-muted);margin:0;font-size:14px;line-height:22px}.action-feedback .hint{margin:0}.action-feedback .text-button{min-height:36px;font-size:13px}.job-summary{color:var(--color-muted);margin:6px 0 0;font-size:13px}.workspace-actionbar>.actions{flex-shrink:0;justify-content:end;max-width:55%}.output-card{color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-border);border-radius:8px;gap:12px;padding:12px 16px;font-size:14px;display:flex}.output-card>svg{flex-shrink:0}.output-card strong{font-size:14px}.output-card p{margin:4px 0;font-size:13px}.output-card small{color:var(--color-success);font-size:12px}.download-message{color:var(--color-success);font-size:13px;display:block}.tabs{background:var(--color-surface-muted);border-radius:8px;gap:4px;margin:16px 0;padding:4px;display:flex}.tabs button{background:0 0;border:1px solid #0000;flex:1;padding:8px}.tabs button[aria-pressed=true]{background:var(--color-surface);border-color:var(--color-control-border);color:var(--color-primary)}.tool-section-nav{z-index:7;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-panel);align-items:center;gap:8px;margin-bottom:20px;padding:8px;display:flex;position:sticky;top:64px}.tool-jump-label{color:var(--color-muted);flex:none;padding-inline:4px;font-size:13px}.tool-section-buttons,.workspace-tabs{flex:1;gap:4px;min-width:0;padding:4px;display:flex;overflow-x:auto}.tool-section-buttons button,.workspace-tabs button{white-space:nowrap;background:0 0;border-color:#0000;flex:none;padding:8px 12px;font-size:14px}.workspace-tabs button[aria-selected=true]{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.tool-section-picker,.mobile-workspace-navigation{display:none}.tool-back-top{border-color:var(--color-border);flex:none}.tool-main [id]{scroll-margin-top:148px}.tool-main #daily-heading{scroll-margin-top:164px}.filter-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-chips button{padding:8px 12px;font-size:13px}.filter-chips button[aria-pressed=true]{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.filter-chips span{font-variant-numeric:tabular-nums}.table-scroll{border:1px solid var(--color-border);border-radius:8px;max-height:650px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:20px}th{text-align:start;background:var(--color-surface-muted);color:var(--color-muted);padding:14px 16px;font-weight:600;position:sticky;top:0}td{border-top:1px solid var(--color-border);vertical-align:top;overflow-wrap:anywhere;min-height:52px;padding:14px 16px}td:first-child,td:nth-child(2){width:35%;max-width:280px}.changed-name{background:var(--color-success-bg)}.status{color:var(--color-success);background:var(--color-success-bg);border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:13px;line-height:18px;display:inline-flex}.status.bad{color:var(--color-error);background:var(--color-error-bg)}td small{margin-block:4px}.rename-cards{display:none}.rename-card{border:1px solid var(--color-border);border-radius:8px;padding:16px}.rename-card dt{color:var(--color-muted);margin-top:12px;font-size:13px}.rename-card dd{margin:4px 0}.selected-files details{border:0;margin-top:8px;padding-top:0}.selected-files summary{color:var(--color-text);font-weight:400}.example-name{background:var(--color-surface-muted);border-radius:8px;margin-block:20px;padding:16px;font-size:14px}.example-name p{color:var(--color-primary);margin:12px 0 0}.example-downloads{gap:8px;margin-top:12px;display:grid}.mapping-summary{color:var(--color-muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.mapping-summary span{background:var(--color-surface-muted);border-radius:5px;padding:8px}.pdf-preview{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.preview-toolbar{background:var(--color-surface-muted);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.preview-toolbar strong{margin-inline-end:auto;font-size:14px}.preview-toolbar label{align-items:center;gap:8px;font-size:13px;display:flex}.preview-toolbar input{width:70px;padding:8px}.preview-toolbar button{padding-inline:12px;font-size:13px}.preview-description{color:var(--color-muted);border-top:1px solid var(--color-border);margin:0;padding:12px;font-size:13px}.canvas-scroll{background:var(--color-surface-muted);text-align:center;max-height:850px;padding:20px;overflow:auto}.canvas-scroll canvas{max-width:100%;height:auto;margin:auto;display:block;box-shadow:0 3px 12px #172b4d18}.canvas-scroll.fit-width canvas{width:100%;height:auto}.canvas-scroll:not(.fit-width) canvas{width:auto;max-width:none}.print-presets{margin-bottom:20px}.print-preview-layout{min-width:0}.print-workspace{grid-template-areas:"files settings""plan settings""preview settings""actions actions"}.print-files{grid-area:files}.print-settings{grid-area:settings}.print-plan{grid-area:plan}.print-preview{grid-area:preview}.print-workspace>.workspace-actionbar{grid-area:actions}.print-section-actions{margin-top:16px}.print-organizer,.print-saved-setup{border:1px solid var(--color-border);border-radius:8px;margin-block:16px;padding:12px}.print-page-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:12px;display:grid}.print-page-card{border:1px solid var(--color-border);border-radius:8px;min-width:0;padding:10px}.print-page-card.is-included{border-color:var(--color-primary);background:var(--color-primary-soft)}.print-page-card .check{margin:0}.print-source-picture{border:1px solid var(--color-border);background:#fff;place-items:center;height:144px;margin-block:8px;display:grid;overflow:hidden}.print-source-picture canvas{width:auto;max-width:120px;height:auto;max-height:120px}.print-page-card small{margin-bottom:8px;font-size:12px;display:block}.print-page-card .actions{gap:4px}.print-job-checks{border-left:3px solid var(--color-primary);background:var(--color-primary-soft);margin-bottom:16px;padding:12px 16px}.print-job-checks h3{margin-block:0 8px}.print-job-checks ul{margin-block:0;padding-left:20px}.print-job-checks li{margin-bottom:6px}@media (width<=1023px){.print-workspace{grid-template-areas:"files""settings""plan""preview""actions"}}@media (width<=767px){.print-workspace>.panel{margin-bottom:16px}.print-live-preview.is-over-actions{display:none}.print-preview-layout>.print-live-preview{bottom:16px}.print-preview-toggle[aria-expanded=false]{width:44px;min-width:44px;padding:0}.print-preview-toggle[aria-expanded=false] .print-preview-toggle-label{display:none}.print-live-preview .print-preview-content{max-height:min(58dvh,100dvh - 200px)}}.print-live-preview{right:16px;bottom:var(--print-preview-clearance,112px);z-index:8;flex-direction:column-reverse;align-items:flex-end;gap:8px;width:min(310px,100% - 32px);display:flex;position:fixed}.print-preview-toggle{box-shadow:var(--shadow-panel);gap:8px}.print-live-preview.is-left{left:var(--print-preview-left,16px);right:auto}.print-preview-content{border:1px solid var(--color-border);background:var(--color-surface);width:100%;box-shadow:var(--shadow-panel);max-height:min(58dvh, max(120px, calc(100dvh - var(--print-preview-clearance,112px) - 200px)));overscroll-behavior:contain;border-radius:12px;padding:12px;overflow:auto}.print-preview-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.print-preview-heading h2{align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.print-preview-pages{justify-content:space-between;align-items:center;gap:4px;margin-top:8px;display:flex}.print-preview-pages label{white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.print-preview-pages input{width:56px;min-height:44px;padding:5px}.print-live-preview .hint{margin:8px 0;font-size:11px}.print-live-preview .canvas-scroll{max-height:none;padding:8px}.print-live-preview .canvas-scroll canvas{width:auto;max-width:100%;height:auto;max-height:min(36dvh,360px)}@media (width>=1500px){.print-preview-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.print-live-preview{z-index:2;width:auto;position:sticky;top:140px;bottom:auto}.print-preview-content{max-height:calc(100dvh - 160px)}.print-preview-toggle,.print-preview-close,.print-preview-move{display:none}.print-live-preview.is-left{left:auto;right:auto}}@media (width<=650px){.print-live-preview.is-left{left:auto;right:16px}.print-preview-move{display:none}}.print-presets h2{margin-bottom:6px}.print-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.print-preset-grid button{text-align:left;align-content:start;justify-items:start;gap:7px;min-width:0;padding:14px;display:grid}.print-preset-grid button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft)}.print-preset-grid small{color:var(--color-muted);font-weight:400}.print-controls{border:0;min-width:0;margin:0;padding:0}.print-setting-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.print-handoff{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:10px;padding:15px}.print-handoff ul{padding-left:20px}.print-handoff li{margin-bottom:8px}.print-sheet-plan table{table-layout:fixed;width:100%;min-width:0}.print-sheet-plan th:first-child{width:58px}.print-sheet-plan td{vertical-align:top;overflow-wrap:anywhere}.print-side-entries{margin:8px 0;padding-left:18px}.print-side-entries li{margin-bottom:5px}.print-sheet-plan .actions{margin-top:12px}@media (width<=1000px){.print-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.print-setting-pair{grid-template-columns:minmax(0,1fr);gap:0}}.sequence-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-height:500px;padding:4px;list-style:none;display:grid;overflow:auto}.sequence-grid>li{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:8px;min-width:0;padding:12px;font-size:13px}.physical-page{color:var(--color-heading);font-variant-numeric:tabular-nums;margin-bottom:8px;font-weight:600;display:block}.sequence-grid canvas{border:1px solid var(--color-border);background:#fff;max-width:100%;height:auto;max-height:180px;margin:0 auto 10px;display:block}.sequence-paper{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);border:1px solid var(--color-border);background:#fff;flex-direction:column;justify-content:center;min-height:180px;margin-bottom:10px;padding:16px 10px;font-size:13px;display:flex}.sequence-paper.blank{color:var(--color-muted);background:#fcfcfd;border-style:dashed}.sequence-paper.separator{border-top:4px solid var(--color-primary)}.sequence-paper small{margin-top:10px}.checklist-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(240px,1fr) minmax(0,1fr);align-items:start;gap:16px;padding:16px 0;display:grid}.checklist-row .field{margin:0}.checklist-row details{border:0;margin:0;padding:0}.checklist-row summary{min-height:68px;padding-top:24px}.checklist-row details .field{margin-bottom:8px}.inspection-workspace .checklist{gap:12px;display:grid}.inspection-workspace .checklist-row{border:1px solid var(--color-border);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:16px}.inspection-check-options{border:0;width:100%;min-width:0;margin:0;padding:0}.inspection-check-heading{color:var(--color-heading);align-items:center;gap:10px;padding:0;font-size:16px;display:flex}.inspection-check-icon{width:36px;height:36px;color:var(--color-primary);background:var(--color-primary-soft);border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;display:inline-flex}.inspection-outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.inspection-outcome{--inspection-color:var(--color-muted);--inspection-soft:var(--color-surface-muted);border:1px solid var(--color-control-border);background:var(--color-surface);cursor:pointer;border-radius:6px;align-items:center;gap:6px;min-height:44px;margin:0;padding:9px 8px;font-size:14px;line-height:20px;display:flex;position:relative}.inspection-outcome[data-outcome=Pass]{--inspection-color:var(--color-success);--inspection-soft:var(--color-success-bg)}.inspection-outcome[data-outcome=Fail]{--inspection-color:var(--color-error);--inspection-soft:var(--color-error-bg)}.inspection-outcome:has(input:checked){border-color:var(--inspection-color);color:var(--inspection-color);background:var(--inspection-soft);font-weight:600}.inspection-outcome:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.inspection-choice-box{border:1px solid var(--color-control-border);background:var(--color-surface);border-radius:3px;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.inspection-choice-box svg{opacity:0}.inspection-outcome input:checked+.inspection-choice-box{color:var(--color-on-primary);background:var(--inspection-color);border-color:var(--inspection-color)}.inspection-outcome input:checked+.inspection-choice-box svg{opacity:1}.inspection-workspace .checklist-row summary{min-height:44px;padding-top:0}.inspection-status[data-outcome=Not\ tested],.inspection-status[data-outcome=Not\ applicable]{color:var(--color-muted);background:var(--color-surface-muted)}.check-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.check-counts>div{border:1px solid var(--color-border);border-radius:6px;padding:12px}.check-counts strong{color:var(--color-heading);font-variant-numeric:tabular-nums;font-size:20px;display:block}.check-counts span{color:var(--color-muted);font-size:13px}.summary-badge{background:var(--color-surface-muted);color:var(--color-heading);border-radius:6px;margin-block:16px;padding:14px;font-size:14px;font-weight:600}.report-preview{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);border:1px solid var(--color-border);overflow-wrap:anywhere;background:#fff;max-height:650px;padding:20px;font-size:14px;overflow:auto}.report-preview h3{font-size:20px}.report-preview dl>div{border-bottom:1px solid var(--color-border);padding-block:6px}.report-preview dd{margin:4px 0}.report-preview dt{color:var(--color-muted);font-size:13px}.report-check{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-block:10px;font-size:13px;display:flex}.report-check>small{width:100%}.prewrap{white-space:pre-wrap}.prose{max-width:800px;margin:48px auto 0}.prose h1{margin-bottom:24px;font-size:34px;line-height:42px}.prose h2{margin-top:32px;scroll-margin-top:88px}.prose p{line-height:1.8}.prose .sample-links{flex-wrap:wrap;gap:8px;display:flex}.help-contents{background:var(--color-surface-muted);border-radius:8px;flex-wrap:wrap;gap:12px;margin:24px 0;padding:20px;display:flex}.help-contents a{font-size:14px;font-weight:600}.help-steps{padding-inline-start:24px;line-height:1.8}.help-open{margin-bottom:16px;font-size:14px;font-weight:600;display:inline-flex}.loading{text-align:center;color:var(--color-muted);padding:64px 24px}dialog{border:1px solid var(--color-border);background:var(--color-surface);width:min(560px,100% - 32px);max-height:85dvh;color:var(--color-text);box-shadow:var(--shadow-overlay);border-radius:12px;padding:24px;overflow:auto}dialog::backdrop{background:#0000007a}.dialog-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.dialog-header h2{margin:0;font-size:20px;line-height:28px}.dialog-actions{justify-content:flex-end;margin-top:24px}.time-fill-summary{gap:12px;display:grid}.time-fill-summary p,.time-fill-summary h3,.time-fill-summary h4{margin:0}.time-fill-summary h3{font-size:16px}.time-fill-summary h3 span{color:var(--color-muted);font-weight:400}.time-fill-facts{background:var(--color-primary-soft);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin:0;padding:12px;display:grid}.time-fill-facts dt{color:var(--color-muted);font-size:13px}.time-fill-facts dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:600}.time-fill-date-groups{scrollbar-gutter:stable;max-height:min(160px,22dvh);margin-top:8px;overflow-y:auto}.time-fill-month+.time-fill-month{margin-top:12px}.time-fill-month h4{font-size:14px;font-weight:600}.time-fill-month ul{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.time-fill-month li{border:1px solid var(--color-border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 8px;font-size:14px;display:flex}.time-fill-month .replacement,.time-fill-impact.warning{color:var(--color-warning);background:var(--color-warning-bg);border-color:var(--color-warning)}.time-fill-impact{border:1px solid var(--color-border);border-radius:8px;padding:8px 12px}.time-fill-impact p{margin-top:4px}.time-fill-extra{margin-top:12px}.time-fill-summary:has(+.time-fill-extra) .time-fill-date-groups{max-height:min(124px,18dvh)}.drawer-nav .nav-group{margin-bottom:16px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1279px){.tool-sidebar{display:none}.tool-main{margin-inline-start:0;padding:24px 24px 48px}.tool-selector{display:block}.workspace{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=1023px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace-rail{grid-row:2}.workspace-main{display:contents}.workspace-main>.stage-panel:first-child{grid-row:1}.workspace-main>.stage-panel:last-child{grid-row:3}.workspace-actionbar{grid-row:4}.local-tag{font-size:12px}.template-actions{flex-wrap:wrap;display:flex}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-list,.logo-field{max-width:600px}.workspace-actionbar>.actions{max-width:60%}.settings-panel .field{max-width:600px}}@media (width<=899px){.header-inner,.main{padding-inline:24px}}@media (width<=767px){.site-header{height:72px}.header-inner,.is-tool .header-inner{gap:12px;padding-inline:16px}.marketing-nav,.tool-selector,.header-help,.header-inner>.appearance-control,.local-tag{display:none}.menu-toggle{display:inline-flex}.brand{font-size:16px}.brand>img{width:28px;height:28px}.main,.tool-main{padding:24px 16px 32px}.main:not(.tool-main){padding-top:0}.site-footer{flex-wrap:wrap;gap:16px;padding:24px 16px}.site-footer p{order:4;width:100%}.footer-name{width:100%}.intro-title{display:block}.intro-title h1{font-size:24px;line-height:32px}.intro-title p{font-size:16px}.help-link{margin-top:8px;display:inline-block}.breadcrumb{margin-bottom:12px;font-size:13px}.tool-heading{margin-bottom:16px}.panel{padding:16px}.workspace{gap:16px;display:block}.workspace-main{display:contents}.workspace-rail,.workspace-main>.stage-panel{margin-bottom:16px}.stage-panel[data-mobile-hidden=true],.tool-section-buttons,.tool-jump-label,.desktop-workspace-navigation{display:none}.mobile-workspace-navigation{display:flex}.tool-section-picker{flex:1;min-width:0;display:block}.workspace-tabs button{flex:1;padding:10px 8px}.workspace-actionbar{border-radius:8px;margin-top:16px;padding:16px;display:block;position:static;bottom:0}.workspace-actionbar>.actions{justify-content:flex-start;gap:8px;max-width:100%;margin-top:12px}.workspace-actionbar .primary{flex:1;min-width:160px}.action-feedback:empty{display:none}.workspace-actionbar .text-button{font-size:13px}.output-card{padding:12px}.two{grid-template-columns:1fr}.file-top{flex-wrap:wrap;gap:8px}.file-description{min-width:130px}.row-actions{max-width:none;margin-inline-start:auto}.file-row{padding:12px}.compact-upload{flex-wrap:wrap;padding:12px}.compact-upload>div{flex-basis:180px}.compact-upload>.browse-button{width:100%}.rotation-controls>button{flex:1;min-width:125px}.rotation-controls>span{min-width:100px}.rotation-controls .field{flex-basis:100%}.filter-chips{gap:6px}.filter-chips button{padding-inline:9px;font-size:13px}.rename-table{display:none}.rename-cards{gap:12px;display:grid}.checklist-row{border:1px solid var(--color-border);border-radius:8px;grid-template-columns:1fr;gap:4px;margin-bottom:12px;padding:16px}.checklist-row summary{min-height:44px;padding-top:10px}.canvas-scroll{max-height:650px;padding:12px}.preview-toolbar{gap:6px;padding:10px}.preview-toolbar strong{width:100%}.preview-toolbar button{padding-inline:8px;font-size:13px}.preview-toolbar input{width:56px;padding-inline:6px}.preview-toolbar label{gap:4px}.template-actions{display:grid}.prose{margin-top:32px}.prose h1{font-size:28px;line-height:36px}.prose h2{scroll-margin-top:88px}.notice{gap:8px;padding:12px;font-size:14px}.report-preview{padding:16px}.sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sequence-grid>li{padding:8px}.sequence-paper{min-height:140px}.swatches{grid-template-columns:1fr 1fr}dialog{padding:20px}.dialog-actions>button{width:100%}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]),:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@supports selector(::details-content){:root:not([data-motion=full]) details::details-content{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@supports selector(::view-transition){:root:not([data-motion=full])::view-transition-group(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}:root:not([data-motion=full])::view-transition-old(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}:root:not([data-motion=full])::view-transition-new(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}}}:root[data-motion=reduced],:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@supports selector(::details-content){:root[data-motion=reduced] details::details-content{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@supports selector(::view-transition){:root[data-motion=reduced]::view-transition-group(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-motion=reduced]::view-transition-old(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-motion=reduced]::view-transition-new(*){scroll-behavior:auto!important;transition:none!important;animation:none!important}}.motion-control{max-width:220px;color:var(--color-muted);gap:6px;margin:12px 0;font-size:13px;display:grid}.motion-control label{gap:6px;display:grid}.motion-control select{font-size:14px}.site-footer .motion-control{min-width:160px}html{scroll-behavior:smooth}:root{view-transition-name:none}.main{view-transition-name:workspace}::view-transition{pointer-events:none}::view-transition-group(workspace){animation-duration:var(--motion-enter);animation-timing-function:var(--motion-ease)}::view-transition-old(workspace){animation:navigation-out var(--motion-enter) var(--motion-ease) both}::view-transition-new(workspace){animation:navigation-in var(--motion-enter) var(--motion-ease) both}@keyframes navigation-out{to{opacity:0;translate:-32px}}@keyframes navigation-in{0%{opacity:0;translate:32px}}.main:not(.tool-main),.stage-panel,.timesheet-workspace,.pay-workspace,.duration-workspace,.barcode-designer,.workspace,.print-preview-layout{animation:surface-fade var(--motion-enter) var(--motion-ease)}.tool-heading,.motion-demo-card{animation:surface-rise var(--motion-enter) var(--motion-ease)}dialog[open]{animation:dialog-enter var(--motion-enter) var(--motion-ease)}dialog[open]::backdrop{animation:surface-fade var(--motion-fast) ease-out}button,.button,.primary,input,select,textarea,.nav-group a,.time-template-card{transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease}.motion-demo{background:var(--color-primary-soft);border-radius:12px;margin:20px 0;padding:24px}.motion-demo-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-panel);border-radius:10px;padding:20px}.motion-demo-card p{background:var(--color-surface-muted);border-radius:6px;margin-top:12px;padding:8px 12px}details[open]::details-content{animation:surface-fade var(--motion-enter) ease-out}@supports (interpolate-size:allow-keywords) and (transition-behavior:allow-discrete) and selector(::details-content){.tool-explainer details::details-content{interpolate-size:allow-keywords;height:0;transition:height var(--motion-enter) var(--motion-ease), content-visibility var(--motion-enter) allow-discrete;animation:none;overflow:clip}.guide-page details::details-content{interpolate-size:allow-keywords;height:0;transition:height var(--motion-enter) var(--motion-ease), content-visibility var(--motion-enter) allow-discrete;animation:none;overflow:clip}.tool-explainer details[open]::details-content{height:auto}.guide-page details[open]::details-content{height:auto}}@keyframes surface-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-enter{0%{opacity:0;translate:0 26px;scale:.98}to{opacity:1;translate:0;scale:1}}@keyframes surface-rise{0%{opacity:0;translate:0 20px}to{opacity:1;translate:none}}.tool-explainer,.guide-page{max-width:840px;margin:64px auto;line-height:1.75}.tool-explainer{border-top:1px solid var(--color-border);padding-top:32px}.tool-explainer h2,.guide-page h2{margin-top:32px}.tool-explainer h3,.guide-page h3{margin-top:24px}.tool-explainer li{margin:10px 0}.tool-explainer details{border-bottom:1px solid var(--color-border);padding:16px 0}.tool-explainer summary{cursor:pointer;font-weight:600}.related-help{flex-direction:column;gap:12px;margin-top:28px;display:flex}.guide-page figure{margin:32px 0}.guide-page figure img{border:1px solid var(--color-border);border-radius:12px;width:100%;height:auto;display:block}.guide-page figcaption{margin-top:8px;font-size:14px}.guide-end{border-top:1px solid var(--color-border);margin-top:48px;padding-top:24px}.table-scroll{overflow-x:auto}.guide-page table{width:100%}.duration-guide-examples{table-layout:fixed;min-width:0}.duration-guide-examples caption{text-align:start;padding:12px;font-weight:600}.duration-guide-examples th,.duration-guide-examples td{overflow-wrap:normal;padding:12px 8px}.guide-page .breadcrumb{flex-wrap:wrap}@media (width<=600px){.guide-page{margin:32px auto}}.time-json{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow:auto}.time-live{background:var(--color-primary-soft);border-left:3px solid var(--color-primary);padding:12px 16px;font-weight:600}.time-quick-shifts{border:0;min-width:0;margin:20px 0;padding:0}.time-quick-shifts legend{color:var(--color-heading);font-weight:600}.time-quick-shifts>p{margin:4px 0 12px}.time-shift-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.time-shift-cards button{white-space:normal;background:var(--color-surface);flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.time-shift-cards svg{color:var(--color-primary);margin-bottom:4px}.time-shift-cards span,.time-shift-cards small{font-size:12px}.time-shift-cards small{color:var(--color-muted)}.time-shift-cards [aria-pressed=true],.time-break-choices [aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.time-break-choices{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 20px;display:flex}.time-break-choices>svg{color:var(--color-warning)}.time-break-choices button{padding:8px 12px}.time-break-choices>small{color:var(--color-muted)}.time-shift-visual{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-primary-soft);align-items:center;gap:24px;margin:20px 0;padding:20px;display:flex}.time-shift-ring{background:var(--color-border);border-radius:50%;flex:0 0 144px;place-items:center;height:144px;display:grid}.time-shift-ring>div{background:var(--color-surface);width:120px;height:120px;color:var(--color-primary);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.time-shift-ring strong{font-size:26px;line-height:1.4}.time-shift-visual h3{margin:0 0 8px}.time-shift-visual .time-live{border:0;margin:8px 0;padding:0}.time-shift-legend{flex-wrap:wrap;gap:8px 20px;margin:12px 0;padding:0;font-size:14px;list-style:none;display:flex}.time-shift-legend li{align-items:center;gap:6px;display:flex}.time-shift-legend span{border-radius:2px;width:10px;height:10px}.time-work-key{background:var(--color-primary)}.time-break-key{background:var(--color-warning)}@media (width<=600px){.time-shift-visual{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.time-shift-ring{flex-basis:auto;align-self:center;width:144px}}.time-daily-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;display:flex}.time-repeat{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-panel);margin:20px 0;padding:16px}.time-repeat summary{cursor:pointer;font-weight:600}.time-repeat>h3{margin:0 0 8px}.time-repeat>details{margin-top:16px}.time-repeat-dates{border:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr));gap:8px;min-width:0;margin:16px 0;padding:0;display:grid}.time-weekends{border:0;min-width:0;margin:16px 0;padding:0}.time-weekends legend{font-weight:600}.time-weekends>div{flex-wrap:wrap;gap:8px;display:flex}.time-weekends label{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;align-items:center;gap:6px;padding:10px 12px;display:flex}.time-weekends label:has(:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.time-repeat-dates legend{margin-bottom:8px}.time-repeat-dates label{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 8px;display:flex}.time-repeat-dates label:has(:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}.time-repeat-dates label:has(:disabled){color:var(--color-muted);cursor:default}.time-repeat-dates small{flex-basis:100%}.pay-comparison-chart .actions [aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary)}.pay-chart-row{margin:20px 0}.pay-chart-row>div:first-child{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px;display:flex}.pay-chart-track{background:var(--color-surface-muted);border-radius:6px;height:24px;overflow:hidden}.pay-chart-track>div{background:var(--color-primary);height:100%}.image-comparison{min-width:0;margin:20px 0}.image-settings-group{border:0;min-width:0;margin:0;padding:0}.image-settings-group legend{color:var(--color-heading);margin-bottom:16px;font-size:19px;font-weight:650}.image-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.image-goals button{text-align:left;background:var(--color-surface);flex-direction:column;align-items:flex-start;gap:5px;padding:14px;display:flex}.image-goals button span{color:var(--color-muted);font-size:13px}.image-goals [aria-pressed=true],.image-limit-choices [aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary)}.image-goal-settings{border-top:1px solid var(--color-border);margin-top:20px;padding-top:4px}.image-limit-choices{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.image-limit-choices button{flex:auto}.image-more-settings{border-top:1px solid var(--color-border);margin:20px 0;padding-top:16px}.image-more-settings summary,.image-saved-presets summary{color:var(--color-primary);cursor:pointer}.image-more-settings summary{margin-bottom:16px}.image-batch table{min-width:780px}.image-batch td:first-child,.image-batch td:nth-child(2){width:auto;max-width:none}.image-batch th:first-child{width:70px}.image-batch td:last-child{min-width:150px}.image-batch td:last-child button{white-space:nowrap;margin-bottom:8px}@media (width<=400px){.image-goals{grid-template-columns:minmax(0,1fr)}}.image-comparison-stage{border:1px solid var(--color-border);border-radius:var(--radius-control);background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/20px 20px;height:320px;margin-bottom:16px;position:relative;overflow:hidden}.image-comparison-stage img,.image-comparison-original{width:100%;height:100%;position:absolute;inset:0}.image-comparison-stage img{object-fit:contain}.image-comparison-original{background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0/20px 20px}.image-before-tag,.image-after-tag{color:#fff;background:#172b4d;border-radius:4px;padding:4px 8px;font-size:13px;position:absolute;top:8px}.image-before-tag{left:8px}.image-after-tag{right:8px}.image-comparison-line{border-left:3px solid var(--color-primary);pointer-events:none;position:absolute;top:0;bottom:0}.image-comparison input[type=range]{width:100%;accent-color:var(--color-primary)}.image-comparison figcaption{color:var(--color-muted);font-size:13px}.time-daily-heading h2{margin:0}.duration-workspace{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.duration-workspace>.panel{min-width:0;margin:0}.duration-input h2,.duration-answer h2{margin-top:0}.duration-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.duration-date-group{border:1px solid var(--color-border);border-radius:var(--radius-control);min-width:0;padding:16px}.duration-date-group legend{color:var(--color-primary);padding:0 6px;font-weight:650}.duration-date-group input{font-variant-numeric:tabular-nums}.duration-answer h2{align-items:center;gap:8px;display:flex}.duration-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 16px;display:grid}.duration-parts>div{background:var(--color-primary-soft);color:var(--color-primary);border-radius:8px;flex-direction:column-reverse;align-items:center;padding:16px 8px;display:flex}.duration-parts dt{text-transform:capitalize;font-size:13px}.duration-parts dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(24px,4vw,36px);font-weight:700}.duration-timeline{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:16px 0;font-size:13px;display:grid}.duration-timeline strong{color:var(--color-heading);display:block}.duration-result{text-align:center;min-height:72px}.duration-result strong{color:var(--color-primary);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(28px,4vw,40px);display:block}.duration-result span{color:var(--color-muted);display:block}.duration-metrics{gap:8px;display:grid}.duration-metrics>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:12px;padding:8px 0;display:flex}.duration-metrics dd{font-variant-numeric:tabular-nums;margin:0;font-weight:650}.duration-answer button{justify-content:center;align-items:center;gap:8px;display:inline-flex}@media (width<=900px){.duration-workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=540px){.duration-dates,.duration-timeline{grid-template-columns:minmax(0,1fr)}.duration-timeline>svg{display:none}}.time-overview-heading,.time-overview-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.time-date-editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.time-date-editor-heading h2{margin:12px 0}.time-day-dialog dialog{overscroll-behavior:contain;width:min(920px,100% - 32px);max-width:920px;max-height:calc(100dvh - 32px)}.time-day-dialog .dialog-header{z-index:2;background:var(--color-surface);padding-block:12px;position:sticky;top:-24px}.time-day-dialog .time-days-editor,.time-day-dialog .time-day{box-shadow:none;border:0;margin:0;padding:0}.time-day-dialog .time-days-editor>summary,.time-day-dialog .time-day>summary{display:none}.time-day-dialog .time-shift{padding:16px}.time-day-dialog .time-day>button{margin:12px 12px 12px 0}.time-day-dialog-actions{background:var(--color-surface);border-top:1px solid var(--color-border);justify-content:flex-end;padding-block:16px;display:flex;position:sticky;bottom:-24px}@media (width<=600px){.time-day-dialog dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px}.time-day-dialog .dialog-header{top:-16px}.time-day-dialog-actions{bottom:-16px}.time-day-dialog .time-shift{padding:10px}}.time-calendar button[aria-pressed=true]{outline:2px solid var(--color-primary);outline-offset:2px}.time-single-entry{border-top:1px solid var(--color-border);margin-top:20px;padding-top:12px}.time-overview-heading h2{align-items:center;gap:8px;margin:0;display:flex}.time-overview-heading p{color:var(--color-muted);margin:8px 0}.time-overview-state{background:var(--color-surface-muted);border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.time-overview[data-ready=true] .time-overview-state{color:var(--color-primary);background:var(--color-primary-soft)}.time-overview-total{margin:16px 0 20px}.time-overview-total>strong{letter-spacing:-1px;color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:28px}.time-overview-total>span{color:var(--color-muted);margin-top:4px;font-size:13px;display:block}.time-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.time-calendar-weekday{text-align:center;color:var(--color-muted);padding:4px 0;font-size:12px}.time-calendar-mobile-guide,.time-calendar-short-label,.time-calendar-day-name,.time-calendar-confirm>svg{display:none}.time-calendar-day{flex-direction:column;gap:4px;min-width:0;display:flex}.time-calendar-day>button[data-date]{flex:1;min-height:80px}.time-calendar button{text-align:left;font-variant-numeric:tabular-nums;flex-direction:column;align-items:stretch;gap:3px;min-width:0;padding:8px;line-height:1.25;display:flex}.time-calendar button>span{justify-content:space-between;align-items:center;font-size:12px;display:flex}.time-calendar-date-text{white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.time-calendar button>span>svg{flex-shrink:0}.time-calendar button>strong{overflow-wrap:anywhere;font-size:18px}.time-calendar button>.time-calendar-hours{white-space:nowrap}.time-calendar button>.time-day-code-meaning{overflow-wrap:anywhere;font-size:11px;line-height:1.25;display:block}.time-code-list{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.time-code-list li{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.time-code-list strong{min-width:32px;color:var(--color-primary);display:inline-block}.time-code-legend{overflow-wrap:anywhere;margin-top:16px}.time-calendar button>small{overflow-wrap:anywhere;font-size:11px}.time-calendar [data-recorded=true]{background:var(--color-primary-soft);border-color:var(--color-primary)}.time-calendar [data-confirmed=true]>span{color:var(--color-primary);font-weight:700}.time-calendar [data-invalid=true]{border-color:var(--color-error);background:var(--color-error-bg)}.time-calendar .time-calendar-confirm{text-align:center;min-height:36px;color:var(--color-primary);border-color:var(--color-primary);overflow-wrap:anywhere;padding:5px 3px;font-size:12px;font-weight:600;display:block}.time-calendar .time-calendar-confirm-label{font-size:inherit;display:block}.time-calendar-review{border-top:1px solid var(--color-border);margin-top:16px;padding-top:12px}.time-calendar-review .actions{align-items:stretch}.time-overview-footer{margin-top:16px}.time-overview-footer p{flex:220px;margin:0}.time-overview-footer button{align-items:center;gap:6px;display:inline-flex}@media (width<=600px){.time-calendar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.time-calendar>span{display:none}.time-calendar-day-name{display:inline}.time-calendar button{gap:4px;min-height:72px;padding:8px}.time-calendar button>strong{font-size:16px}.time-calendar button>small{font-size:12px}.time-calendar .time-calendar-confirm{min-height:44px;padding:6px;font-size:12px}.time-calendar .time-calendar-full-label,.time-calendar .time-calendar-confirm-label{display:none}.time-calendar-short-label,.time-calendar-mobile-guide,.time-calendar-confirm>svg{display:block}.time-calendar-confirm>svg{margin:auto}}@media (width<=380px){.time-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}.time-daily-heading p{margin:8px 0 20px}.time-daily form>.field{max-width:360px}.time-daily-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.time-clock-format{max-width:360px;margin-top:20px}.time-clock-input{align-items:flex-start;gap:6px;display:flex;position:relative}.time-clock-input>input{flex:1;width:0;min-width:0}.time-clock-picker{border:0;flex-shrink:0;margin:0;padding:0}.time-clock-picker>summary{border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:9px;list-style:none;display:flex}.time-clock-picker>summary::-webkit-details-marker{display:none}.time-clock-picker[open]>summary{background:var(--color-primary-soft)}.time-clock-options{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 8px 24px #10233f26}.time-clock-options>label{min-width:0;font-size:14px;font-weight:600}.time-clock-options select{width:100%;min-width:0;margin-top:6px;padding-inline:8px}.time-clock-shortcuts,.time-clock-options>small,.time-clock-options>button{grid-column:1/-1}.time-clock-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.time-clock-shortcuts button{font-variant-numeric:tabular-nums;padding-inline:2px}.time-period fieldset{border:0;min-width:0;margin:0;padding:0}.time-types{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.time-types label{cursor:pointer;border:1px solid var(--color-border);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:14px;display:flex;position:relative}.time-types label:has(:checked){background:var(--color-primary-soft);border-color:var(--color-primary);font-weight:600}.time-types label:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.time-types label:has(:disabled){cursor:default;opacity:.8}.time-types input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.time-period .form-grid{max-width:680px}.time-period>h2{margin-top:0}.time-period>p:last-child{margin-bottom:0}.time-entry .time-daily{border-top:1px solid var(--color-border);margin-top:20px;padding-top:20px}.time-more,.time-editor{margin:20px 0}.time-help-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.time-help-toolbar button,.time-tour-switch{align-items:center;gap:8px;display:inline-flex}.time-tour-switch{cursor:pointer;min-height:44px}.time-tour-target{outline:2px solid var(--color-primary);outline-offset:4px}.time-tour-spotlight{z-index:1001;border:2px solid var(--color-primary);pointer-events:none;animation:surface-fade var(--motion-enter) var(--motion-ease);border-radius:10px;position:fixed;box-shadow:0 0 0 100vmax #0f1e2d52}.time-tour-card{z-index:1002;overscroll-behavior:contain;border:2px solid var(--color-primary);background:var(--color-surface);width:min(304px,100% - 24px);max-height:min(330px,100dvh - 24px);box-shadow:var(--shadow-overlay);animation:dialog-enter var(--motion-enter) var(--motion-ease);border-radius:12px;flex-direction:column;padding:0 16px;font-size:13px;line-height:1.5;display:flex;position:fixed;bottom:12px;right:12px;overflow:hidden}.time-tour-step{min-height:0;animation:time-tour-step-in var(--motion-enter) var(--motion-ease);flex-direction:column;display:flex;overflow:hidden}.time-tour-step[data-direction=back]{--tour-step-shift:-18px}@keyframes time-tour-step-in{0%{opacity:0;translate:var(--tour-step-shift,18px) 0}to{opacity:1;translate:0}}.time-tour-meter{background:var(--color-primary-soft);flex-shrink:0;height:3px}.time-tour-meter>span{background:var(--color-primary);height:100%;transition:width var(--motion-enter) var(--motion-ease);display:block}.time-tour-card:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.time-tour-card-heading,.time-tour-actions{background:var(--color-surface);z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;display:flex}.time-tour-card-heading{border-bottom:1px solid var(--color-border);min-height:48px;font-weight:600}.time-tour-heading-actions{display:flex}.time-tour-card h2{flex-shrink:0;margin:12px 0 8px;font-size:17px}.time-tour-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.time-tour-card p{margin:8px 0 12px}.time-tour-progress,.time-tour-focus{align-items:center;gap:6px;display:flex}.time-tour-progress{background:var(--color-primary-soft);border-radius:6px;padding:8px}.time-tour-progress svg{flex-shrink:0}.time-tour-card button{min-height:44px;padding:8px 10px;font-size:12px}.time-tour-card .icon-button{min-width:44px}.time-tour-actions{border-top:1px solid var(--color-border);margin-top:12px;padding:10px 0}.time-tour-actions button{min-width:80px}@media (width>=900px){.time-tour-card{max-height:min(440px,100dvh - 24px)}}.time-assistant-body{gap:16px;display:grid}.time-assistant-body form{gap:12px;display:grid}.time-assistant-body>p,.time-assistant-question>p{margin:0}.time-assistant-body>details{margin:0;padding-block:8px}.time-assistant-proposal h3{margin-top:0}.time-assistant-proposal dl{margin:0}.time-assistant-question,.time-assistant-proposal{border-radius:var(--radius-control);background:var(--color-primary-soft);padding:16px}.time-assistant-history ol{max-height:200px;padding-inline-start:24px;overflow-y:auto}.time-assistant-history p,.time-assistant-example{white-space:pre-wrap;overflow-wrap:anywhere}.time-assistant-proposal dl>div{margin-block:12px}.time-assistant-proposal dt{font-weight:700}.time-assistant-proposal dd{margin:4px 0 0}.time-more>summary,.time-editor>summary{cursor:pointer;padding:14px 0;font-weight:600}.time-editor>summary{border-bottom:1px solid var(--color-border)}@media (width<=600px){.time-types{grid-template-columns:repeat(3,minmax(0,1fr))}.time-daily-inputs{grid-template-columns:minmax(0,1fr)}.time-daily-inputs>:last-child{grid-column:1/-1}}.time-coverage{padding:12px 0}.time-import-controls{border:0;min-width:0;padding:0}.time-import-controls>details{margin:16px 0}.time-import-raw{white-space:normal;overflow-wrap:anywhere;max-width:360px}.time-review button{white-space:normal}.time-review{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:20px 0;padding:16px 0}.time-review>h3{margin-top:0}.time-review.requires-attention{border:1px solid var(--color-warning);border-radius:var(--radius-panel);background:var(--color-warning-bg);padding:16px}.time-review [data-severity=error]{color:var(--color-error)}.time-review .needs-confirmation{background:var(--color-warning-bg)}.time-daily[data-pending=true]{outline:2px solid var(--color-warning);outline-offset:8px}.time-shift[data-invalid=true]{border-color:var(--color-error)}.time-review>details>summary{cursor:pointer}.time-review,.time-editor,#timesheet-downloads,#manual-timesheet{scroll-margin-top:148px}.time-template-picker>h2{margin-bottom:12px}.time-layout-picker{border:0;min-width:0;margin:24px 0 0;padding:0}.time-layout-picker>legend{font-size:1.1rem;font-weight:650}.time-layout-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;display:grid}.time-layout-options article{border:1px solid var(--color-border);border-radius:12px;align-content:start;gap:12px;padding:16px;display:grid}.time-layout-options article.selected{border-color:var(--time-template-accent);background:var(--color-primary-soft)}.time-layout-options label{cursor:pointer;align-items:start;gap:8px;display:flex}.time-layout-options label small{color:var(--color-muted);margin-top:6px;display:block}.time-layout-options label:has(:disabled){opacity:.65}.time-layout-mini{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid var(--color-border);background:#fff;gap:4px;height:66px;padding:6px;display:grid}.time-layout-mini i{background:repeating-linear-gradient(90deg, var(--time-template-soft) 0 18%, var(--color-border) 18% 19%, white 19% 20%);border-bottom:1px solid var(--color-border)}.time-layout-mini i:first-child,.time-layout-mini.weekly i:nth-child(3){background:var(--time-template-accent)}.time-layout-mini.matrix i{background:repeating-linear-gradient(90deg, var(--time-template-soft) 0 12%, var(--color-border) 12% 13%, white 13% 14%)}.time-report-details>summary{cursor:pointer;font-weight:650}.time-report-details h3{margin-top:24px}.time-report-row{border:1px solid var(--color-border);border-radius:12px;min-width:0;margin:16px 0;padding:16px}.time-report-row>button{margin-top:12px}.timesheet-workspace-main{min-width:0}.timesheet-workspace.has-preview{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:20px;display:grid}.time-floating-preview{min-width:0;position:sticky;top:80px}.time-preview-content{overscroll-behavior:contain;border:1px solid var(--color-border);background:var(--color-surface);max-height:calc(100dvh - 100px);box-shadow:var(--shadow-panel);border-radius:12px;padding:12px;overflow:auto}.time-preview-heading{z-index:1;background:var(--color-surface);justify-content:space-between;align-items:center;gap:8px;padding-block:4px;display:flex;position:sticky;top:0}.time-preview-heading h2{align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.time-preview-editing{overflow-wrap:anywhere;margin:10px 0;font-size:12px}.time-preview-content>.hint{margin:10px 0 0;font-size:11px}.time-preview-toggle,.time-preview-close{display:none}@media (width<=1199px){.timesheet-workspace.has-preview{padding-bottom:72px;display:block}.time-floating-preview{z-index:8;flex-direction:column-reverse;align-items:flex-end;gap:8px;width:min(286px,100% - 32px);display:flex;position:fixed;top:auto;bottom:16px;right:16px}.time-preview-toggle{min-height:44px;box-shadow:var(--shadow-panel);align-items:center;gap:8px;display:inline-flex}.time-preview-close{display:inline-flex}.time-preview-content{width:100%;max-height:min(60dvh,100dvh - 150px);display:none}.time-floating-preview.is-open .time-preview-content{display:block}}.time-field-placement{background:var(--color-surface-muted);overflow-wrap:anywhere;border-radius:12px;min-width:0;margin:0;padding:12px;font-size:11px;line-height:1.4}.time-field-placement figcaption{align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.time-placement-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);border:1px solid var(--color-border);border-top:4px solid var(--time-placement-accent);background:#fff;padding:12px;box-shadow:0 2px 5px #172b4d0d}.time-placement-page.landscape{padding:10px}.time-placement-title{color:var(--time-placement-accent);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.time-placement-active{outline:2px solid var(--time-placement-accent);outline-offset:2px;background:var(--time-placement-soft);border-radius:3px}.time-placement-dates,.time-placement-rules,.time-placement-note{margin:8px 0;font-size:10px}.time-placement-dates>span,.time-placement-note>span,.time-placement-pending>span,.time-placement-signature>small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.time-placement-rules>span{-webkit-line-clamp:2;color:var(--color-muted);-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.time-placement-day-rows>span{border-top:1px solid var(--color-border);justify-content:space-between;gap:6px;padding:3px 5px;display:flex}.time-placement-pending{border:1px dashed var(--time-placement-accent);margin:4px;padding:6px;font-size:10px}.time-placement-muted{color:var(--color-muted);margin:6px 0;font-size:10px}.time-placement-identity{text-overflow:ellipsis;white-space:nowrap;margin:8px 0;font-weight:600;overflow:hidden}.time-placement-identity>span{font-weight:400;display:block}.time-placement-field{border:1px solid var(--color-border);border-radius:4px;align-items:start;gap:6px;margin:4px 0;padding:5px;display:flex}.time-placement-field.selected{border:2px solid var(--time-placement-accent);background:var(--time-placement-soft)}.time-placement-field>span:last-child{min-width:0}.time-placement-field strong,.time-placement-value{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.time-placement-number{border:1px solid var(--time-placement-accent);width:18px;height:18px;color:var(--time-placement-accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.time-placement-value{color:var(--color-muted)}.time-placement-hours{border:1px solid var(--color-border);margin:10px 0;font-size:10px}.time-placement-hours>span,.time-placement-hours>strong{background:var(--time-placement-soft);padding:4px 5px;display:block}.time-placement-hours i{border-top:1px solid var(--color-border);background:repeating-linear-gradient(to right, transparent 0 24%, var(--color-border) 24% 25%);height:9px;display:block}.time-placement-employee{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:5px;padding:5px;display:grid}.time-placement-employee>strong{text-overflow:ellipsis;overflow:hidden}.time-placement-signatures{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 6px;display:grid}.time-placement-signatures span{border-top:1px solid var(--color-muted);padding-top:4px;font-size:9px}.time-field-placement>p{margin:8px 0 0;font-size:10px}.time-placement-key{border:2px solid var(--time-placement-accent);background:var(--time-placement-soft);width:8px;height:8px;margin-right:3px;display:inline-block}.time-template-picker summary{cursor:pointer;padding:12px 0}.time-template-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-top:16px;display:grid}.time-template-card{grid-template-rows:subgrid;text-align:left;white-space:normal;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;grid-row:span 5;gap:12px;padding:20px;display:grid}.time-template-card.selected{border-color:var(--time-template-accent);background:var(--color-primary-soft)}.time-template-card strong{font-size:18px}.time-template-card small{color:var(--color-muted)}.time-template-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.time-template-actions button{white-space:normal;min-width:0}.time-template-picker dialog{width:min(920px,100% - 32px)}.time-template-colors{border:0;min-width:0;margin:16px 0;padding:0}.time-template-colors legend{margin-bottom:8px;font-weight:600}.time-template-colors>div{flex-wrap:wrap;gap:8px;display:flex}.time-template-colors label{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;align-items:center;gap:6px;padding:10px 12px;display:flex}.time-template-colors label:has(:checked){border-color:var(--time-template-accent);background:var(--color-primary-soft)}.time-template-colors:disabled label{opacity:.65;cursor:default}.time-color-swatch{border-radius:50%;width:14px;height:14px}.time-template-thumbnail{object-fit:contain;background:var(--time-template-soft);border:1px solid var(--color-border);width:100%;height:240px;display:block}.time-export-preview{border-top:1px solid var(--color-border);min-width:0;margin:24px 0;padding-top:20px}.time-export-preview[data-format=xlsx] thead th{background:var(--time-template-accent);color:#fff}.time-preview-cell{white-space:pre-wrap;overflow-wrap:anywhere;min-width:100px;max-width:320px;max-height:150px;overflow:auto}@media (width<=800px){.time-template-grid{grid-template-columns:minmax(0,1fr)}}.time-report .metric{gap:6px;padding:12px 0;display:grid}.time-report .metric strong{font-size:24px}.time-report>button{margin:0 8px 8px 0}.pay-optional{margin-top:20px}.pay-optional>summary,.pay-hours>summary,.time-day>summary{cursor:pointer;padding:12px 0;font-weight:600}.time-shift{margin-top:16px}.time-punch{margin-bottom:12px}.pay-controls p,.pay-scenario p,.pay-hours p,.pay-export p{line-height:1.65}.pay-scenarios{gap:24px;margin:24px 0;display:grid}.pay-scenarios.comparing{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-scenario{min-width:0;margin:0}.pay-scenario legend{padding:0 8px;font-size:18px;font-weight:700}.pay-scenario-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.comparing .pay-scenario-main{grid-template-columns:minmax(0,1fr)}.pay-inputs,.pay-results{min-width:0}.pay-scenario .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.pay-primary{background:var(--color-primary-soft);gap:6px;margin:0 0 16px;padding:16px;display:grid}.pay-primary strong{overflow-wrap:anywhere;font-size:clamp(26px,3vw,40px)}.pay-equivalents{margin:0 0 28px}.pay-equivalents>div{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 0;display:flex}.pay-equivalents dd{overflow-wrap:anywhere;margin:0;font-weight:600}.pay-effective{border-left:3px solid var(--color-primary);padding:16px}.pay-source{font-size:14px}.pay-hours .actions{align-items:center}.pay-hours,.pay-export{margin:24px 0}@media (width<=1100px){.pay-scenarios.comparing{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.pay-scenario-main{grid-template-columns:minmax(0,1fr)}}.calculator-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.calculator-workspace>*{min-width:0}.calculator-quantity{grid-template-columns:minmax(0,1fr) minmax(110px,.7fr);gap:.75rem;display:grid}.calculator-answer{overflow-wrap:anywhere}.calculator-answer h2{align-items:center;gap:.5rem;display:flex}.calculator-hero{color:var(--color-primary);overflow-wrap:anywhere;margin:1.5rem 0 .75rem;font-size:clamp(1.8rem,3vw,3rem);font-weight:750;line-height:1.2}.calculator-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.calculator-metrics>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.6rem;min-width:0;padding:.85rem}.calculator-metrics dt{color:var(--color-muted);font-size:.85rem}.calculator-metrics dd{overflow-wrap:anywhere;margin:.35rem 0 0;font-weight:650}.calculator-empty{color:var(--color-muted);padding:2rem 0}.calculator-bars>div{margin-bottom:.8rem}.calculator-bars strong{font-size:.85rem}.calculator-track{background:var(--color-surface-muted);border-radius:1rem;height:.55rem;margin:.35rem 0;overflow:hidden}.calculator-track>span{background:var(--color-primary);border-radius:inherit;height:100%;display:block}.calculator-workspace .actions{margin-top:1rem}.calculator-workspace input,.calculator-workspace select{min-width:0;max-width:100%}.calculator-workspace input::placeholder{color:var(--color-muted);opacity:1}@media (width<=800px){.calculator-workspace{grid-template-columns:minmax(0,1fr)}}@media (width<=380px){.calculator-quantity,.calculator-metrics{grid-template-columns:minmax(0,1fr)}}.permission-grid{grid-template-columns:minmax(70px,1.3fr) repeat(3,minmax(0,1fr));align-items:center;gap:.4rem;margin:1.5rem 0;font-size:.85rem;display:grid}.permission-row{display:contents}.permission-grid>strong{text-align:center}.permission-row label{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;justify-content:center;align-items:center;padding:.85rem .35rem;display:flex}.permission-grid input{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.calculator-code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--color-surface-muted);border-radius:.5rem;padding:1rem;font-size:1rem}.date-illustration{gap:1rem;margin:1rem 0;display:grid}.mini-calendar{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:.15rem;font-size:.85rem;display:grid}.mini-calendar>span{border-radius:.25rem;padding:.45rem .1rem}.mini-weekday{color:var(--color-muted);font-size:.75rem}.mini-calendar .date-range{background:var(--color-primary-soft)}.mini-calendar .date-endpoint{background:var(--color-primary);color:var(--color-on-primary);outline:1px solid var(--color-primary);font-weight:700}.calculator-epoch{font-size:clamp(1.3rem,2vw,2rem)}.instant-illustration{text-align:center;gap:.65rem;margin:1rem 0;display:grid}.instant-illustration>div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.6rem;min-width:0;padding:1rem}.instant-illustration code{overflow-wrap:anywhere;margin-top:.5rem;display:block}.prefix-bits{text-align:center;grid-template-columns:repeat(16,minmax(0,1fr));gap:.15rem;margin:1rem 0;font:.75rem monospace;display:grid}.prefix-bits>span{border:1px solid var(--color-border);border-radius:.2rem;padding:.3rem 0}.prefix-bits .network-bit{background:var(--color-primary-soft);color:var(--color-primary-hover);border-color:var(--color-control-border);font-weight:700}.prefix-bits .host-bit{background:var(--color-surface-muted);color:var(--color-text)}.subnet-children{overflow-wrap:anywhere;padding-left:1.5rem}.permission-row label:has(input:checked){background:var(--color-primary-soft);border-color:var(--color-control-border)}.calculator-live{z-index:3;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-muted);box-shadow:var(--shadow-panel);overflow-wrap:anywhere;margin:0 0 1.25rem;padding:.75rem;position:sticky;top:136px}.calculator-live.is-ready{background:var(--color-primary-soft);border-color:var(--color-control-border)}.calculator-live-label{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;display:flex}.calculator-live-label small{font-size:inherit;font-weight:400}.calculator-live-dot{background:var(--color-muted);border-radius:50%;flex:none;width:.45rem;height:.45rem}.is-ready .calculator-live-dot{background:var(--color-primary)}.calculator-live-value{font-variant-numeric:tabular-nums;color:var(--color-heading);margin:.35rem 0 .2rem;font-size:1.15rem;line-height:1.35;display:block}.is-ready .calculator-live-value{color:var(--color-primary)}.calculator-live-detail{color:var(--color-muted);font-size:.8rem;line-height:1.4;display:block}@media (height<=560px){.calculator-live{align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.calculator-live-label{flex:none}.calculator-live-label small,.calculator-live-detail{display:none}.calculator-live-value{min-width:0;margin:0;font-size:1rem}}@media (height<=400px){.calculator-live{position:static}}.main.explorer-main{background:var(--color-canvas);max-width:none;margin:0;padding:0}.explorer-header,.explorer-commands{border-bottom:1px solid var(--color-border);align-items:center;gap:18px;padding:12px 28px;display:flex}.explorer-header,.is-tool .site-header{background:var(--color-catalogue-header)}.explorer-header{padding-block:17px}.explorer-header .brand{font-size:23px}.explorer-breadcrumb,.explorer-local,.explorer-commands a,.explorer-today{align-items:center;gap:8px;display:inline-flex}.explorer-breadcrumb{border-inline-start:1px solid var(--color-border);color:var(--color-heading);padding-inline-start:18px;font-size:20px}.explorer-search{width:min(44%,445px);margin-inline-start:auto;position:relative}.explorer-search>svg{pointer-events:none;position:absolute;top:12px;left:14px}.explorer-search .tool-search{gap:8px;margin:0;display:flex}.explorer-search .field{flex:1;min-width:0;margin:0}.explorer-search .field label{clip-path:inset(50%);position:absolute}.explorer-search .field input{background:var(--color-surface);min-height:44px;padding-inline-start:44px}.explorer-commands{background:var(--color-catalogue-toolbar);flex-wrap:wrap;gap:12px 20px;font-size:1rem}.explorer-commands>.primary{font-size:inherit}.explorer-local{border-inline:1px solid var(--color-border);padding-inline:20px}.explorer-body{grid-template-columns:clamp(190px,19vw,275px) minmax(0,1fr) clamp(350px,31vw,460px);min-height:calc(100vh - 136px);display:grid}.explorer-categories,.tool-sidebar{background:var(--color-catalogue-sidebar)}.explorer-categories{border-inline-end:1px solid var(--color-border);flex-direction:column;gap:8px;padding:46px 12px 28px;display:flex}.explorer-categories button{border:0;text-align:start;background:0 0;border-inline-start:4px solid #0000;justify-content:flex-start;min-height:48px;padding:9px 12px 9px 17px;font-size:1.0625rem}.explorer-categories svg,.explorer-tool-name svg,.explorer-open svg{flex:none}.explorer-categories button[aria-pressed=true]{border-inline-start-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-hover);font-weight:700}.explorer-categories button:hover,.explorer-table tbody tr:hover{background:var(--color-surface-muted)}.explorer-list,.explorer-details{min-width:0;padding:32px 25px}.explorer-list-heading{flex-wrap:wrap;align-items:center;gap:9px 12px;margin-bottom:22px;display:flex}.explorer-list-heading h1{margin:0;font-size:clamp(1.8rem,2.6vw,2.35rem);line-height:1.2}.explorer-count,.explorer-format{color:var(--color-muted);font-size:.875rem}.explorer-today{border:1px solid var(--color-border);border-radius:var(--radius-control);white-space:nowrap;margin-inline-start:auto;padding:7px 12px;font-size:.875rem}.explorer-table{table-layout:fixed;border-spacing:0;width:100%;min-width:0;color:var(--color-heading)}.explorer-table th,.explorer-table td{text-align:start;border:0;border-bottom:1px solid var(--color-border);vertical-align:middle;max-width:none;padding:0 10px}.explorer-table th{background:var(--color-surface-muted);height:44px;position:static}.explorer-table th:first-child{border-start-start-radius:var(--radius-control);width:58%}.explorer-table th:last-child{border-start-end-radius:var(--radius-control)}.explorer-table tbody td:first-child{border-inline-start:4px solid #0000}.explorer-table tr[data-selected=true] td{background:var(--color-primary-soft)}.explorer-table tr[data-selected=true] td:first-child{border-inline-start-color:var(--color-primary)}.explorer-table th button,.explorer-tool-name{text-align:start;width:100%;min-height:44px;font-weight:inherit;background:0 0;border:0;justify-content:flex-start;padding:7px 4px;font-size:1.0625rem}.explorer-tool-name{min-height:46px;font-weight:500}.explorer-tool-name:hover{background:0 0}.explorer-tool-name[aria-pressed=true]{color:var(--color-primary-hover);font-weight:700}.explorer-table td.explorer-category-cell{width:auto;color:var(--color-muted);font-size:1rem}.explorer-table th:last-child,.explorer-table td:last-child{width:44px;padding:0}.explorer-row-open{place-items:center;width:44px;min-height:44px;font-size:.8125rem;font-weight:600;display:grid}.explorer-row-open:hover{text-decoration:underline}.explorer-details{border-inline-start:1px solid var(--color-border);background:var(--color-surface);padding-top:48px}.explorer-detail-heading{align-items:center;gap:16px;display:flex}.explorer-detail-heading h2{margin:0 0 4px;font-size:clamp(1.3rem,2.15vw,1.95rem);line-height:1.2}.explorer-detail-heading p{margin:0}.explorer-tool-icon{background:var(--color-primary-soft);height:78px;color:var(--color-primary);border-radius:16px;flex:0 0 78px;place-items:center;display:grid}.explorer-details>p{margin:22px 0}.explorer-sample{border:1px solid var(--color-border);border-radius:var(--radius-control);padding:20px}.explorer-sample h3{margin:0 0 12px;font-size:1.35rem}.explorer-sample table{min-width:0;margin:0;font-size:.875rem}.explorer-sample:has(table){padding-bottom:36px}.explorer-sample th,.explorer-sample td{text-align:end;width:auto;padding:8px;position:static}.explorer-sample :is(th,td):first-child{text-align:start}.explorer-open{text-align:center;width:100%}.explorer-open:hover{text-decoration:none}.explorer-ad-space{border-top:1px solid var(--color-border);min-height:250px;margin-top:24px}.explorer-back{display:none}@media (width>=1081px){.explorer-tool-icon{flex-basis:84px;height:84px}.explorer-sample:has(table){min-height:280px}.explorer-sample table{font-size:.9375rem}.explorer-open{min-height:54px;font-size:1.0625rem}}@media (width<=1080px){.explorer-body{grid-template-columns:200px minmax(0,1fr)}.explorer-categories{grid-row:span 2}.explorer-details{border-inline-start:0;border-top:1px solid var(--color-border);padding-top:24px}.explorer-back{margin-top:16px;display:inline-block}}@media (width<=680px){.explorer-header,.explorer-commands{padding-inline:14px}.explorer-header{flex-wrap:wrap;gap:10px;padding-block:12px}.explorer-search{width:100%}.explorer-breadcrumb{padding-inline-start:6px;font-size:1rem}.explorer-local{border:0;padding:0}.explorer-body{display:block}.explorer-categories{border-inline-end:0;border-bottom:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:10px;display:grid}.explorer-categories button{padding-inline:7px;font-size:.8125rem}.explorer-commands,.explorer-table th button,.explorer-tool-name{font-size:.875rem}.explorer-list,.explorer-details{padding:20px 14px}.explorer-table .explorer-category-cell,.explorer-today{display:none}.explorer-table th:first-child{width:auto}.explorer-sample{padding:12px}.explorer-sample th,.explorer-sample td{padding:6px}}