/* Workspace board skin. Theme variables never filter uploaded images or exports. */
:root{--canvas:#f6f6fb;--surface:#fff;--subtle:#f9f9fc;--ink:#282b40;--text:#282b40;--muted:#797c92;--line:#e7e7ef;--accent:#6b5ce7;--accent-soft:#f0edff;--blue:var(--accent);--green:var(--accent);--green-light:var(--accent-soft);--bg:var(--canvas);--sidebar-size:224px;--card-shadow:0 2px 4px #26204304;--radius:12px}
html[data-theme=dark]{--canvas:#12141e;--surface:#1b1e2c;--subtle:#222635;--ink:#ececf6;--text:#ececf6;--muted:#a1a6bd;--line:#34384a;--accent:#ab9aff;--accent-soft:#30294b;--blue:var(--accent);--green:var(--accent);--green-light:var(--accent-soft);--bg:var(--canvas);--card-shadow:0 2px 7px #00000015}
.reference-skin{background:var(--canvas);color:var(--ink)}.reference-skin .site-shell{margin-left:224px;padding-top:68px}.reference-skin .topbar{left:224px;height:68px;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:none;padding:0 28px;gap:22px}.reference-skin .topbar-brand{display:none}.reference-skin .topbar-left{gap:16px;flex-shrink:0}.reference-skin .topbar-nav{height:68px;gap:23px}.reference-skin .topbar-nav a{color:var(--muted);font-size:12px}.reference-skin .topbar-nav a.active,.reference-skin .topbar-nav a:hover{color:var(--accent)}.reference-skin .topbar-nav a.active:after{height:2px;background:var(--accent)}.reference-skin .topbar .local-badge{display:none}.reference-skin .topbar .btn,.reference-skin .topbar .icon-button{background:var(--surface);border-color:var(--line);color:var(--ink);border-radius:8px}.reference-skin .topbar .breadcrumb,.reference-skin .topbar .text-link{color:var(--muted)}.global-search{display:flex;align-items:center;gap:10px;margin-left:auto;max-width:430px;flex:1;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--subtle);color:var(--muted)}.global-search>.icon{width:16px;height:16px}.global-search input{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;padding:4px 0;min-height:0;font-size:11px}.global-search button{padding:0;flex-shrink:0}.global-search button .icon{width:15px;height:15px}.reference-skin .sidebar{left:0;top:0;bottom:0;width:224px;height:100dvh;border:0;border-right:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:none;padding:25px 14px 16px;color:var(--ink);z-index:75;scrollbar-color:var(--line) transparent}.reference-skin .sidebar .brand{font-size:20px;color:var(--ink);margin-bottom:28px;padding-left:5px}.reference-skin .sidebar .brand small{color:var(--muted);font-size:7px}.reference-skin .brand-symbol{background:#6b5ce7;color:white;border-radius:9px;width:33px;height:33px}.reference-skin .sidebar-search{background:var(--subtle);border-color:var(--line);color:var(--muted);border-radius:7px;font-size:11px;padding:9px 10px;margin-bottom:15px}.reference-skin .sidebar-search kbd{border-color:var(--line);color:var(--muted)}.reference-skin .sidebar .nav-link{color:var(--muted);font-size:12px;min-height:38px;padding:9px 10px;border-radius:7px;margin:3px 0;gap:10px}.reference-skin .sidebar .nav-link .icon{color:inherit;width:17px;height:17px}.reference-skin .sidebar .nav-link.active,.reference-skin .sidebar .nav-link:hover{background:var(--accent-soft);color:var(--accent);box-shadow:none}.reference-skin .sidebar .nav-count{background:var(--subtle);border:1px solid var(--line);color:var(--muted);font-size:9px;border-radius:5px;padding:0 5px}.reference-skin .sidebar .nav-label,.reference-skin .sidebar-caption{color:var(--muted);font-size:8px;margin:23px 10px 10px}.reference-skin .sidebar-note{display:none}.reference-skin .sidebar-bottom{margin:28px 8px 16px;padding:0;color:var(--muted);font-size:10px}.reference-skin .sidebar-collapse,.reference-skin .sidebar-dismiss{top:28px;right:13px;border:0;background:var(--subtle);color:var(--muted);font-size:20px;width:24px;height:24px;border-radius:5px}.theme-control{display:flex;gap:4px;padding:4px;background:var(--subtle);border:1px solid var(--line);border-radius:9px;margin-top:auto;flex-shrink:0}.theme-control button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;padding:7px 3px;border-radius:6px;color:var(--muted);min-height:31px}.theme-control button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #0000000a}.theme-floating{position:fixed;right:18px;bottom:18px;z-index:70;min-width:170px;box-shadow:var(--card-shadow)}.reference-skin .main-content{padding:28px 28px 40px;max-width:none}.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{font-weight:600;font-size:27px}.reference-skin p,.reference-skin .page-heading p,.reference-skin .tool-page-heading p{color:var(--muted)}.reference-skin .directory-heading{margin-bottom:22px}.reference-skin .directory-heading .eyebrow{margin:0 0 9px;color:var(--muted);font-size:8px;letter-spacing:.1em}.directory-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:28px}.directory-highlights>a{display:flex;align-items:center;gap:13px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:19px 17px}.directory-highlights>a:hover{border-color:var(--accent)}.directory-highlights>a>span:nth-child(2){flex:1;min-width:0}.directory-highlights small{display:block;font-size:7px;letter-spacing:.09em;color:var(--muted);margin-bottom:6px}.directory-highlights strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.highlight-icon{height:35px;width:35px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.highlight-icon .icon{height:18px;width:18px}.directory-highlights>a>.icon{height:15px;width:15px;color:var(--muted)}.reference-skin .all-tools-section{padding:0;margin-top:0;background:none;border:0;box-shadow:none}.reference-skin .section-heading h2{font-size:18px;font-weight:600}.reference-skin .all-tools-section>.section-heading{margin:0 0 17px}.reference-skin .all-tools-section .eyebrow{display:none}.reference-skin .library-toolbar{padding:0 0 16px;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:14px;gap:10px}.reference-skin .search-box{background:var(--surface);border-color:var(--line);border-radius:8px;height:39px;max-width:550px}.reference-skin .search-box input{color:var(--ink);font-size:11px;background:transparent}.reference-skin .search-box kbd{border-color:var(--line);color:var(--muted)}.reference-skin .library-toolbar select{margin-left:auto;height:39px;min-height:39px;width:130px;background-color:var(--surface);border-color:var(--line);color:var(--muted);border-radius:7px;font-size:11px}.directory-view-controls{display:flex;gap:4px}.reference-skin .directory-view-controls .icon-button{height:36px;width:auto;padding:0 10px;gap:7px;min-width:67px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:11px}.reference-skin .directory-view-controls .icon-button[aria-pressed=true]{background:var(--surface);border-color:var(--line);color:var(--accent)}.reference-skin .directory-view-controls .icon{width:15px;height:15px}.reference-skin .category-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:5px;padding:0 0 12px;margin:0 0 14px;max-width:100%;white-space:nowrap}.reference-skin .category-tab{--group-color:#9c8aef;display:inline-flex;align-items:center;gap:6px;min-height:34px;border:1px solid color-mix(in srgb,var(--muted) 50%,transparent);background:color-mix(in srgb,var(--group-color) 7%,var(--surface));color:var(--muted);font-size:10px;padding:6px 9px;border-radius:6px;flex-shrink:0}.reference-skin .category-tab>.icon{width:15px;height:15px;flex:none;color:inherit}.reference-skin .category-tab:hover,.reference-skin .category-tab.active{background:color-mix(in srgb,var(--group-color) 18%,var(--surface))}.reference-skin .category-tab.active{border-color:var(--group-color);color:color-mix(in srgb,var(--group-color) 65%,var(--ink));box-shadow:inset 0 -2px var(--group-color)}.reference-skin .category-tab.active>.icon{color:var(--group-color)}.reference-skin .category-tab .category-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--group-color) 14%,transparent);font-size:8px;color:inherit}.reference-skin #tools-grid{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 2px 15px;max-width:100%;align-items:flex-start;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.directory-column{flex:0 0 286px;width:286px;min-width:0;border-radius:11px;background:var(--subtle);padding:10px;scroll-snap-align:start}.column-heading{padding:4px 4px 13px;border-bottom:2px solid var(--group-color,#9c8aef);margin-bottom:10px}.column-heading h3{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.column-count{font-size:8px;border:1px solid var(--line);border-radius:4px;padding:0 5px;color:var(--muted);font-weight:400}.column-heading p{font-size:9px;margin-top:5px;color:var(--muted)}.column-cards{display:flex;flex-direction:column;gap:11px;max-height:calc(100dvh - 245px);min-height:100px;overflow-y:auto;padding:0 2px 5px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.directory-column[data-group=image],.directory-column[data-group=popular],.reference-skin .category-tab[data-category=image]{--group-color:#da91b5}.directory-column[data-group=pdf],.directory-column[data-group=network],.reference-skin .category-tab[data-category=pdf],.reference-skin .category-tab[data-category=network]{--group-color:#6bb3c6}.directory-column[data-group=text],.directory-column[data-group=daily],.reference-skin .category-tab[data-category=text],.reference-skin .category-tab[data-category=daily]{--group-color:#8ebd8a}.directory-column[data-group=converter],.directory-column[data-group=work],.reference-skin .category-tab[data-category=converter],.reference-skin .category-tab[data-category=work]{--group-color:#daa65e}.reference-skin .tool-card{background:var(--surface);border-color:var(--line);border-radius:11px;box-shadow:var(--card-shadow);padding:17px;min-height:178px}.reference-skin .tool-card:hover{border-color:var(--accent);transform:none;box-shadow:0 3px 10px #35304b0a}.reference-skin .card-top{margin-bottom:11px}.reference-skin .tool-card h3{font-weight:550;font-size:13px;color:var(--ink);line-height:1.55}.reference-skin .tool-card p{font-size:10px;line-height:1.8;color:var(--muted);min-height:0;margin:5px 0 14px;overflow-wrap:anywhere}.reference-skin .tool-card .tool-icon{width:29px;height:29px;border-radius:8px}.reference-skin .tool-icon .icon{width:16px;height:16px}.reference-skin .new-tag{color:var(--accent);border:0;background:var(--accent-soft);font-size:7px;border-radius:4px}.reference-skin .favorite-button{color:var(--muted)}.reference-skin .favorite-button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.reference-skin .card-bottom{border-color:var(--line);padding-top:10px}.reference-skin .feature-tags span{border:0;background:var(--subtle);color:var(--muted);font-size:8px}.reference-skin #tools-grid.list-view{display:flex;flex-direction:column;gap:20px;overflow:visible;padding:0}.list-view .directory-column{width:100%;flex:auto;background:none;padding:0}.list-view .column-heading{border:0;background:var(--subtle);border-radius:7px;padding:10px 14px;margin-bottom:0}.list-view .column-heading p{display:none}.list-view .column-cards{max-height:none;overflow:visible;display:block;padding:0}.reference-skin #tools-grid.list-view .tool-card{display:flex;flex-direction:row;align-items:center;gap:17px;padding:13px 15px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--surface);min-height:0}.reference-skin .list-view .card-top{margin:0;flex:0 0 32px}.reference-skin .list-view .card-top-right{position:absolute;right:12px;top:13px}.reference-skin .list-view .new-tag{display:none}.reference-skin .list-view .card-link{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(140px,1.8fr) auto;gap:20px;align-items:center;padding-right:35px;min-width:0}.reference-skin .list-view .card-link h3{font-size:12px;margin:0}.reference-skin .list-view .card-link p{font-size:10px;max-width:none;margin:0}.reference-skin .list-view .card-bottom{position:static;width:auto;border:0;padding:0;margin:0}.reference-skin .list-view .feature-tags{display:none}.reference-skin .panel,.reference-skin .stat-card,.reference-skin .bottom-banner{background:var(--surface);border-color:var(--line);border-radius:11px}.reference-skin .btn{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:7px;font-size:11px;font-weight:500}.reference-skin .btn:hover{background:var(--subtle);border-color:var(--accent)}.reference-skin .btn.primary{background:#6b5ce7;color:#fff;border-color:#6b5ce7}.reference-skin .btn.primary:hover{background:#5845d5}.reference-skin .btn.danger{color:#d96376;border-color:#bc506750}.reference-skin input,.reference-skin select,.reference-skin textarea,.reference-skin .field-control{background:var(--surface);color:var(--ink);border-color:var(--line)}.reference-skin .field-control input,.reference-skin .field-control select,.reference-skin .field-control textarea{background:transparent;color:var(--ink)}.reference-skin .field-control>.field-label,.reference-skin .control-label,.reference-skin .muted,.reference-skin .field-help{color:var(--muted)}.reference-skin input::placeholder,.reference-skin textarea::placeholder{color:var(--muted);opacity:.8}.reference-skin .field-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.reference-skin .selection-control{background:var(--surface);border-color:var(--line);color:var(--muted)}.reference-skin .selection-control:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.reference-skin .selection-control input{accent-color:#7f6ff1}.reference-skin .upload-dropzone{background:var(--subtle);border-color:var(--line);color:var(--ink);border-radius:10px}.reference-skin .upload-dropzone.drag-over{background:var(--accent-soft);border-color:var(--accent)}.reference-skin .upload-file-card,.reference-skin .upload-file-icon{background:var(--surface);border-color:var(--line);color:var(--muted)}.reference-skin .workspace-v3 .workspace-input,.reference-skin .workspace-v3 .workspace-output{background:var(--surface);border-color:var(--line);border-radius:11px}.reference-skin .pane-heading,.reference-skin .run-row,.reference-skin .tool-result .table-wrap,.reference-skin .workspace-footer{border-color:var(--line)}.reference-skin .workspace-steps{box-shadow:none}.reference-skin .workspace-steps li{background:var(--subtle);color:var(--muted)}.reference-skin .workspace-steps li.is-current,.reference-skin .workspace-steps li.is-complete{background:var(--surface);color:var(--accent)}.reference-skin .workspace-steps .is-current span,.reference-skin .workspace-steps .is-complete span{background:#6b5ce7;border-color:#6b5ce7}.reference-skin .metric-card{background:var(--subtle);border-color:var(--line)}.reference-skin .metric-card strong{color:var(--ink);overflow-wrap:anywhere}.reference-skin .tool-result pre,.reference-skin .code-editor,.reference-skin .seo-code{background:var(--subtle);color:var(--ink);border-color:var(--line)}.reference-skin table th{background:var(--subtle);color:var(--muted);border-color:var(--line)}.reference-skin table td{color:var(--ink);border-color:var(--line)}.reference-skin .auth-dialog{background:var(--surface);border-color:var(--line);color:var(--ink)}.reference-skin .auth-dialog .auth-tabs{background:var(--subtle)}.reference-skin .auth-tabs button.active{background:var(--surface);color:var(--accent)}.reference-skin .auth-brand{color:var(--ink)}.reference-skin .history-item,.reference-skin .seo-search-preview,.reference-skin .seo-faq{background:var(--surface);border-color:var(--line)}.reference-skin .history-item h3{color:var(--ink)}.reference-skin .seo-page-button{color:var(--muted)}.reference-skin .seo-page-button.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.reference-skin .seo-search-preview strong{color:var(--accent)}.reference-skin .processing-mode-buttons button{background:var(--surface);border-color:var(--line);color:var(--muted)}.reference-skin .processing-mode-buttons button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.reference-skin .processing-mode-buttons button.active span{background:#6b5ce7;border-color:#6b5ce7}.reference-skin .consent-banner{background:var(--surface);border-color:var(--line)}.reference-skin .footer{border-color:var(--line);margin:0 28px}.reference-skin .footer-brand{color:var(--ink)}.reference-skin .footer p,.reference-skin .footer nav a{color:var(--muted)}.reference-skin .back-link,.reference-skin .eyebrow,.reference-skin .tool-note,.reference-skin .tool-explanation p,.reference-skin .workspace-footer{color:var(--muted)}.reference-skin .tool-result svg:not(.icon){max-width:100%;height:auto}.reference-skin .tool-result img,.reference-skin .tool-result canvas{max-width:100%}.reference-skin .tool-result{overflow-wrap:anywhere;min-width:0}.reference-skin .table-wrap{max-width:100%}.reference-skin .approval-paper{background:white;color:#20293a}.reference-skin .approval-paper h1,.reference-skin .approval-paper h2,.reference-skin .approval-paper h3,.reference-skin .approval-paper p,.reference-skin .approval-paper td{color:#20293a}.reference-skin .approval-document-grid>section,.reference-skin .approval-company-settings,.reference-skin .approval-workspace,.reference-skin .company-profile-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] .reference-skin .tool-icon{background:#31334a;color:#b7abec}html[data-theme=dark] .reference-skin .color-pdf{background:#443036;color:#e3a0a5}html[data-theme=dark] .reference-skin .color-network{background:#233f42;color:#95cdc7}html[data-theme=dark] .reference-skin .color-text{background:#413d2d;color:#e3cb86}html[data-theme=dark] .reference-skin .color-daily{background:#303857;color:#b0c3ff}html[data-theme=dark] .reference-skin .tool-result{color:var(--ink)}

@media(max-width:1100px){.reference-skin .site-shell{margin-left:0}.reference-skin .topbar{left:0}.reference-skin .topbar-brand{display:flex;color:var(--ink);font-size:17px}.reference-skin .topbar-mark{color:var(--accent)}.reference-skin .sidebar{left:-260px;width:230px;top:0;height:100dvh}.reference-skin .sidebar.open{left:0}.reference-skin .mobile-overlay{z-index:72}.reference-skin .sidebar-dismiss{top:28px}.reference-skin .topbar-nav{display:none}.reference-skin .global-search{max-width:300px}.reference-skin .topbar .mobile-menu{display:flex}}
@media(max-width:760px){.reference-skin .topbar{height:60px;padding:0 16px;gap:9px}.reference-skin .site-shell{padding-top:60px}.reference-skin .topbar-left{gap:9px}.reference-skin .topbar .global-search{display:none}.reference-skin .main-content{padding:22px 16px 30px}.reference-skin .directory-heading h1,.reference-skin .page-heading h1,.reference-skin .tool-page-heading h1{font-size:24px}.reference-skin .directory-heading p{font-size:11px;max-width:none}.directory-highlights{grid-template-columns:1fr;gap:8px;margin-bottom:24px}.directory-highlights>a{padding:12px 14px}.directory-highlights strong{font-size:11px}.directory-highlights small{font-size:7px;margin-bottom:3px}.highlight-icon{width:31px;height:31px}.reference-skin .library-toolbar{flex-wrap:wrap;padding:0 0 12px;gap:7px}.reference-skin .library-toolbar .search-box{flex:1 1 100%;max-width:none;height:40px}.reference-skin .library-toolbar select{width:auto;flex:1;min-width:90px;margin:0}.reference-skin .category-tabs{margin-bottom:13px}.directory-column{width:280px;flex-basis:280px}.column-cards{max-height:65dvh}.reference-skin .list-view .card-link{display:block;padding-right:23px}.reference-skin .list-view .card-link h3{font-size:12px}.reference-skin .list-view .card-link p{margin-top:3px;font-size:10px}.reference-skin .list-view .card-bottom{display:none}.reference-skin #tools-grid.list-view .tool-card{gap:12px;padding:14px 10px}.reference-skin .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-skin .tool-card{padding:16px}.reference-skin .panel{padding:20px}.reference-skin .field-control input,.reference-skin .field-control select,.reference-skin .field-control textarea{font-size:16px}.reference-skin .workspace-v3 .workspace-body{grid-template-columns:minmax(0,1fr)}.reference-skin .footer{margin:0 16px}.reference-skin .bottom-banner{margin:24px 0 0;padding:20px}.reference-skin .theme-floating{right:10px;bottom:10px;min-width:150px}}
@media print{.theme-control{display:none!important}.reference-skin .topbar{display:none!important}.reference-skin{background:white;color:black}.reference-skin .site-shell{padding:0;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reference-skin *{transition:none!important}}
:root{--font:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}
.reference-skin .all-tools-section.panel{padding:0;background:transparent;border:0;box-shadow:none}.reference-skin .directory-column .tool-card{border:1px solid var(--line)}.reference-skin .theme-control button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.service-logo{object-fit:contain;max-width:140px;max-height:40px;width:auto;height:auto;flex-shrink:1;min-width:0}.reference-skin .brand .service-name{font-size:inherit;color:inherit}.reference-skin .topbar-brand .brand-symbol{width:25px;height:25px;font-size:23px}.service-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.service-editor h2{font-size:17px;font-weight:550;margin-bottom:22px}.service-editor label{margin:16px 0}.service-editor .selection-control{margin-top:20px}.branding-image-section+.branding-image-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.branding-image-preview{display:flex;align-items:center;justify-content:center;height:100px;border:1px solid var(--line);border-radius:8px;background:var(--subtle);color:var(--muted);font-size:11px;padding:15px}.branding-image-preview img{max-width:100%;max-height:70px;object-fit:contain}.branding-image-preview.favicon-preview{height:80px}.favicon-preview img{max-height:48px;max-width:48px}.branding-image-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.branding-image-actions small{font-size:10px;color:var(--muted)}.reference-skin .service-editor .upload-dropzone{min-height:130px}.reference-skin .service-editor .upload-dropzone small{display:none}.service-live-preview{margin-top:20px;position:relative}.service-live-preview .panel-label{position:absolute;right:20px;top:20px;border-color:var(--line);color:var(--muted)}.reference-skin .service-live-preview .brand{color:var(--ink);font-size:21px;margin:10px 0 15px;gap:12px}.service-live-preview p{font-size:12px;margin-bottom:12px}.service-live-preview small{color:var(--muted);font-size:10px}.service-editor .run-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.service-editor .form-error{flex-basis:100%}.reference-skin .admin-login .brand{color:var(--ink)}
@media(max-width:900px){.service-editor-grid{grid-template-columns:minmax(0,1fr)}}
.reference-skin label.upload-label,.reference-skin .upload-dropzone strong,.reference-skin .upload-file-info strong{color:var(--ink)}.reference-skin .upload-symbol{background:var(--surface);border-color:var(--line);color:var(--accent)}.reference-skin .upload-browse,.reference-skin .upload-dropzone small,.reference-skin .upload-status,.reference-skin .upload-file-info small{color:var(--muted)}.reference-skin .upload-browse b{color:var(--accent)}.reference-skin .tool-note{background:var(--subtle);border-color:var(--line);color:var(--muted)}.reference-skin .workspace-v3 .tool-note{background:transparent}.reference-skin .upload-dropzone:hover,.reference-skin .upload-dropzone.drag-active{background:var(--accent-soft);border-color:var(--accent)}.reference-skin .upload-file-type{background:var(--subtle);border-color:var(--line);color:var(--muted)}
.selective-comparison{width:100%;margin-top:18px}.reference-skin .original-preview-control{display:inline-flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;margin:0 0 8px;font-size:11px;border-radius:7px}.selective-comparison canvas{display:block;max-width:100%;height:auto;margin:10px auto}.selective-comparison .preview-caption{font-size:10px;color:var(--muted)}
/* Themed shared results and persistent workspaces. Keep generated paper and pixel previews independent. */
.reference-skin .workspace-v3 .workspace-toolbar .btn{background:var(--surface);border-color:var(--line);color:var(--ink)}.reference-skin .workspace-v3 .pane-heading h2{color:var(--ink)}.reference-skin .workspace-v3 .form-section legend,.reference-skin .workspace-v3 .tool-form label>span,.reference-skin .workspace-v3 .tool-form label>.control-label{color:var(--muted)}.reference-skin .workspace-v3 .result-empty{background:var(--subtle);border-color:var(--line)}.reference-skin .workspace-v3 .result-empty strong{color:var(--ink)}.reference-skin .workspace-v3 .result-empty p{color:var(--muted)}.reference-skin .result-empty .empty-graphic{background:var(--surface);border-color:var(--line);color:var(--accent)}.reference-skin .workspace-v3 .result-tabs{background:var(--subtle);border-color:var(--line)}.reference-skin .workspace-v3 .result-tabs button{color:var(--muted)}.reference-skin .workspace-v3 .result-tabs button.active{background:var(--surface);color:var(--accent)}.reference-skin .result-stat{background:var(--subtle);border-color:var(--line)}.reference-skin .result-stat span{color:var(--muted)}.reference-skin .result-stat strong{color:var(--ink);overflow-wrap:anywhere}.reference-skin .workspace-v3[data-layout=dashboard]{background:var(--surface);border-color:var(--line);border-radius:11px}.reference-skin .live-workspace{color:var(--ink)}.reference-skin .board-column,.reference-skin .planner-day,.reference-skin .world-clock-card{background:var(--subtle);border-color:var(--line)}.reference-skin .task-card,.reference-skin .note-link,.reference-skin .habit-cell{background:var(--surface);border-color:var(--line);color:var(--ink)}.reference-skin .note-link.active{background:var(--accent-soft);border-color:var(--accent)}.reference-skin .board-column h3,.reference-skin .planner-day h3,.reference-skin .task-card strong,.reference-skin .note-link strong,.reference-skin .habit-name,.reference-skin .world-clock-card strong{color:var(--ink)}.reference-skin .task-card p,.reference-skin .task-card footer,.reference-skin .note-link small,.reference-skin .live-note,.reference-skin .habit-day,.reference-skin .world-clock-card>span,.reference-skin .world-clock-card small,.reference-skin .world-clock-card p{color:var(--muted)}.reference-skin .habit-cell.checked{background:#6b5ce7;color:white;border-color:#6b5ce7}.reference-skin .live-timer-summary{background:var(--subtle);border-color:var(--line)}.reference-skin .timer-display,.reference-skin .timer-status{color:var(--ink)}.reference-skin .card-edit-dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}.reference-skin .approval-paper table th{background:#f5f6f8;color:#485267;border-color:#dce0e8}.reference-skin .approval-paper table td{background:white;color:#20293a;border-color:#dce0e8}
/* Shared workspace refinements: guides span the page, and interactive rows follow the active theme. */
:root{--row-hover:#eeebfc;--selected-surface:#ebe7fc;--arrow-stroke:%23797c92}
html[data-theme=dark]{--row-hover:#30364c;--selected-surface:#38304f;--arrow-stroke:%23b6bad0}
.reference-skin .workspace-bottom{grid-template-columns:minmax(0,1fr);width:100%}.reference-skin .workspace-bottom>.tool-explanation{width:100%;min-width:0}.reference-skin .workspace-bottom>.ad-placement[hidden]{display:none!important}
.reference-skin table:not(.approval-paper table) tbody tr:hover,.reference-skin table:not(.approval-paper table) tbody tr:hover>td{background-color:var(--row-hover);color:var(--ink)}.reference-skin table:not(.approval-paper table) tbody tr:hover>td :is(span,strong,a,small,time):not(.btn,.btn *,.status-label,.status-label *){color:var(--ink)}.reference-skin :is(.result-stats>div,.stat,.result-stat){background:var(--subtle);border-color:var(--line)}.reference-skin :is(.result-stats>div,.stat,.result-stat) :is(strong,span){color:var(--ink)}.reference-skin .guide-fields > span{background:var(--subtle);border-color:var(--line);color:var(--muted)}.reference-skin .check-row:hover,.reference-skin .history-item:hover{background:var(--row-hover)}.reference-skin .check-row span{color:var(--ink)}
/* A background shorthand in older layers erased select arrows; keep the arrow layer explicit. */
.reference-skin select{appearance:none;-webkit-appearance:none;line-height:1.55;height:auto;min-height:40px;padding:9px 34px 9px 12px;background-color:var(--surface);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23797c92' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:14px 14px}
html[data-theme=dark] .reference-skin select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b6bad0' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.reference-skin select option{color:var(--ink);background:var(--surface)}.reference-skin .field-control>select{padding:3px 27px 3px 0;min-height:30px;height:30px;line-height:24px;background-position:right 0 center;font-size:13px}.reference-skin .library-toolbar select{height:40px;min-height:40px;padding:8px 34px 8px 12px;line-height:22px;flex-shrink:0;background-position:right 11px center}.reference-skin .task-card select{padding:6px 27px 6px 8px;min-height:32px}.reference-skin select:disabled{color:var(--muted);opacity:1;background-color:var(--subtle);cursor:default}
.reference-skin #tools-grid[data-category-board=true].board-view{display:block;overflow:visible;padding:0}.reference-skin #tools-grid[data-category-board=true].board-view .directory-column{width:100%;padding:0;background:transparent}.reference-skin #tools-grid[data-category-board=true].board-view .column-heading{border:0;padding:0 0 12px}.reference-skin #tools-grid[data-category-board=true].board-view .column-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(245px,100%),1fr));max-height:none;overflow:visible;gap:14px}.reference-skin #tools-grid[data-category-board=true].board-view .tool-card{height:100%;min-height:188px}
.reference-skin .approval-paper table tbody tr:hover,.reference-skin .approval-paper table tbody tr:hover>td{background:#f0f2f6;color:#20293a}
@media(max-width:760px){.reference-skin .field-control>select{font-size:16px;line-height:26px;min-height:32px;height:32px}.reference-skin #tools-grid[data-category-board=true].board-view .column-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-skin #tools-grid[data-category-board=true].board-view .tool-card{padding:13px;min-height:185px}}
.reference-skin .date-field{position:relative;min-width:0;display:flex}.reference-skin label.date-field{flex-direction:column}.reference-skin .calendar-inline{display:inline-flex;width:100%;align-items:center}.reference-skin input.calendar-input{padding-right:30px!important;min-width:0;width:100%;color-scheme:light}.reference-skin input.calendar-input::-webkit-calendar-picker-indicator{display:none}.reference-skin .calendar-trigger{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:25px;height:28px;display:grid;place-items:center;color:var(--muted);padding:0;background:transparent;border:0}.reference-skin label.field-control .calendar-trigger{top:auto;bottom:7px;transform:none}.calendar-popup{position:fixed;inset:auto;margin:0;padding:12px;background:var(--surface,#fff);color:var(--ink,#282b40);border:1px solid var(--line,#e7e7ef);border-radius:18px;box-shadow:0 10px 40px #090c2026;z-index:10000;font:12px/1.5 var(--font,sans-serif);width:294px;max-height:calc(100dvh - 20px);overflow:auto}.calendar-popup::backdrop{background:transparent}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:5px}.calendar-header>button{height:28px;width:28px;display:grid;place-items:center;font-size:22px;border-radius:50%;color:var(--ink);background:transparent}.calendar-header .calendar-month-title{font-size:13px;font-weight:600;width:auto;border-radius:7px;padding:0 10px}.calendar-header button:hover,.calendar-footer button:hover{background:var(--subtle)}.calendar-weekdays,.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;align-items:center}.calendar-weekdays{font-size:10px;color:var(--muted);margin-bottom:6px;padding:0 2px}.calendar-week{border-radius:999px;min-height:34px;margin:2px 0}.calendar-week:nth-child(even){background:var(--subtle,#f6f6f8)}.calendar-week>[role=gridcell]{min-width:0;display:grid;place-items:center}.calendar-day{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:400;background:transparent;color:var(--ink);padding:0}.calendar-day.adjacent-month{color:var(--muted);opacity:.65}.calendar-day:hover:not(:disabled){background:var(--selected-surface,#eeebfc);color:var(--ink)}.calendar-day[aria-current=date]{box-shadow:inset 0 0 0 1px var(--line)}.calendar-day.selected,.calendar-day.selected:hover{background:var(--ink,#111);color:var(--surface,#fff)}.calendar-day:disabled{opacity:.25;cursor:default}.calendar-day:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.calendar-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.calendar-footer button{padding:4px 9px;color:var(--muted);font-size:10px;border-radius:5px}.calendar-status{color:var(--muted);font-size:10px;margin:0}.calendar-status:empty{display:none}.calendar-month-chooser{display:flex;align-items:end;gap:8px;margin-bottom:12px}.calendar-month-chooser label{font-size:10px;gap:3px;flex:1;min-width:0}.reference-skin .calendar-month-chooser input,.reference-skin .calendar-month-chooser select{min-height:34px;height:34px;line-height:20px;font-size:12px;padding:6px 8px}.reference-skin .calendar-month-chooser select{padding-right:22px}.calendar-month-chooser>button{font-size:10px;padding:7px 9px;height:34px;background:var(--subtle);border-radius:6px}.calendar-time-label{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:10px 3px 3px;font-size:11px;color:var(--muted)}.reference-skin .calendar-time-label input{width:125px;min-height:32px;height:32px;padding:5px 8px;font-size:12px}.calendar-popup [hidden]{display:none!important}
.reference-skin .field-control>select,.reference-skin .library-toolbar select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23797c92' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px}html[data-theme=dark] .reference-skin .field-control>select,html[data-theme=dark] .reference-skin .library-toolbar select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b6bad0' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.visibility-switch{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 8px;color:var(--muted);font-size:10px;border-radius:6px}.visibility-switch>span{width:32px;height:18px;position:relative;background:var(--line);border-radius:20px}.visibility-switch>span:after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--surface);transition:transform .15s}.visibility-switch[aria-checked=true]>span{background:#6b5ce7}.visibility-switch[aria-checked=true]>span:after{background:#fff;transform:translateX(14px)}.visibility-switch[aria-checked=true]{color:var(--accent)}.visibility-switch b{font-size:10px;font-weight:500}.source-dialog{width:min(1280px,calc(100vw - 32px));height:min(870px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);overflow:hidden}.source-dialog[open]{display:flex;flex-direction:column}.source-dialog::backdrop{background:#06091599;backdrop-filter:blur(3px)}.source-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;flex-shrink:0}.source-dialog-header h2{font-size:18px;font-weight:550;margin-top:5px}.source-dialog-body{padding:0 20px;display:flex;flex-direction:column;min-height:0;flex:1}.source-dialog-body .tool-note{font-size:11px;padding:10px 12px;margin:0 0 12px;border-radius:7px}.source-code-frame{min-height:200px;flex:1;border:1px solid var(--line);border-radius:7px;overflow:hidden}.source-dialog-body .form-error{font-size:11px;margin-top:8px}.source-editor-status{font-size:10px;color:var(--muted);padding:8px 0;min-height:30px}.source-dialog-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 20px 18px;flex-shrink:0}.source-dialog-footer [data-restore-source]{margin-right:auto}.source-dialog .cm-search input{width:160px;min-height:28px;padding:4px;font-size:12px}.source-dialog .cm-search label{display:inline-flex;flex-direction:row;align-items:center;font-size:11px}.source-dialog .cm-search input[type=checkbox]{width:15px;height:15px}.source-dialog .cm-search button{font-size:11px}.source-dialog .cm-editor{height:100%}.source-dialog .cm-editor .cm-line{font-family:var(--mono);font-size:13px}.source-dialog .cm-tooltip-autocomplete ul{font-size:12px}
@media(max-width:760px){.source-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:10px}.source-dialog-header{padding:15px}.source-dialog-header h2{font-size:15px}.source-dialog-body{padding:0 10px}.source-dialog-footer{padding:10px;gap:6px}.source-dialog-footer .btn{font-size:10px;padding:7px 9px;min-height:34px}.source-dialog-footer [data-restore-source]{margin:0}.source-dialog-body .tool-note{font-size:10px}.source-dialog .cm-editor .cm-line{font-size:12px}}
.ip-workspace{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.7fr);gap:20px;padding:5px 0 20px}.ip-workspace h2,.ip-admin-editor h2,.ip-admin-table h2{font-size:17px;font-weight:550;margin-bottom:20px}.ip-search-panel label,.ip-proposal label,.ip-admin-editor label{margin:14px 0}.ip-search-panel textarea{min-height:105px}.ip-search-panel .tool-note{margin:18px 0 12px;font-size:11px}.ip-proposal{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.ip-proposal h3{font-size:14px;margin-bottom:10px}.ip-proposal .field-help{margin:10px 0}.coordinate-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coordinate-fields label{min-width:0}.ip-map{height:360px;min-width:0;border:1px solid var(--line);border-radius:10px;margin:20px 0 10px;isolation:isolate}.ip-results-panel .table-wrap{max-width:100%}.ip-results-panel th,.ip-results-panel td{white-space:normal;word-break:keep-all;overflow-wrap:anywhere;font-size:11px}.ip-results-panel .result-empty{min-height:270px}.ip-export-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:15px}.ip-search-panel .form-error{white-space:pre-line}.reference-skin .ip-map .leaflet-popup-content-wrapper{background:var(--surface);color:var(--ink)}.reference-skin .ip-map .leaflet-popup-tip{background:var(--surface)}.reference-skin .ip-map .leaflet-control-attribution{background:#ffffffe6;color:#333;font-size:10px}.reference-skin .ip-map .leaflet-control-attribution a{color:#28568a}.reference-skin .ip-map .leaflet-control-zoom a{background:#fff;color:#333}.ip-map .leaflet-container{font:12px var(--font)}.ip-admin-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;margin:24px 0}.ip-admin-table{margin-top:20px}.ip-admin-table h2{margin-bottom:15px}.table-action-group{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.ip-admin-editor .run-row,.ip-search-panel .run-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:1150px){.ip-workspace,.ip-admin-editor{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.ip-workspace{gap:16px}.ip-map{height:300px}.ip-admin-editor{gap:16px}.ip-admin-table .table-wrap{max-width:100%}.ip-results-panel th,.ip-results-panel td{font-size:10px}.ip-proposal .selection-control{font-size:11px}.coordinate-fields{gap:8px}}
.reference-skin .table-wrap{border-color:var(--line)}.reference-skin .workspace-v3[data-layout=dashboard] .workspace-toolbar{border-color:var(--line)}
@media(max-height:600px){.source-dialog .source-code-frame{min-height:100px}.source-dialog .source-dialog-header{padding:10px 16px}.source-dialog .source-dialog-body .tool-note{max-height:48px;overflow:auto;margin-bottom:6px}.source-dialog .source-dialog-footer{padding:8px 12px}.source-dialog .source-editor-status{padding:4px 0;min-height:22px}}

html[data-theme=dark] .reference-skin .status-label{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}html[data-theme=dark] .reference-skin .status-label.off{background:var(--subtle);color:var(--muted)}
.ip-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0}.ip-detail-grid>div{background:var(--subtle);border:1px solid var(--line);border-radius:7px;padding:10px 12px;min-width:0}.ip-detail-grid dt{color:var(--muted);font-size:10px;margin-bottom:4px}.ip-detail-grid dd{margin:0;color:var(--ink);font-size:11px;overflow-wrap:anywhere}

/* Full-width workspaces and shared image source editor. */
.reference-skin .tool-workspace.expanded{margin-left:0;margin-right:0;width:100%;max-width:none}
@media(min-width:1001px){.reference-skin .tool-workspace.expanded .workspace-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1000px){.reference-skin .tool-workspace.expanded .workspace-body{grid-template-columns:minmax(0,1fr)}}
.image-source-editor{grid-column:1/-1;min-width:0;width:100%;margin:4px 0 20px}.image-source-editor:empty{display:none}.image-source-editor .file-preview{margin:12px 0;padding:0;overflow:visible;background:var(--subtle);border:1px solid var(--line);border-radius:4px;width:fit-content;max-width:100%}.image-source-editor .file-preview canvas{display:block;max-width:100%;height:auto;margin:0}.image-selection-stage{position:relative;line-height:0;touch-action:none;user-select:none}.image-selection{position:absolute;border:2px solid #9b88ff;background:#7c63ff1c;cursor:move;box-sizing:border-box;touch-action:none;box-shadow:0 0 0 1px #16102588}.image-selection:focus{outline:2px solid #fff;outline-offset:2px}.image-selection-size{position:absolute;left:0;top:0;font-size:10px;line-height:18px;padding:0 4px;color:#fff;background:#5943ba;white-space:nowrap;pointer-events:none}.image-selection-handle{position:absolute;width:12px;height:12px;border:2px solid white;background:#6b5ce7;box-shadow:0 0 0 1px #3f326b;box-sizing:border-box;touch-action:none}.image-selection-handle[data-edge=nw]{left:-7px;top:-7px;cursor:nwse-resize}.image-selection-handle[data-edge=n]{left:calc(50% - 6px);top:-7px;cursor:ns-resize}.image-selection-handle[data-edge=ne]{right:-7px;top:-7px;cursor:nesw-resize}.image-selection-handle[data-edge=e]{right:-7px;top:calc(50% - 6px);cursor:ew-resize}.image-selection-handle[data-edge=se]{right:-7px;bottom:-7px;cursor:nwse-resize}.image-selection-handle[data-edge=s]{left:calc(50% - 6px);bottom:-7px;cursor:ns-resize}.image-selection-handle[data-edge=sw]{left:-7px;bottom:-7px;cursor:nesw-resize}.image-selection-handle[data-edge=w]{left:-7px;top:calc(50% - 6px);cursor:ew-resize}
.ip-map:has(iframe){position:relative;overflow:hidden}.ip-map iframe{display:block;border:0;width:100%;height:100%}.google-map-link,.ip-map-link{position:absolute;right:10px;bottom:10px;background:#fff;color:#253e74;padding:7px 10px;border-radius:4px;font-size:11px}.ip-pick-map{height:260px;margin:14px 0}.api-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.api-key-card{min-width:0}.api-key-card h2,.api-usage h2{font-size:17px;margin-bottom:12px}.api-key-card p,.api-key-card label{margin:14px 0}.api-key-card code{overflow-wrap:anywhere;color:var(--muted)}.api-usage .admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.api-usage [data-api-test]{align-items:end}.api-usage [data-api-test] label{min-width:210px}.api-key-card .run-row{gap:10px;flex-wrap:wrap}
/* Match all list-table borders to the active theme, including inherited browser colors. */
.reference-skin :is(.table-wrap,.ip-results-panel,.ip-admin-table,.admin-settings) table,.reference-skin table:not(.approval-paper table) :is(thead,tbody,tfoot,tr,th,td){border-color:var(--line)}
@media(max-width:760px){.api-management-grid{grid-template-columns:minmax(0,1fr)}.api-usage .admin-stats{grid-template-columns:minmax(0,1fr)}.image-selection-handle{width:16px;height:16px}.image-selection-handle[data-edge=nw],.image-selection-handle[data-edge=n],.image-selection-handle[data-edge=ne]{top:-9px}.image-selection-handle[data-edge=sw],.image-selection-handle[data-edge=s],.image-selection-handle[data-edge=se]{bottom:-9px}}

.reference-skin .language-picker{flex:0 0 auto;margin:0;min-width:0}.reference-skin .language-picker select{height:36px;max-width:150px;font-size:11px;padding:0 28px 0 10px;cursor:pointer}.reference-skin .topbar .global-search{margin-left:0;flex:1;min-width:100px}.reference-skin .topbar{gap:14px}
@media(max-width:1300px){.reference-skin .topbar-nav{display:none}}
@media(max-width:760px){.reference-skin .language-picker select{width:112px;max-width:112px;font-size:10px}.reference-skin .topbar .topbar-brand{max-width:105px;overflow:hidden}.reference-skin .topbar .topbar-brand .service-logo{max-width:90px}.reference-skin .topbar-right{gap:6px}.reference-skin .topbar{gap:8px}.reference-skin .topbar-right #auth-button{font-size:10px;padding:7px}.reference-skin .topbar-right .local-badge{display:none}.reference-skin .admin-reference .topbar-right>.text-link{display:none}}
/* Currency calculator: current theme, paired calculator/calendar and full ECOS market. */
.fx-workspace{--fx-number-size:clamp(26px,2.3vw,38px);padding:0 0 20px;min-width:0;color:var(--ink)}
.fx-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}
.fx-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:24px;box-shadow:var(--card-shadow);min-width:0}
.fx-workspace h2{font-size:16px;font-weight:600;line-height:1.5;margin:0;color:var(--ink)}
.fx-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;min-height:40px}
.fx-panel-heading p{margin:5px 0 0;font-size:11px;color:var(--muted);line-height:1.6}
.fx-source-tag{font-size:9px;letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);padding:6px 8px;border-radius:6px;white-space:nowrap}
.fx-calculator{display:flex;flex-direction:column}
.fx-form{display:flex;flex-direction:column;gap:18px;margin:0}
.fx-form>label{align-self:stretch;width:100%}
.fx-form label{min-width:0;font-size:11px;color:var(--muted)}
.reference-skin .fx-form label.field-control>.control-label{font-size:10px;color:var(--muted)}
.fx-currency-pair{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:10px;align-items:center}
.fx-currency-pair>label{align-self:center}
.reference-skin .fx-currency-pair select{font-size:12px;text-overflow:ellipsis;padding-right:29px;min-width:0}
.fx-workspace .fx-swap{height:43px;width:38px;padding:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:8px}
.fx-swap svg{width:20px;height:20px}
.fx-costs{font-size:11px;color:var(--muted);margin-top:-2px}
.fx-costs summary{cursor:pointer;line-height:1.7;width:fit-content}
.fx-costs>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.fx-conversion{margin:28px 0 16px;padding:10px;border:1px solid var(--line);background:var(--subtle);border-radius:10px;min-height:94px;display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}
.reference-skin .fx-form label.field-control>input.fx-amount-input,.fx-conversion>strong{font-family:var(--font);font-size:var(--fx-number-size);font-weight:600;font-style:normal;line-height:1.3;color:var(--accent);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.fx-conversion>strong{font-size:calc(var(--fx-number-size) - 5px)}
.reference-skin .fx-form label.field-control>input.fx-amount-input{width:100%;max-width:none;min-width:0;text-align:right;min-height:50px;padding:2px 0}
.fx-conversion p{margin:7px 0 0;font-size:12px;color:var(--muted)}
.fx-conversion small{color:var(--muted);font-size:10px;margin-top:7px}
.fx-dates{margin-top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fx-dates>div{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--surface)}
.fx-dates span{color:var(--muted);font-size:10px}.fx-dates strong{text-align:right;width:100%;color:var(--accent);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.fx-fallback{font-size:10px;color:var(--muted);margin:10px 0 0;line-height:1.7}.fx-fallback:empty{display:none}
.fx-calendar .fx-panel-heading{margin-bottom:14px}
.fx-workspace .fx-date-input{width:157px;position:relative;min-width:0;margin:0}
.reference-skin .fx-date-input input{font-size:11px;min-height:34px;height:34px;padding:6px 10px;line-height:20px;background:var(--subtle)}
.fx-workspace .fx-date-input .calendar-trigger{bottom:4px!important}
.fx-workspace .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fx-month-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.fx-month-bar strong{font-weight:550;font-size:14px}
.fx-workspace .fx-month-bar .btn{height:32px;width:34px;padding:0;font-size:22px;line-height:1;background:var(--subtle);border:1px solid var(--line);color:var(--muted)}
.fx-weekdays,.fx-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.fx-weekdays{color:var(--muted);font-size:10px;margin:0 0 7px;padding:5px 0;background:var(--subtle);border-radius:6px}
.fx-days{min-height:252px}
.fx-day{border:1px solid transparent;border-radius:7px;min-height:38px;padding:6px 0;font-size:12px;font-variant-numeric:tabular-nums;background:var(--subtle);color:var(--ink);cursor:pointer}
.fx-day.fx-adjacent{color:var(--muted)}
.fx-day[aria-current=date]{border-color:var(--accent)}
.fx-day[aria-pressed=true],.fx-day[aria-pressed=true]:hover{background:var(--accent);color:var(--surface)}
.fx-day:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}
.fx-workspace button:disabled{opacity:.3;cursor:default}
.fx-workspace .fx-today{width:100%;margin-top:12px;color:var(--accent);border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:9px;font-size:11px}
.fx-calendar-help{margin:10px 0 0;text-align:right;font-size:10px;color:var(--muted);line-height:1.7}
.fx-market-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}
.fx-market-heading p{color:var(--muted);font-size:11px;margin:6px 0 0;line-height:1.7}
.fx-periods{display:flex;gap:4px;border:1px solid var(--line);padding:4px;background:var(--subtle);border-radius:9px;flex-shrink:0}
.fx-workspace .fx-periods .btn{background:transparent;color:var(--muted);border:1px solid transparent;font-size:11px;padding:7px 12px;min-height:31px;border-radius:6px;box-shadow:none}
.fx-workspace .fx-periods .btn[aria-pressed=true]{color:var(--accent);background:var(--surface);border-color:var(--line);box-shadow:var(--card-shadow)}
.fx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr));gap:12px}
.fx-rate-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:9px;padding:15px 14px 12px;background:var(--surface);--rate-color:var(--muted)}
.fx-rate-card.fx-up{--rate-color:#df595c}.fx-rate-card.fx-down{--rate-color:#4d7feb}
html[data-theme=dark] .fx-rate-card.fx-up{--rate-color:#f17c80}html[data-theme=dark] .fx-rate-card.fx-down{--rate-color:#80a5ff}
.fx-rate-card h3{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:0 0 9px;color:var(--ink);font-size:12px;font-weight:500;line-height:1.6}
.fx-rate-card h3 b{font-weight:500;color:var(--muted);font-size:10px;letter-spacing:.02em;background:var(--subtle);border-radius:4px;padding:1px 5px}
.fx-card-body{display:flex;align-items:end;gap:12px;min-width:0}
.fx-sparkline{margin:0;min-width:0;flex:1;position:relative;color:var(--rate-color)}
.fx-sparkline svg{display:block;width:calc(100% + 30px);margin-inline:-15px;height:105px;overflow:visible;border-radius:4px;cursor:crosshair;touch-action:pan-y}
.fx-sparkline figcaption{font-size:8px;line-height:1.8;white-space:nowrap;color:var(--muted);margin-top:7px;min-height:14px;text-align:left;letter-spacing:-.02em}
.fx-card-value{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:100px;text-align:right}
.fx-card-value>strong{font-size:22px;font-weight:550;line-height:1.2;letter-spacing:-.05em;color:var(--ink);font-variant-numeric:tabular-nums}
.fx-delta{color:var(--rate-color);font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums;margin-bottom:6px}
.fx-currency-name{font-size:10px;color:var(--muted);line-height:1.5;max-width:145px;word-break:keep-all}
.fx-card-value small,.fx-card-value time{font-size:9px;color:var(--muted);line-height:1.6}
.fx-no-points{display:flex;height:105px;align-items:center;text-align:center;font-size:10px;color:var(--muted)}
.fx-load-status,.fx-load-error{padding:50px 18px;border:1px dashed var(--line);border-radius:9px;background:var(--subtle);text-align:center;font-size:12px;color:var(--muted)}
.fx-load-error p{margin:0 0 14px}.fx-load-error .btn{font-size:11px}
.fx-market-footer{padding-top:18px;margin-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.8}
.fx-market-footer p{margin:4px 0}.fx-market-footer a{color:var(--accent);white-space:nowrap}
.fx-workspace :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.fx-workspace [hidden]{display:none!important}
@media(max-width:1100px){.fx-panel{padding:20px}.fx-currency-pair{gap:6px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.fx-workspace .fx-swap{width:32px}.reference-skin .fx-currency-pair select{font-size:11px;padding-left:10px}.fx-market-heading{align-items:flex-start}.fx-periods{gap:2px}.fx-workspace .fx-periods .btn{padding:7px 9px}}
@media(max-width:850px){.fx-top{grid-template-columns:1fr}.fx-dates{margin-top:0}.fx-workspace{--fx-number-size:34px}.fx-market-heading{flex-wrap:wrap}.fx-periods{margin-left:auto}.fx-days{min-height:252px}}
@media(max-width:480px){.fx-panel{padding:16px}.fx-top{gap:14px;margin-bottom:14px}.fx-workspace .fx-periods{width:100%;margin:0}.fx-workspace .fx-periods .btn{flex:1;padding:7px 6px}.fx-source-tag{display:none}.fx-panel-heading{gap:8px}.fx-workspace h2{font-size:15px}.fx-calendar .fx-panel-heading h2{font-size:14px}.fx-conversion{padding:6px}.fx-workspace{--fx-number-size:30px}.fx-dates>div{padding:11px}.fx-grid{gap:10px}.fx-rate-card{padding:14px}.fx-sparkline svg{height:110px}.fx-card-value>strong{font-size:23px}}

.fx-order-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 16px;padding:10px 12px;background:var(--accent-soft);border:1px solid var(--line);border-radius:8px;color:var(--accent);font-size:11px;line-height:1.7}
.fx-order-control p{margin:0}.fx-order-control .btn{font-size:10px;white-space:nowrap}
.fx-drag-handle{position:absolute;left:9px;top:11px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--subtle);color:var(--muted);cursor:grab;touch-action:none;z-index:1;padding:0}
.fx-reorder-enabled .fx-rate-card h3{padding-left:30px}.fx-reorder-enabled .fx-rate-card{transition:border-color .12s}
.fx-rate-card.fx-dragging{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);opacity:.65}
.fx-is-dragging,.fx-is-dragging *{cursor:grabbing!important;user-select:none}
@media(max-width:480px){.fx-order-control{align-items:flex-start;flex-wrap:wrap}}
/* Two-level utility taxonomy. Existing category colours and card styles remain shared. */
.sidebar-subcategories{padding:2px 0 8px 18px;margin:0 6px 4px 16px;border-left:1px solid var(--line)}
.sidebar-subcategory{display:flex;justify-content:space-between;gap:8px;padding:6px 7px;color:var(--muted);font-size:11px;border-radius:5px;line-height:1.6}
.sidebar-subcategory span{font-size:9px;opacity:.8}.sidebar-subcategory:hover,.sidebar-subcategory.active{color:var(--accent);background:var(--accent-soft)}
.tool-breadcrumb-divider{font-size:11px;color:var(--muted);margin:0 8px}
.reference-skin .library-toolbar #tool-subcategory{width:180px;min-width:135px;background-color:var(--subtle);background-position:right 11px center;padding-right:30px;text-overflow:ellipsis}
.subcategory-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 19px;margin-top:-4px}
.subcategory-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:var(--surface);font-size:11px}
.subcategory-tab span{font-size:9px}.subcategory-tab[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.directory-subgroup{min-width:0}.directory-subgroup h4{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:3px 0 10px;padding:0 3px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.5}
.directory-subgroup h4 a:hover{color:var(--accent)}.subgroup-count{font-size:9px;opacity:.75}.directory-subgroup-cards{display:flex;flex-direction:column;gap:11px}
.list-view .directory-subgroup{margin-bottom:18px}.list-view .directory-subgroup h4{padding:8px 12px;background:var(--subtle);border-radius:6px;margin-bottom:0}
.list-view .directory-subgroup-cards{display:block}.reference-skin #tools-grid[data-category-board=true] .directory-column{margin-bottom:25px}
@media(max-width:1100px){.reference-skin .library-toolbar{flex-wrap:wrap}.reference-skin .library-toolbar .search-box{flex-basis:calc(100% - 370px)}.reference-skin .library-toolbar #tool-subcategory{flex:1 1 160px}}
@media(max-width:600px){.reference-skin .library-toolbar .search-box{flex-basis:100%}.reference-skin .library-toolbar #tool-subcategory{width:auto;flex:1;min-width:110px}.subcategory-tabs{gap:6px}.subcategory-tab{padding:7px 9px;font-size:10px}}
.admin-design{max-width:950px}.admin-design form>h2{font-size:17px;font-weight:550;margin-bottom:12px}.admin-design .tool-note{margin:0 0 22px}
.admin-design form>label{max-width:480px}.design-applied{font-size:11px;color:var(--muted);margin:12px 0 20px}
.design-preview{border:1px solid var(--line);border-radius:11px;background:var(--subtle);padding:30px;color:var(--ink)}
.design-preview>small{font-size:9px;color:var(--muted);letter-spacing:.1em}.design-preview h3{font-size:26px;font-weight:600;margin:14px 0 16px;line-height:1.5}
.design-preview p{font-size:15px;line-height:1.9}.design-preview>strong{display:block;font-size:33px;font-weight:600;color:var(--accent);margin:20px 0;letter-spacing:-.03em}
.design-preview>div{display:flex;gap:10px;flex-wrap:wrap}.design-preview>div>span{padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:12px}
.design-font-status{font-size:11px;color:var(--muted);min-height:20px;margin:12px 0 20px}.design-actions{display:flex;gap:9px;flex-wrap:wrap}.admin-design .form-error{margin:12px 0}
@media(max-width:600px){.design-preview{padding:20px}.design-preview h3{font-size:21px}.design-preview>strong{font-size:27px}}
/* Civil-service salary lookup and same-grade annual comparisons. */
.civil-pay-workspace{min-width:0;padding-bottom:20px;color:var(--ink)}
.civil-panel{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--card-shadow);min-width:0;margin-bottom:20px}
.civil-panel>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.civil-panel h2{font-size:16px;font-weight:600;line-height:1.6;margin:0}.civil-panel>header p{color:var(--muted);font-size:11px;margin-top:5px;line-height:1.7}
.civil-provider{font-size:10px;color:var(--accent);background:var(--accent-soft);padding:7px 10px;border-radius:6px;white-space:nowrap}
.civil-filter-fields{display:grid;grid-template-columns:minmax(180px,1.45fr) minmax(110px,.75fr) minmax(160px,1fr) minmax(110px,.75fr);gap:12px}
.civil-filter-fields label{min-width:0;font-size:11px}.reference-skin .civil-filter-fields select{font-size:12px;min-width:0;text-overflow:ellipsis;padding-right:28px}
.civil-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:18px}.civil-actions .btn{font-size:11px}.civil-unit{color:var(--muted);font-size:10px;margin-left:auto}
.civil-load-status{padding:20px 0 0;font-size:12px;color:var(--muted)}.civil-load-error{padding:16px 0 0;font-size:12px;color:var(--muted)}.civil-load-error p{margin-bottom:12px}
.civil-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.civil-summary>div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0}
.civil-summary>div>span{font-size:11px;color:var(--muted)}.civil-summary strong{display:block;color:var(--accent);font-size:calc(clamp(23px,2.1vw,32px) - 5px);font-weight:600;letter-spacing:-.04em;line-height:1.5;margin:8px 0 4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.civil-summary strong small{font-size:12px;font-weight:400;margin-left:7px;letter-spacing:0}.civil-summary p{font-size:10px;color:var(--muted);line-height:1.7}
.civil-table-count{font-size:10px;color:var(--muted);white-space:nowrap}.civil-click-help,.civil-trend-help{color:var(--muted);font-size:11px;line-height:1.8;margin:-8px 0 16px}
.civil-table-wrap{max-width:100%;overflow:auto;max-height:650px;border:1px solid var(--line);border-radius:9px;scrollbar-color:var(--line) transparent;scrollbar-width:thin}
.reference-skin .civil-pay-table{width:100%;border-collapse:separate;border-spacing:0;margin:0;font-size:12px}
.reference-skin .civil-pay-table th,.reference-skin .civil-pay-table td{padding:0;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;background:var(--surface);font-variant-numeric:tabular-nums}
.reference-skin .civil-pay-table thead th{position:sticky;top:0;z-index:3;background:var(--subtle);color:var(--muted);font-size:11px;font-weight:500;padding:12px 11px;text-align:center;white-space:normal;word-break:keep-all;min-width:112px}
.reference-skin .civil-pay-table th:first-child{position:sticky;left:0;z-index:2;min-width:64px;text-align:center;padding:10px;background:var(--subtle);font-size:11px;color:var(--muted);font-weight:500}
.reference-skin .civil-pay-table thead th:first-child{z-index:4}
.reference-skin .civil-pay-table th:last-child,.reference-skin .civil-pay-table td:last-child{border-right:0}.reference-skin .civil-pay-table tr:last-child th,.reference-skin .civil-pay-table tr:last-child td{border-bottom:0}
.civil-pay-table button{display:block;width:100%;border:1px solid transparent;border-radius:0;padding:10px 12px;color:var(--ink);background:transparent;text-align:right;font:inherit;min-height:39px}
.civil-pay-table button:hover{background:var(--subtle);color:var(--accent)}.civil-pay-table button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}
.civil-pay-table button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.civil-unavailable{display:block;padding:10px 16px;text-align:right;color:var(--muted);opacity:.55}
.civil-official-notes{margin-top:16px;font-size:11px;color:var(--muted);line-height:1.9}.civil-official-notes summary{cursor:pointer;width:fit-content}.civil-official-notes p{margin:9px 0;white-space:pre-line;word-break:keep-all}
.civil-trend-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:24px;align-items:center}
.civil-trend-chart{width:100%;height:auto;display:block;color:var(--accent)}.civil-chart-axis{stroke:var(--line);stroke-width:1}.civil-chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.civil-chart-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.civil-trend-chart circle{fill:var(--surface);stroke:var(--accent);stroke-width:2}.civil-trend-chart .civil-chart-current{fill:var(--accent)}.civil-trend-chart text{fill:var(--muted);font:11px var(--font)}
.civil-chart-range{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);padding:8px 5px 0}
.civil-trend-table{overflow:auto;border:1px solid var(--line);border-radius:8px}.reference-skin .civil-trend-table table{width:100%;border-collapse:collapse;font-size:11px;margin:0}.reference-skin .civil-trend-table th,.reference-skin .civil-trend-table td{white-space:nowrap;padding:10px;border:0;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.reference-skin .civil-trend-table thead th{background:var(--subtle);font-weight:500;color:var(--muted);font-size:10px}.reference-skin .civil-trend-table tr:last-child td,.reference-skin .civil-trend-table tr:last-child th{border-bottom:0}.civil-current-year{background:var(--accent-soft)}
.civil-pay-workspace .civil-up{color:#d94f56}.civil-pay-workspace .civil-down{color:#4d7feb}.civil-pay-workspace .civil-flat{color:var(--muted)}
html[data-theme=dark] .civil-pay-workspace .civil-up{color:#f17c80}html[data-theme=dark] .civil-pay-workspace .civil-down{color:#80a5ff}
.civil-source{font-size:10px;color:var(--muted);line-height:1.9;padding:0 3px}.civil-source p{margin:5px 0}.civil-source a{color:var(--accent)}.civil-empty{padding:20px;text-align:center;color:var(--muted);font-size:12px}
.civil-pay-workspace [hidden]{display:none!important}
.lottery-workspace{padding:24px;display:grid;gap:20px;min-width:0}.lottery-workspace :is(h2,h3,h4){margin:0}.lottery-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.lottery-header h2{font-size:18px}.lottery-header p{font-size:12px;margin-top:7px}.lottery-header>a{font-size:11px;white-space:nowrap}.lottery-data-status{font-size:11px;line-height:1.9}.lottery-workspace [data-lottery-body]{display:grid;gap:20px}.lottery-workspace [role=tabpanel]{display:grid;gap:20px;min-width:0}.lottery-workspace .panel{min-width:0}.lottery-workspace .panel h3{font-size:15px}.lottery-workspace .panel h4{font-size:12px}.lottery-workspace .field-help{margin-top:10px;line-height:1.9}.lottery-workspace [hidden]{display:none!important}
.lottery-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;overflow-x:auto}.lottery-tabs button{flex:1;padding:12px 18px;border-radius:7px;border:1px solid var(--line);color:var(--muted);font-weight:600;font-size:12px;white-space:nowrap}.lottery-tabs [aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.lottery-workspace .lottery-range{padding:18px 20px}.lottery-range form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.lottery-range label:has(input[type=number]){flex:0 1 135px}.lottery-range .checkbox-label{font-size:11px;align-self:center;margin-left:auto}.lottery-presets{display:flex;gap:6px;flex-wrap:wrap;align-self:center}.lottery-presets .btn{padding:7px 10px}
.lottery-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.lottery-metrics>div{border:1px solid var(--line);background:var(--subtle);border-radius:8px;padding:17px;min-width:0}.lottery-metrics span{font-size:10px;color:var(--muted);display:block;margin-bottom:8px}.lottery-metrics strong{font-size:17px;font-variant-numeric:tabular-nums;line-height:1.4;display:block;overflow-wrap:normal;white-space:nowrap}.lottery-workspace .lottery-metrics strong{font-size:calc(clamp(15px,1.55vw,23px) - 5px)}
.lottery-balls{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.lottery-ball{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--ink);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0;border:1px solid var(--line)}.lottery-ball-0{background:#f7d576;color:#514114;border-color:#dfbf61}.lottery-ball-1{background:#8ac9e8;color:#173d52;border-color:#71afce}.lottery-ball-2{background:#ec9b9f;color:#5b2226;border-color:#d38488}.lottery-ball-3{background:#c3c8d1;color:#343c4a;border-color:#a8b1c0}.lottery-ball-4{background:#b5d794;color:#30471c;border-color:#9bbd79}.lottery-bonus{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.lottery-plus{font-size:16px;color:var(--muted)}
.lottery-frequency-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.lottery-frequency-top h4{margin-bottom:15px}.lottery-frequency-top section>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.lottery-frequency-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.lottery-frequency-item strong{font-size:12px}.lottery-frequency-item small{font-size:9px;color:var(--muted);line-height:1.7}.lottery-all-statistics{margin-top:23px;padding-top:16px;border-top:1px solid var(--line)}.lottery-all-statistics>summary{cursor:pointer;color:var(--accent);font-size:12px}.lottery-frequency-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin-top:18px}.lottery-frequency-grid>div{border:1px solid var(--line);border-radius:7px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.lottery-frequency-grid strong{font-size:12px}.lottery-frequency-grid small{font-size:9px;color:var(--muted)}.lottery-frequency-bar{display:block;background:var(--accent-soft);height:4px;width:100%;border-radius:4px;overflow:hidden;margin-top:5px}.lottery-frequency-bar:after{content:'';display:block;height:100%;width:var(--lottery-frequency);background:var(--accent)}
.lottery-section-heading{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:17px}.lottery-section-heading>label{display:flex;flex-direction:row;align-items:center;font-size:10px;white-space:nowrap}.lottery-section-heading>label select{width:85px;padding-top:8px;padding-bottom:8px}.lottery-section-heading form{display:flex;align-items:flex-end;gap:9px}.lottery-section-heading form label{width:120px;font-size:10px}.lottery-workspace .table-wrap{overflow:auto;max-width:100%;border-color:var(--line)}.lottery-workspace table{width:100%;border-collapse:collapse;margin:0;font-size:11px}.lottery-workspace :is(th,td){padding:12px;border-color:var(--line);overflow-wrap:normal}.lottery-workspace th{font-weight:500}.lottery-workspace td{font-variant-numeric:tabular-nums}.lottery-history-table{min-width:900px}.lottery-history-table .lottery-ball{width:27px;height:27px;font-size:11px}.lottery-selected{background:var(--accent-soft)}.lottery-workspace .lottery-prize-table{min-width:730px}.lottery-prize-table :is(th,td){white-space:nowrap}.lottery-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:17px}.lottery-pagination>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:60px;text-align:center}.lottery-draw-balls{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.lottery-draw-balls>strong{font-size:18px}.lottery-draw-balls>.muted{font-size:11px}.lottery-draw-balls .lottery-balls{margin-left:auto}.lottery-detail-actions{display:flex;align-items:center;gap:15px;margin-top:18px;font-size:11px}
.lottery-generator{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:20px}.lottery-generation-form{display:grid;gap:17px;margin-top:20px}.lottery-input-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lottery-workspace .tool-note{margin:0;font-size:11px;line-height:1.9}.lottery-generation-form .checkbox-label{font-size:11px;font-weight:400}.lottery-generation-form .run-row{margin-top:3px}.lottery-fairness{font-size:11px;color:var(--muted);line-height:1.9;border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.lottery-export{display:flex;gap:7px;flex-wrap:wrap}.lottery-generation-context{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:18px}.lottery-generated-row{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--subtle);margin-top:12px}.lottery-generated-row header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.lottery-generated-row header strong{font-size:12px}.lottery-generated-row p{margin-top:13px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.lottery-checker form{display:flex;align-items:flex-end;gap:12px;margin:18px 0}.lottery-checker form label:first-child{flex:1}.lottery-checker form label:nth-child(2){flex:0 1 140px}.lottery-checker [role=status]{font-size:12px;color:var(--accent);line-height:1.9}
.lottery-store-filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:22px 0}.lottery-store-filters label{flex:1 1 140px;min-width:0}.lottery-store-filters label:has(input){flex:2 1 250px}.lottery-top-heading{margin:22px 0 14px!important}.lottery-top-stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.lottery-top-stores article{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:7px;min-width:0}.lottery-store-position{background:var(--accent-soft);color:var(--accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;width:28px;height:28px;flex-shrink:0}.lottery-top-stores article>div{min-width:0;flex:1}.lottery-top-stores strong{font-size:12px}.lottery-top-stores small{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.lottery-top-stores p{text-align:right;white-space:nowrap;font-size:14px}.lottery-workspace .lottery-store-table{min-width:780px}.lottery-store-table td:not(:nth-child(5)){white-space:nowrap}.lottery-store-table td:nth-child(5){min-width:230px}
@media(max-width:1100px){.lottery-workspace .lottery-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lottery-workspace .lottery-metrics strong{font-size:17px}.lottery-frequency-top{grid-template-columns:1fr}.lottery-generator{grid-template-columns:1fr}.lottery-frequency-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.lottery-range .checkbox-label{margin-left:0}.lottery-top-stores{grid-template-columns:1fr}}
@media(max-width:600px){.lottery-workspace{padding:16px;gap:16px}.lottery-header{align-items:flex-start;flex-direction:column;gap:10px}.lottery-header h2{font-size:16px}.lottery-header p{font-size:11px}.lottery-workspace .panel{padding:18px}.lottery-tabs{gap:5px}.lottery-tabs button{padding:10px 11px;font-size:11px}.lottery-range form{gap:10px}.lottery-range label:has(input[type=number]){flex:1 1 calc(50% - 10px)}.lottery-range form>button{width:100%}.lottery-presets{width:100%}.lottery-range .checkbox-label{margin-top:6px}.lottery-workspace .lottery-metrics{grid-template-columns:minmax(0,1fr);gap:9px}.lottery-workspace .lottery-metrics strong{font-size:18px}.lottery-metrics>div{padding:14px 16px}.lottery-frequency-top section>div{gap:4px}.lottery-frequency-item .lottery-ball{width:29px;height:29px;font-size:11px}.lottery-frequency-item small{font-size:8px}.lottery-frequency-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.lottery-frequency-grid>div{padding:10px 5px}.lottery-frequency-grid .lottery-ball{width:28px;height:28px;font-size:11px}.lottery-draw-balls .lottery-balls{width:100%;margin-left:0;gap:5px}.lottery-ball{width:30px;height:30px;font-size:12px}.lottery-generated-row{padding:13px}.lottery-generated-row .lottery-balls{gap:5px}.lottery-generated-row header{align-items:flex-start}.lottery-generated-row header .btn{font-size:9px;padding:5px 7px}.lottery-checker form{flex-wrap:wrap}.lottery-checker form label:first-child{flex-basis:100%}.lottery-checker form label:nth-child(2){flex:1}.lottery-detail-actions{flex-wrap:wrap;gap:10px}.lottery-pagination{gap:5px}.lottery-pagination .btn{padding:6px 8px;font-size:9px}.lottery-store-filters{gap:10px}.lottery-store-filters label{flex-basis:calc(50% - 5px)}.lottery-store-filters label:has(input){flex-basis:100%}.lottery-store-filters>button{width:100%}.lottery-top-stores article{gap:9px;padding:12px}.lottery-top-stores p{font-size:12px}}
.employment-living-workspace .tool-result .table-wrap{max-width:100%;overflow-x:auto}.employment-living-workspace .tool-result table{min-width:590px}.employment-living-workspace .tool-result td{overflow-wrap:normal}.employment-living-workspace .tool-result :is(th,td):nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}.employment-living-workspace[data-calculator=social-insurance] .tool-result table{min-width:720px}.employment-living-workspace[data-calculator=social-insurance] .tool-result :is(th,td):nth-child(-n+4){white-space:nowrap}.employment-living-workspace[data-calculator=social-insurance] .tool-result :is(th,td):is(:nth-child(3),:nth-child(4)){text-align:right;font-variant-numeric:tabular-nums}.employment-living-workspace[data-calculator=electricity-progressive] .tool-result td{white-space:nowrap}.employment-living-workspace[data-calculator=pyeong-area] .tool-result table{min-width:0}
@media(max-width:600px){.reference-skin .employment-living-workspace .tool-result .result-list{grid-template-columns:minmax(0,1fr)}.employment-living-workspace .tool-result .result-stat strong{white-space:nowrap;overflow-wrap:normal;font-size:calc(clamp(20px,6vw,28px) - 5px)}}
.admin-tool-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.admin-tool-filters>label{flex:1 1 170px;min-width:0}.admin-tool-filters>.admin-tool-search{flex:2 1 250px}.admin-tool-filters>.btn{min-height:43px}.admin-tool-count{margin-bottom:15px;font-size:12px}.admin-tool-table.panel{padding:0}.admin-tool-actions{display:flex;align-items:center;gap:8px}.admin-civil-status{font-size:10px;white-space:normal;max-width:340px;margin-top:8px}.admin-tool-table .form-error{white-space:normal;max-width:340px;font-size:11px}.admin-tool-table td{vertical-align:middle}.admin-tool-table [data-admin-tool=civil-service-pay] td:last-child{min-width:260px}
.admin-tool-table table{min-width:850px;width:100%}.admin-tool-table th,.admin-tool-table td{white-space:nowrap}
@media(max-width:600px){.admin-tool-filters{gap:10px}.admin-tool-filters>label{flex-basis:calc(50% - 5px)}.admin-tool-filters>.admin-tool-search{flex-basis:100%}.admin-tool-filters>.btn{width:100%}}
@media(max-width:1100px){.civil-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.civil-trend-body{grid-template-columns:1fr}.civil-summary>div{padding:8px}.civil-summary strong{font-size:20px}}
@media(max-width:600px){.civil-panel{padding:17px}.civil-panel>header{align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}.civil-provider{font-size:9px}.civil-summary{grid-template-columns:1fr;gap:10px}.civil-summary>div{padding:6px 8px}.civil-summary strong{font-size:24px}.civil-filter-fields{gap:10px}.civil-unit{width:100%;margin:3px 0 0}.civil-actions .btn{font-size:10px;padding:9px 11px}.civil-trend-body{gap:18px}.civil-chart-range{font-size:9px}.reference-skin .civil-trend-table th,.reference-skin .civil-trend-table td{padding:9px 7px;font-size:10px}}

/* Keep table titles bold and centered across shared and page-specific table styles. */
.reference-skin :is(th,[role=columnheader],[role=rowheader]),.reference-skin :is(th,[role=columnheader],[role=rowheader]) :is(button,a,span){font-weight:700!important;text-align:center!important}

/* Keep IP identifiers intact; wide lookup tables scroll inside their result panel. */
.ip-workspace>.panel{min-width:0}
.ip-workspace>.ip-input-column{min-width:0;align-self:start}.ip-input-column>.ip-search-panel{margin:0}.ip-input-column>.ip-detail-grid{margin:20px 0 0}
.ip-workspace .table-wrap table{min-width:700px}
.ip-workspace .table-wrap td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums}
body.reference-skin #main .ip-results-panel .table-wrap :is(td,th){text-align:center}
.ip-map-radius-label{position:absolute;z-index:800;left:50%;top:10px;transform:translateX(-50%);padding:5px 9px;border-radius:6px;background:#fff;color:#4b583b;border:1px solid #c8d2cb;font-size:10px;white-space:nowrap;pointer-events:none}
.ip-map .google-map-link,.ip-map .ip-map-link{z-index:800;bottom:26px}
.ip-map{position:relative;overflow:hidden}.ip-map-canvas{height:100%;width:100%}