/* TOOLKIT: one light visual system for the directory, every utility and administration. */
:root,html[data-theme=light]{color-scheme:light;--canvas:#eaf0f7;--bg:var(--canvas);--surface:#fff;--subtle:#f6f7fc;--ink:#303347;--text:var(--ink);--muted:#70768b;--line:#e5e8f1;--accent:#7952e8;--accent-soft:#f0eaff;--blue:var(--accent);--green:var(--accent);--green-light:var(--accent-soft);--radius:20px;--field-radius:12px;--field-line:#e1e5ef;--field-hover:#bcb0e3;--field-focus:var(--accent);--field-background:#fff;--field-label:#737b90;--surface-soft:#f6f7fc;--card-shadow:0 3px 0 #ffffffc9,0 7px 0 #ffffff70,0 15px 30px #6f7c9f0d;--sidebar-size:218px;--sidebar:218px}
html{background:var(--canvas);scroll-padding-top:110px}
body.reference-skin{min-width:320px;min-height:100dvh;background:radial-gradient(ellipse at 20% 0,#e8e6f8,transparent 45%),radial-gradient(ellipse at 100% 100%,#e2f3f3,transparent 45%),var(--canvas);color:var(--ink);font-size:14px;line-height:1.7}
.reference-skin .site-shell{position:relative;min-height:calc(100dvh - 36px);margin:18px 18px 18px 254px;padding-top:88px;border:1px solid #ffffffc9;border-radius:30px;background:linear-gradient(135deg,#f9fbffed,#f4f6ffed 55%,#f0fafced);box-shadow:0 16px 60px #7985a00a}
.reference-skin .main-content{max-width:none;width:100%;padding:25px 28px 40px;min-width:0}
.reference-skin .topbar{position:fixed;left:254px;right:18px;top:18px;height:76px;padding:0 28px;gap:18px;border:1px solid #ffffffb3;border-radius:30px 30px 18px 18px;background:#f9fbfff2;box-shadow:0 5px 22px #8f98b008;color:var(--ink);z-index:65}
.reference-skin .topbar{box-shadow:0 10px 20px -10px #59678245,0 3px 8px -4px #5967821f}
.reference-skin .topbar-left,.reference-skin .topbar-right{gap:14px;min-width:0}
.reference-skin .topbar-nav{gap:22px}.reference-skin .topbar-nav a{color:var(--muted);font-size:12px;font-weight:500;padding:12px 0}.reference-skin .topbar-nav a.active{color:var(--accent)}
.reference-skin .topbar .btn,.reference-skin .topbar .icon-button{border-radius:12px;border-color:var(--line);background:#fff;color:var(--ink);min-height:38px}
.reference-skin .topbar .local-badge{display:none}
.reference-skin .global-search{border:1px solid #e6e7f0;background:#fff;border-radius:14px;max-width:390px;min-width:130px;min-height:42px;padding:8px 13px;gap:9px;box-shadow:none}.reference-skin .global-search input{font-size:12px}
.reference-skin .language-picker{flex:none}.reference-skin .language-picker select{width:130px;max-width:130px;height:40px;min-height:40px;border:1px solid var(--line);border-radius:12px;background-color:#fff;color:var(--ink);padding:8px 30px 8px 11px;font-size:11px;background-position:right 10px center}
.reference-skin .sidebar{left:18px;top:18px;bottom:18px;width:218px;height:calc(100dvh - 36px);border:1px solid #ffffffde;border-radius:26px;background:linear-gradient(180deg,#fcfdfff5,#f6f8fff0);padding:26px 14px 20px;box-shadow:0 14px 40px #7385a00b;color:var(--ink);scrollbar-width:thin;scrollbar-color:#dce0ed transparent;z-index:75}
.reference-skin .sidebar .brand{margin:0 0 24px;padding:0 7px;font-size:20px;gap:9px;color:var(--ink)}.reference-skin .sidebar .brand small{font-size:7px;letter-spacing:1.4px;color:#8d93a6}
.reference-skin .brand-symbol{border-radius:12px;background:linear-gradient(145deg,#a878f8,#7652e9);box-shadow:0 6px 13px #7952e826;color:white}
.reference-skin .sidebar-search{margin:0 0 21px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:11px;color:var(--muted)}
.reference-skin .sidebar .nav-link{min-height:43px;padding:10px 12px;margin:5px 0;gap:11px;border-radius:13px;font-size:12px;color:var(--muted);font-weight:500}.reference-skin .sidebar .nav-link .icon{width:18px;height:18px;color:inherit}
.reference-skin .sidebar .nav-link:hover{background:#eeeafa;color:#6b50b8}.reference-skin .sidebar .nav-link.active{background:linear-gradient(100deg,#eee6ff,#f0ecff);color:#754cce;box-shadow:none}
.reference-skin .sidebar .nav-count{border:0;background:#fff9;color:inherit;padding:1px 6px;border-radius:6px;font-size:9px;font-variant-numeric:tabular-nums}
.reference-skin .sidebar .nav-label,.reference-skin .sidebar-caption{font-size:9px;color:#969bb0;letter-spacing:1.3px;margin:24px 12px 10px}
.reference-skin .sidebar-subcategories{margin:5px 0 12px 20px;border-left:1px solid #ded7f1;padding-left:10px}.reference-skin .sidebar-subcategory{padding:7px 9px;border-radius:8px;font-size:11px;color:var(--muted)}.reference-skin .sidebar-subcategory.active{background:var(--accent-soft);color:var(--accent)}
.reference-skin .sidebar-bottom{margin:auto 10px 0;padding-top:24px;font-size:11px;color:var(--muted)}.reference-skin .sidebar-collapse{top:29px;right:13px;border-radius:8px;background:#f0edf9;color:#927cae;width:23px;height:27px}
.theme-control,.theme-floating,[data-theme-mode]{display:none!important}
.reference-skin h1,.reference-skin h2,.reference-skin h3{color:var(--ink);letter-spacing:-.035em}
.reference-skin h1,.reference-skin .page-heading h1,.reference-skin .tool-page-heading h1,.reference-skin .directory-heading h1{font-size:28px;font-weight:650;line-height:1.4}
.reference-skin .eyebrow{font-size:9px;letter-spacing:.13em;color:#9684b5;font-weight:600}.reference-skin .page-heading,.reference-skin .directory-heading{margin-bottom:28px}
.reference-skin .page-heading p,.reference-skin .directory-heading p,.reference-skin .tool-page-heading p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:10px}
.reference-skin .category-heading>h1{margin-bottom:2px}
.reference-skin .category-heading>p{margin-top:0}
.reference-skin .btn{min-height:39px;padding:9px 15px;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#626a80;font-size:12px;font-weight:500;box-shadow:0 2px 5px #59678303;transition:background .15s,border-color .15s,box-shadow .15s}
.reference-skin .btn:hover{background:#f8f5ff;border-color:#ccbef1;color:var(--accent)}.reference-skin .btn.primary{background:linear-gradient(120deg,#8f5df1,#7850e5);border-color:transparent;color:#fff;box-shadow:0 6px 14px #7952e820}.reference-skin .btn.primary:hover{background:#7043df;color:#fff;box-shadow:0 7px 17px #7952e830}
.reference-skin .btn.small{font-size:11px;padding:7px 11px;min-height:33px;border-radius:9px}.reference-skin .btn.danger{color:#c84966;background:#fff3f5;border-color:#f2d6de}.reference-skin button:disabled{cursor:not-allowed;opacity:.55}
.reference-skin a:focus-visible,.reference-skin button:focus-visible,.reference-skin summary:focus-visible{outline:3px solid #af97f0;outline-offset:3px}
.reference-skin :is(.panel,.stat-card,.workspace-v3 .workspace-input,.workspace-v3 .workspace-output,.fx-panel,.civil-panel){background:var(--surface);border:1px solid #e7e9f3;border-radius:21px;box-shadow:var(--card-shadow);min-width:0}.reference-skin .panel{padding:26px}
.reference-skin .directory-highlights{gap:20px;margin-bottom:28px}.reference-skin .directory-highlights>a{border:1px solid #ffffffd9;border-radius:19px;background:#fff;padding:20px;box-shadow:var(--card-shadow);gap:15px}.reference-skin .directory-highlights>a:nth-child(2){background:#f9f6ff}.reference-skin .directory-highlights>a:nth-child(3){background:#f1faf9}
.reference-skin .directory-highlights strong{font-size:13px;color:var(--ink)}.reference-skin .directory-highlights small{font-size:8px;letter-spacing:.11em;color:var(--muted)}.reference-skin .directory-highlights .tool-icon{width:42px;height:42px;border-radius:13px}
.reference-skin .all-tools-section{padding:0;border:0;background:transparent;box-shadow:none}
.reference-skin .category-heading+#all-tools.all-tools-section{padding:20px}
.reference-skin .category-tabs{gap:8px;padding:3px 0 15px;margin-bottom:14px;scrollbar-width:thin}.reference-skin .category-tab{min-height:38px;border-radius:11px;padding:8px 12px;gap:8px;font-size:11px;background:#ffffffa6;color:var(--muted);border-color:color-mix(in srgb,var(--muted) 50%,transparent)}
.reference-skin .category-tab.active{background:color-mix(in srgb,var(--group-color) 13%,white);border-color:var(--group-color);box-shadow:inset 0 -2px var(--group-color);color:color-mix(in srgb,var(--group-color) 60%,var(--ink))}
.reference-skin .subcategory-tabs{gap:8px;margin-bottom:5px}.reference-skin .subcategory-tab{padding:8px 12px;border-radius:10px;background:#fff;border-color:#e4e6f0;font-size:11px}.reference-skin .subcategory-tab[aria-pressed=true]{color:var(--accent);background:#f0eaff;border-color:#c9b5f3}
.reference-skin .library-toolbar{gap:12px;margin-bottom:24px}.reference-skin .library-toolbar .search-box{border-radius:12px;min-height:45px;background:#fff;border-color:var(--line);padding:8px 14px}.reference-skin .view-toggle{border-radius:11px;background:#fff;border-color:var(--line)}.reference-skin .view-toggle button{border-radius:8px}
.reference-skin .library-toolbar .search-box input{padding:0;min-height:0;height:auto;background:transparent;border:0;box-shadow:none}
.reference-skin .auth-tabs button.active{color:var(--accent);border-color:var(--accent)}
.reference-skin .workspace-v3 .workspace-steps{border:1px solid #e8e4f2;border-radius:15px;background:#ffffffa8;margin-bottom:23px;overflow:visible}
.reference-skin #tools-grid.board-view:not([data-category-board=true]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:22px;overflow:visible;align-items:start;padding:0 0 12px}
.reference-skin .directory-column{width:auto;min-width:0;border-radius:20px;background:#eeeff78c;padding:14px;box-shadow:none;border:1px solid #ffffff80}.reference-skin .column-heading{padding:3px 5px 15px;margin-bottom:15px;border-bottom:2px solid color-mix(in srgb,var(--group-color) 65%,white)}.reference-skin .column-heading h3{font-size:14px;font-weight:600;gap:9px}.reference-skin .column-heading p{font-size:11px;margin-top:5px;color:#858ba0}
.reference-skin .column-cards{max-height:540px;padding:2px 4px 12px;gap:16px;scrollbar-color:#d6d8e6 transparent}.reference-skin .directory-subgroup h4{font-size:11px;padding:4px 3px;margin:6px 0 12px;color:#77708c}.reference-skin .directory-subgroup-cards{gap:17px}
.reference-skin .tool-card{border:1px solid #eeedf7;border-radius:19px;padding:21px;min-height:192px;background:#fff;box-shadow:0 4px 0 #ffffffb0,0 8px 0 #ffffff66,0 13px 22px #63658c09;transition:border-color .15s,box-shadow .15s,transform .15s}.reference-skin .directory-column .tool-card{border-color:#eeedf7}.reference-skin .tool-card:hover{border-color:#cfbef2;box-shadow:0 5px 0 #ffffffc9,0 14px 25px #73619216;transform:translateY(-2px)}
.reference-skin .tool-card .tool-icon{width:40px;height:40px;border-radius:12px;box-shadow:0 5px 12px #9381b51a}.reference-skin .tool-card .tool-icon .icon{width:21px;height:21px}.reference-skin .tool-card h3{font-size:14px;font-weight:600;line-height:1.6}.reference-skin .tool-card p{font-size:12px;line-height:1.85;margin:9px 0 16px;color:var(--muted)}.reference-skin .tool-card .card-top{margin-bottom:17px}
.reference-skin .card-bottom{padding-top:13px;border-top:1px solid #f0eff6}.reference-skin .feature-tags{gap:6px;flex-wrap:wrap}.reference-skin .feature-tags>span{padding:4px 7px;background:#f5f4fa;border-radius:6px;color:#838097;font-size:9px;border:0}
.reference-skin #tools-grid[data-category-board=true].board-view .column-cards{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:22px;max-height:none;overflow:visible;padding:5px 0 16px}.reference-skin #tools-grid[data-category-board=true].board-view .directory-column{background:none;border:0;padding:0;width:100%}
.reference-skin #tools-grid.list-view .directory-column{width:100%;background:none;border:0;padding:0}.reference-skin #tools-grid.list-view .column-cards{max-height:none;overflow:visible;padding:0}.reference-skin #tools-grid.list-view .tool-card{border:1px solid var(--line);border-radius:15px;margin-bottom:10px;padding:16px 19px;box-shadow:0 5px 15px #7380a006;gap:18px}.reference-skin #tools-grid.list-view .tool-card:hover{transform:none;border-color:#cdbbf1}
.reference-skin .tool-page-heading{padding-bottom:24px;gap:20px;align-items:center}.reference-skin .version-label{background:#eee8fc;color:#977abf;border:0;border-radius:6px;padding:4px 7px;font-size:8px;letter-spacing:.06em;vertical-align:middle}.reference-skin .heading-actions{display:flex;flex-wrap:wrap;gap:9px;flex-shrink:0}
.reference-skin .workspace-v3{background:transparent;border:0;box-shadow:none;border-radius:0;min-width:0}.reference-skin .workspace-v3 .workspace-toolbar{padding:0 2px 17px;min-height:45px;gap:12px}.reference-skin .workspace-v3 .workspace-title{color:#766d8e;font-size:12px;font-weight:500}.reference-skin .workspace-status{padding:3px 8px;background:#eeeaf8;color:#8b7e9f;border-radius:6px;font-size:10px}.reference-skin .workspace-status.done{color:#458774;background:#eaf7ef}
.reference-skin .workspace-v3 .workspace-body{gap:24px;min-width:0}.reference-skin .workspace-v3 .workspace-input,.reference-skin .workspace-v3 .workspace-output{padding:26px;min-width:0;overflow:visible}.reference-skin .workspace-v3 .pane-heading{margin-bottom:22px;padding-bottom:17px;border-bottom:1px solid #edeef6}.reference-skin .workspace-v3 .pane-heading h2{font-size:16px;font-weight:600}
.reference-skin .workspace-v3 .form-section-fields{gap:14px}.reference-skin .workspace-v3 .form-section legend{font-size:12px;color:#7c7290;margin-bottom:12px}
.reference-skin .workspace-steps{border:1px solid #e8e4f2;border-radius:15px;background:#ffffffa8;margin-bottom:23px;overflow:visible}.reference-skin .workspace-steps li{padding:13px 12px;color:#9990a7;font-size:11px;gap:9px;min-width:0}.reference-skin .workspace-steps li>span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f3f0fa;border:0;color:#9b8bb3;font-size:10px;flex-shrink:0}.reference-skin .workspace-steps li.is-current{color:var(--accent)}.reference-skin .workspace-steps li.is-current>span{background:var(--accent);color:#fff}.reference-skin .workspace-steps li.is-complete>span{background:#e7f6ee;color:#529279}
.reference-skin .workspace-v3 .tool-form{gap:24px}
.reference-skin :is(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden]),select,textarea){border-color:var(--field-line);background-color:#fff;color:var(--ink);border-radius:12px;box-shadow:none}
.reference-skin label.field-control{background:#fcfcff;border:1px solid var(--field-line);border-radius:12px;padding:11px 14px 10px;gap:4px;min-width:0;box-shadow:none}.reference-skin label.field-control:hover{border-color:var(--field-hover)}.reference-skin label.field-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7952e812;background:#fff}.reference-skin .field-control>.control-label{font-size:11px;color:#858098;line-height:1.6;font-weight:400}
.reference-skin .field-control>input:not([type=range]),.reference-skin .field-control>select,.reference-skin .field-control>textarea{border:0;border-radius:0;background-color:transparent;box-shadow:none;padding:2px 0;min-width:0;color:#3e3d50;font-size:14px;line-height:1.7}.reference-skin .field-control>select{padding-right:26px;background-position:right 0 center}.reference-skin .field-control>textarea{min-height:150px}.reference-skin .field-control>textarea.code-editor{min-height:300px;font-family:var(--mono);font-size:12px}
.reference-skin input::placeholder,.reference-skin textarea::placeholder{color:#a3a1b3}.reference-skin select{background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.reference-skin :is(input,textarea,select):focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #7952e812}.reference-skin .field-control :is(input,textarea,select):focus{box-shadow:none}
.reference-skin input[type=checkbox]:checked,.reference-skin input[type=radio]:checked,.reference-skin input[role=switch]:checked{background-color:var(--accent);border-color:var(--accent)}.reference-skin .selection-control{font-size:12px;color:var(--muted)}
.reference-skin input[type=range]::-webkit-slider-thumb{background:var(--accent);box-shadow:0 2px 5px #7952e820}.reference-skin input[type=range]::-moz-range-thumb{background:var(--accent)}.reference-skin input[type=range]::-webkit-slider-runnable-track{background:#e8e0f8}.reference-skin input[type=range]::-moz-range-track{background:#e8e0f8}
.reference-skin .upload-dropzone{border:1px dashed #d4cae9;border-radius:17px;background:linear-gradient(135deg,#f6f1ff,#f4f8fe);min-height:218px;padding:27px 20px;box-shadow:none}.reference-skin .upload-dropzone:hover,.reference-skin .upload-dropzone.drag-active{border-color:var(--accent);background:#f0eaff}.reference-skin .upload-symbol{background:#fff;color:#9975d6;border-radius:16px;box-shadow:0 6px 13px #8362b90c}.reference-skin .upload-dropzone strong{font-size:14px;color:#645575}.reference-skin .upload-browse b{color:var(--accent)}.reference-skin .upload-file-card{border-radius:12px;background:#fff;border-color:var(--line)}
.reference-skin .workspace-v3 .result-empty{border:1px dashed #e0d8ee;border-radius:16px;background:radial-gradient(ellipse at center,#f9f6ff,#fbfcff);min-height:270px;padding:35px 20px}.reference-skin .result-empty .empty-graphic{background:#fff;color:#a68bcf;border:1px solid #efe9f8;border-radius:17px;box-shadow:0 9px 20px #9c86bd0a}.reference-skin .workspace-v3 .result-empty strong{font-size:15px;font-weight:500;color:#655a79;line-height:1.6}.reference-skin .workspace-v3 .result-empty p{font-size:12px;color:#9890a5}
.reference-skin .result-tabs{border-radius:11px;border:0;background:#f3eff9;padding:4px}.reference-skin .result-tabs button{border-radius:8px;min-height:33px}.reference-skin .result-tabs button.active{background:#fff;color:var(--accent);box-shadow:0 2px 7px #72608e0b}
.reference-skin :is(.result-stat,.result-stats>div,.stat){border:1px solid #eae5f3;background:linear-gradient(130deg,#f7f2ff,#f7f9ff);border-radius:14px;padding:9px;min-width:0}.reference-skin :is(.result-stat,.result-stats>div,.stat) strong{color:#7151ae;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.reference-skin #tool-workspace :is(.result-stat,.result-stats>div,.stat) strong{text-align:right}
.reference-skin #tool-workspace .money-value{text-align:right;font-variant-numeric:tabular-nums}
.reference-skin .result-content{min-width:0;overflow-wrap:anywhere}.reference-skin .result-content pre{max-width:100%;overflow:auto;background:#f7f5fb;color:#555067;border:1px solid #e7e1f0;border-radius:12px}.reference-skin .run-row{flex-wrap:wrap;gap:9px}.reference-skin .workspace-footer{font-size:10px;color:#9891a7;padding:17px 3px;gap:10px;flex-wrap:wrap}
.reference-skin .workspace-bottom{margin-top:26px;grid-template-columns:minmax(0,1fr)}.reference-skin .tool-explanation{padding:27px;border-radius:20px}.reference-skin .tool-explanation h2{font-size:18px;margin:9px 0 14px}.reference-skin .tool-explanation p,.reference-skin .seo-instructions{font-size:13px;line-height:1.9;color:var(--muted)}
.reference-skin .guide-fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.reference-skin .guide-fields>span{display:inline-flex;align-items:center;border:1px solid #e5ddef;border-radius:8px;padding:7px 11px;background:#f6f2fc;color:#8a769f;font-size:11px;line-height:1.6}.reference-skin .tool-explanation details{border-top:1px solid #ece9f3;padding:16px 0}.reference-skin .tool-explanation summary{color:#766482;cursor:pointer;font-size:12px}
.reference-skin .table-wrap{max-width:100%;overflow:auto;border:1px solid #e7e4ef;border-radius:13px;scrollbar-width:thin;scrollbar-color:#d7d1e3 transparent}.reference-skin table:not(.approval-paper table){border-color:var(--line);font-size:12px}.reference-skin table:not(.approval-paper table) th{background:#f5f2fa;color:#8b7b9c;border-color:#e9e4f0;padding:13px 15px;font-size:11px;font-weight:500}.reference-skin table:not(.approval-paper table) td{background:#fff;border-color:#efedf5;padding:13px 15px;color:#5d5a70}.reference-skin table:not(.approval-paper table) tbody tr:hover>td{background:#f9f6ff;color:#625278}
.reference-skin .calendar-popup{background:#fff;border:1px solid #e5dfef;border-radius:18px;box-shadow:0 17px 50px #62577e25;padding:15px;max-width:calc(100vw - 24px)}.reference-skin .calendar-popup button{border-radius:8px}.reference-skin .calendar-popup [aria-selected=true]{background:var(--accent);color:#fff}
.reference-skin :is(.modu-confirm-modal,.ui-copy-editor,.ui-copy-deleted-dialog,.source-dialog,.auth-dialog,.card-edit-dialog){border-color:#e3dcec;border-radius:21px;background:#fff;color:var(--ink);box-shadow:0 22px 80px #5b4e8126}.reference-skin dialog::backdrop{background:#3f355145;backdrop-filter:blur(4px)}.reference-skin .toast{background:#6f5192;color:#fff;border-radius:12px;box-shadow:0 8px 30px #5b468526}.reference-skin .ui-copy-toolbar{border-radius:15px;box-shadow:0 8px 28px #685b8a16;background:#ffffffed;border-color:#e4dcec}
.reference-skin .related-tools{margin-top:34px}.reference-skin .related-tools .tool-grid{gap:22px}.reference-skin .footer{background:transparent;border-top:1px solid #e9e6f2;padding:24px 28px;color:#9890a5;font-size:11px;gap:20px;flex-wrap:wrap}.reference-skin .footer nav{gap:20px;flex-wrap:wrap}
.reference-skin .prose{border-radius:22px;background:#fff;box-shadow:var(--card-shadow);padding:32px;max-width:960px;line-height:1.9}.reference-skin .prose h2{font-size:19px}.reference-skin .empty-state{color:var(--muted)}.reference-skin .empty-state h1,.reference-skin .empty-state h2{color:#6d5a84}
.reference-skin .admin-login{margin:7vh auto;padding:38px;width:min(440px,calc(100% - 32px));border-radius:26px}.reference-skin .admin-login h1{font-size:25px}.reference-skin .admin-stats{gap:21px}.reference-skin .stat-card{padding:24px}.reference-skin .stat-card:nth-child(2){background:#f8f3ff}.reference-skin .stat-card:nth-child(3){background:#f2faf8}.reference-skin .stat-card strong{font-size:27px;color:#7555a2}.reference-skin .admin-columns{gap:24px}.reference-skin .admin-tool-filters{gap:14px;margin-bottom:18px}.reference-skin .admin-tool-table{padding:15px}.reference-skin .admin-tool-actions{gap:8px;display:flex;align-items:center;flex-wrap:wrap}
.reference-skin .status-label{border-radius:7px;background:#eaf7ef;color:#57836b;padding:3px 8px}.reference-skin .status-label.off{background:#f4f1f6;color:#9a90a0}.reference-skin .visibility-switch{color:var(--accent)}.reference-skin .visibility-switch[aria-checked=true]>span{background:var(--accent)}.reference-skin .seo-page-button{border-radius:11px;color:#7b748b}.reference-skin .seo-page-button.active{background:#f1eafa;border-color:#d3c2ef;color:#8155b4}.reference-skin .seo-search-preview{border-radius:15px;border-color:#e7e2ef;background:#fcfbff}
.reference-skin :is(.board-column,.planner-day,.world-clock-card,.live-timer-summary,.note-link,.task-card){border-color:var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 12px #7a6a8c07}.reference-skin .board-column,.reference-skin .planner-day{background:#f4f1fa}.reference-skin .task-card,.reference-skin .note-link{background:#fff}.reference-skin .live-workspace{min-width:0}.reference-skin .workspace-v3[data-layout=dashboard]{background:#ffffffb3;border:1px solid #e8e4f1;border-radius:21px;padding:6px;box-shadow:var(--card-shadow)}
.reference-skin :is(.fx-top,.civil-top,.lottery-workspace){gap:24px}.reference-skin .fx-panel,.reference-skin .civil-panel{padding:25px}.reference-skin .fx-rate-card{background:#fff;border-color:#e8e4f0;border-radius:16px;box-shadow:0 5px 15px #74638906}.reference-skin .lottery-workspace{padding:0}.reference-skin .lottery-tabs{border-radius:13px;background:#efebf7;padding:5px}.reference-skin .lottery-tabs button{border-radius:9px}.reference-skin .lottery-tabs button[aria-selected=true]{background:#fff;box-shadow:0 3px 8px #7360800b;color:var(--accent)}.reference-skin .lottery-generated-row{border-radius:13px;border-color:#e9e3f0;background:#faf7ff}.reference-skin .civil-chart,.reference-skin .fx-calendar{border-color:#e6e0ef;border-radius:15px;background:#fcfbff}.reference-skin .ip-summary,.reference-skin .ip-card{border-radius:17px;border-color:var(--line)}.reference-skin .consent-banner{border-radius:18px;border-color:#e4deef;background:#fff;box-shadow:0 14px 45px #71618724}

@media(max-width:1300px){.reference-skin .topbar{gap:12px;padding:0 22px}.reference-skin .topbar-nav{display:none}.reference-skin .main-content{padding:24px}.reference-skin .global-search{max-width:none}.reference-skin .directory-highlights>a{padding:17px;gap:12px}}
@media(max-width:1100px){.reference-skin .site-shell{margin:12px;padding-top:81px;min-height:calc(100dvh - 24px);border-radius:25px}.reference-skin .topbar{left:12px;right:12px;top:12px;height:70px;border-radius:25px 25px 16px 16px;padding:0 22px}.reference-skin .sidebar{left:-250px;top:12px;bottom:12px;height:calc(100dvh - 24px);width:226px;z-index:80;transition:left .2s}.reference-skin .sidebar.open{left:12px}.reference-skin .sidebar-dismiss{top:26px;right:15px;border:0;border-radius:9px;background:#f0eaf8;color:#8e71b4}.reference-skin .topbar-brand{display:flex;color:var(--ink);font-size:18px;align-items:center;gap:8px}.reference-skin .mobile-menu{display:grid;place-items:center}.reference-skin .topbar-left{gap:14px}.reference-skin .mobile-overlay{z-index:76;background:#53456735;backdrop-filter:blur(3px)}.reference-skin .tool-page-heading{flex-wrap:wrap;align-items:flex-start}.reference-skin .workspace-v3 .workspace-body,.reference-skin .tool-workspace.expanded .workspace-body{grid-template-columns:minmax(0,1fr)}.reference-skin .directory-highlights{gap:13px}}
@media(max-width:760px){
 .reference-skin .site-shell{margin:8px;padding-top:118px;border-radius:22px;min-height:calc(100dvh - 16px)}
 .reference-skin .topbar{left:8px;right:8px;top:8px;height:108px;padding:12px 15px;gap:10px;border-radius:22px 22px 15px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:34px 38px}
 .reference-skin .topbar-left{grid-column:1;grid-row:1;gap:10px}.reference-skin .topbar-right{grid-column:2;grid-row:1;gap:8px;justify-content:flex-end}.reference-skin .topbar>.language-picker{grid-column:1;grid-row:2;justify-self:start}.reference-skin .topbar>.global-search{display:flex;grid-column:1/-1;grid-row:2;margin-left:118px;max-width:none;min-width:0;width:auto;height:36px;min-height:36px;padding:6px 10px;border-radius:10px}
 .reference-skin .language-picker select{width:108px;max-width:108px;min-height:36px;height:36px;font-size:10px;border-radius:10px}.reference-skin .topbar .topbar-brand{font-size:16px;gap:7px;white-space:nowrap}.reference-skin .topbar-brand .brand-symbol{width:27px;height:27px;font-size:24px}.reference-skin .topbar .btn{min-height:32px;padding:6px 9px;font-size:10px;white-space:nowrap}.reference-skin .topbar .icon-button{min-height:30px;width:30px;height:30px;padding:4px;border-radius:9px}.reference-skin .global-search input{font-size:11px}
 .reference-skin .main-content{padding:18px 15px 30px}.reference-skin .sidebar{top:8px;bottom:8px;height:calc(100dvh - 16px)}.reference-skin .sidebar.open{left:8px}.reference-skin .directory-heading,.reference-skin .page-heading{margin-bottom:22px}.reference-skin h1,.reference-skin .page-heading h1,.reference-skin .tool-page-heading h1,.reference-skin .directory-heading h1{font-size:24px}
 .reference-skin .directory-highlights{grid-template-columns:1fr;gap:12px;margin-bottom:23px}.reference-skin .directory-highlights>a{padding:14px 16px;border-radius:15px}.reference-skin .directory-highlights .tool-icon{width:36px;height:36px}.reference-skin .category-tabs{gap:7px;margin-bottom:8px}.reference-skin .category-tab{font-size:10px;min-height:35px;padding:7px 10px;border-radius:9px}.reference-skin .subcategory-tab{font-size:10px;padding:7px 9px;border-radius:8px}.reference-skin .library-toolbar{gap:10px;flex-wrap:wrap}.reference-skin .library-toolbar .search-box{flex-basis:100%}
 .reference-skin #tools-grid.board-view:not([data-category-board=true]){grid-template-columns:minmax(0,1fr);gap:20px}.reference-skin #tools-grid[data-category-board=true].board-view .column-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.reference-skin #tools-grid[data-category-board=true].board-view .tool-card{min-height:0;padding:16px}.reference-skin .tool-card{padding:19px;border-radius:16px;min-height:0}.reference-skin .tool-card h3{font-size:14px}.reference-skin .tool-card p{font-size:12px}.reference-skin #tools-grid.list-view .tool-card{padding:16px;gap:12px}
 .reference-skin .panel,.reference-skin .workspace-v3 .workspace-input,.reference-skin .workspace-v3 .workspace-output,.reference-skin .fx-panel,.reference-skin .civil-panel{padding:19px;border-radius:18px}.reference-skin .workspace-v3 .workspace-body{gap:20px}.reference-skin .workspace-v3 .pane-heading h2{font-size:15px}.reference-skin .workspace-steps li{padding:11px 7px;gap:6px;font-size:10px}.reference-skin .workspace-steps li>span{width:21px;height:21px;font-size:9px;border-radius:6px}.reference-skin .field-control>input:not([type=range]),.reference-skin .field-control>select,.reference-skin .field-control>textarea{font-size:16px}
 .reference-skin .tool-page-heading{padding-bottom:20px;gap:14px}.reference-skin .heading-actions .btn{font-size:11px;min-height:35px;padding:7px 11px}.reference-skin .tool-explanation{padding:22px 19px}.reference-skin .tool-explanation h2{font-size:17px}.reference-skin .guide-fields>span{font-size:10px;padding:6px 9px}.reference-skin .related-tools .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.reference-skin .footer{padding:22px 17px;font-size:10px}.reference-skin .prose{padding:24px 20px;border-radius:18px}
 .reference-skin .admin-stats{gap:14px}.reference-skin .stat-card{padding:20px}.reference-skin .stat-card strong{font-size:24px}.reference-skin .admin-tool-table{padding:10px}.reference-skin .ui-copy-toolbar .ui-copy-status{display:none}
}
@media(max-width:420px){.reference-skin .main-content{padding:18px 12px 27px}.reference-skin .workspace-v3 .form-section-fields{grid-template-columns:minmax(0,1fr)}.reference-skin #tools-grid[data-category-board=true].board-view .column-cards,.reference-skin .related-tools .tool-grid{grid-template-columns:minmax(0,1fr)}.reference-skin .topbar{padding:12px}.reference-skin .workspace-steps li{gap:5px;font-size:9px;padding:10px 5px}.reference-skin .workspace-v3 .workspace-input,.reference-skin .workspace-v3 .workspace-output{padding:18px 15px}.reference-skin .version-label{display:none}.reference-skin .workspace-footer{font-size:9px}.reference-skin .admin-login{padding:28px 23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reference-skin *,.reference-skin *::before,.reference-skin *::after{transition:none!important;animation-duration:.01ms!important}.reference-skin .tool-card:hover{transform:none}}
@media print{html,body.reference-skin{background:#fff}.reference-skin .site-shell{margin:0;padding:0;border:0;background:#fff;box-shadow:none}.reference-skin .topbar,.reference-skin .sidebar,.reference-skin .footer{display:none!important}.reference-skin .main-content{padding:0}.reference-skin :is(.panel,.workspace-input,.workspace-output,.tool-card,.prose){box-shadow:none}.reference-skin .workspace-v3 .workspace-output{border:0}}

/* Main category showcase: object cards, followed by a clear subcategory directory. */
.reference-skin .category-landing-heading{margin-bottom:26px;align-items:center}
.reference-skin [data-directory-heading]>div:first-child{min-width:0;flex:1}
.reference-skin [data-directory-heading]>.search-box{flex:0 1 470px;width:45%;min-height:46px;min-width:220px;border-radius:24px;padding:8px 18px;box-shadow:0 8px 18px #5b5f7c06}
body.reference-skin #main [data-directory-heading]>.search-box input{padding:0;min-height:0;height:auto;font-size:12px;background:transparent;border:0;border-radius:0;box-shadow:none}
@media(max-width:760px){.reference-skin [data-directory-heading]{flex-direction:column;align-items:stretch;gap:16px}.reference-skin [data-directory-heading]>.search-box{flex:0 1 auto;width:100%;min-width:0;max-width:none}}
.reference-skin .category-landing-heading h1{font-size:34px;letter-spacing:-.045em}
.reference-skin #all-tools.category-landing{padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.reference-skin .category-landing>.section-heading{margin-bottom:15px;padding:0;border:0}
.reference-skin .category-landing>.section-heading h2{font-size:16px;font-weight:500}
.reference-skin .category-landing>.section-heading .eyebrow{display:none}
.reference-skin .category-landing .library-toolbar{padding:0;border:0;margin:0 0 25px;gap:14px;align-items:center}
.reference-skin .category-landing .library-toolbar>.search-box{max-width:470px;min-height:46px;flex:1 1 270px;border-radius:24px;box-shadow:0 8px 18px #5b5f7c06;padding:8px 18px}
.reference-skin .tool-list-controls{display:flex;align-items:center;gap:10px;flex:1;min-width:0;justify-content:flex-end}
.reference-skin .tool-list-controls>select{width:auto;min-width:120px;max-width:240px;flex:1}
.reference-skin .tool-list-controls .directory-view-controls{flex:none}
.reference-skin .category-return{margin:0 0 20px}
.category-banner-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:23px;padding:3px 2px 12px;isolation:isolate}
.category-banner{--banner-color:#db9b17;--banner-soft:#fff2c9;position:relative;grid-column:span 3;display:flex;flex-direction:column;min-width:0;min-height:218px;padding:22px 20px 16px;border:1px solid #fff;border-radius:27px;background:linear-gradient(145deg,#fff,#fefeff);box-shadow:0 8px 0 #ffffff99,0 15px 28px #5a627e13;color:var(--ink);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.category-banner[data-category-banner=image]{--banner-color:#cd6f9b;--banner-soft:#f9e7f1}
.category-banner[data-category-banner=pdf]{--banner-color:#57a5c6;--banner-soft:#e1f1fa}
.category-banner[data-category-banner=text]{--banner-color:#62a681;--banner-soft:#e5f4ea}
.category-banner[data-category-banner=developer]{--banner-color:#8970cc;--banner-soft:#eee6ff}
.category-banner[data-category-banner=network]{--banner-color:#639dc4;--banner-soft:#e5f2fc}
.category-banner[data-category-banner=converter]{--banner-color:#d3a050;--banner-soft:#fff0d8}
.category-banner[data-category-banner=random]{--banner-color:#ad77c4;--banner-soft:#f2e5fb}
.category-banner[data-category-banner=daily]{--banner-color:#55a99a;--banner-soft:#dff4ed}
.category-banner[data-category-banner=work]{--banner-color:#b28e63;--banner-soft:#f6eddf}
.category-banner:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--banner-color) 30%,white);box-shadow:0 8px 0 #ffffffb3,0 20px 35px #6254771c}
.category-banner:focus-visible{outline:3px solid var(--banner-color);outline-offset:5px}
.category-banner-heading{position:relative;z-index:2;display:flex;align-items:flex-start;gap:10px;justify-content:space-between;min-width:0}
.reference-skin .category-banner-heading h3{font-size:17px;font-weight:600;letter-spacing:-.035em;line-height:1.5;margin:0;color:#4d4c58}
.reference-skin .category-banner-heading p{font-size:10px;line-height:1.6;color:#94909c;margin:3px 0 0}
.category-banner-total{display:flex;flex-direction:column;align-items:flex-end;flex:none;line-height:1.35;color:#73717d}
.category-banner-total strong{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}
.category-banner-total small{font-size:9px;color:#aaa5af}
.category-banner-art{position:relative;display:grid;place-items:center;height:112px;margin:4px 0 5px;flex:1;min-height:96px;pointer-events:none}
.category-art-halo{position:absolute;width:144px;height:76px;border-radius:50%;background:radial-gradient(ellipse,var(--banner-soft),transparent 70%);transform:translateY(30px)}
.category-art-back{position:absolute;width:78px;height:79px;left:calc(50% - 22px);top:12px;background:var(--banner-soft);border:2px solid #fff9;border-radius:19px;transform:rotate(19deg);box-shadow:0 10px 17px #6d597b0b}
.category-art-main{position:relative;display:grid;place-items:center;width:82px;height:83px;border:1px solid #ffffffc4;border-radius:21px;color:var(--banner-color);background:linear-gradient(145deg,#fff 10%,var(--banner-soft));transform:rotate(-11deg);box-shadow:4px 7px 0 color-mix(in srgb,var(--banner-color) 25%,white),10px 17px 18px color-mix(in srgb,var(--banner-color) 18%,transparent);transition:transform .2s}
.category-art-main>.icon{width:50px;height:50px;stroke-width:1.35;filter:drop-shadow(0 3px 1px #ffffff)}
.category-art-mini{position:absolute;right:calc(50% - 70px);bottom:6px;width:39px;height:39px;display:grid;place-items:center;background:var(--banner-color);color:white;border:2px solid #ffffffb5;border-radius:12px;transform:rotate(13deg);box-shadow:0 6px 10px #5d507e18}
.category-art-mini>.icon{width:21px;height:21px;stroke-width:1.5}
.category-banner:hover .category-art-main{transform:rotate(4deg) translateY(-3px)}
.category-banner-bottom{position:relative;z-index:2;margin-top:7px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #f0edf5;padding-top:12px;min-width:0}
.category-banner-subcategories{display:flex;flex-wrap:wrap;gap:4px 8px;min-width:0;font-size:10px;color:#9b94a5;line-height:1.6}
.category-banner-subcategories>span+span::before{content:'·';margin-right:8px;color:#c6c0cf}
.category-banner-open{display:flex;align-items:center;justify-content:center;flex:none;width:29px;height:29px;border-radius:50%;background:var(--banner-soft);color:var(--banner-color)}
.category-banner-open>.icon{width:15px;height:15px}
.category-banner:not(.category-banner-featured) .category-banner-open>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.category-banner-featured{grid-row:span 2;min-height:459px;background:linear-gradient(145deg,#ffe264,#ffce32 65%,#ffda50);border-color:#ffe367;padding:26px 24px 22px;box-shadow:0 9px 0 #f8cb2b55,0 18px 33px #c89e252c;--banner-color:#bd8a16;--banner-soft:#fff3bf}
.reference-skin .category-banner-featured h3{font-size:25px;color:#766023}
.reference-skin .category-banner-featured .category-banner-heading p{font-size:12px;color:#9e7c27;max-width:160px;line-height:1.8;margin-top:8px}
.category-banner-featured .category-banner-total{color:#886c21}.category-banner-featured .category-banner-total strong{font-size:25px}.category-banner-featured .category-banner-total small{color:#aa862f}
.category-banner-featured .category-banner-art{min-height:190px;margin:5px 0 19px}
.category-banner-featured .category-art-halo{width:210px;height:100px;background:radial-gradient(ellipse,#d6a71740,transparent 70%);transform:translateY(60px)}
.category-banner-featured .category-art-back{width:116px;height:136px;top:35px;left:calc(50% - 34px);border-radius:27px;background:#ffeaa5}
.category-banner-featured .category-art-main{width:123px;height:143px;border-radius:28px;background:linear-gradient(145deg,#fffcdd,#ffe59b);box-shadow:6px 9px 0 #e8b535,13px 23px 24px #b58b2440;transform:rotate(-13deg)}
.category-banner[data-category-banner=calculator] :is(.category-art-main,.category-art-back){translate:0 10px}
.category-banner-featured .category-art-main>.icon{width:72px;height:84px;stroke-width:1.2}
.category-banner-featured .category-art-mini{width:49px;height:49px;right:calc(50% - 91px);bottom:24px;background:#dfaa25;border-radius:14px;color:#fff6ce}
.category-banner-featured .category-art-mini>.icon{width:29px;height:29px}
.category-banner-featured .category-banner-bottom{flex-direction:column;align-items:stretch;border-top-color:#dfb23866;gap:19px;padding-top:19px}
.category-banner-featured .category-banner-subcategories{color:#93752f;font-size:12px;gap:7px 10px}.category-banner-featured .category-banner-subcategories>span+span::before{color:#c3a54c}
.category-banner-featured .category-banner-open{width:100%;min-height:44px;height:auto;gap:13px;border-radius:23px;background:#fffdf3;color:#8a763c;font-size:11px;box-shadow:0 5px 10px #c79b1720}
.category-banner-grid>.category-banner:nth-child(n+8){grid-column:span 4;min-height:190px}
.category-banner-grid>.category-banner:nth-child(n+8) .category-banner-art{height:95px;min-height:84px}
.category-showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 2px 8px}
.reference-skin .category-showcase-footer p{font-size:12px;color:#948b9d}
.reference-skin .category-showcase-footer .btn{border-radius:22px;font-size:11px;padding:10px 17px}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .directory-column{background:#fff;border:1px solid #e9e5f1;border-radius:19px;padding:21px;margin:0 0 22px;box-shadow:0 8px 18px #766a8b06}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .column-heading{display:flex;align-items:center;min-height:38px;padding:8px 14px;border-bottom:1px solid #eee9f5;margin-bottom:13px}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .column-heading h3{display:flex;align-items:center;gap:9px;margin:0;font-size:16px;font-weight:600}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .column-heading h3::before{content:'';flex:0 0 5px;width:5px;height:17px;border-radius:3px;background:var(--group-color,#a38ed5)}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .column-heading p{font-size:10px;margin-top:7px}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card{border:1px solid #efedf5;background:#fcfbfe;border-radius:11px;padding:13px 15px;margin:0 0 9px;gap:16px;box-shadow:none;min-height:68px}
.tool-title-arrow{display:none}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .card-top{margin:0;flex:0 0 33px;align-self:center}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .card-top-right{top:50%;transform:translateY(-50%);z-index:2}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .card-link{flex:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr);gap:20px;align-items:center;min-width:0}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .card-link h3{display:flex;align-items:center;gap:20px;min-width:0;overflow-wrap:anywhere}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-title-arrow{display:block;flex:0 0 14px;width:14px;height:14px;color:#9cabc1}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .card-bottom{display:none}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card:last-child{margin-bottom:0}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card:hover{background:#f5f0fc;border-color:#dcd0ed}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card h3{font-size:13px}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card p{font-size:11px;margin:0;line-height:1.75}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card .tool-icon{width:33px;height:33px;border-radius:10px;box-shadow:none}
.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card .tool-icon .icon{width:18px;height:18px}
@media(max-width:760px){.reference-skin #tools-grid[data-category-hierarchy=true].list-view .card-link{grid-template-columns:minmax(0,1fr);gap:5px;padding-right:23px}}
@media(max-width:1200px){.category-banner-grid{gap:18px}.category-banner{padding:19px 16px 14px}.category-banner-featured{padding:23px 18px 19px}.reference-skin .category-banner-heading h3{font-size:15px}.reference-skin .category-banner-featured h3{font-size:23px}.reference-skin .tool-list-controls{flex-wrap:wrap}.reference-skin .tool-list-controls>select{max-width:none}}
@media(max-width:1000px){.category-banner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.category-banner,.category-banner-grid>.category-banner:nth-child(n+8){grid-column:auto;min-height:225px}.category-banner-featured{grid-row:auto;grid-column:1/-1;min-height:200px;display:grid;grid-template-columns:1fr 210px 1fr;align-items:center;gap:28px;padding:26px 30px}.category-banner-featured .category-banner-heading{align-self:start}.category-banner-featured .category-banner-heading p{max-width:none}.category-banner-featured .category-banner-art{margin:0;min-height:180px}.category-banner-featured .category-art-back{top:21px}.category-banner-featured .category-banner-bottom{border-top:0;border-left:1px solid #d9ad3f77;padding:0 0 0 25px;gap:24px;margin:0}.category-banner-featured .category-banner-open{min-height:42px}.category-banner-featured .category-art-main{width:108px;height:120px}.category-banner-featured .category-art-main>.icon{width:65px;height:72px}.category-banner-featured .category-art-back{width:104px;height:114px}.category-banner-featured .category-art-mini{bottom:10px;right:calc(50% - 82px)}.reference-skin .library-toolbar:has(.tool-list-controls:not([hidden]))>.search-box{flex-basis:100%;max-width:none}}
@media(max-width:760px){.reference-skin .category-landing-heading h1{font-size:28px}.reference-skin .category-landing-heading{gap:10px;align-items:flex-start}.reference-skin .category-landing-heading>.btn{font-size:10px;min-height:34px;padding:7px 10px;white-space:nowrap}.reference-skin .category-landing>.section-heading h2{font-size:14px}.reference-skin .category-landing .library-toolbar>.search-box{max-width:none}.category-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px;padding:3px 1px 10px}.category-banner,.category-banner-grid>.category-banner:nth-child(n+8){min-height:219px;padding:19px 15px 14px;border-radius:22px}.category-banner-featured{grid-column:1/-1;grid-template-columns:1fr 145px;gap:12px;padding:22px!important;min-height:210px!important}.category-banner-featured .category-banner-heading{grid-column:1;grid-row:1;align-self:start}.category-banner-featured .category-banner-heading p{max-width:130px;font-size:11px}.category-banner-featured .category-banner-total{display:none}.category-banner-featured .category-banner-art{grid-column:2;grid-row:1/3;min-height:170px}.category-banner-featured .category-banner-bottom{grid-column:1;grid-row:2;border:0;padding:0;gap:12px;align-self:end}.category-banner-featured .category-banner-subcategories{font-size:10px;gap:3px 7px}.category-banner-featured .category-banner-open{font-size:10px;gap:8px;min-height:36px}.category-banner-heading{gap:5px}.reference-skin .category-banner-heading h3{font-size:15px}.reference-skin .category-banner-heading p{font-size:9px;line-height:1.6}.category-banner-total strong{font-size:16px}.category-banner-total small{font-size:8px}.category-banner-art{height:110px;min-height:100px}.category-art-main{width:73px;height:76px;border-radius:18px}.category-art-main>.icon{width:45px;height:45px}.category-art-back{width:67px;height:73px;left:calc(50% - 23px);top:17px}.category-art-mini{width:32px;height:32px;right:calc(50% - 58px);bottom:7px;border-radius:10px}.category-art-mini>.icon{width:17px;height:17px}.category-art-halo{width:120px}.category-banner-subcategories{font-size:9px;gap:2px 5px}.category-banner-subcategories>span+span::before{margin-right:5px}.category-banner-open{width:24px;height:24px}.category-banner-open>.icon{width:13px;height:13px}.category-showcase-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:21px 0 5px}.reference-skin .category-showcase-footer p{font-size:11px}.reference-skin .tool-list-controls{gap:9px;justify-content:flex-start;width:100%}.reference-skin .tool-list-controls>select{min-width:110px}.reference-skin #tools-grid[data-category-hierarchy=true].list-view .directory-column{padding:17px 14px;border-radius:16px}.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card{padding:12px 10px;gap:10px}.reference-skin #tools-grid[data-category-hierarchy=true].list-view .column-heading h3{font-size:15px}.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card h3{font-size:12px}.reference-skin #tools-grid[data-category-hierarchy=true].list-view .tool-card p{font-size:10px}}
@media(max-width:400px){.category-banner-grid{gap:16px 12px}.category-banner,.category-banner-grid>.category-banner:nth-child(n+8){padding:17px 12px 12px}.category-banner-featured{grid-template-columns:1fr 122px;padding:19px!important;gap:5px}.category-banner-featured .category-art-main{width:92px;height:111px}.category-banner-featured .category-art-back{width:88px;height:103px;left:calc(50% - 31px);top:25px}.category-banner-featured .category-art-mini{right:calc(50% - 63px);bottom:12px;width:39px;height:39px}.category-banner-featured .category-banner-subcategories{font-size:9px}.reference-skin .category-banner-heading h3{font-size:14px}.reference-skin .category-banner-featured h3{font-size:22px}.category-banner-total strong{font-size:14px}.category-banner-total{margin-top:2px}.category-banner-heading>div{min-width:0}}
@media(prefers-reduced-motion:reduce){.category-banner,.category-art-main{transition:none}.category-banner:hover{transform:none}.category-banner:hover .category-art-main{transform:rotate(-11deg)}}
@media(max-width:760px){.category-banner-grid>.category-banner:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 120px;grid-template-rows:auto auto;gap:6px 10px;min-height:165px}.category-banner-grid>.category-banner:last-child .category-banner-heading{grid-column:1;grid-row:1}.category-banner-grid>.category-banner:last-child .category-banner-art{grid-column:2;grid-row:1/3;margin:0;align-self:center;min-height:115px}.category-banner-grid>.category-banner:last-child .category-banner-bottom{grid-column:1;grid-row:2;align-self:end}}

/* Family counters and payroll summary use the existing calculator form and result styles. */
.reference-skin .payroll-workspace .family-stepper{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;align-items:center;width:100%}
.reference-skin .payroll-workspace .family-stepper .number-display{text-align:center;min-width:0;padding:8px 4px}
.reference-skin .payroll-workspace .family-stepper-button{display:flex;align-items:center;justify-content:center;width:38px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--subtle);cursor:pointer}
.reference-skin .payroll-workspace .family-stepper :is(.number-display,.family-stepper-button){font-family:var(--font);font-size:14px;font-weight:400;line-height:1.7;color:#3e3d50}
@media(max-width:760px){.reference-skin .payroll-workspace .family-stepper :is(.number-display,.family-stepper-button){font-size:16px}}
.reference-skin .payroll-workspace .family-stepper-button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.reference-skin .payroll-workspace .family-stepper-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.reference-skin .payroll-workspace .family-stepper-button:disabled{opacity:.35;cursor:default}
.reference-skin .payroll-workspace .family-stepper~small{white-space:pre-line;text-align:right}
.reference-skin .payroll-workspace .tool-result .result-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.reference-skin .payroll-workspace .tool-result .result-stat{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0;box-shadow:none;container-type:inline-size}
.reference-skin .payroll-workspace .result-stat>span{font-size:11px;color:var(--muted);font-weight:400}
.reference-skin #tool-workspace.payroll-workspace .result-stat strong{display:block;color:var(--accent);font-size:min(calc(clamp(23px,2.1vw,32px) - 5px),max(16px,calc((100cqw - 20px)/6)));font-weight:600;letter-spacing:-.04em;line-height:1.5;margin:8px 0 4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:normal;text-align:right}
.reference-skin .payroll-workspace .result-stat strong small{font-size:12px;font-weight:400;margin-left:7px;letter-spacing:0}
@media(max-width:1100px){.reference-skin .payroll-workspace .tool-result .result-stat{padding:8px}.reference-skin #tool-workspace.payroll-workspace .result-stat strong{font-size:20px}}
@media(max-width:760px){.reference-skin .payroll-workspace .tool-result .result-list{grid-template-columns:minmax(0,1fr);gap:10px}.reference-skin .payroll-workspace .tool-result .result-stat{padding:6px 8px}.reference-skin #tool-workspace.payroll-workspace .result-stat strong{font-size:24px}}
.reference-skin .payroll-workspace .payroll-detail-title{font-size:15px;margin:24px 0 12px}
.reference-skin .payroll-workspace .tool-result .payroll-calculation :is(th,td):nth-child(3){white-space:normal;text-align:left;font-variant-numeric:normal;min-width:240px}

.reference-skin .payroll-workspace .payroll-options-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:20px}
.reference-skin .payroll-workspace .tool-form .payroll-retirement-choice{display:flex;align-items:center;gap:6px;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;font-size:12px;font-weight:400;white-space:nowrap;cursor:pointer}
.reference-skin .payroll-workspace .payroll-retirement-choice input{width:16px;height:16px;margin:0;accent-color:var(--accent);cursor:pointer}
.reference-skin .payroll-workspace .payroll-retirement-choice[hidden]{display:none}

.reference-skin .civil-pay-workspace .civil-summary>div>strong{text-align:right}
.reference-skin .civil-pay-workspace .civil-click-help{text-align:right}

/* Selected favorites share the same orange star in lists and tool headings. */
.reference-skin :is(.favorite-button,.tool-page-favorite)[aria-pressed=true]{color:#f28c18;background:#fff4e5;border-color:#f4c78f}
.reference-skin :is(.favorite-button,.tool-page-favorite)[aria-pressed=true] .icon{fill:currentColor}
.reference-skin :is(.favorite-button,.tool-page-favorite)[aria-pressed=true]:hover{color:#df7612;background:#ffecd5}

/* Medicine searches retain the shared field boxes, with filters outside labels. */
.reference-skin .medicine-workspace .form-section-fields{grid-template-columns:minmax(0,1fr)}
.medicine-search-control{min-width:0;container-type:inline-size}
.reference-skin .medicine-workspace .medicine-search-control>label{width:100%;margin:0}
.medicine-initials{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;margin-top:8px}
.reference-skin .medicine-workspace .medicine-initials .btn{min-width:0;min-height:32px;padding:4px 0;font-size:12px;border-radius:5px;text-align:center}
.reference-skin .medicine-workspace :is(.medicine-initials,.medicine-category-buttons) .btn[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}
@container(max-width:420px){.medicine-initials{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}}
.reference-skin .medicine-workspace :is(.medicine-period,.medicine-quick){min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.reference-skin .medicine-workspace :is(.medicine-period,.medicine-quick)>legend{padding:0 5px;font-size:12px;color:var(--ink);font-weight:600}
.medicine-month-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.reference-skin .medicine-workspace .medicine-month-fields>label{min-width:0;margin:0}
.reference-skin .medicine-workspace .medicine-month-fields input{min-width:0;max-width:100%;width:100%;font-size:13px}
.medicine-range{position:relative;height:30px;margin:20px 9px 0;--range-from:0%;--range-to:100%}
.medicine-range-track{position:absolute;inset:11px 0 auto;height:7px;border-radius:10px;background:linear-gradient(to right,var(--line) var(--range-from),var(--accent) var(--range-from),var(--accent) var(--range-to),var(--line) var(--range-to))}
.reference-skin .medicine-workspace .tool-form .medicine-range input[type=range]{position:absolute;inset:0;width:100%;height:30px;min-height:0;margin:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;pointer-events:none;appearance:none;-webkit-appearance:none}
.reference-skin .medicine-range input[type=range]::-webkit-slider-runnable-track{height:7px;background:transparent}
.reference-skin .medicine-range input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);pointer-events:auto;cursor:ew-resize;appearance:none;-webkit-appearance:none}
.reference-skin .medicine-range input[type=range]::-moz-range-track{height:7px;background:transparent}
.reference-skin .medicine-range input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px var(--accent);pointer-events:auto;cursor:ew-resize}
.medicine-range input:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}
.medicine-range-labels{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.medicine-category-buttons{display:flex;flex-wrap:wrap;gap:7px}
.reference-skin .medicine-workspace .medicine-category-buttons .btn{padding:7px 10px;min-height:34px;font-size:12px;border-radius:7px}
.reference-skin .medicine-workspace .medicine-quick .field-help{display:block;margin:10px 0 0;font-size:11px;line-height:1.6}
.reference-skin .medicine-workspace .medicine-product-link{padding:0;border:0;border-radius:3px;background:transparent;color:var(--accent);font:inherit;font-weight:600;text-align:left;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.reference-skin .medicine-workspace .medicine-product-link:hover{color:var(--ink)}
.reference-skin .medicine-workspace .medicine-product-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.reference-skin .medicine-workspace tr.is-selected>td{background:var(--accent-soft)}
.medicine-result{scroll-margin-top:145px}
.medicine-result[hidden]{display:none!important}
.medicine-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.medicine-result-heading h3{min-width:0;overflow-wrap:anywhere}
.medicine-result-heading .btn{flex-shrink:0}
.medicine-detail-content{margin-top:12px;min-width:0}
.reference-skin .medicine-workspace .medicine-detail-text{white-space:pre-line;line-height:1.8;overflow-wrap:anywhere;margin:10px 0}

/* Compact month selection keeps the native YYYY-MM form values. */
.reference-skin .month-picker-popup{padding:6px;border:1px solid #dce1e5;border-radius:5px;box-shadow:0 5px 16px #26364a24;font-size:12px}
.reference-skin .month-picker-header{gap:4px;margin:0 0 5px}
.reference-skin .month-picker-header>button{flex:0 0 28px;width:28px;height:30px;border:1px solid #e4e6e4;border-radius:3px;background:#fff;font-size:19px;font-weight:400;color:#647370}
.reference-skin .month-picker-header>button:disabled{color:#d3d8d6;cursor:default}
.reference-skin .month-picker-header .month-picker-year{width:0;flex:1;min-width:0;min-height:30px;height:30px;padding:3px 8px;border:1px solid #e4e6e4;border-radius:7px;background:#fafafa;color:#333;text-align:center;font:inherit;font-size:13px;box-shadow:none;appearance:textfield}
.month-picker-year::-webkit-inner-spin-button,.month-picker-year::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.reference-skin .month-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.reference-skin .month-picker-grid>button{height:31px;padding:4px;border:1px solid #e3e6e3;border-radius:2px;background:#fff;color:#414b48;font:inherit;font-size:12px;transition:background-color .15s,color .15s,border-color .15s}
.reference-skin .month-picker-grid>button:hover:not(:disabled){border-color:#69a79f;background:#eef7f5}
.reference-skin .month-picker-grid>button[aria-pressed=true]{background:#60a89e;border-color:#60a89e;color:#fff;font-weight:600}
.reference-skin .month-picker-grid>button:disabled{background:#fff;border-color:#f0f1ef;color:#bfc4c1;cursor:default}
.reference-skin .month-picker-footer{justify-content:flex-end;gap:4px;margin-top:5px;padding-top:6px;border-top:1px solid #e5e9e5}
.reference-skin .month-picker-footer>button{height:34px;padding:5px 11px;border:1px solid #e3e6e3;border-radius:2px;background:#fff;color:#49544f;font-size:11px}
.reference-skin .month-picker-footer>button:hover:not(:disabled){background:#eef7f5}
.reference-skin .month-picker-footer>button:disabled{color:#bfc4c1;cursor:default}
.reference-skin .month-picker-popup :is(button,input):focus-visible{outline:2px solid #60a89e;outline-offset:1px}

/* Utility visibility uses two explicit choices and a sliding diagonal selection. */
.reference-skin .admin-tool-table .visibility-choice{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;width:124px;height:34px;isolation:isolate;overflow:hidden;border:1px solid #203449;border-radius:1px;background:#203449;vertical-align:middle}
.visibility-choice-indicator{position:absolute;z-index:-1;top:0;bottom:0;left:-10px;width:calc(50% + 10px);background:#fff;transform:translateX(0) skewX(-18deg);transition:transform .28s cubic-bezier(.22,.8,.3,1)}
.visibility-choice[data-enabled=false]>.visibility-choice-indicator{transform:translateX(100%) skewX(-18deg)}
.reference-skin .admin-tool-table .visibility-choice>button{position:relative;width:100%;min-width:0;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;transition:color .2s,opacity .2s;cursor:pointer}
.reference-skin .admin-tool-table .visibility-choice>button[aria-pressed=true]{color:#203449}
.reference-skin .admin-tool-table .visibility-choice>button:hover:not(:disabled){color:#fff}
.reference-skin .admin-tool-table .visibility-choice>button[aria-pressed=true]:hover{color:#203449}
.reference-skin .admin-tool-table .visibility-choice>button:focus-visible{outline:2px solid #60a89e;outline-offset:-4px}
.reference-skin .admin-tool-table .visibility-choice[aria-busy=true]>button{cursor:wait;opacity:.65}
.reference-skin .admin-tool-table [data-tool-inherited]{display:block;margin-top:5px;font-size:10px}
.reference-skin .admin-tool-table [data-tool-inherited][hidden]{display:none}
@media(prefers-reduced-motion:reduce){.visibility-choice-indicator,.reference-skin .admin-tool-table .visibility-choice>button,.reference-skin .month-picker-grid>button{transition:none}}
.admin-tool-actions :is([data-civil-sync],[data-medicine-sync],[data-lottery-sync],[data-reference-sync]){display:inline-flex;align-items:center;gap:5px}
.admin-tool-actions :is([data-civil-sync],[data-medicine-sync],[data-lottery-sync],[data-reference-sync])::before{content:'';display:inline-block;width:13px;height:13px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7v5h-5M4 17v-5h5M6 7a7 7 0 0 1 12-1l2 3M18 17a7 7 0 0 1-12 1l-2-3'/%3E%3C/svg%3E") center/contain no-repeat}
.admin-tool-actions :is([data-civil-sync],[data-medicine-sync],[data-lottery-sync],[data-reference-sync]):disabled::before{animation:sync-icon-turn 1.2s linear infinite}
@keyframes sync-icon-turn{to{transform:rotate(360deg)}}
.annual-calendar-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.annual-calendar-preview>section{min-width:0}.annual-calendar-preview h2{font-size:14px;text-align:center}.annual-calendar-preview table{width:100%;table-layout:fixed}.annual-calendar-preview :is(th,td){padding:4px 1px;text-align:center;font-size:9px}.code-output{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.annual-calendar-preview{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.admin-tool-actions button::before{animation:none!important}}