/* All styles are scoped to the tool site, including controls. */
.jn-bar,.jn-hero,.jn-home-grid,.jn-section-title{display:none!important}
body.jt-managed>.page_body,body.jt-managed>.centered,body.jt-managed>.content,body.jt-managed .skip-navigation{display:none!important}
body.jt-managed{margin:0!important;background:var(--jt-bg,#f7f9fc)!important;color:#17233b!important}
body.jt-managed>:not(#jt-app):not(script):not(style){display:none!important}
#jt-app{--ink:#17233b;--muted:#62718a;--line:#dce3ed;--blue:#245cdd;--soft:var(--soft,#edf3ff);--green:#087d69;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;color:var(--ink);text-align:left;letter-spacing:-.025em;position:relative;z-index:25;background:var(--jt-bg,#f7f9fc);min-height:100vh}
#jt-app *{box-sizing:border-box}#jt-app [hidden]{display:none!important}#jt-app a{color:var(--blue);text-decoration:none}#jt-app h1,#jt-app h2,#jt-app h3{color:var(--ink)!important;line-height:1.3;letter-spacing:-.04em}#jt-app h1{font-size:clamp(28px,4vw,42px);margin:10px 0}#jt-app h2{font-size:24px;margin:0 0 8px}#jt-app h3{font-size:19px;margin:0 0 6px}#jt-app p{margin:8px 0;color:var(--muted)}#jt-app button,#jt-app input,#jt-app textarea,#jt-app select{font:inherit;color:inherit;letter-spacing:inherit}#jt-app button,#jt-app a{touch-action:manipulation}
#jt-app button{cursor:pointer;border:1px solid var(--line);background:var(--jt-surface,#fff);padding:10px 16px;border-radius:10px;line-height:1.35;font-weight:650}#jt-app button:hover{background:var(--jt-hover,#f0f4fb)}#jt-app :focus-visible{outline:3px solid #80aaff;outline-offset:3px}#jt-app button:disabled,#jt-app .jt-disabled{opacity:.5;cursor:default;pointer-events:none}#jt-app .jt-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff!important;background:var(--blue);border:1px solid var(--blue);padding:13px 22px;border-radius:12px;font-weight:750;min-height:48px}#jt-app .jt-primary:hover{background:#1949b5}#jt-app .jt-save{background:var(--green);border-color:var(--green)}#jt-app .jt-save:hover{background:#066855}
#jt-app .jt-header{background:var(--jt-surface,#fff);border-bottom:1px solid var(--line)}#jt-app .jt-nav{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 24px}#jt-app .jt-brand{font-size:19px;font-weight:850;letter-spacing:-.04em;color:var(--ink);display:flex;gap:10px;align-items:center}#jt-app .jt-brand-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--blue);border-radius:9px;color:white;font-size:20px}#jt-app .jt-nav-links{display:flex;gap:8px;flex-wrap:wrap}#jt-app .jt-nav-links a{font-size:14px;color:var(--muted,#52627c);font-weight:650;padding:8px 12px;border-radius:9px}#jt-app .jt-nav-links a[aria-current]{color:var(--blue);background:var(--soft)}#jt-app .jt-main{max-width:1200px;margin:0 auto;padding:32px 24px 60px}#jt-app .jt-hero{text-align:center;padding:30px 0 35px}#jt-app .jt-eyebrow{font-size:13px;font-weight:750;color:var(--blue);letter-spacing:.06em}#jt-app .jt-hero p{font-size:18px;max-width:680px;margin:14px auto 25px}#jt-app .jt-search{position:relative;max-width:650px;margin:0 auto}#jt-app .jt-search input{padding:17px 20px;width:100%;border:1px solid var(--line,#cad6e9);border-radius:15px;background:var(--jt-surface,#fff);box-shadow:0 7px 25px #203b6108;font-size:17px}#jt-app .jt-trust{font-size:13px!important;color:var(--muted);margin-top:16px!important}#jt-app .jt-filters{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:0 0 30px}#jt-app .jt-filters button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}
#jt-app .jt-category{margin:30px 0}#jt-app .jt-category-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#jt-app .jt-category-head p{font-size:14px}#jt-app .jt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#jt-app .jt-card{display:flex;gap:16px;align-items:flex-start;background:var(--jt-surface,#fff);border:1px solid var(--line);border-radius:16px;padding:23px;color:var(--ink);transition:border-color .15s,box-shadow .15s}#jt-app .jt-card:hover{border-color:#96b3ef;box-shadow:0 7px 23px #1b4aa50b}#jt-app .jt-icon{width:44px;height:44px;flex:none;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--blue)}#jt-app .jt-icon svg{width:24px;height:24px}#jt-app .jt-card strong{display:block;font-size:17px;font-weight:750;margin:1px 0 8px}#jt-app .jt-card span{display:block;font-size:14px;color:var(--muted);line-height:1.65}#jt-app .jt-card small{display:block;color:var(--blue);font-size:12px;margin-top:13px}#jt-app .jt-empty{padding:55px 20px;text-align:center;border:1px dashed var(--line);border-radius:14px;background:var(--jt-surface,#fff)}
#jt-app .jt-breadcrumb{font-size:14px;margin-bottom:20px;color:var(--muted);display:flex;gap:10px}#jt-app .jt-tool-head{margin-bottom:23px}#jt-app .jt-tool-head p{font-size:17px;max-width:850px}#jt-app .jt-steps{display:flex;padding:0;list-style:none;gap:14px;margin:25px 0;flex-wrap:wrap}#jt-app .jt-steps li{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px}#jt-app .jt-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--jt-preview,#e5ebf5);color:var(--muted,#48617e);font-size:13px}#jt-app .jt-steps li.jt-current{color:var(--blue);font-weight:700}#jt-app .jt-steps li.jt-current b{background:var(--blue);color:#fff}
#jt-app .jt-panel{background:var(--jt-surface,#fff);border:1px solid var(--line);border-radius:17px;padding:24px;margin-bottom:18px}#jt-app .jt-upload{border:2px dashed #c6d4eb;border-radius:15px;background:var(--jt-raised,#f6f9ff);min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:26px;gap:8px;margin-bottom:18px}#jt-app .jt-upload.jt-over{border-color:var(--blue);background:var(--soft,#eaf1ff)}#jt-app .jt-upload svg{width:28px;height:28px;color:var(--blue)}#jt-app .jt-upload strong{font-size:19px}#jt-app .jt-upload p{font-size:14px;margin:0}#jt-app .jt-upload label{cursor:pointer}#jt-app .jt-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}#jt-app .jt-upload:focus-within{outline:3px solid #80aaff;outline-offset:3px}#jt-app .jt-file-meta{background:var(--soft,#eff5ff);border-radius:10px;padding:12px 16px;margin-bottom:16px;font-size:14px;overflow-wrap:anywhere}#jt-app .jt-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}#jt-app .jt-controls{padding:22px;background:var(--jt-surface,#fff);border:1px solid var(--line);border-radius:16px}#jt-app fieldset{border:0;padding:0;margin:0;min-width:0}#jt-app fieldset:disabled{opacity:.55}#jt-app .jt-field{display:grid;gap:7px;margin:0 0 16px;font-size:14px;font-weight:650}#jt-app input:not([type=checkbox]):not([type=range]):not([type=file]):not([type=color]),#jt-app textarea,#jt-app select{width:100%;padding:11px 12px;border:1px solid var(--line,#ccd7e5);border-radius:9px;background:var(--jt-surface,#fff);color:var(--ink)}#jt-app textarea{resize:vertical;min-height:130px;line-height:1.6}#jt-app input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer}#jt-app input[type=color]{width:100%;height:40px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--jt-surface,#fff)}#jt-app input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px}#jt-app .jt-check{display:flex;align-items:center;gap:8px;font-size:14px;margin:9px 0 15px;cursor:pointer}#jt-app .jt-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#jt-app .jt-row>.jt-field{flex:1;min-width:90px}#jt-app .jt-preset{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 16px}#jt-app .jt-preset button{font-size:12px;padding:7px 10px}#jt-app .jt-help{font-size:13px!important;line-height:1.65;color:var(--muted)!important}#jt-app .jt-status{padding:11px 14px;border-radius:10px;background:#edf4ff;color:#31517c;font-size:14px;margin:14px 0;overflow-wrap:anywhere;white-space:pre-wrap}#jt-app .jt-status:empty{display:none}#jt-app .jt-error{background:#fff0ef!important;color:#a32c25!important}#jt-app .jt-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:18px 0 5px}#jt-app .jt-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#jt-app .jt-preview-box{background:var(--jt-surface,#fff);border:1px solid var(--line);border-radius:14px;padding:15px;min-width:0}#jt-app .jt-preview-box h3{font-size:14px!important;margin-bottom:10px}#jt-app .jt-image-view{height:290px;display:flex;align-items:center;justify-content:center;overflow:auto;background-color:#f0f3f8;background-image:linear-gradient(45deg,#e0e6ee 25%,transparent 25%),linear-gradient(-45deg,#e0e6ee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e6ee 75%),linear-gradient(-45deg,transparent 75%,#e0e6ee 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border-radius:9px}#jt-app .jt-image-view img{max-width:100%;max-height:100%;object-fit:contain;display:block}#jt-app .jt-image-view.jt-full{display:block}#jt-app .jt-image-view.jt-full img{max-width:none;max-height:none}#jt-app .jt-preview-meta{font-size:13px;color:var(--muted);padding-top:10px}#jt-app .jt-placeholder{padding:35px;text-align:center;color:var(--muted);font-size:14px;line-height:1.8}#jt-app .jt-stage-wrap{padding:16px;background:#eaf0f8;border-radius:14px;min-height:320px;display:grid;place-items:center;border:1px solid var(--line)}#jt-app .jt-stage{position:relative;max-width:100%;width:100%;touch-action:none}#jt-app .jt-stage canvas{display:block;width:100%;height:auto;border-radius:4px;touch-action:none;cursor:move;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%);box-shadow:0 3px 15px #17233b10}#jt-app .jt-inline-editor{position:absolute;transform:translate(-50%,-50%);min-height:60px!important;width:70%!important;background:#fff!important;box-shadow:0 3px 20px #1113;z-index:2;text-align:center;border:2px solid var(--blue)!important;resize:none!important}#jt-app .jt-wm-text{min-height:80px!important}#jt-app .jt-result-box{padding:23px;border:1px solid var(--line,#c9d9ed);border-radius:13px;background:var(--jt-raised,#f6f9ff);overflow-wrap:anywhere;white-space:pre-wrap;min-height:76px}#jt-app .jt-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#jt-app .jt-text-grid textarea{min-height:280px}#jt-app .jt-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:14px!important;letter-spacing:0!important}#jt-app .jt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}#jt-app .jt-stat{background:var(--jt-raised,#f2f6fc);border-radius:12px;padding:18px;text-align:center}#jt-app .jt-stat b{display:block;font-size:28px;color:var(--blue)}#jt-app .jt-stat span{font-size:13px;color:var(--muted)}#jt-app .jt-password{font-size:clamp(20px,3vw,28px)!important;letter-spacing:.02em!important;min-height:70px;text-align:center}
#jt-app .jt-files{display:grid;gap:12px}#jt-app .jt-file-card{display:grid;grid-template-columns:85px minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid var(--line);padding:15px;border-radius:12px;background:var(--jt-surface,#fff)}#jt-app .jt-file-card[draggable=true]{cursor:grab}#jt-app .jt-thumb{width:100%;height:145px;display:flex;align-items:center;justify-content:center;background:var(--jt-preview,#eef2f7);border-radius:7px;overflow:hidden}#jt-app .jt-file-card .jt-thumb{height:85px}#jt-app .jt-thumb canvas,#jt-app .jt-thumb img{max-width:85%;max-height:85%;object-fit:contain;box-shadow:0 1px 5px #0002}#jt-app .jt-file-name{font-weight:700;overflow-wrap:anywhere;font-size:15px}#jt-app .jt-file-buttons{display:flex;gap:6px}#jt-app .jt-file-buttons button{font-size:12px;padding:8px 10px}#jt-app .jt-pages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:15px 0}#jt-app .jt-page{border:2px solid var(--line);border-radius:12px;padding:10px;background:var(--jt-surface,#fff);position:relative}#jt-app .jt-page.jt-selected{border-color:var(--blue);background:var(--soft,#f0f5ff)}#jt-app .jt-page label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;margin-top:9px;cursor:pointer}#jt-app .jt-page button{font-size:12px;padding:6px 8px}#jt-app .jt-page .jt-row{justify-content:center;margin-top:8px}#jt-app .jt-table-wrap{overflow:auto;max-height:300px;border:1px solid var(--line);border-radius:10px;margin:15px 0}#jt-app table{border-collapse:collapse;width:100%;font-size:13px}#jt-app td,#jt-app th{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:pre-wrap;min-width:90px}#jt-app th{background:var(--soft,#edf3ff);position:sticky;top:0}#jt-app .jt-howto{margin-top:30px}#jt-app .jt-howto ol{padding-left:23px;color:var(--muted);line-height:1.9}#jt-app details{margin:16px 0;border-top:1px solid var(--line);padding-top:14px}#jt-app summary{cursor:pointer;font-weight:650;font-size:14px}#jt-app .jt-related{margin-top:35px}#jt-app .jt-footer{border-top:1px solid var(--line);background:var(--jt-surface,#fff);padding:25px 24px;color:var(--muted);font-size:13px}#jt-app .jt-footer-inner{max-width:1152px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}#jt-app .jt-footer a{margin-right:16px;color:var(--muted)}
@media(max-width:950px){#jt-app .jt-layout{grid-template-columns:minmax(0,1fr) 270px}#jt-app .jt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#jt-app .jt-pages{grid-template-columns:repeat(4,minmax(0,1fr))}#jt-app .jt-image-view{height:230px}}
@media(max-width:720px){#jt-app .jt-nav{display:block;padding:16px 18px}#jt-app .jt-nav-links{margin-top:12px;gap:3px}#jt-app .jt-nav-links a{padding:7px 10px}#jt-app .jt-main{padding:25px 16px 40px}#jt-app .jt-layout,#jt-app .jt-text-grid{grid-template-columns:1fr}#jt-app .jt-controls{order:0}#jt-app .jt-preview-grid{gap:9px}#jt-app .jt-image-view{height:210px}#jt-app .jt-panel{padding:18px}#jt-app .jt-pages{grid-template-columns:repeat(3,minmax(0,1fr))}#jt-app .jt-hero{padding-top:15px}#jt-app .jt-file-card{grid-template-columns:65px minmax(0,1fr)}#jt-app .jt-file-buttons{grid-column:1/-1;justify-content:flex-end}#jt-app .jt-stats{grid-template-columns:repeat(2,1fr)}#jt-app .jt-stage-wrap{min-height:220px}}
@media(max-width:450px){#jt-app .jt-grid{grid-template-columns:1fr}#jt-app .jt-preview-grid{grid-template-columns:1fr}#jt-app .jt-image-view{height:220px}#jt-app .jt-pages{grid-template-columns:repeat(2,minmax(0,1fr))}#jt-app .jt-steps{gap:9px;font-size:12px}#jt-app .jt-steps li{font-size:12px}#jt-app .jt-category-head{display:block}}

#jt-app .jt-upload.jt-loaded{min-height:0;flex-direction:row;justify-content:flex-start;padding:12px 16px;border-width:1px;gap:15px}#jt-app .jt-upload.jt-loaded>strong,#jt-app .jt-upload.jt-loaded>svg,#jt-app .jt-upload.jt-loaded>p{display:none}#jt-app .jt-upload.jt-loaded .jt-primary{padding:9px 15px;min-height:40px}
#jt-app .jt-size-settings{border-bottom:1px solid var(--line);padding-bottom:10px;margin:18px 0}#jt-app .jt-size-settings h3{font-size:16px;margin-bottom:6px}#jt-app #jt-format-help,#jt-app #jt-quality-help{margin:-7px 0 18px}
#jt-app .jt-converter{padding:24px}#jt-app .jt-converter-settings{display:flex;align-items:center;gap:24px;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}#jt-app .jt-converter-settings .jt-field{width:340px;max-width:100%;flex:none;margin:0}#jt-app .jt-converter-settings select{appearance:none;-webkit-appearance:none;min-height:48px;padding-right:40px;background:var(--jt-surface,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%2362718a' fill='none' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center}#jt-app .jt-converter-settings p{font-size:14px;margin:24px 0 0}#jt-app .jt-converter .jt-text-grid{gap:24px;align-items:stretch}#jt-app .jt-editor-card{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--jt-surface,#fff);padding:20px}#jt-app .jt-editor-heading{display:flex;align-items:center;gap:10px}#jt-app .jt-editor-heading h2{font-size:18px;margin:0}#jt-app .jt-editor-number{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--soft);font-size:13px;font-weight:750;color:var(--blue)}#jt-app .jt-editor-help{font-size:13px;min-height:42px;line-height:1.5;margin:10px 0!important}#jt-app .jt-editor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:40px;margin:0 0 16px}#jt-app .jt-editor-actions button,#jt-app .jt-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid var(--line,#ccd7e5);border-radius:8px;background:var(--jt-surface,#fff);font-size:13px;font-weight:650;line-height:1.35;cursor:pointer;color:var(--ink)}#jt-app .jt-file-button:hover{background:var(--jt-hover,#f0f4fb)}#jt-app .jt-file-button{position:relative}#jt-app .jt-file-button input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}#jt-app .jt-file-button:focus-within{outline:3px solid #80aaff;outline-offset:3px}#jt-app .jt-editor-actions .jt-primary{background:var(--blue);color:#fff;border-color:var(--blue)}#jt-app .jt-editor-area{display:block}#jt-app .jt-editor-area textarea{display:block;height:300px;min-height:220px;padding:16px;line-height:1.65;font-weight:400;background:var(--jt-raised,#f9fbfe)}#jt-app .jt-output-card textarea{background:var(--jt-raised,#f4f7fc)}#jt-app .jt-converter .jt-status{margin:18px 0 0;padding:0;background:transparent;color:var(--muted);font-size:13px;min-height:21px}#jt-app .jt-converter .jt-status.jt-error{padding:12px;border-radius:9px}#jt-app .jt-converter #jt-table:not(:empty){border-top:1px solid var(--line);margin-top:22px;padding-top:20px}#jt-app .jt-converter #jt-table h3{font-size:16px}#jt-app .jt-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:720px){#jt-app .jt-converter{padding:16px}#jt-app .jt-converter-settings{display:block;margin-bottom:18px;padding-bottom:18px}#jt-app .jt-converter-settings .jt-field{width:100%}#jt-app .jt-converter-settings p{margin:10px 0 0}#jt-app .jt-converter .jt-text-grid{gap:16px}#jt-app .jt-editor-card{padding:16px}#jt-app .jt-editor-area textarea{height:220px}#jt-app .jt-editor-help{min-height:0}}
/* Shared form rhythm: visible controls, aligned labels, one primary action. */
#jt-app .jt-tool-head h1{font-size:clamp(27px,3vw,36px)}#jt-app .jt-tool-head p{font-size:16px}#jt-app .jt-row{align-items:flex-end;gap:16px}#jt-app .jt-row>.jt-field{margin-bottom:16px;min-width:150px}#jt-app select{appearance:none;-webkit-appearance:none;min-height:46px;padding-right:40px;background:var(--jt-surface,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%2362718a' fill='none' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center}#jt-app input:not([type=checkbox]):not([type=range]):not([type=file]):not([type=color]){min-height:46px}#jt-app button{min-height:42px}#jt-app .jt-controls h2{font-size:19px;margin-bottom:18px}#jt-app .jt-controls .jt-row{gap:10px}#jt-app .jt-controls .jt-row>.jt-field{min-width:90px}#jt-app .jt-controls .jt-preset{gap:6px;margin-bottom:14px}#jt-app .jt-controls .jt-preset button{min-height:36px}#jt-app .jt-howto h2,#jt-app .jt-related h2{font-size:20px}#jt-app .jt-howto ol{font-size:14px;line-height:1.9;margin-bottom:0}#jt-app details{border:0;padding:0}#jt-app summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--jt-bg,#f7f9fc);font-size:14px;cursor:pointer}#jt-app summary::-webkit-details-marker{display:none}#jt-app summary::after{content:'\FF0B';font-size:19px;font-weight:400;color:var(--blue)}#jt-app details[open]>summary::after{content:'\2212'}#jt-app details[open]>summary{margin-bottom:14px}#jt-app .jt-calculator{max-width:800px;margin-inline:auto;padding:28px}#jt-app .jt-calculator>h2{font-size:20px;margin-bottom:20px}#jt-app .jt-result-title{font-size:18px!important;padding-top:24px;border-top:1px solid var(--line);margin:24px 0 14px!important}#jt-app .jt-calculator>.jt-field{max-width:420px}#jt-app .jt-calculator .jt-result-box{font-size:24px;font-weight:700;line-height:1.5;padding:20px}#jt-app .jt-calculator .jt-status{padding:0;background:transparent;font-size:13px}#jt-app .jt-calculator .jt-status.jt-error{padding:12px}#jt-app .jt-character-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}#jt-app .jt-character-options .jt-check{margin:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--jt-raised,#f9fbfe)}#jt-app [data-unused]{display:none}#jt-app .jt-calculator label:has(#jt-password){max-width:none}#jt-app .jt-counter .jt-row{max-width:650px}#jt-app .jt-pdf-save h2{font-size:18px;margin-bottom:12px}#jt-app .jt-pdf-save .jt-actions{margin-top:12px}#jt-app #jt-pdf-options>.jt-row{margin:18px 0}#jt-app #jt-pdf-options .jt-files{margin-top:18px}#jt-app #jt-pdf-options>.jt-field{max-width:480px}#jt-app .jt-file-buttons button{min-height:36px}#jt-app .jt-pages .jt-row{gap:6px}#jt-app .jt-pages button{min-height:34px}#jt-app .jt-page label{min-height:34px}#jt-app .jt-editor-actions button{min-height:38px}
@media(max-width:720px){#jt-app .jt-calculator{padding:20px}#jt-app .jt-row{gap:12px}#jt-app .jt-calculator .jt-row>.jt-field{flex-basis:100%;margin-bottom:6px}#jt-app .jt-character-options{grid-template-columns:repeat(2,minmax(0,1fr))}#jt-app .jt-calculator .jt-result-box{font-size:20px}#jt-app .jt-steps{gap:12px}#jt-app .jt-steps li{font-size:12px}#jt-app .jt-counter .jt-row>.jt-field{min-width:140px}#jt-app #jt-pdf-options>.jt-row{align-items:stretch}#jt-app #jt-pdf-options>.jt-row>.jt-field{flex-basis:100%}#jt-app #jt-pdf-options>.jt-row>button{flex:1;min-width:140px}}
#jt-app .jt-tool-head{margin-bottom:18px}#jt-app .jt-breadcrumb{margin-bottom:14px}#jt-app .jt-tool-head .jt-steps{margin:18px 0}#jt-app .jt-editor-number{display:none}#jt-app .jt-editor-help{min-height:36px}#jt-app .jt-editor-area textarea{height:260px}#jt-app .jt-editor-card{padding:18px}#jt-app .jt-converter-settings{padding-bottom:18px;margin-bottom:20px}
/* Language choice stays visible on desktop and small screens. */
#jt-app .jt-nav{flex-wrap:wrap;gap:16px}#jt-app .jt-nav-links{flex:1;justify-content:center}#jt-app .jt-language{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:650;color:var(--muted);min-width:170px}#jt-app .jt-language select{width:100%;min-height:42px;font-size:13px;background-color:var(--jt-surface,#fff)}#jt-app[lang=en] .jt-steps{flex-wrap:wrap}
@media(max-width:900px){#jt-app .jt-nav{display:flex}#jt-app .jt-brand{margin-right:auto}#jt-app .jt-language{min-width:160px;max-width:200px}#jt-app .jt-nav-links{order:3;flex-basis:100%;justify-content:flex-start;margin-top:0}#jt-app .jt-steps{flex-wrap:wrap;gap:10px 18px}#jt-app .jt-editor-actions{flex-wrap:wrap}}
@media(max-width:420px){#jt-app .jt-brand{font-size:16px}#jt-app .jt-language{min-width:130px;max-width:150px}#jt-app .jt-language select{font-size:12px}}
#jt-app .jt-feedback-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:10px;font-weight:700;background:var(--jt-surface,#fff)}#jt-app .jt-feedback-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}#jt-app .jt-feedback-panel h2{font-size:20px;margin:0 0 8px}#jt-app .jt-feedback-panel p{margin:4px 0}#jt-app .jt-feedback-panel .jt-feedback-link{flex-shrink:0}@media(max-width:720px){#jt-app .jt-feedback-panel{display:block}#jt-app .jt-feedback-panel .jt-feedback-link{margin-top:14px;width:100%}}
/* Visual workbenches keep the preview, settings and final save action in order. */
#jt-app .jt-artboard{position:relative;display:flex;align-items:center;justify-content:center;overflow:auto;min-height:240px;padding:14px;background-color:#eaf0f8;background-image:linear-gradient(45deg,#dce4ef 25%,transparent 25%),linear-gradient(-45deg,#dce4ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce4ef 75%),linear-gradient(-45deg,transparent 75%,#dce4ef 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid var(--line);border-radius:12px}
#jt-app .jt-artboard canvas{display:block;max-width:100%;max-height:75vh;object-fit:contain;touch-action:none;cursor:crosshair;box-shadow:0 4px 20px #17233b20}#jt-app .jt-signpad{width:100%;height:auto;background:var(--jt-surface,#fff);border:2px solid #9bb5e8;border-radius:10px;touch-action:none;margin:10px 0}
#jt-app .jt-controls>.jt-file-button{display:flex;margin:12px 0}#jt-app .jt-controls>button{margin:5px 0 12px;width:100%}#jt-app .jt-controls .jt-preset button{width:auto;margin:0}#jt-app .jt-controls .jt-field{margin-top:12px}#jt-app .jt-result-image{max-width:100%;max-height:70vh;display:block;object-fit:contain;margin:15px auto}#jt-app .jt-output-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#jt-app .jt-output-list a{max-width:100%;overflow-wrap:anywhere}
#jt-app .jt-filmstrip{display:flex;gap:10px;overflow:auto;padding:4px 0 20px}#jt-app .jt-film-item{border:1px solid var(--line);border-radius:12px;background:var(--jt-surface,#fff);padding:8px;min-width:170px;max-width:240px;flex:none}#jt-app .jt-film-item>button{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}#jt-app .jt-film-item>button[aria-pressed=true]{border-color:var(--blue);background:var(--soft);color:var(--blue)}#jt-app .jt-film-item .jt-preset{margin:7px 0 0;justify-content:flex-end}#jt-app .jt-film-item .jt-preset button{min-height:32px;padding:4px 10px}
#jt-app .jt-pagebar{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px}#jt-app .jt-page-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}#jt-app .jt-mini-page{padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--jt-surface,#fff);min-width:0}#jt-app .jt-mini-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;background:#f6f9fc;border:0;padding:10px;overflow:hidden;min-height:140px}#jt-app .jt-mini-thumb canvas{max-width:100%;max-height:130px;object-fit:contain;background:var(--jt-surface,#fff);box-shadow:0 2px 6px #17233b22}#jt-app .jt-mini-page .jt-check{font-size:12px;margin:10px 0}#jt-app .jt-mini-page .jt-preset{justify-content:center;margin:5px 0}#jt-app .jt-mini-page .jt-preset button{min-height:32px}#jt-app .jt-pdf-previews:has(#jt-compare){display:grid;grid-template-columns:1fr 1fr;gap:14px}#jt-app .jt-pdf-previews:has(#jt-compare) .jt-panel{padding:12px}#jt-app .jt-pdf-previews:has(#jt-compare) h2{font-size:16px}
@media(min-width:1100px){#jt-app .jt-controls{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow-y:auto}}
@media(max-width:720px){#jt-app .jt-page-list{grid-template-columns:repeat(3,minmax(0,1fr))}#jt-app .jt-artboard{padding:6px;min-height:180px}#jt-app .jt-controls{position:static;max-height:none}#jt-app .jt-pdf-previews:has(#jt-compare){grid-template-columns:1fr}#jt-app .jt-pagebar{gap:10px}#jt-app .jt-pagebar button{font-size:13px;padding:8px 12px}}
@media(max-width:420px){#jt-app .jt-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
#jt-app .jt-html-preview{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#eef3fa;max-height:650px}#jt-app .jt-html-preview iframe{border:0;display:block;min-height:400px;background:var(--jt-surface,#fff);max-width:none}
/* Usability rule: keep the preview and the controls for that preview together. */
#jt-app .jt-input-options{min-width:0}#jt-app .jt-savebar{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}#jt-app .jt-savebar .jt-actions{gap:8px;margin:10px 0}#jt-app .jt-controls .jt-savebar .jt-actions>*{width:100%;min-height:46px}#jt-app .jt-savebar .jt-status{font-size:13px;margin:8px 0}#jt-app .jt-output-list:has(a:only-child){display:none}#jt-app .jt-preview-placeholder{padding:32px;position:absolute;max-width:90%;text-align:center;background:var(--jt-bg,#f7f9fc);border:1px dashed #b5c7e3;border-radius:12px;z-index:1;font-size:14px}#jt-app[data-ready=false] .jt-artboard canvas{opacity:0}#jt-app[data-ready=true] .jt-artboard canvas{animation:jt-preview-in .18s ease-out}#jt-app .jt-edit-workspace{align-items:start}
#jt-app .jt-page-workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px}#jt-app .jt-page-workspace>.jt-controls{display:none}#jt-app .jt-page-toolbar{background:var(--jt-surface,#fff);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}#jt-app .jt-page-toolbar h2,#jt-app .jt-page-detail h2{font-size:18px;margin:0 0 8px}#jt-app .jt-bulk-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}#jt-app .jt-bulk-tools button{font-size:13px;padding:8px 12px}#jt-app #jt-selectioncount{font-size:13px;color:var(--muted);margin-right:auto}#jt-app .jt-bulk-actions{margin:12px 0 0;border-top:1px solid var(--line);padding-top:12px;gap:6px}#jt-app .jt-bulk-actions button{font-size:12px;padding:8px}#jt-app .jt-page-toolbar .jt-savebar .jt-actions>*{flex:1}#jt-app .jt-change-message{font-size:13px;background:#edf4ff;color:#245cdd;border-radius:8px;padding:8px 10px;min-height:36px}#jt-app .jt-change-message:empty{display:none}#jt-app .jt-page-detail{background:var(--jt-surface,#fff);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}#jt-app .jt-page-detail .jt-panel{padding:0;margin:0;border:0}#jt-app .jt-page-detail .jt-artboard{padding:8px;min-height:230px}#jt-app .jt-page-detail .jt-artboard canvas{max-height:48vh;width:auto;max-width:100%;cursor:default}#jt-app .jt-page-detail .jt-pagebar{gap:8px;margin:12px 0}#jt-app .jt-page-detail .jt-pagebar button{font-size:12px;padding:8px}#jt-app #jt-pageorigin{overflow-wrap:anywhere;font-size:12px}#jt-app .jt-move-destination{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}#jt-app .jt-move-destination .jt-field{font-size:13px;margin-bottom:8px}#jt-app .jt-move-destination button{width:100%}#jt-app .jt-page-detail .jt-controls{border:0;padding:16px 0 0;position:static;max-height:none}
#jt-app .jt-page-workspace .jt-page-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#jt-app .jt-mini-page{position:relative;transition:border-color .15s,background-color .15s,box-shadow .15s}#jt-app .jt-mini-page[draggable=true]{cursor:grab}#jt-app .jt-mini-page.jt-active-page{border-color:#245cdd;box-shadow:0 0 0 1px #245cdd}#jt-app .jt-mini-page.jt-selected-page{background:#edf4ff}#jt-app .jt-page-card-head{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:8px;font-size:13px}#jt-app .jt-page-card-head .jt-check{margin:0;font-size:12px}#jt-app .jt-mini-thumb{min-height:180px;padding:8px;cursor:zoom-in!important}#jt-app .jt-mini-thumb canvas{max-height:155px}#jt-app .jt-mini-thumb span{font-size:11px;color:var(--blue)}#jt-app .jt-page-source{font-size:11px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:8px 0!important}#jt-app .jt-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}#jt-app .jt-card-actions button,#jt-app .jt-card-move button{font-size:11px;min-height:36px;padding:6px 3px;white-space:normal}#jt-app .jt-card-actions .jt-delete-page{grid-column:1/-1;color:#9e302d;border-color:#efcfcb}#jt-app .jt-card-move{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:8px;margin-top:8px;border-top:1px solid var(--line)}#jt-app .jt-dragging{opacity:.4}#jt-app .jt-drop-before::before,#jt-app .jt-drop-after::after{content:'';position:absolute;top:-4px;bottom:-4px;width:4px;background:#245cdd;border-radius:3px;z-index:5}#jt-app .jt-drop-before::before{left:-8px}#jt-app .jt-drop-after::after{right:-8px}
@keyframes jt-preview-in{from{opacity:.5}to{opacity:1}}
@media(min-width:961px){#jt-app .jt-edit-workspace>.jt-preview-column{position:sticky;top:18px}#jt-app .jt-edit-workspace .jt-artboard canvas{max-height:62vh}#jt-app .jt-edit-workspace>.jt-controls{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}#jt-app .jt-page-detail{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}}
@media(max-width:960px){#jt-app .jt-page-workspace{grid-template-columns:minmax(0,1fr) 280px}#jt-app .jt-page-workspace .jt-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}#jt-app .jt-page-detail{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}}
@media(max-width:720px){#jt-app .jt-edit-workspace{grid-template-columns:1fr}#jt-app .jt-edit-workspace>.jt-preview-column{position:sticky;top:0;z-index:3;background:var(--jt-bg,#f7f9fc);padding:6px 0}#jt-app .jt-edit-workspace .jt-preview-column>.jt-panel{padding:10px;margin-bottom:6px}#jt-app .jt-edit-workspace .jt-artboard{min-height:120px}#jt-app .jt-edit-workspace .jt-artboard canvas{max-height:32vh}#jt-app .jt-edit-workspace .jt-preview-column h2{font-size:16px}#jt-app .jt-edit-workspace .jt-preview-column .jt-help{font-size:12px!important;margin:4px 0}#jt-app .jt-page-workspace{display:flex;flex-direction:column}#jt-app .jt-page-browser{width:100%}#jt-app .jt-page-workspace .jt-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}#jt-app .jt-page-detail{order:-1;width:100%;position:sticky;top:0;z-index:4;max-height:none;padding:10px;box-shadow:0 3px 12px #17233b12}#jt-app .jt-page-detail .jt-artboard{min-height:90px}#jt-app .jt-page-detail .jt-artboard canvas{max-height:22vh}#jt-app .jt-page-detail .jt-pagebar{margin:4px 0}#jt-app .jt-page-detail #jt-pageorigin{margin:4px 0}#jt-app .jt-page-detail .jt-move-destination{display:flex;gap:8px;align-items:end;padding-top:6px;margin-top:6px}#jt-app .jt-page-detail .jt-move-destination .jt-field{flex:1;margin:0;font-size:11px}#jt-app .jt-page-detail .jt-move-destination button{width:auto;font-size:12px}#jt-app .jt-page-detail h2{font-size:14px;margin:0}#jt-app .jt-page-detail .jt-controls{max-height:35vh;overflow:auto}#jt-app .jt-page-toolbar{padding:12px}#jt-app .jt-page-toolbar .jt-actions{flex-wrap:wrap}#jt-app .jt-page-toolbar .jt-actions>*{font-size:13px;padding:10px;min-width:120px}}
@media(prefers-reduced-motion:reduce){#jt-app *,#jt-app *::before,#jt-app *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#jt-app .jt-drag-hint{font-size:10px!important;text-align:center;color:var(--muted);margin:7px 0 0!important}#jt-app .jt-page-toolbar .jt-field{margin:12px 0;font-size:13px}#jt-app .jt-page-workspace .jt-page-list:empty::before{content:'PDF';display:block;padding:30px;color:var(--muted)}#jt-app .jt-pdf-save-toolbar{position:sticky;top:12px;z-index:5;padding:14px 18px;box-shadow:0 3px 12px #17233b10}#jt-app .jt-pdf-save-toolbar h2{font-size:16px!important}#jt-app .jt-pdf-save-toolbar .jt-actions{margin:8px 0}#jt-app .jt-pdf-save-toolbar .jt-status{margin:6px 0}#jt-app .jt-pdf-save-toolbar p.jt-help{display:none}#jt-app .jt-preview-column #jt-previews .jt-image-view{height:min(36vh,290px)}#jt-app .jt-preview-column .jt-stage-wrap{min-height:200px}#jt-app .jt-preview-column .jt-stage canvas{max-height:60vh;object-fit:contain}#jt-app .jt-mini-page canvas{transition:opacity .18s}#jt-app .jt-thumb canvas{transition:transform .2s}
@media(max-width:720px){#jt-app .jt-preview-column #jt-previews .jt-image-view{height:22vh;min-height:90px}#jt-app .jt-preview-column #jt-previews .jt-preview-box{padding:8px}#jt-app .jt-preview-column .jt-stage-wrap{min-height:100px}#jt-app .jt-preview-column .jt-stage canvas{max-height:30vh}#jt-app .jt-pdf-save-toolbar{top:0;padding:10px 12px}#jt-app .jt-pdf-save-toolbar .jt-status{font-size:12px}#jt-app .jt-pdf-save-toolbar .jt-actions>*{font-size:13px;min-height:40px;padding:10px}}
#jt-app .jt-preview-column .jt-stage{width:min(100%,calc(60vh * var(--jt-ratio,1)));margin:auto}#jt-app .jt-preview-column .jt-stage canvas{max-height:none}
@media(max-width:720px){#jt-app .jt-preview-column .jt-stage{width:min(100%,calc(30vh * var(--jt-ratio,1)))}}
#jt-app[data-ready=true] .jt-tool-head{margin-bottom:14px}#jt-app[data-ready=true] .jt-tool-head h1{font-size:28px}#jt-app[data-ready=true] .jt-tool-head p{font-size:14px;margin:6px 0}#jt-app[data-ready=true] .jt-tool-head .jt-steps{display:none}#jt-app .jt-page-toolbar .jt-field{max-width:280px;margin:10px 0 0}#jt-app .jt-page-detail .jt-savebar .jt-actions{display:grid;grid-template-columns:1fr;gap:7px}#jt-app .jt-page-detail .jt-savebar .jt-actions>*{width:100%;font-size:13px;min-height:44px;padding:10px}#jt-app .jt-page-detail .jt-artboard canvas{max-height:38vh}#jt-app .jt-page-detail .jt-savebar .jt-status{font-size:12px;padding:8px}#jt-app .jt-move-details{margin:12px 0 0}#jt-app .jt-move-details>summary{font-size:12px;padding:8px}#jt-app .jt-move-details .jt-move-destination{border:0;padding:0}
@media(max-width:720px){#jt-app[data-ready=true] .jt-tool-head h1{font-size:22px}#jt-app .jt-page-detail .jt-artboard canvas{max-height:18vh}#jt-app .jt-page-detail .jt-savebar{padding-top:6px;margin-top:6px}#jt-app .jt-page-detail .jt-savebar .jt-actions{grid-template-columns:1fr 1fr;margin:6px 0}#jt-app .jt-page-detail .jt-savebar .jt-actions>*{font-size:11px;padding:7px;min-height:40px}#jt-app .jt-page-detail .jt-savebar .jt-status{margin:4px 0;padding:4px 7px}#jt-app .jt-page-detail .jt-move-details{margin:6px 0 0}#jt-app .jt-page-detail .jt-move-details summary{font-size:11px;padding:6px}#jt-app .jt-page-toolbar .jt-help{font-size:12px!important}}
#jt-app .jt-file-card{position:relative}#jt-app .jt-file-drop-before::before,#jt-app .jt-file-drop-after::after{content:'';position:absolute;left:0;right:0;height:4px;background:#245cdd;border-radius:4px;z-index:4}#jt-app .jt-file-drop-before::before{top:-8px}#jt-app .jt-file-drop-after::after{bottom:-8px}
#jt-app .jt-preview-zoom{display:block;width:100%;font-size:12px;margin-top:8px;padding:7px;min-height:34px}#jt-app .jt-preview-dialog{border:1px solid var(--line);border-radius:14px;padding:14px;max-width:94vw;max-height:94vh;background:#edf2fa}#jt-app .jt-preview-dialog::backdrop{background:#17233b99}#jt-app .jt-preview-dialog>button{display:block;margin:0 0 12px auto}#jt-app .jt-preview-dialog>canvas{display:block;width:auto;height:auto;max-width:86vw;max-height:78vh;object-fit:contain;background:var(--jt-surface,#fff);margin:auto}
@media(max-width:720px){#jt-app .jt-page-detail{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-areas:'preview title' 'preview origin' 'preview nav' 'move move' 'save save';gap:3px 8px}#jt-app .jt-page-detail>h2{grid-area:title;align-self:end}#jt-app .jt-page-detail>#jt-pageorigin{grid-area:origin;font-size:10px!important;align-self:center;margin:0}#jt-app .jt-page-detail>.jt-pagebar{grid-area:nav;align-self:start;gap:4px;flex-wrap:wrap;justify-content:flex-start}#jt-app .jt-page-detail .jt-pagebar button{font-size:10px;padding:6px;min-height:30px}#jt-app .jt-page-detail #jt-pageinfo{font-size:11px}#jt-app .jt-page-detail>.jt-pdf-previews{grid-area:preview}#jt-app .jt-page-detail .jt-artboard{padding:3px;min-height:90px}#jt-app .jt-page-detail .jt-artboard canvas{max-height:100px}#jt-app .jt-page-detail .jt-preview-zoom{font-size:10px;min-height:26px;padding:3px;margin-top:3px}#jt-app .jt-page-detail>.jt-move-details{grid-area:move}#jt-app .jt-page-detail>.jt-savebar{grid-area:save}#jt-app .jt-page-detail>.jt-controls{grid-column:1/-1}#jt-app .jt-page-detail .jt-savebar .jt-status{font-size:10px}#jt-app .jt-page-detail .jt-savebar .jt-actions>*{min-height:36px}#jt-app .jt-page-detail .jt-savebar .jt-actions{margin:3px 0}}
/* Compact star favorites, separate from the tool link. */
#jt-app .jt-card{position:relative;display:block;padding:20px;min-height:126px}#jt-app .jt-card-link{display:flex;gap:16px;align-items:flex-start;width:100%;flex:1;color:var(--ink)}#jt-app .jt-card>.jt-favorite{position:absolute;bottom:8px;left:20px}#jt-app .jt-card-link>div:last-child{min-width:0;flex:1}#jt-app .jt-card-link strong{padding-right:0}#jt-app .jt-favorite{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:0;background:transparent;color:#8793a6;border-radius:10px}#jt-app .jt-favorite svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}#jt-app .jt-favorite:hover{background:#f3f5f8}#jt-app .jt-favorite[aria-pressed=true]{color:#e6ad00;background:transparent}#jt-app .jt-favorite[aria-pressed=true] svg{fill:#ffcc33}#jt-app .jt-favorite:focus-visible{outline:2px solid #245cdd;outline-offset:2px}#jt-app .jt-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#jt-app .jt-title-row h1{flex:1;min-width:200px}#jt-app .jt-favorites{margin:0 0 24px;padding:20px;background:#fffaf0;border:1px solid #ecdeb7;border-radius:16px}#jt-app .jt-favorites h2{font-size:22px}#jt-app .jt-favorites .jt-category-head{margin-bottom:4px}#jt-app .jt-favorites>.jt-help{margin:4px 0 16px}#jt-app .jt-favorites .jt-card{padding:14px 14px 54px;min-height:112px;gap:8px}#jt-app .jt-favorites .jt-card-link span,#jt-app .jt-favorites .jt-card-link small{display:none}#jt-app .jt-favorites .jt-card-link{align-items:center;gap:12px}#jt-app .jt-favorites .jt-card-link strong{margin:0;font-size:15px}#jt-app .jt-favorites .jt-icon{width:34px;height:34px}#jt-app .jt-favorite-notice:not(:empty){position:fixed;bottom:18px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;background:#17233b;color:white;border-radius:12px;box-shadow:0 4px 20px #17233b30;font-size:14px;z-index:100;pointer-events:none}
@media(max-width:720px){#jt-app .jt-favorites{padding:14px}#jt-app .jt-favorites .jt-grid{grid-template-columns:1fr 1fr;gap:10px}#jt-app .jt-favorites .jt-card-link{display:block}#jt-app .jt-favorites .jt-icon{margin-bottom:8px}#jt-app .jt-favorites .jt-card>.jt-favorite{bottom:5px;left:9px}#jt-app .jt-title-row{gap:6px}#jt-app .jt-title-row>.jt-favorite{margin-bottom:8px}}
#jt-app .jt-range-value{display:block;width:max-content;padding:4px 10px;border-radius:8px;background:var(--soft,#edf3ff);color:#245cdd;font-size:18px;font-weight:750}#jt-app .jt-compression-info{margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f7faff}#jt-app .jt-compression-info dl{margin:12px 0;display:grid;gap:14px}#jt-app .jt-compression-info dt{font-size:12px;color:var(--muted)}#jt-app .jt-compression-info dd{font-size:16px;font-weight:750;margin:3px 0;overflow-wrap:anywhere}#jt-app #jt-compression-reduction{display:block;font-size:16px;color:#087d69}#jt-app .jt-compression-info .jt-error{padding:7px;border-radius:7px}#jt-app[data-compression=true] .jt-artboard canvas{cursor:default}#jt-app[data-compression=true] .jt-preview-column .jt-help{margin:0 0 10px}#jt-app[data-compression=true] .jt-controls{max-height:none;position:static}
#jt-app .jt-blur-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start}#jt-app .jt-blur-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px}#jt-app .jt-blur-toolbar button{min-height:44px;padding:9px 11px;font-size:13px}#jt-app .jt-blur-toolbar output{font-size:13px;font-weight:700;min-width:42px;text-align:center}#jt-app .jt-blur-toolbar #jt-pan[aria-pressed=true]{background:#245cdd;color:white}#jt-app .jt-blur-board{display:block;min-height:120px;max-height:70vh;padding:0;overflow:auto;overscroll-behavior:contain}#jt-app .jt-blur-board canvas{display:block;width:100%;max-width:none;max-height:none;touch-action:none;cursor:move;object-fit:fill}#jt-app .jt-regionlist{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}#jt-app .jt-regionlist button{font-size:12px;padding:7px 10px;min-height:40px}#jt-app .jt-regionlist button[aria-pressed=true]{background:#245cdd;color:white;border-color:#245cdd}#jt-app .jt-blur-dialog{width:min(98vw,1200px);max-width:98vw;max-height:96vh;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--jt-bg,#f7f9fc)}#jt-app .jt-blur-dialog::backdrop{background:#17233baa}#jt-app .jt-blur-dialog>#jt-closeedit{display:block;margin:0 0 10px auto}#jt-app .jt-blur-dialog .jt-blur-board{max-height:65vh}#jt-app[data-blur-editor=true] .jt-controls{position:static;max-height:none}#jt-app[data-blur-editor=true] #jt-run{width:100%;min-height:48px}#jt-app[data-blur-editor=true] #jt-after{max-height:60vh}#jt-app[data-blur-editor=true] .jt-savebar .jt-help{font-size:12px!important}
@media(max-width:720px){#jt-app .jt-blur-layout{grid-template-columns:1fr}#jt-app .jt-blur-preview{padding:10px}#jt-app .jt-blur-board{max-height:65vh}#jt-app .jt-blur-toolbar button{min-height:44px}#jt-app .jt-blur-dialog{padding:10px}#jt-app .jt-blur-dialog .jt-help{font-size:12px!important}}

#jt-app .jt-favorites .jt-card>.jt-favorite{bottom:5px;left:9px}
#jt-app .jt-depth-layout{align-items:start}#jt-app .jt-depth-preview{padding:16px;position:sticky;top:12px}#jt-app .jt-depth-toolbar{display:flex;gap:8px;flex-wrap:wrap}#jt-app .jt-depth-board{position:relative;min-height:160px;display:grid;place-items:center;background:#eaf0f8;border-radius:10px;overflow:hidden}#jt-app .jt-depth-board canvas{display:block;width:100%;height:auto;touch-action:manipulation;cursor:crosshair}#jt-app #jt-focusmarker{position:absolute;width:28px;height:28px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 2px #245cdd,0 2px 8px #0006;transform:translate(-50%,-50%);pointer-events:none}#jt-app[data-depth-editor=true] .jt-controls{position:static}#jt-app[data-depth-editor=true] fieldset{margin-top:18px}#jt-app[data-depth-editor=true] output{margin:-10px 0 14px}#jt-app[data-depth-editor=true] #jt-analyze,#jt-app[data-depth-editor=true] #jt-run{width:100%;min-height:48px}#jt-app #jt-modelprogress{width:100%;margin-top:14px}#jt-app[data-depth-editor=true] .jt-controls h2{font-size:19px}#jt-app[data-depth-editor=true] #jt-depthplaceholder{padding:35px;text-align:center}#jt-app[data-depth-editor=true] #jt-savemeta{overflow-wrap:anywhere}
@media(max-width:720px){#jt-app .jt-depth-preview{position:static;padding:10px}#jt-app .jt-depth-board{min-height:120px}#jt-app .jt-depth-preview .jt-help{font-size:12px!important}#jt-app .jt-depth-toolbar button{min-height:44px}}

@media(max-width:720px){#jt-app .jt-depth-preview{position:sticky;top:0;z-index:4;background:var(--jt-surface,#fff);box-shadow:0 4px 16px #17233b14;margin-bottom:12px}#jt-app .jt-depth-board{min-height:0}#jt-app .jt-depth-board canvas{width:auto;max-width:100%;max-height:32vh}#jt-app .jt-depth-preview #jt-filemeta{display:none}#jt-app .jt-depth-preview .jt-help{margin:6px 0}#jt-app .jt-depth-toolbar button{padding:8px 12px;font-size:12px}}

#jt-app .jt-nav-links .jt-follow{color:var(--blue);border:1px solid #c8d7f5;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;min-height:44px}#jt-app .jt-nav-links .jt-follow:hover{background:#dfeaff}

/* Keep every menu label and the Follow action on the same center line. */
#jt-app .jt-nav-links{align-items:center}#jt-app .jt-nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}
@media(max-width:900px){#jt-app .jt-nav-links{flex-wrap:nowrap;overflow-x:auto;gap:3px;min-width:0;max-width:100%}#jt-app .jt-nav-links a{flex-shrink:0;padding:8px 6px;font-size:13px}}
@media(max-width:420px){#jt-app .jt-nav-links a{font-size:12px;padding:8px 5px}}
#jt-app .wf-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}#jt-app .wf-side{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}#jt-app .wf-block{position:relative;border-left:4px solid #245cdd;margin-bottom:30px}#jt-app .wf-block:after{content:'\2193';position:absolute;bottom:-30px;left:50%;color:var(--blue);font-size:22px}#jt-app .wf-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:16px}#jt-app .wf-block h2,#jt-app .wf-side h2,#jt-app .wf-start h2{font-size:18px}#jt-app .wf-type{font-size:12px;color:var(--muted);background:var(--soft);padding:3px 8px;border-radius:8px}#jt-app .wf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#jt-app .wf-block-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#jt-app .wf-state{font-size:13px;margin-left:auto}#jt-app .wf-running{color:var(--blue)}#jt-app .wf-done{color:var(--green)}#jt-app .wf-error{color:#a32c25}#jt-app .wf-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}#jt-app .wf-preview img{max-width:140px;max-height:160px;border-radius:8px;object-fit:contain}#jt-app .wf-preview a{border:1px solid var(--line);padding:12px;border-radius:8px}#jt-app .wf-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#jt-app .wf-library-card{padding:16px;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere}#jt-app .wf-library-card p{font-size:13px}#jt-app .wf-side .jt-actions{display:grid;grid-template-columns:1fr;gap:8px}#jt-app #wf-run{width:100%}#jt-app #wf-results{display:grid;gap:8px;margin:14px 0}#jt-app .wf-file{display:flex;gap:6px;align-items:center;margin-top:8px}#jt-app .wf-file span{flex:1;overflow-wrap:anywhere;font-size:13px}#jt-app .wf-file button{padding:8px;min-height:44px}#jt-app .wf-moved{animation:jt-preview-in .3s ease-out}@media(max-width:720px){#jt-app .wf-layout{grid-template-columns:1fr}#jt-app .wf-side{position:static;max-height:none;overflow:visible}#jt-app .wf-library{grid-template-columns:1fr}#jt-app .wf-fields{grid-template-columns:1fr}#jt-app .wf-block-actions button{min-height:44px}}

#jt-app .wf-pdf-item{width:100%;min-width:0}#jt-app .wf-pdf-item>button{color:var(--blue);text-align:left;max-width:100%;overflow-wrap:anywhere}#jt-app .wf-pdf-item>button span{display:block;color:var(--muted);font-size:12px;margin-top:4px}#jt-app .wf-pdf-viewer{width:100%;background:#f3f6fb;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px}#jt-app .wf-pdf-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;overflow-wrap:anywhere}#jt-app .wf-pdf-heading strong{min-width:0;font-size:14px}#jt-app .wf-pdf-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0}#jt-app .wf-pdf-canvas{width:100%;overflow:auto;background:#e0e6ef;border-radius:8px}#jt-app .wf-pdf-canvas canvas{display:block;max-width:100%;height:auto;margin:auto;background:var(--jt-surface,#fff)}#jt-app .wf-pdf-canvas canvas:not([width]){display:none}#jt-app .wf-pdf-viewer p:empty{display:none}
/* Keep action feedback visible even when inline results are outside the viewport. */
#jt-app .wf-layout{margin-bottom:24px}
#jt-app .wf-saveconfirm{margin:0;padding:12px;border-radius:10px;background:#e8f6f0;color:#09634f;font-size:14px;overflow-wrap:anywhere}
#jt-app .wf-saveconfirm.jt-error{background:#fff0ef;color:#a32b25}
#jt-app .jt-toast{position:fixed;z-index:10000;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #92c7af;border-radius:14px;background:#f0fff6;color:#15523c;box-shadow:0 8px 32px #17384926;animation:jt-preview-in .2s ease-out;pointer-events:auto}
#jt-app .jt-toast[hidden]{display:none}
#jt-app .jt-toast>div{flex:1;font-size:15px;overflow-wrap:anywhere}
#jt-app .jt-toast button{padding:0;width:44px;min-height:44px;flex-shrink:0;background:transparent;border:0;color:inherit;font-size:24px}
#jt-app .jt-toast-error{border-color:#dfaaa6;background:#fff3f2;color:#922b23}
#jt-app button:not(:disabled):active,#jt-app .jt-file-button:active,#jt-app .jt-save:active{filter:brightness(.92)}
@media(max-width:720px){#jt-app .wf-layout{margin-bottom:24px}#jt-app .jt-toast{bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#jt-app .jt-toast{animation:none}}
#jt-app .rt-meta{display:grid;grid-template-columns:1fr;gap:4px}
#jt-app .rt-meta .jt-field{max-width:600px}
#jt-app .rt-timer{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#jt-app .rt-timer>div:first-child{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#jt-app .rt-timer strong{font-size:36px;font-variant-numeric:tabular-nums;color:var(--ink)}
#jt-app .rt-timer .jt-actions{margin:0}#jt-app .rt-timer .jt-help{flex-basis:100%;margin:0}
#jt-app .rt-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}
#jt-app .rt-editor h2{font-size:19px;margin-bottom:12px}
#jt-app .rt-time-nav{display:flex;gap:8px;align-items:center}
#jt-app .rt-time-nav .jt-field{flex:1;min-width:0;margin:0}
#jt-app .rt-time-nav button{padding:10px;white-space:nowrap;align-self:end;min-height:46px}
#jt-app .rt-time-nav input{text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
#jt-app .rt-values{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#jt-app .rt-values .jt-field{margin-bottom:0}#jt-app .rt-values input{font-size:20px}
#jt-app .rt-editor form{margin:14px 0}#jt-app #rt-save{width:100%}
#jt-app .rt-editstate{font-size:13px;color:var(--blue);margin:8px 0}
#jt-app .rt-events{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#jt-app .rt-events button{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;font-size:13px;text-align:left;min-height:64px}
#jt-app .rt-events button>span{font-size:20px;font-weight:700;color:var(--blue)}
#jt-app .rt-events button small{width:100%;color:var(--muted);font-variant-numeric:tabular-nums}
#jt-app .rt-events button[aria-pressed=true]{background:var(--soft,#edf3ff);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
#jt-app .rt-chart-panel{position:sticky;top:12px;min-width:0}
#jt-app .rt-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
#jt-app .rt-chart-head h2{font-size:20px;margin:0}#jt-app .rt-chart-head .jt-check{margin:0}
#jt-app #rt-chart{width:100%;height:420px;display:block;border:1px solid var(--line);border-radius:10px}
#jt-app .rt-legend{display:flex;gap:16px;font-size:13px;color:#d36b23}
#jt-app .rt-legend .rt-fire,#jt-app .rt-legend .rt-damper{display:none}
#jt-app .rt-legend.rt-show-settings .rt-fire{display:inline;color:#dc5267}
#jt-app .rt-legend.rt-show-settings .rt-damper{display:inline;color:#3873d4}
#jt-app .rt-eventlist{display:flex;gap:8px;flex-wrap:wrap}#jt-app .rt-eventlist button{font-size:12px;padding:8px}
#jt-app .rt-confirm{padding:14px;border-radius:12px;background:var(--soft);margin-bottom:14px}
#jt-app [data-rowtime]{font-variant-numeric:tabular-nums;min-width:68px;padding:8px}
#jt-app [data-rowtime][aria-current=true]{border-color:var(--blue);background:var(--soft);color:var(--blue)}
@media(max-width:900px){#jt-app .rt-workspace{grid-template-columns:1fr}#jt-app .rt-chart-panel{position:static}#jt-app .rt-editor{margin-bottom:0}#jt-app .rt-timer strong{font-size:30px}}
@media(max-width:520px){#jt-app #rt-chart{height:330px}#jt-app .rt-values{gap:10px}#jt-app .rt-timer{gap:12px}#jt-app .rt-timer .jt-actions{width:100%}#jt-app .rt-timer .jt-actions button{flex:1}}
#jt-app .rt-mini{display:none}#jt-app .rt-export-heading{display:none}
@media(max-width:900px){#jt-app .rt-mini{display:block;margin-top:12px}}

@media(max-width:900px){#jt-app #rt-chart{height:230px}#jt-app .rt-export-heading{display:block;font-size:20px}#jt-app .rt-mini .rt-chart-head h2{font-size:17px}#jt-app .rt-mini .rt-chart-head .jt-check{font-size:12px}}
#jt-app .rt-interval{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;margin:12px 0 0}#jt-app .rt-interval .jt-field{margin:0}

#jt-app .rt-library{display:grid;gap:12px}#jt-app .rt-library-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}#jt-app .rt-library-card strong{overflow-wrap:anywhere}#jt-app .rt-library-card p{font-size:13px;color:var(--muted);margin:6px 0 0}#jt-app .rt-library-card .jt-actions{flex-shrink:0;margin:0}#jt-app .rt-compare-field{margin:12px 0 8px}#jt-app .rt-comparename{color:#3478cc;font-size:13px;overflow-wrap:anywhere}#jt-app .rt-warning{padding:12px;background:#fff4e5;color:#8c4d0b;border-radius:10px}#jt-app .rt-library-panel{margin-top:24px}@media(max-width:600px){#jt-app .rt-library-card{align-items:stretch;flex-direction:column}#jt-app .rt-library-card .jt-actions button{flex:1}}

#jt-app .wf-side .jt-actions>.jt-file-button{font-size:inherit;padding:10px 16px;border-color:var(--line);border-radius:10px}
/* Optional measurement never blocks a tool or its save controls. */
#jt-app .jt-usage-choice{position:fixed;bottom:14px;right:14px;z-index:90;max-width:390px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--jt-surface,#fff);box-shadow:0 3px 18px #17233b20}#jt-app .jt-usage-choice p{font-size:13px;margin:0 0 10px}#jt-app .jt-usage-choice>div{display:flex;gap:8px;flex-wrap:wrap}#jt-app .jt-usage-choice button{font-size:13px}#jt-app .jt-usage-settings{font-size:12px;min-height:36px;padding:6px 10px}@media(max-width:720px){#jt-app .jt-usage-choice{position:static;max-width:none;margin:12px 16px;box-shadow:none}}

#jt-app .jt-footer-links{display:flex;flex-wrap:wrap;gap:10px 20px}#jt-app .jt-footer-links a{margin:0;padding:4px 0}#jt-app .jt-info{max-width:850px;margin:0 auto;overflow-wrap:anywhere}#jt-app .jt-info h1{font-size:clamp(26px,5vw,38px);line-height:1.3;margin:0 0 16px}#jt-app .jt-info-intro{font-size:17px;color:var(--muted)}#jt-app .jt-info section{margin-top:28px}#jt-app .jt-info h2{font-size:20px;margin:0 0 10px}#jt-app .jt-info p{line-height:1.85}#jt-app .jt-info-actions{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);margin-top:28px;padding-top:18px}
/* Workbenches: controls and result together, also on phones. */
.jt-new-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;align-items:start;margin-bottom:20px}.jt-new-settings p{grid-column:1/-1;margin:0}.jt-new-tool .jt-editor-area{display:block;min-width:0}.jt-new-tool textarea{width:100%;min-height:220px}.jt-new-result{margin-top:20px;border-top:1px solid var(--line,#dde5f0);padding-top:20px}.jt-new-result .jt-editor-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.jt-file-summary{overflow-wrap:anywhere;margin:12px 0;color:var(--muted,#61718b)}.jt-new-result pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.jt-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.jt-swatches button{display:flex;flex-direction:column;padding:0 0 10px;gap:10px;overflow:hidden}.jt-swatches span{height:80px;width:100%}.jt-tile-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.jt-tile-previews figure{margin:0;text-align:center}.jt-tile-previews img{display:block;width:100%;max-height:180px;object-fit:contain}.jt-diff{border:1px solid var(--line,#dbe3ee);border-radius:12px;overflow:hidden}.jt-diff-row{display:grid;grid-template-columns:25px minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px;border-bottom:1px solid #edf1f7}.jt-diff-row pre{padding:0 4px}.jt-added{background:#e1f5e8}.jt-removed{background:#ffe9e9}@media(max-width:600px){.jt-new-tool{padding:16px}.jt-new-tool .jt-text-grid{grid-template-columns:1fr}.jt-new-result .jt-editor-actions>*{min-height:44px}.jt-diff-row{font-size:12px;gap:3px}.jt-diff-row pre{font-size:12px}}
/* Keep focus inside fields: never draw across adjacent controls. */
#jt-app textarea:focus,#jt-app input:not([type=file]):focus,#jt-app select:focus{outline:2px solid #80aaff;outline-offset:-3px;border-color:#5687ed}
#jt-app .jt-editor-area{display:grid;gap:8px;min-width:0}
#jt-app .jt-new-tool>.jt-editor-actions{margin-top:16px;margin-bottom:20px}
#jt-app .jt-text-grid{gap:20px;min-width:0}#jt-app .jt-text-grid>*{min-width:0}
#jt-app .jt-editor-area:focus-within{outline:none}
#jt-app .jt-footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 28px;align-items:center}
#jt-app .jt-footer-brand{display:grid;gap:5px}#jt-app .jt-footer-brand strong{font-size:14px;color:var(--ink);letter-spacing:.03em}#jt-app .jt-footer-brand span{font-size:12px}
#jt-app .jt-footer-links{display:flex;gap:6px 20px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
#jt-app .jt-footer a{margin:0;padding:6px 0;text-decoration:none}
#jt-app .jt-footer .jt-feedback-link{background:transparent;border:0;box-shadow:none;padding:6px 0;min-height:0;font-size:13px;font-weight:400;border-radius:0}
#jt-app .jt-footer .jt-usage-settings{grid-column:2;justify-self:end;border:0;background:transparent;padding:4px 0;min-height:0;margin:0;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){#jt-app .jt-footer-inner{grid-template-columns:1fr;gap:14px}#jt-app .jt-footer-links{justify-content:flex-start;gap:8px 20px}#jt-app .jt-footer .jt-usage-settings{grid-column:1;justify-self:start}#jt-app .jt-footer a{min-height:36px;display:inline-flex;align-items:center}}
#jt-app .jt-ai-tool>.jt-editor-area{margin:20px 0}#jt-app .jt-ai-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;align-items:center;margin:20px 0}#jt-app .jt-ai-tool progress{width:100%;height:10px;accent-color:var(--blue)}#jt-app .jt-ai-tool pre,#jt-app .jt-summary-output{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:15px}#jt-app .jt-ai-tool pre{max-height:250px;overflow:auto}#jt-app .jt-summary-output:not(:empty){padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--jt-raised,#f8faff)}#jt-app .jt-ai-image{height:320px;overflow:auto;display:flex;align-items:center;justify-content:center;background:var(--jt-preview,#f1f4f9);border-radius:8px}#jt-app .jt-ai-image canvas{max-width:100%;max-height:100%;object-fit:contain}#jt-app.jt-ai-actual .jt-ai-image{display:block}#jt-app.jt-ai-actual .jt-ai-image canvas{max-width:none;max-height:none}#jt-app .jt-ai-tool #jt-filemeta{overflow-wrap:anywhere}@media(max-width:650px){#jt-app .jt-ai-tool .jt-preview-grid{grid-template-columns:1fr}#jt-app .jt-ai-image{height:250px}#jt-app .jt-ai-tool{padding:18px}}
/* Keep page inspection near the settings and action buttons. Full size is available via zoom. */
@media(min-width:721px){#jt-app .jt-page-detail .jt-artboard{min-height:120px}#jt-app .jt-page-detail .jt-artboard canvas{max-height:180px}}
#jt-app #jt-afterbox .jt-result-image{background-color:#eaf0f8;background-image:linear-gradient(45deg,#dce4ef 25%,transparent 25%),linear-gradient(-45deg,#dce4ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce4ef 75%),linear-gradient(-45deg,transparent 75%,#dce4ef 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
#jt-app .jt-input-options>button,#jt-app .jt-input-options>.jt-file-button{margin:0 6px 8px 0}
@media(min-width:721px){#jt-app .jt-edit-workspace>.jt-preview-column .jt-artboard canvas{max-height:52vh}}
#jt-app .jt-new-result #jt-preview>canvas{display:block;width:auto!important;max-width:100%;max-height:360px;object-fit:contain;margin:16px auto;border:1px solid var(--line);border-radius:8px}
#jt-app .jt-new-tool .jt-text-grid>.jt-editor-area:only-child{grid-column:1/-1}
/* Keep saved workflow actions visibly separate on touch screens. */
#jt-app .wf-library-card button+button{margin-left:8px}
/* Page cards already contain previews and controls; keep the mobile detail panel from covering them. */
@media(max-width:720px){#jt-app .jt-page-detail{position:static;max-height:none;overflow:visible}}

/* Just 4 Tools approved J4 logo */
#jt-app img.jt-brand-mark{display:block;object-fit:contain;background:transparent;border-radius:0;flex-shrink:0}

:root{--jt-bg:#f7f9fc;--jt-surface:#fff;--jt-raised:#f5f8fd;--jt-hover:#edf2fa;--jt-preview:#eef2f7}
html[data-jt-theme=dark]{--jt-bg:#111827;--jt-surface:#1c2637;--jt-raised:#243147;--jt-hover:#2c3b53;--jt-preview:#182234}
html[data-jt-theme=dark] #jt-app{--ink:#e7edf7;--muted:#b2c0d4;--line:#3d4c64;--blue:#91b6ff;--soft:#263a59;--green:#137e6e}
html[data-jt-theme=dark] #jt-app .jt-primary{background:#245cdd;border-color:#477cec}
html[data-jt-theme=dark] #jt-app .jt-save{background:#087d69;border-color:#169e88}
html[data-jt-theme=dark] #jt-app .jt-status,html[data-jt-theme=dark] #jt-app .jt-toast{background:#263a59;color:#d0e0ff}
html[data-jt-theme=dark] #jt-app .jt-error{background:#482c34;color:#ffc1c1}
html[data-jt-theme=dark] #jt-app .jt-added{background:#214a36}
html[data-jt-theme=dark] #jt-app .jt-removed{background:#4c2c36}
html[data-jt-theme=dark] #jt-app .rt-warning{background:#483722;color:#ffd69a}
html[data-jt-theme=dark] #jt-app .jt-inline-editor{background:var(--jt-surface)!important}
#jt-app .jt-theme{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:650;color:var(--muted);min-width:150px}
#jt-app .jt-theme select{min-height:42px;font-size:13px}
@media(max-width:720px){#jt-app .jt-language,#jt-app .jt-theme{flex:1;min-width:0;max-width:none}#jt-app .jt-brand{flex-basis:100%}#jt-app .jt-nav-links{order:4}#jt-app .jt-theme select{width:100%}}
/* Shared editing sessions: one file, nearby task controls, explicit result handoff. */
#jt-app .jt-session{border:1px solid var(--line);border-radius:16px;background:var(--jt-surface);padding:18px;margin:0 0 20px}
#jt-app .jt-session-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;flex-wrap:wrap}
#jt-app .jt-session-heading strong{font-size:20px}#jt-app .jt-session-heading span{color:var(--muted);font-size:14px}
#jt-app .jt-session-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
#jt-app .jt-session-tabs button{padding:9px 12px;min-height:44px;font-size:14px}
#jt-app .jt-session-tabs button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}
#jt-app .jt-session-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
#jt-app #jt-session-state{color:var(--muted);font-size:14px;overflow-wrap:anywhere;flex:1;min-width:200px}
#jt-app #jt-session-choice{background:var(--soft);border-radius:12px;padding:14px;margin-top:12px}
@media(max-width:600px){#jt-app .jt-session{padding:12px}#jt-app .jt-session-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}#jt-app .jt-session-tabs button{flex:0 0 auto}#jt-app .jt-session-actions button{flex:1;font-size:14px;padding:10px}#jt-app #jt-session-state{flex-basis:100%}}
#jt-app .jt-session-picker{display:none}
@media(max-width:600px){#jt-app .jt-session-picker{display:grid;gap:6px;font-weight:700;margin-bottom:12px}#jt-app .jt-session-picker select{width:100%;min-height:48px}#jt-app .jt-session-tabs{display:none}#jt-app .jt-session-heading{display:none}}
/* Enlarge small watermark sources for editing; exported pixels stay unchanged. */
#jt-app .jt-stage-wrap{min-height:520px;background:var(--jt-preview);padding:18px}
#jt-app .jt-stage{width:100%}
@media(max-width:600px){#jt-app .jt-stage-wrap{min-height:340px;padding:10px}#jt-app .jt-stage{max-width:100%!important}}
/* Compact tool selection and file chrome; give the working image priority. */
#jt-app .jt-session{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;margin-bottom:12px}
#jt-app .jt-session-heading,#jt-app .jt-session-tabs{display:none}
#jt-app .jt-session-picker{display:flex;align-items:center;gap:10px;font-weight:700;margin:0;flex:1;min-width:240px}
#jt-app .jt-session-picker select{max-width:340px;min-height:44px}
#jt-app .jt-session-actions{border:0;padding:0;flex:1;min-width:200px;justify-content:flex-end}
#jt-app #jt-session-state{font-size:12px;min-width:0;flex:initial;max-width:360px}
#jt-app[data-workspace] .jt-upload.jt-loaded{min-height:0;padding:0;border:0;background:none;align-items:flex-start;margin:0 0 8px}
#jt-app[data-workspace] .jt-upload.jt-loaded label{min-height:40px;padding:9px 14px;font-size:14px}
#jt-app[data-workspace] .jt-file-meta{padding:8px 12px;margin:0 0 12px;font-size:12px}
#jt-app[data-workspace=image] .jt-tool-head{margin-bottom:12px}
#jt-app .jt-image-view{height:clamp(300px,48vh,560px)}
#jt-app .jt-image-view:not(.jt-full) img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
#jt-app .jt-image-view.jt-full img{width:auto;height:auto;max-width:none;max-height:none}
@media(max-width:600px){#jt-app .jt-session{padding:10px;gap:8px}#jt-app .jt-session-picker{min-width:0;flex-basis:100%;display:grid;grid-template-columns:60px minmax(0,1fr);gap:6px;font-size:13px}#jt-app .jt-session-picker select{max-width:none}#jt-app .jt-session-actions{min-width:0;flex-basis:100%;justify-content:flex-start}#jt-app #jt-session-state{flex-basis:auto;max-width:100%}#jt-app .jt-image-view{height:300px}}

#jt-app[data-workspace=image] #jt-filelist{display:none}#jt-app[data-workspace=image] .jt-upload.jt-loaded + .jt-help{display:none}

/* Preserve the image rectangle when fitting; pointer coordinates use that rectangle. */
#jt-app .jt-ai-image canvas{width:min(100%,calc(320px * var(--jt-image-ratio,1)));height:auto;max-height:none}
#jt-app.jt-ai-actual .jt-ai-image canvas{width:auto;height:auto;max-width:none;max-height:none}
#jt-app .jt-upload.jt-loaded:focus-within{outline:none}
#jt-app .jt-upload.jt-loaded label:focus-within{outline:3px solid #80aaff;outline-offset:2px;border-radius:12px}
#jt-app textarea:focus-visible{outline-offset:-3px}
@media(max-width:650px){#jt-app .jt-ai-image canvas{width:min(100%,calc(250px * var(--jt-image-ratio,1)))}}
@media(max-width:720px){#jt-app .jt-depth-board canvas{width:min(100%,calc(32vh * var(--jt-image-ratio,1)));height:auto;max-height:none}}

@media(max-width:720px){#jt-app .jt-nav{padding:10px 16px;gap:8px}#jt-app .jt-brand img{width:28px;height:28px}#jt-app .jt-nav-links a{padding:6px 9px}#jt-app .jt-main{padding-top:16px}#jt-app .jt-breadcrumb{margin-bottom:12px}}