:root{--ink:#263e35;--green:#245647;--muted:#717d75;--paper:#f8f8f2;--line:#dfe4da;--lime:#e9f5bb;--coral:#eb916e;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP","Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.7;font-size:15px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}[hidden]{display:none!important}.site-header,main,footer{max-width:1200px;margin:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-.5px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;color:var(--lime);background:var(--green);font-size:28px;line-height:1}.brand-tag{font-size:9px;letter-spacing:2px;font-weight:500;color:var(--muted);margin-left:4px}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav .nav-pill{border:1px solid #bdc8b9;border-radius:30px;padding:10px 18px}.nav-pill span{margin-left:15px}main{padding:0 40px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:425px;padding:35px 0 36px;gap:40px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;margin:0 0 20px;color:var(--green);display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(44px,5vw,65px);line-height:1.3;letter-spacing:-3px;margin:0 0 24px;font-weight:850}.accent{color:var(--green);position:relative;z-index:0}.accent:after{content:"";height:14px;background:var(--lime);position:absolute;left:0;right:0;bottom:5px;z-index:-1;transform:rotate(-2deg)}.hero-copy{font-size:15px;color:#66716a;line-height:1.9;margin:0 0 26px}.hero-link{font-weight:700;font-size:14px;border-bottom:1px solid #a3b19d;padding-bottom:7px;display:inline-flex;gap:30px}.hero-art{height:330px;position:relative;isolation:isolate}.art-grid{position:absolute;inset:10px 0 22px;background-image:radial-gradient(#c9d5c4 1px,transparent 1px);background-size:19px 19px;border-radius:80px}.art-card{position:absolute;background:#fff;border:1px solid #e4e8df;border-radius:14px;padding:13px;box-shadow:0 16px 25px #1c372516}.art-card.back{width:190px;height:215px;left:12px;top:30px;transform:rotate(-9deg)}.art-card.front{width:157px;height:182px;right:35px;top:104px;transform:rotate(8deg);background:var(--lime)}.mini-landscape{height:112px;position:relative;overflow:hidden;border-radius:7px;background:#e7ede4;margin-bottom:11px}.front .mini-landscape{height:91px;background:#f6f8ea}.mini-landscape:after{content:"";width:135px;height:100px;position:absolute;background:#688b76;transform:rotate(35deg);top:66px;left:-28px;border-radius:12px}.mini-landscape i{position:absolute;width:30px;height:30px;background:var(--coral);top:18px;right:24px;border-radius:50%}.mini-landscape b{position:absolute;width:113px;height:100px;top:65px;right:-35px;background:#9db49a;transform:rotate(40deg);border-radius:10px}.art-card span{display:block;font-size:8px;letter-spacing:2px;color:var(--muted)}.art-card strong{display:block;font-size:25px;letter-spacing:-1px;line-height:1.6}.front strong{font-size:22px}.art-arrow{position:absolute;top:48px;right:58px;font-size:58px;color:var(--green);transform:rotate(8deg)}.art-note{position:absolute;bottom:26px;left:8px;font-size:12px;transform:rotate(-4deg);border-bottom:2px solid var(--coral)}.art-caption{position:absolute;bottom:2px;right:30px;font-size:9px;color:var(--muted)}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:center;gap:70px;font-size:12px}.benefits i{font-style:normal;color:var(--green);font-weight:800;margin-right:9px}.workspace{padding-top:52px;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:8px;font-size:10px}.section-heading h2,h2{font-size:28px;line-height:1.5;letter-spacing:-1px;margin:0 0 18px}.section-heading h2{margin:0}.step-label{font-size:12px;color:var(--muted)}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:28px;align-items:start}.dropzone{min-height:316px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #bacbb5;border-radius:var(--radius);background:#f1f4e9;padding:25px;transition:background .2s,border-color .2s}.dropzone.dragover{background:var(--lime);border-color:var(--green)}.upload-symbol{font-size:33px;width:57px;height:57px;background:#fff;border-radius:17px;display:grid;place-items:center;margin-bottom:15px;color:var(--green)}.dropzone h3{font-size:18px;margin:0 0 3px}.dropzone p{font-size:12px;color:var(--muted);margin:0 0 19px}.primary{border:0;background:var(--green);color:#fff;font-weight:650;padding:12px 25px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:34px;transition:background .2s}.primary:hover:enabled{background:#173f33}.primary span{font-size:20px;font-weight:400;line-height:1}.dropzone small{font-size:10px;color:var(--muted);margin-top:17px;text-align:center}.local-note{display:flex;align-items:center;gap:13px;padding:18px 6px;font-size:11px;color:var(--muted)}.local-note>span{font-size:25px;color:var(--green)}.local-note p{margin:0}.local-note strong{color:var(--ink);font-size:12px;font-weight:650}.settings{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px}.settings-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.settings-title h3{font-size:15px;margin:0}.settings-title>span{font-size:9px;letter-spacing:1px;color:var(--muted)}fieldset{border:0;padding:0;margin:24px 0 0;min-width:0}legend{padding:0;margin-bottom:11px;font-size:12px;font-weight:700}legend span{font-size:10px;color:#9aa691;margin-right:9px}.segmented{display:flex;background:#f2f4ee;padding:4px;border-radius:9px;gap:3px}.segmented button{border:0;padding:7px 0;border-radius:6px;background:none;flex:1;font-size:12px;color:var(--muted)}.segmented button[aria-pressed=true]{background:#fff;color:var(--green);font-weight:750;box-shadow:0 1px 4px #23412612}.field-help{font-size:10px;line-height:1.8;color:var(--muted);margin:8px 0 0}select,input[type=number]{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;color:var(--ink);width:100%;font-size:11px}select{min-height:42px}.slider-label{display:flex;justify-content:space-between;font-size:11px}.slider-label output{font-weight:700}input[type=range]{width:100%;accent-color:var(--green);margin:10px 0 0}.range-captions{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.check-label{font-size:11px;display:flex;gap:7px;align-items:center;margin:17px 0 0}.check-label input{accent-color:var(--green)}.target-field{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px}.target-field input{width:130px}.custom-field{display:block;margin-top:10px;font-size:10px}.custom-field input{margin-top:5px}.process-button{margin-top:24px;width:100%;font-size:12px;padding:13px 17px}.settings-footnote{margin:11px 0 0;font-size:9px;text-align:center;color:var(--muted)}.notice{background:#fff0de;color:#674627;border-radius:10px;padding:13px 16px;font-size:12px;margin:8px 0 18px;white-space:pre-line}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.results-heading h3{font-size:15px;margin:0}.results-heading span{font-size:11px;color:var(--muted);margin-left:7px}.text-button{border:0;background:none;font-size:11px;color:var(--muted);padding:6px}.result-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:12px;display:grid;grid-template-columns:75px minmax(0,1fr);gap:15px}.thumbnail{width:75px;height:75px;object-fit:contain;border-radius:8px;background:repeating-conic-gradient(#eceee9 0 25%,#fff 0 50%) 0/12px 12px}.result-body{min-width:0}.result-name{font-size:12px;margin:0 0 3px;overflow-wrap:anywhere}.result-meta{font-size:10px;color:var(--muted);margin:0 0 5px}.result-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px}.result-stats .saving{background:var(--lime);font-size:9px;color:var(--green);padding:2px 6px;border-radius:5px}.result-stats .increased{background:#fff0de;color:#805738}.result-actions{display:flex;gap:10px;align-items:center;margin-top:9px;flex-wrap:wrap}.download-link{font-size:11px;font-weight:700;background:var(--green);color:#fff;padding:7px 11px;border-radius:7px}.preview-link{font-size:11px;text-decoration:underline}.remove-button{margin-left:auto;border:0;background:none;font-size:11px;color:var(--muted);padding:5px}.result-error{font-size:11px;color:#98492d;margin:0}.target-warning{font-size:10px;color:#805738;margin:7px 0 0}.how{margin:76px 0 0;border-top:1px solid var(--line);padding-top:40px}.how .eyebrow,.reading .eyebrow,.faq .eyebrow{font-size:10px;margin-bottom:10px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:27px}.how-grid article{position:relative;padding-right:20px}.number{font-family:Georgia,serif;color:#9aaf8e;font-size:35px;line-height:1}.how-grid h3{font-size:16px;margin:12px 0 8px}.how-grid p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.reading{background:#ebefe2;border-radius:20px;margin-top:60px;padding:32px;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:25px}.reading h2{font-size:23px;margin-bottom:12px}.reading>div>p:last-child{font-size:11px;color:var(--muted);margin-bottom:0}.reading-card{padding:20px;background:#fff;border-radius:12px;position:relative;transition:transform .2s}.reading-card:hover{transform:translateY(-3px);text-decoration:none}.reading-card>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.reading-card h3{font-size:18px;line-height:1.6;margin:15px 0 12px}.reading-card p{font-size:10px;color:var(--muted);padding-right:15px}.reading-card b{position:absolute;bottom:17px;right:18px;font-size:22px}.faq{max-width:780px;margin:70px auto 65px}.faq details{border-bottom:1px solid var(--line)}summary{font-size:13px;font-weight:650;cursor:pointer;padding:18px 8px 18px 0}.faq details p{font-size:12px;color:var(--muted);margin:0 0 20px;line-height:1.9}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 40px 45px;border-top:1px solid var(--line)}footer .brand{font-size:17px}footer .brand-icon{width:30px;height:30px;font-size:24px;border-radius:9px}footer nav{font-size:11px;gap:20px}footer small{font-size:10px;color:var(--muted)}.article-main{max-width:900px;padding-top:40px;padding-bottom:60px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:25px}.article-main h1{font-size:36px;line-height:1.5;letter-spacing:-1.4px}.article-lead{font-size:15px;color:var(--muted);margin-bottom:40px}.article-main h2{font-size:23px;margin:38px 0 15px}.article-main h3{font-size:17px;margin:25px 0 10px}.article-main p,.article-main li{font-size:14px;line-height:2}.article-main table{border-collapse:collapse;width:100%;background:#fff;font-size:12px;margin:22px 0}.article-main th,.article-main td{padding:14px;border:1px solid var(--line);text-align:left}.article-main th{background:#ebefe2}.article-main a:not(.breadcrumb a){text-decoration:underline}.article-callout{background:var(--lime);padding:20px;border-radius:12px;margin-top:30px}.article-main .primary{display:inline-flex;color:#fff;text-decoration:none!important;margin-top:22px;font-size:14px}.table-wrap{overflow-x:auto}.article-main .updated{font-size:11px;color:var(--muted)}@media(max-width:900px){.brand-tag{display:none}.hero{gap:15px}.hero-art{transform:scale(.88);transform-origin:center}.benefits{gap:30px}.tool-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.reading{gap:15px;padding:24px}.reading-card{padding:15px}.reading-card h3{font-size:16px}footer{flex-wrap:wrap}footer small{margin-left:auto}}@media(max-width:680px){.site-header{padding:0 20px;height:80px}.site-header nav{gap:16px;font-size:11px}.site-header nav>a:first-child{display:none}.nav-pill{padding:7px 12px!important}.brand{font-size:18px;gap:8px}.brand-icon{width:31px;height:31px;font-size:25px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:0;padding:25px 0 15px;min-height:0}.hero h1{font-size:48px}.hero-art{height:240px;max-width:360px;width:100%;margin:0 auto;transform:scale(.78);transform-origin:center center;margin-top:-12px;margin-bottom:12px}.art-note{bottom:-19px}.art-caption{bottom:-41px}.benefits{gap:10px;justify-content:space-between;font-size:9px;padding:14px 0}.benefits i{margin-right:3px}.workspace{padding-top:35px}.section-heading h2{font-size:23px}.step-label{font-size:10px}.tool-layout{grid-template-columns:1fr;gap:18px}.dropzone{min-height:275px;padding:22px 10px}.settings{padding:22px}.settings-title h3{font-size:16px}.settings fieldset{margin-top:22px}.field-help{font-size:11px}.settings-footnote{font-size:10px}.process-button{font-size:14px}legend,.slider-label,.check-label{font-size:13px}select,input[type=number]{font-size:13px}.how{margin-top:45px;padding-top:28px}.how h2,.faq h2{font-size:23px}.how-grid{grid-template-columns:1fr;gap:25px}.how-grid article{padding:0 0 0 55px}.number{position:absolute;left:0;top:4px}.how-grid h3{margin-top:0}.reading{margin-top:40px;grid-template-columns:1fr;padding:25px;gap:15px}.reading-card h3 br{display:none}.reading-card h3{font-size:18px;margin:10px 0}.reading-card p{margin-bottom:0}.faq{margin-top:45px;margin-bottom:40px}footer{padding:25px 20px;gap:22px}footer nav{gap:16px;font-size:10px}footer small{width:100%;margin-left:0}.article-main{padding-top:24px}.article-main h1{font-size:28px}.article-main h2{font-size:21px}.article-main th,.article-main td{padding:10px;min-width:80px}.article-main p,.article-main li{font-size:13px}.result-card{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:12px}.thumbnail{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.tool-directory{padding-top:40px}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;transition:transform .15s,box-shadow .15s}.tool-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 8px 18px #2341260d}.tool-symbol{background:var(--lime);color:var(--green);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:23px;font-weight:700}.tool-card h3{font-size:16px;margin:14px 0 8px}.tool-card p{font-size:12px;color:var(--muted);margin:0 20px 0 0;line-height:1.8}.card-arrow{position:absolute;right:20px;bottom:18px;color:var(--green);font-size:22px}.target-presets{display:flex;gap:6px;margin-top:12px}.target-presets button,.small-button{border:1px solid var(--line);background:#f4f6ef;color:var(--green);border-radius:7px;padding:7px 10px;font-size:11px;font-weight:600}.target-presets button{flex:1}.small-button:hover:enabled,.target-presets button:hover:enabled{background:var(--lime)}#download-all{margin-bottom:14px}.expanded-main{padding-top:12px;padding-bottom:60px}.expanded-main>h1{font-size:38px;letter-spacing:-1.5px;margin-bottom:12px}.expanded-main>.article-lead{max-width:760px;font-size:14px;margin-bottom:26px}.tool-nav{flex-wrap:wrap;gap:8px;font-size:12px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.tool-nav a{background:#ecf0e5;padding:6px 13px;border-radius:25px}.compact-drop{min-height:120px;padding:20px;gap:13px}.compact-drop p{margin:0}.local-banner{color:var(--green);font-size:12px;margin:15px 0 23px}.file-caption{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.edit-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 18px}.edit-tabs button{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:9px;padding:10px 17px;font-size:13px}.edit-tabs button[aria-pressed=true]{background:var(--green);color:#fff}.editing-layout{display:grid;grid-template-columns:315px minmax(0,1fr);align-items:start;gap:26px}.small-heading{font-size:17px;letter-spacing:0;margin-bottom:18px}.control-label{display:block;font-size:12px;font-weight:600;margin:18px 0 10px}.control-label select,.control-label input:not([type=range]){display:block;margin-top:8px;font-size:12px}.control-label input[type=text]{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px}.control-label input[type=color]{width:70px;height:40px;border:1px solid var(--line);background:#fff;padding:3px;border-radius:6px}.color-label{display:flex;align-items:center;justify-content:space-between;gap:15px}.color-label input{margin:0!important}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.coordinate-grid label{font-size:11px}.coordinate-grid input{margin-top:5px}.crop-canvas{width:100%;height:auto;margin-top:16px;border-radius:7px;touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#e8ebe5 0 25%,#fff 0 50%) 0/16px 16px}.editing-layout .slider-label{margin-top:17px;font-size:12px}.editing-layout .check-label{font-size:12px}.editing-layout hr{border:0;border-top:1px solid var(--line);margin:25px 0}.reset-button{margin-top:18px;text-decoration:underline}.preview-column{min-width:0}.preview-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-heading h2{margin:0}.preview-heading>span{font-size:10px;color:var(--muted)}.canvas-stage{display:flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:15px;min-height:240px;padding:14px;background:repeating-conic-gradient(#e8ebe5 0 25%,#fff 0 50%) 0/20px 20px;overflow:hidden}.canvas-stage canvas{display:block;max-width:100%;max-height:620px;width:auto;height:auto;object-fit:contain}.preview-column>.primary{margin-top:20px}.saved-result{border:1px solid #c5d5b4;background:#edf5dc;border-radius:12px;padding:16px;margin-top:18px}.saved-result p{font-size:13px;margin:0 0 12px}.saved-result a{display:inline-block;margin:0 9px 5px 0}.tool-guide{max-width:850px;margin:56px auto 0;padding-top:26px;border-top:1px solid var(--line)}.tool-guide h2{font-size:23px;margin:28px 0 12px}.tool-guide p,.tool-guide li{font-size:14px;line-height:2;color:#59675e}.tool-guide li{margin:9px 0}.tool-guide a{color:var(--green);text-decoration:underline}.combine-list{padding:0;margin:0 0 22px;list-style:none}.combine-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:9px;background:#fff;margin:8px 0}.combine-item img{width:43px;height:43px;object-fit:contain;border-radius:5px;background:#f4f6ef}.combine-item span{flex:1;min-width:0;font-size:12px;overflow-wrap:anywhere}.combine-item button{flex-shrink:0;padding:6px 9px}footer nav{flex-wrap:wrap}@media(max-width:900px){.tool-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editing-layout{grid-template-columns:285px minmax(0,1fr);gap:18px}.canvas-stage{min-height:180px}}@media(max-width:680px){.tool-directory{padding-top:30px}.tool-card-grid{gap:10px}.tool-card{padding:16px 13px}.tool-card h3{font-size:13px}.tool-card p{font-size:10px;margin-right:10px}.tool-symbol{width:32px;height:32px;font-size:20px}.card-arrow{right:10px;bottom:10px;font-size:17px}.tool-directory .step-label{display:none}.expanded-main>h1{font-size:28px;letter-spacing:-1px}.tool-nav{gap:6px;font-size:10px}.tool-nav a{padding:6px 9px}.editing-layout{grid-template-columns:1fr}.edit-tabs{gap:6px}.edit-tabs button{font-size:11px;padding:9px 12px}.expanded-main .settings{padding:18px}.control-label select,.control-label input:not([type=range]){font-size:14px}.coordinate-grid input{font-size:14px}.tool-guide p,.tool-guide li{font-size:13px}.combine-item{gap:5px}.combine-item button{padding:6px}.canvas-stage canvas{max-height:500px}.preview-heading>span{display:none}.local-banner{font-size:11px}.tool-guide{margin-top:38px}.tool-guide h2{font-size:21px}}

.directory-search{display:flex;align-items:center;gap:20px;font-size:12px;font-weight:650;margin:22px 0 14px}.directory-search input{flex:1;max-width:570px;border:1px solid var(--line);border-radius:10px;padding:11px 14px;background:#fff;color:var(--ink)}.directory-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}.directory-filters button{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:25px;padding:8px 16px;font-size:12px}.directory-filters button[aria-pressed=true]{background:var(--green);color:#fff}.utility-panel{border:1px solid var(--line);border-radius:20px;background:#fff;padding:28px}.text-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:26px}.text-metrics>div{background:#f1f5e9;border-radius:10px;padding:14px}.text-metrics span{display:block;font-size:10px;color:var(--muted)}.text-metrics strong{font-size:24px;display:block;overflow-wrap:anywhere;color:var(--green)}.textarea-label{display:block;font-weight:650;font-size:13px;margin:22px 0 10px}.utility-panel textarea{font:14px/1.8 ui-monospace,Consolas,Meiryo,monospace;padding:14px;width:100%;min-height:180px;border:1px solid #cbd4c5;border-radius:9px;resize:vertical;background:#fcfcf9;color:var(--ink)}textarea:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.text-settings{display:flex;flex-wrap:wrap;gap:6px 25px;background:#f4f6ef;border-radius:12px;padding:17px 20px;margin:16px 0}.text-settings .check-label{margin:8px 0;font-size:12px}.text-settings .control-label{min-width:230px;flex:1;margin:0}.text-settings input[type=text]{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;font-size:13px}.utility-panel>.primary{font-size:13px;margin:18px 0}.utility-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.utility-status{min-height:24px;font-size:12px;color:#805738;white-space:pre-wrap;overflow-wrap:anywhere}.calc-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calc-form{max-width:720px}.calc-form input:not([type=checkbox]),.calc-form select{width:100%;display:block;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff;color:var(--ink);font:inherit;font-size:15px}.calc-form .check-label{font-size:13px}.calc-answer{background:var(--lime);border-radius:13px;padding:22px;margin-top:25px}.calc-answer>span{font-size:12px;display:block;color:var(--muted)}.calc-answer output{display:block;font-size:34px;font-weight:750;line-height:1.5;margin:10px 0 18px;overflow-wrap:anywhere}.calc-answer .small-button{background:#fff}.back-link{font-size:13px;text-decoration:underline}.text-settings p{font-size:12px;margin:10px 0}.utility-panel .control-label{font-size:13px}.directory-filters button:focus-visible,.directory-search input:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media(max-width:680px){.directory-search{display:block}.directory-search input{width:100%;display:block;margin-top:8px;font-size:14px}.directory-filters{gap:6px}.directory-filters button{font-size:11px;padding:8px 12px}.utility-panel{padding:18px}.text-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.text-metrics>div{padding:10px}.text-metrics strong{font-size:21px}.text-metrics>div:last-child{grid-column:span 2}.text-settings{display:block;padding:12px}.text-settings .control-label{min-width:0;margin:14px 0}.text-settings .check-label{margin:14px 0}.calc-input-grid{grid-template-columns:1fr;gap:0}.calc-answer output{font-size:28px}.utility-panel textarea{font-size:14px}.calc-form .control-label{margin:16px 0}.utility-actions{gap:8px}}

.pdf-list{list-style:none;padding:0;margin:0}.pdf-item{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid var(--line)}.pdf-item>div{flex:1;min-width:0}.pdf-item strong{font-size:13px;display:block;overflow-wrap:anywhere}.pdf-item small{font-size:11px;color:var(--muted);display:block;margin-top:5px}.pdf-item button{flex-shrink:0}.pdf-workspace #pdf-controls{max-width:650px}.pdf-workspace input[type=text]{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;background:#fff;font-size:14px;color:var(--ink)}.pdf-workspace select{font-size:14px}.pdf-workspace>.primary{margin-top:24px}@media(max-width:680px){.pdf-item{gap:5px}.pdf-item button{padding:7px}.pdf-item strong{font-size:12px}.pdf-workspace .control-label{font-size:13px}}

.pdf-mask-section{margin:1.5rem 0;padding:1rem;border:1px solid #a7b6b0;border-radius:12px;min-width:0}.pdf-mask-section h2{font-size:1.2rem}.pdf-mask-section canvas{display:block;max-width:100%;height:auto;max-height:70vh;touch-action:none;cursor:crosshair;border:1px solid #879e94;background:white}.pdf-mask-section p{font-size:14px}.pdf-mask-section select{min-height:44px;font-size:16px;max-width:100%}.pdf-mask-section [hidden]{display:none!important}
.pdf-mask-list{padding:0;list-style:none}.pdf-mask-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:14px;overflow-wrap:anywhere}.pdf-mask-list button{min-height:44px;flex-shrink:0}.pdf-mask-section .check-control{display:flex;gap:10px;align-items:start;margin:14px 0;font-size:14px}.pdf-mask-section input[type=checkbox]{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:4px 0}.pdf-mask-section .utility-actions{flex-wrap:wrap}

.media-panel{margin-top:24px}.media-panel select,.media-panel input[type=number]{font-size:14px}.icon-stage canvas{width:256px;max-width:100%;image-rendering:auto}.code-example{background:#edf1e7;border:1px solid var(--line);border-radius:10px;padding:16px;font:12px/1.8 ui-monospace,Consolas,monospace;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}.data-controls .control-label{min-width:200px}.utility-actions .primary{font-size:13px}.data-controls .check-label{align-items:flex-start}.data-controls input[type=checkbox]{margin-top:5px}@media(max-width:680px){.data-controls .control-label{min-width:0}.media-panel .control-label{font-size:13px}.code-example{font-size:11px}}
.file-import{border:1px solid var(--line);border-radius:12px;padding:15px;background:#f4f6ee;margin-bottom:20px;display:grid;grid-template-columns:auto minmax(240px,1fr);gap:12px 25px;align-items:center}.file-import .control-label{margin:0}.file-import .field-help{grid-column:span 2;margin:0}.file-import select{font-size:12px}.file-import button{padding:10px 15px;font-size:12px}.file-import label{font-size:11px}@media(max-width:680px){.file-import{grid-template-columns:1fr;gap:13px;padding:13px}.file-import .field-help{grid-column:auto}.file-import select{font-size:13px}.file-import button{width:100%;text-align:left}}

.useful-form{max-width:750px}.useful-form input:not([type=checkbox]),.useful-form select,.crypto-controls select,.crypto-controls input[type=number]{display:block;width:100%;font:inherit;font-size:15px;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:11px;background:#fff;color:var(--ink)}.calc-answer #useful-detail{font-size:12px;margin:10px 0 20px;color:var(--green)}.crypto-controls{max-width:760px}.crypto-controls .check-label{font-size:13px}.crypto-controls .control-label{font-size:13px}.utility-panel #hash-expected{display:block;width:100%;font:13px/1.7 ui-monospace,Consolas,monospace;border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:9px;color:var(--ink)}.hash-match{font-size:13px;color:var(--green)}#crypto-output{overflow-wrap:anywhere}.crypto-controls .small-button{margin-top:5px}@media(max-width:680px){.calc-answer #useful-detail{font-size:11px}.useful-form .control-label{font-size:13px}.utility-panel #hash-expected{font-size:13px}.crypto-controls .check-label{font-size:12px}}

@media(max-width:680px){input[type=text],input[type=number],input[type=date],input[type=time],input[type=search],input[type=email],select,textarea{font-size:16px!important}.file-caption{font-size:12px}.tool-card h3{font-size:14px}.primary,.small-button,.download-link{min-height:40px}.utility-actions{align-items:center}}.saved-result .download-link{display:inline-flex;align-items:center}.tool-card-grid{align-items:stretch}.tool-card h3{overflow-wrap:anywhere}

.purpose-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 26px}.purpose-links a{display:grid;gap:5px;text-decoration:none;padding:18px;border:1px solid #cdd9c4;border-radius:16px;background:#edf4df;color:#245647}.purpose-links a:hover{background:#e3edcf}.purpose-links span{font-size:.88rem;line-height:1.6}.submission-settings{min-width:0;border:1px solid #d8dfcf;border-radius:12px;margin:0 0 22px;padding:16px}.submission-settings legend{font-weight:700;padding:0 6px}.submission-settings .check-label{line-height:1.7;margin-bottom:16px}.submission-settings .coordinate-grid input{box-sizing:border-box;min-width:0;width:100%;font-size:16px;padding:10px}.submission-intro{padding:18px;background:#edf4df;border-radius:14px;line-height:1.9}.purpose-links a:focus-visible{outline:3px solid #245647;outline-offset:3px}@media(max-width:600px){.purpose-links{grid-template-columns:1fr}.submission-settings{padding:12px}.purpose-links a{padding:16px}}
.crop-move-buttons{display:flex;flex-wrap:wrap;gap:8px}.crop-move-buttons button,#crop-use-output,#edit-cancel{min-height:44px;padding:10px 12px;font-size:14px;border:1px solid #a7b6b0;border-radius:8px;background:#f4f6ef;color:#245647}.crop-canvas[data-drag-mode=move]{cursor:move}.crop-canvas:focus-visible,.crop-move-buttons button:focus-visible,#crop-use-output:focus-visible,#edit-cancel:focus-visible{outline:3px solid #245647;outline-offset:4px}.crop-position-controls input{max-width:100%}

.wb-workspace h2{font-size:1.15rem;margin:1.8rem 0 .8rem}.wb-workspace h2:first-child{margin-top:0}.wb-source{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--line,#deded8);border-radius:12px;list-style:none}.wb-source-info{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;min-width:0}.wb-source-info strong{overflow-wrap:anywhere}.wb-source-info small,.wb-page-origin{color:#595f59}.wb-source-actions,.wb-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wb-range-label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem}.wb-range-label input{width:130px;max-width:100%;padding:9px;border:1px solid #c6cbc6;border-radius:6px}.wb-section-title{display:flex;flex-wrap:wrap;gap:0 20px;align-items:baseline}.wb-section-title p{font-size:.9rem}.wb-page-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:20px 0 28px;list-style:none}.wb-page{border:1px solid #bdc8bf;background:#fff;border-radius:12px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:8px}.wb-excluded{background:#f2f3f1;border-style:dashed}.wb-excluded .wb-thumb{opacity:.55}.wb-page-number{font-size:.85rem;color:#17643f}.wb-excluded .wb-page-number{color:#68625c}.wb-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:200px;padding:8px;background:#eef0ed;border:1px solid #d6dcd6;border-radius:6px;cursor:zoom-in;overflow:hidden}.wb-thumb img{display:block;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 1px 5px #0002}.wb-thumb img[hidden]{display:none}.wb-thumb-note{font-size:.8rem;line-height:1.5;color:#555e56}.wb-page-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.wb-page-origin{font-size:.73rem}.wb-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:auto}.wb-page-actions button{min-height:38px;padding:7px 4px;font-size:.8rem}.wb-output-settings{display:grid;grid-template-columns:2fr 1fr;gap:18px}.wb-output-settings input{width:100%;min-width:0}.wb-viewer{width:min(94vw,960px);max-width:94vw;max-height:92vh;max-height:92dvh;padding:20px;border:1px solid #bfc8bf;border-radius:14px;overflow:auto}.wb-viewer::backdrop{background:#12271cd0}.wb-view-heading,.wb-view-navigation{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.wb-view-heading{justify-content:space-between}.wb-view-heading h2{font-size:1rem;overflow-wrap:anywhere;max-width:75%;margin:0}.wb-view-navigation{position:sticky;top:0;background:#fff;padding:14px 0;z-index:1}.wb-view-navigation input{width:65px;padding:8px;border:1px solid #bac6bc;border-radius:6px}.wb-view-paper{background:#e7ebe7;text-align:center;padding:10px;min-height:100px}.wb-view-paper img{display:block;margin:auto;max-width:100%;height:auto;box-shadow:0 2px 8px #0002}.wb-view-paper img[hidden]{display:none}.wb-workspace button:focus-visible,.wb-viewer button:focus-visible{outline:3px solid #26744c;outline-offset:3px}.wb-workspace button:disabled{cursor:default;opacity:.45}.wb-toolbar .small-button,.wb-source-actions .small-button{min-height:40px}.wb-workspace .saved-result{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.wb-workspace .saved-result[hidden]{display:none}.wb-workspace .saved-result p{flex-basis:100%;margin:0}.wb-workspace .utility-status{white-space:pre-wrap}#pdf-status{white-space:pre-wrap}
.wb-duplex{border:1px solid #c9d4ca;border-radius:10px;padding:15px;margin-top:18px;background:#f5f8f1}.wb-duplex[hidden]{display:none}.wb-duplex summary{cursor:pointer;font-weight:600}.wb-duplex p{font-size:.88rem;line-height:1.8}.wb-duplex .check-label{display:block;margin:15px 0}.wb-page-actions button:last-child:nth-child(5){grid-column:1/-1}
@media(max-width:900px){.wb-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wb-thumb{height:180px}}
@media(max-width:650px){.wb-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wb-page{padding:8px}.wb-thumb{height:170px}.wb-output-settings{grid-template-columns:1fr}.wb-viewer{padding:12px}.wb-source{padding:12px}.wb-range-label{flex-basis:100%}.wb-page-actions button{min-height:42px}.wb-workspace h2{font-size:1rem}}
#wb-load-cancel{min-height:44px;margin:8px}#wb-load-cancel:focus-visible{outline:3px solid #26744c;outline-offset:3px}
@media(max-width:360px){.wb-page-grid{grid-template-columns:1fr}.wb-thumb{height:220px}}

.pr-workspace h2{font-size:1.15rem;margin:24px 0 12px}.pr-workspace[hidden]{display:none}.pr-file-info{overflow-wrap:anywhere}.pr-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pr-form input,.pr-form select{width:100%;min-width:0}.pr-canvas-stage{background-color:#eee;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:20px 20px;margin:20px 0;overflow:hidden;border:1px solid #c8cfc8;border-radius:8px}.pr-canvas-stage canvas{display:block;max-width:100%;width:100%;height:auto;touch-action:none;cursor:crosshair}.pr-numeric{padding:14px;border:1px solid #c8cfc8;border-radius:8px}.pr-numeric summary{cursor:pointer;font-weight:600}.pr-numeric[open] summary{margin-bottom:15px}.pr-coordinate{grid-template-columns:repeat(4,minmax(0,1fr))}.pr-areas{padding:0;list-style:none;display:grid;gap:10px}.pr-areas li{display:flex;gap:8px;align-items:stretch}.pr-areas li button:first-child{flex:1;text-align:left;overflow-wrap:anywhere;font-size:.85rem}.pr-areas button[aria-pressed="true"]{border-color:#257046;background:#e9f5e5}.pr-workspace .small-button{min-height:42px}.pr-saved{margin-top:22px}.pr-saved[hidden]{display:none}.pr-saved img{display:block;max-width:100%;height:auto;border:1px solid #ccd3cc;margin:15px auto}.pr-saved h2{margin-top:0}#pr-status{white-space:pre-wrap}
@media(max-width:650px){.pr-form{grid-template-columns:1fr}.pr-coordinate{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-workspace h2{font-size:1rem}.pr-areas li button:first-child{font-size:.8rem}}

/* Identity and sharing; no changes to processing controls. */
.brand{white-space:nowrap;flex-shrink:0}.brand-icon{flex-shrink:0}.brand-icon svg{display:block}
.hero h1{font-size:clamp(38px,4.5vw,56px);letter-spacing:-2px;line-height:1.45}
.hero-art.toolbox-art{height:auto;min-height:330px;transform:none;margin:0;display:flex;flex-direction:column;justify-content:center;max-width:440px;width:100%;padding:14px}
.toolbox-sheet{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:10px 13px 0 var(--lime);transform:rotate(2deg)}
.toolbox-label{font-size:9px;letter-spacing:1.8px;color:var(--muted)}
.toolbox-art-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.toolbox-art-row:last-child{border:0;padding-bottom:2px}.toolbox-art-row>div{flex:1}.toolbox-art-row strong{display:block;font-size:17px}.toolbox-art-row small{display:block;font-size:11px;margin-top:4px;color:var(--muted)}
.toolbox-art-symbol{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:var(--lime);font-size:17px;font-weight:800;color:var(--green)}
.toolbox-art-row:nth-of-type(2) .toolbox-art-symbol{background:#fce9df}.toolbox-art-row:nth-of-type(3) .toolbox-art-symbol{background:#e7eeec}
.toolbox-art-note{font-size:11px;letter-spacing:.5px;text-align:right;margin:25px 0 0;color:var(--green)}
.benefits{flex-wrap:wrap;gap:14px 30px}.benefits span{white-space:nowrap}
footer nav{flex-wrap:wrap;gap:12px 22px}
.share-invite{max-width:1120px;margin:0 auto 35px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#edf1e7;border-radius:15px}
.share-invite strong{font-size:17px}.share-invite p{font-size:12px;margin:5px 0 0;color:var(--muted)}.share-invite a{font-size:13px;font-weight:700;white-space:nowrap}
.share-panel{padding:23px;border:1px solid var(--line);border-radius:16px;margin:28px 0;background:#fff}.share-panel h2{margin-top:0}
.share-panel label{display:block;font-size:13px;font-weight:700;margin:20px 0 8px}.share-panel input,.share-panel textarea{width:100%;font:inherit;font-size:14px;line-height:1.85;color:var(--ink);background:#f8f8f2;padding:12px;border:1px solid var(--line);border-radius:8px;resize:vertical;display:block;margin-bottom:12px}
.share-panel input{overflow-x:auto}.share-actions{display:flex;flex-wrap:wrap;gap:12px}.share-preview{max-width:100%;height:auto;display:block;margin:0 0 20px;border-radius:10px;border:1px solid var(--line)}
#share-status{min-height:1.8em;font-size:13px;color:var(--green)}.contact-name-note{max-width:850px;margin:0 auto 30px;font-size:12px;color:var(--muted);padding:0 20px}
@media(max-width:1000px){.brand-tag{display:none}.site-header nav{gap:18px}}
@media(max-width:680px){.site-header{gap:12px;padding:0 18px}.site-header .brand{font-size:18px;gap:7px}.site-header nav>a:not(.nav-pill){display:none}.nav-pill span{display:none}.site-header .nav-pill{white-space:nowrap;font-size:10px;padding:8px 10px!important}.hero h1{font-size:clamp(32px,8.5vw,46px);letter-spacing:-1.6px}.hero-art.toolbox-art{min-height:0;max-width:400px;margin:20px auto 12px;padding:12px}.toolbox-sheet{padding:18px}.toolbox-art-row{padding:13px 0}.toolbox-art-note{font-size:10px}.benefits{font-size:11px;justify-content:flex-start;gap:9px 14px}.share-invite{margin:0 20px 25px;padding:20px;display:block}.share-invite a{display:inline-block;margin-top:15px}.share-panel{padding:18px}.share-main>h1{font-size:34px;letter-spacing:-1px}footer nav{gap:12px 16px}footer .brand{font-size:18px}}
@media(max-width:360px){.site-header .brand{font-size:16px}.site-header{padding:0 14px}.site-header .brand-icon{width:28px;height:28px}.toolbox-art-row strong{font-size:15px}.toolbox-art-row small{font-size:10px}}

.organized-hero{display:block;min-height:0;padding:30px 0 22px}.organized-hero .hero-copy{margin-bottom:16px}.organized-hero h1{max-width:900px;font-size:clamp(30px,4vw,48px);margin-bottom:16px}.organized-hero .eyebrow{margin-bottom:12px}
.conversion-entry{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px;margin:18px 0 6px}.conversion-entry h2{font-size:25px;margin:0 0 8px}.conversion-entry>.field-help{margin-bottom:0}.conversion-entry p{color:var(--muted);font-size:13px}.conversion-entry .eyebrow{font-size:10px;margin-bottom:8px}.conversion-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:20px 0 12px}.conversion-controls label{flex:1;min-width:170px;font-size:13px;font-weight:650}.conversion-controls select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-size:15px}.conversion-controls .primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;font-size:14px;white-space:nowrap;text-decoration:none}.conversion-arrow{align-self:end;padding-bottom:10px}.conversion-shortcuts{flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13px}.conversion-shortcuts a{text-decoration:underline;color:var(--green)}
.directory-group{margin:30px 0 40px}.directory-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px}.directory-group-heading h3{font-size:23px;margin:0}.directory-group-heading span{font-size:12px;color:var(--muted);white-space:nowrap}.directory-group-copy{font-size:13px;color:var(--muted);margin:12px 0 18px}.tool-card h4{font-size:16px;margin:14px 0 8px}.inline-tool-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px}.inline-tool-heading p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:680px){.organized-hero{padding-top:22px}.conversion-entry{padding:18px}.conversion-entry h2{font-size:22px}.conversion-controls{gap:10px}.conversion-controls label{min-width:0;flex-basis:calc(50% - 18px)}.conversion-controls .primary{width:100%}.conversion-controls select{font-size:14px}.directory-group-heading h3{font-size:20px}.tool-card h4{font-size:14px}.directory-group{margin:25px 0 30px}.inline-tool-heading{align-items:start;flex-wrap:wrap}}

.batch-panel{padding:1.4rem;margin:1.5rem 0 2.5rem;border:1px solid var(--line,#d8e1de);border-radius:18px;background:var(--panel,#fff)}.batch-panel h2{font-size:1.35rem}.batch-panel .coordinate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1rem 0}.batch-panel label{display:grid;gap:.4rem}.batch-panel .check-label{display:flex}.batch-panel input:not([type=checkbox]),.batch-panel select{max-width:100%;width:100%;padding:.65rem;border:1px solid #a7b6b0;border-radius:8px;background:#fff;color:#182b28}.batch-panel .button-row{display:flex;flex-wrap:wrap;gap:.6rem}.batch-panel button{padding:.7rem 1rem;border:1px solid #879e94;border-radius:9px;cursor:pointer}.batch-panel button:disabled{opacity:.6;cursor:wait}.batch-result{padding:1rem 0;border-top:1px solid #d8e1de;overflow-wrap:anywhere}.batch-result h3{font-size:1rem}.batch-result img{max-width:160px;max-height:160px;object-fit:contain;background:#f1f3f2}.batch-panel [hidden]{display:none!important}
.batch-disclosure{margin:1rem 0 2rem}.batch-disclosure>summary{padding:1rem;border:1px solid #a7b6b0;border-radius:12px;cursor:pointer;font-weight:700}.batch-disclosure[open]>summary{background:#f1f5f2}.batch-disclosure>.batch-panel{margin:.6rem 0 0}.batch-disclosure:focus-within{outline-offset:4px}

.batch-queue{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem}.batch-queue li{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem;background:#f1f5f2;border-radius:8px}.batch-queue span{min-width:0;overflow-wrap:anywhere}.batch-queue button{flex:none;font-size:.9rem}@media(max-width:480px){.batch-queue li{align-items:stretch;flex-direction:column}.batch-queue button{align-self:flex-start}}

/* growth-focus:start */
.submission-entry{padding:26px;margin:8px 0 22px;background:#edf3e2;border:1px solid var(--line);border-radius:18px}.submission-entry h2{font-size:clamp(23px,3vw,31px);margin:0 0 12px}.submission-entry>p{max-width:780px}.submission-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.submission-entry article{padding:22px;background:#fff;border-radius:12px}.submission-entry h3{font-size:20px;margin:0 0 12px}.submission-entry p,.submission-entry li{font-size:15px;line-height:1.8}.submission-entry .primary{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:none}.submission-entry ol{padding-left:1.3em;margin:16px 0 0}.submission-explain{margin:16px 0 24px;padding:18px;border:1px solid var(--line);border-radius:12px}.submission-explain h2{font-size:20px;margin:0 0 12px}.submission-explain li,.submission-explain details{font-size:15px;line-height:1.8}.submission-explain ol{padding-left:1.4em}.submission-explain summary{cursor:pointer;padding:8px 0;min-height:44px}.submission-entry .eyebrow{font-size:11px}@media(max-width:680px){.submission-entry{padding:18px}.submission-entry-grid{grid-template-columns:1fr}.submission-entry article{padding:18px}.submission-explain{padding:16px}}
/* growth-focus:end */
/* mascot-theme:start */
/* Blue file workshop: direct task entry, crisp surfaces, distinct from the other sites. */
@media screen {
 :root {--ink:#17284a;--green:#1848d8;--muted:#52617c;--paper:#f6f8fe;--line:#d7dfef;--lime:#e6edff;--coral:#eb916e;--white:#fff;--radius:8px}
 body {background:var(--paper);color:var(--ink)}
 .site-header {border-bottom:2px solid #1848d8;background:#fff}
 .brand-icon {background:#1848d8;border-radius:7px;color:#fff}
 .brand-tag {letter-spacing:.14em;color:#52617c}
 .nav-pill {border-color:#1848d8;color:#1848d8;border-radius:6px}
 .hero.organized-hero.mascot-hero {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:36px;align-items:center;min-height:390px;padding:34px 0 32px}
 .mascot-hero-copy {min-width:0}
 .mascot-hero .eyebrow {font-size:12px;letter-spacing:.06em;color:#365a9c}
 .mascot-hero h1 {font-family:inherit;max-width:720px;font-size:clamp(36px,4.3vw,61px);font-weight:850;letter-spacing:-.045em;line-height:1.32;margin:18px 0 16px}
 .mascot-hero .accent {color:#1848d8}
 .mascot-hero .hero-copy {font-size:16px;color:#52617c;line-height:1.9}
 .quick-tasks {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 16px}
 .quick-tasks a {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid #bbcbed;border-radius:6px;background:#fff;color:#17386f;font-size:13px;font-weight:700;text-decoration:none;min-height:48px}
 .quick-tasks .quick-primary {background:#1848d8;color:#fff;border-color:#1848d8}
 .quick-tasks a:hover {outline:2px solid #1848d8;outline-offset:2px}
 .mascot-hero .hero-link {font-size:13px;color:#1848d8}
 .karuku-mascot-stage {position:relative;margin:0;display:grid;justify-items:center;align-content:center;background:#e6edff;border:1px solid #c6d5fa;border-radius:8px;min-height:330px;overflow:hidden}
 .workshop-label {justify-self:start;margin:17px 20px 0;font:10px ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#365a9c}
 .brand-mascot {display:block;max-width:100%;height:auto;object-fit:contain}
 .karuku-mascot-stage .brand-mascot {width:min(100%,310px);margin:-6px 0 -8px}
 .karuku-mascot-stage figcaption {display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #c6d5fa;width:100%;padding:12px 20px;font-size:11px;color:#365a9c}
 .karuku-mascot-stage figcaption b {font-size:15px;color:#17386f}
 .benefits {border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;border-radius:0;padding:15px 18px}
 .submission-entry {background:#fff;border:1px solid var(--line);border-top:4px solid #1848d8;border-radius:8px;padding:28px}
 .submission-entry-grid article {background:#f6f8fe;border-color:var(--line);border-radius:6px}
 .conversion-entry {background:#edf2ff;border:1px solid #c6d5fa;border-radius:8px}
 .tool-directory {background:#fff;border:1px solid var(--line);padding:28px;border-radius:8px}
 .directory-group-heading {border-bottom:2px solid #1848d8;padding-bottom:12px}
 .directory-filters button {border-radius:5px;border-color:#bccbeb;background:#fff;color:#17386f}
 .directory-filters button[aria-pressed="true"] {background:#1848d8;border-color:#1848d8;color:#fff}
 .directory-search input {background:#f6f8fe;border:1px solid #bccbeb;border-radius:6px}
 .tool-card {border-radius:6px;background:#fff;border:1px solid var(--line);box-shadow:none}
 .tool-card:hover {border-color:#1848d8;background:#f1f5ff}
 .tool-symbol {background:#e6edff;color:#1848d8;border-radius:5px}
 .primary,.upload-button {border-radius:6px;background:#1848d8;color:#fff}
 .settings,.upload-zone,.editor,.tool-workspace,.step-card,.faq-item {border-radius:8px}
 a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline:3px solid #1848d8;outline-offset:3px}
}
@media screen and (max-width:760px) {
 .hero.organized-hero.mascot-hero {grid-template-columns:minmax(0,1fr) 180px;gap:18px;min-height:0;padding:28px 0}
 .mascot-hero h1 {font-size:clamp(29px,5.5vw,43px)}
 .karuku-mascot-stage {min-height:210px}
 .karuku-mascot-stage .brand-mascot {width:185px}
 .workshop-label {font-size:8px;letter-spacing:.08em;margin:12px 12px 0}
 .karuku-mascot-stage figcaption {display:block;padding:10px 12px}
 .karuku-mascot-stage figcaption span {display:none}
 .submission-entry,.tool-directory {padding:20px}
}
@media screen and (max-width:520px) {
 .hero.organized-hero.mascot-hero {grid-template-columns:1fr;gap:20px}
 .mascot-hero h1 {font-size:36px}
 .mascot-hero .eyebrow {font-size:10px}
 .mascot-hero .hero-copy {font-size:14px}
 .quick-tasks {display:grid;grid-template-columns:1fr;gap:8px}
 .quick-tasks a {font-size:14px}
 .karuku-mascot-stage {grid-template-columns:1fr 150px;min-height:150px;padding:12px 16px}
 .karuku-mascot-stage .brand-mascot {grid-column:2;grid-row:1 / 3;width:150px;margin:-12px -6px}
 .workshop-label {grid-column:1;margin:0;font-size:9px;max-width:120px;line-height:1.8}
 .karuku-mascot-stage figcaption {grid-column:1;grid-row:2;border:0;padding:0}
 .karuku-mascot-stage figcaption span {display:block;margin-top:6px;line-height:1.6}
 .submission-entry,.tool-directory {padding:17px}
}
/* mascot-theme:end */