/* /assets/style.css */
:root{--ink:#16233d;--muted:#627087;--blue:#244ee9;--blue-dark:#193ac1;--line:#e0e6ef;--surface:#f4f7fb;--tint:#edf2ff;--green:#147e60;--radius:16px;font-family:Inter,"Segoe UI","Noto Sans KR",Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.65;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #80a3ff;outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:2.4rem;line-height:1.2;letter-spacing:-.045em;font-weight:760}h2{font-size:1.12rem;line-height:1.5}h3{font-size:1rem}small{font-size:.8rem}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:10px;background:#fff;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1200px;margin:auto;height:84px;display:flex;align-items:center;gap:48px;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:800;letter-spacing:-.07em}.brand-dot{color:var(--blue);margin-left:-9px}.brand-mark{display:inline-grid;place-items:center;color:#fff;background:var(--blue);height:34px;width:34px;border-radius:9px;font-weight:850;font-size:1.6rem;line-height:1;letter-spacing:0}.topnav{display:flex;gap:30px;font-size:.9rem;font-weight:650}.topnav a:hover,.lang-link:hover{color:var(--blue)}.lang-link{margin-left:auto;border:1px solid var(--line);border-radius:8px;padding:5px 14px;font-size:.875rem}.page{max-width:1200px;margin:auto;padding:42px 28px 64px}.page-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}.eyebrow{display:block;color:var(--blue);font-size:.75rem;font-weight:750;letter-spacing:.13em;margin-bottom:12px}.lede{color:var(--muted);margin-top:14px;font-size:1.02rem}.local-badge{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:650}.local-badge small{display:block;color:var(--muted);font-weight:400}.shield{display:grid;place-items:center;width:34px;height:38px;border:1px solid #b3dacc;border-radius:10px 10px 17px 17px;color:var(--green);background:#f0faf6;font-size:1.1rem}.tool-tabs{display:flex;gap:6px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.tool-tab{display:flex;justify-content:center;align-items:center;gap:12px;flex:1;padding:12px 8px;border-radius:8px;font-size:.9rem;color:var(--muted);font-weight:600}.tool-tab span{font-family:Arial,sans-serif;font-size:1.1rem;font-weight:700}.tool-tab:hover{background:#e8edf7}.tool-tab.active{background:#fff;color:var(--blue);box-shadow:0 2px 6px #10225210}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.work-left{min-width:0}.dropzone{position:relative;text-align:center;border:1.5px dashed #b7c7f2;border-radius:var(--radius);padding:30px 20px 22px;background:linear-gradient(140deg,#f5f8ff,#fcfdff);transition:background .15s}.dropzone.dragover{background:#e4edff;border-color:var(--blue)}.upload-icon{display:grid;place-items:center;background:#fff;color:var(--blue);width:50px;height:50px;border:1px solid #dce5ff;border-radius:14px;font-size:1.9rem;margin:0 auto 13px;box-shadow:0 4px 10px #1b40ae08}.dropzone h2{font-size:1.15rem}.dropzone p{font-size:.875rem;color:var(--muted);margin:4px 0 16px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;border-radius:9px;padding:10px 23px;font-size:.9rem;font-weight:650;transition:background .15s}.primary{color:#fff;background:var(--blue)}.primary:hover:not(:disabled){background:var(--blue-dark)}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:var(--surface)}.file-picker{position:relative;cursor:pointer}.file-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-picker:focus-within{outline:3px solid #80a3ff;outline-offset:3px}.limits{display:block;font-size:.78rem;color:var(--muted);margin-top:11px}.sample-button{background:none;color:var(--blue);font-size:.875rem;padding:7px 10px;margin-top:2px}.sample-button:hover{text-decoration:underline}.queue-head{display:flex;justify-content:space-between;align-items:center;padding:20px 0 12px}.queue-head h2{font-size:.95rem}.queue-head h2 span{color:var(--blue);margin-left:7px;font-variant-numeric:tabular-nums}.text-button{font-size:.875rem;color:var(--muted);background:none;padding:6px}.text-button:hover{color:var(--blue)}.empty-state{border:1px solid var(--line);border-radius:12px;padding:25px 16px;text-align:center;color:var(--muted);font-size:.875rem;background:#fff}.settings{border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:#fff;box-shadow:0 4px 20px #11245204}.settings-title{display:flex;gap:10px;align-items:center;margin-bottom:19px}.settings-title h2{font-size:1rem}.sliders{font-size:1.3rem;color:var(--muted)}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset>label,.dimension-grid label{display:block;font-size:.875rem;font-weight:600;margin-bottom:7px}input[type=number],select{background:#fff;border:1px solid #d5dde8;border-radius:8px;padding:10px 11px;color:var(--ink);width:100%;min-width:0;min-height:45px}.input-unit{position:relative}.input-unit input{padding-right:46px}.input-unit span{position:absolute;right:13px;top:10px;color:var(--muted);font-size:.875rem}.presets{display:flex;gap:7px;margin:9px 0 22px}.presets button{flex:1;font-size:.8rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:4px}.presets button.chosen{color:var(--blue);border-color:#aebffa;background:var(--tint)}select{margin-bottom:17px}input[type=range]{width:100%;accent-color:var(--blue);margin:8px 0}output{float:right;color:var(--blue)}.color-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:.85rem;color:var(--muted)}input[type=color]{border:1px solid var(--line);border-radius:5px;padding:0;width:29px;height:29px;background:#fff;cursor:pointer}.field-hint{font-size:.78rem;color:var(--muted);line-height:1.65;margin:9px 0 18px}.process{width:100%;margin-top:4px}.settings-note{font-size:.8rem;line-height:1.7;color:var(--muted);margin-top:12px}.local-note{border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:.8rem}.local-note b{color:var(--green);font-weight:600}.local-note p{margin-top:4px;color:var(--muted)}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.check{display:flex!important;align-items:center;gap:8px;font-weight:400!important;margin:10px 0!important}.check input{accent-color:var(--blue);width:16px;height:16px}label.check:last-of-type{margin-bottom:20px!important}.how{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:24px}.steps>div{position:relative;padding-left:40px}.steps>div>span{position:absolute;top:0;left:0;color:var(--blue);font-size:.85rem;font-weight:750}.steps p{color:var(--muted);font-size:.875rem;margin-top:7px}.faq{max-width:820px;margin:44px 0}.faq h2{margin-bottom:14px}details{border-bottom:1px solid var(--line);padding:15px 0}summary{font-size:.95rem;font-weight:600;cursor:pointer}details p{font-size:.9rem;color:var(--muted);margin-top:10px}.faq>p{margin-top:18px;font-size:.875rem;color:var(--blue)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.related-card{border:1px solid var(--line);border-radius:12px;padding:19px;display:grid;grid-template-columns:34px 1fr;gap:4px 12px}.related-card:hover{border-color:#aebffa;background:#fafbff}.related-card strong{font-size:.9rem}.related-card>span:last-child{grid-column:2;color:var(--muted);font-size:.8rem}.mini-icon{grid-row:1/3;display:grid;place-items:center;align-self:start;height:34px;border-radius:8px;background:var(--tint);color:var(--blue);font-weight:700}footer{border-top:1px solid var(--line);background:#f8fafc}.footer-inner{max-width:1200px;margin:auto;padding:28px;display:flex;align-items:center;gap:30px;font-size:.8rem;color:var(--muted)}.footer-inner>div>b{color:var(--ink);font-size:1.05rem}.footer-inner>div>span{margin-left:14px}.footer-inner nav{display:flex;gap:18px;margin-left:auto}.footer-inner small{font-size:.75rem}.result-card{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;padding:15px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center}.result-card img{width:64px;height:64px;object-fit:contain;border-radius:7px;background:repeating-conic-gradient(#eef1f6 0 25%,#fff 0 50%) 0/12px 12px}.result-card h3{font-size:.875rem;overflow-wrap:anywhere}.result-info{color:var(--muted);font-size:.8rem}.result-state{font-size:.8rem;color:var(--blue);margin-top:4px}.result-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:155px}.result-actions button,.result-actions a{font-size:.8rem;border-radius:6px;padding:5px 8px;background:var(--surface);color:var(--ink)}.result-actions a{color:var(--blue);background:var(--tint)}.result-error{color:#b12c3b}.savings{display:inline-block;color:var(--green);background:#eaf8f0;padding:1px 6px;border-radius:4px;margin-left:5px}.warning{color:#9c5b10}#messages{border:1px solid #f2c6ad;background:#fff8f3;padding:12px;border-radius:9px;font-size:.875rem;color:#913d1a;margin:8px 0}#status{color:var(--muted);font-size:.875rem;margin-bottom:8px}#download-all{width:100%;margin-top:6px}dialog{border:1px solid var(--line);border-radius:15px;padding:24px;max-width:min(900px,94vw);max-height:90vh}dialog::backdrop{background:#101d36a6}.dialog-head{display:flex;justify-content:space-between;gap:30px;margin-bottom:18px}dialog img{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto;background:repeating-conic-gradient(#e8ecf3 0 25%,#fff 0 50%) 0/20px 20px}dialog p{font-size:.875rem;color:var(--muted);margin-top:14px}.language-home{max-width:650px;margin:15vh auto;padding:30px;text-align:center}.language-home h1{margin-top:20px}.language-home p{margin:20px 0}.language-home>div{display:flex;gap:12px;justify-content:center}.article{max-width:850px}.article h1{margin:15px 0 24px}.article h2{margin:32px 0 12px}.article p,.article li{color:#4a5870}.article p{margin:12px 0}.article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.article .guide-grid{display:grid;gap:15px}.guide-card{display:block;border:1px solid var(--line);border-radius:12px;padding:22px;text-decoration:none!important}.guide-card h2{margin:0 0 6px}.guide-card p{margin:0}.article ul{padding-left:22px}.article table{width:100%;border-collapse:collapse;margin:20px 0}.article th,.article td{border:1px solid var(--line);padding:10px;text-align:left;font-size:.9rem}.article .button{color:#fff;text-decoration:none}.muted{color:var(--muted)}
@media(max-width:900px){.local-badge{display:none}.workspace{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.settings{padding:19px}.header-inner{gap:28px}.related-grid{grid-template-columns:1fr}.footer-inner{flex-wrap:wrap}.footer-inner nav{margin-left:0}.footer-inner small{margin-left:auto}.result-card{grid-template-columns:48px minmax(0,1fr);gap:10px}.result-card img{width:48px;height:48px}.result-actions{grid-column:2;justify-content:flex-start;max-width:none}}
@media(max-width:680px){.header-inner{height:70px;padding:0 18px;gap:18px}.brand{font-size:1.35rem}.topnav{gap:16px;font-size:.85rem}.topnav a:first-child{display:none}.lang-link{padding:5px 9px;font-size:.8rem}.page{padding:28px 18px 40px}h1{font-size:1.9rem}.eyebrow{font-size:.72rem}.lede{font-size:.95rem}.page-top{margin-bottom:24px}.tool-tabs{gap:3px;padding:5px;display:grid;grid-template-columns:1fr 1fr}.tool-tab{font-size:.85rem;padding:9px 6px}.workspace{grid-template-columns:1fr}.settings{grid-row:2}.dropzone{padding:23px 12px 16px}.steps{grid-template-columns:1fr;gap:22px}.how{margin-top:30px}.faq{margin:32px 0}.footer-inner{padding:24px 18px;gap:18px}.footer-inner>div{width:100%}.footer-inner nav{gap:16px;flex-wrap:wrap}.footer-inner small{margin:0}.result-card{grid-template-columns:48px minmax(0,1fr)}.article h1{font-size:1.8rem}.limits{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand{letter-spacing:-.035em;gap:10px}.brand-name{line-height:1.1}.brand-name small{display:block;font-size:.65rem;letter-spacing:.04em;color:var(--muted);font-weight:500;margin-top:4px}.title-with-save{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.favorite-button{border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff;font-size:.875rem;padding:8px 12px}.favorite-button[aria-pressed=true]{color:var(--blue);border-color:#bac9ff;background:var(--tint)}.workflow-steps{display:flex;gap:30px;list-style:none;padding:0;margin:0 0 22px;font-size:.875rem;color:var(--muted)}.workflow-steps li{display:flex;align-items:center;gap:9px}.workflow-steps b{display:grid;place-items:center;font-size:.8rem;width:25px;height:25px;border-radius:50%;background:var(--surface);border:1px solid var(--line)}.workflow-steps li[aria-current]{color:var(--blue);font-weight:650}.workflow-steps li[aria-current] b{background:var(--blue);color:#fff;border-color:var(--blue)}.workspace{grid-template-areas:"upload settings" "results settings";grid-template-rows:auto 1fr}.work-left{grid-area:upload}.result-section{grid-area:results;min-width:0}.settings{grid-area:settings}.queue-head{padding-top:0}.remember-setting{font-size:.85rem!important;margin:14px 0!important}.next-action{font-size:.85rem;color:var(--muted);text-align:center;margin-top:8px}.batch-summary{padding:12px 14px;border-radius:9px;background:#ecf8f2;color:#186d50;font-size:.9rem;margin-bottom:12px}.reuse-section{margin:24px 0}.reuse-section h2{font-size:1rem;margin-bottom:12px}.reuse-links{display:flex;flex-wrap:wrap;gap:10px}.reuse-links a{background:var(--tint);color:var(--blue);border:1px solid #cfdaff;border-radius:9px;padding:9px 14px;font-size:.9rem}.reuse-links a:hover{background:#e0e9ff}.reuse-hint{color:var(--muted);font-size:.875rem;margin-top:16px}.home-icon{font-size:1.15rem}.reuse-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.bookmark-note{font-size:.875rem;color:var(--muted);margin-top:14px}.result-actions button,.result-actions a{font-size:.875rem;min-height:36px}.tool-tab span{font-size:.875rem}.tool-tab{min-height:48px}.action-area{background:#fff}#download-all{background:var(--blue);color:#fff;border-color:var(--blue)}#download-all:hover{background:var(--blue-dark)}
@media(max-width:680px){.workspace{grid-template-areas:"upload" "settings" "results";grid-template-rows:auto auto auto}.settings{grid-row:auto}.workflow-steps{gap:12px;justify-content:space-between;font-size:.8rem}.workflow-steps li{gap:5px}.workflow-steps b{width:22px;height:22px}.title-with-save{gap:12px}.favorite-button{font-size:.8rem;padding:6px 9px}.dropzone{padding:16px 12px}.upload-icon{height:38px;width:38px;margin-bottom:8px}.dropzone h2{font-size:1rem}.limits{font-size:.75rem}.settings-note,.local-note{font-size:.8rem}.result-section{margin-top:6px}.brand-name small{font-size:.65rem}.page-top{margin-bottom:20px}.tool-tabs{margin-bottom:18px}.action-area{position:sticky;bottom:0;z-index:2;padding:8px 0}.settings{overflow:visible}.remember-setting{font-size:.875rem!important}.workflow-steps{flex-wrap:wrap}.result-actions a{background:var(--blue);color:#fff}}
.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:36px}.home-tool{position:relative;display:block;padding:28px;border:1px solid var(--line);border-radius:16px;transition:background .15s}.home-tool:hover{border-color:#aebffa;background:#f7f9ff}.home-tool:first-child{background:var(--tint);border-color:#c5d2ff}.home-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--blue);color:#fff;border-radius:11px;font-size:1.4rem;font-weight:700;margin-bottom:22px}.home-tool h2{font-size:1.25rem}.home-tool p{font-size:.9rem;color:var(--muted);margin-top:8px}.home-tag{position:absolute;right:25px;top:33px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:.78rem;color:var(--blue)}.guide-links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.guide-links a{font-size:.9rem;padding:18px;border:1px solid var(--line);border-radius:10px}.guide-links a:hover{color:var(--blue);border-color:#aebffa}#messages{white-space:pre-line}@media(max-width:680px){.home-grid,.guide-links{grid-template-columns:1fr}.home-grid{margin-top:24px;gap:14px}.home-tool{padding:22px}.home-icon{margin-bottom:16px}}
.advanced-options{padding:8px 0 15px;margin-bottom:16px}.advanced-options summary{font-size:.875rem}.advanced-options[open] summary{margin-bottom:15px}.advanced-options label{display:block;font-size:.875rem;margin-bottom:7px;font-weight:600}@media(max-width:680px){.action-area{position:static}}

.language-menu{position:relative;border:0;padding:0;margin-left:auto;flex-shrink:0}.language-menu summary{border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.875rem;background:white;max-width:190px}.language-menu nav{position:absolute;right:0;top:100%;z-index:20;margin-top:8px;display:grid;width:220px;max-height:70vh;overflow:auto;background:white;border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 35px #192f4420}.language-menu nav a{padding:10px 12px;font-size:.95rem;border-radius:6px}.language-menu nav a:hover,.language-menu nav a[aria-current]{background:var(--tint);color:var(--blue)}.language-home>div{flex-wrap:wrap}.tool-tab{white-space:normal}.workflow-steps li{min-width:0;overflow-wrap:anywhere}.header-inner{gap:14px}.topnav{flex-wrap:wrap}html[lang=hi]{line-height:1.8}@media(max-width:680px){.header-inner{flex-wrap:wrap}.topnav{order:3;width:100%;justify-content:center}.language-menu summary{max-width:165px}.workflow-steps{gap:8px}.workflow-steps li{font-size:.8rem;align-items:flex-start}.workflow-steps b{flex-shrink:0}.footer-inner nav{flex-wrap:wrap}.process{white-space:normal}}

.header-inner{height:auto;min-height:84px;padding-top:12px;padding-bottom:12px}.home-grid~.how+.related{margin-top:28px}@media(max-width:680px){.header-inner{height:auto;min-height:76px;row-gap:10px}.topnav{padding:3px 0}}

.growth-share{margin:16px 0}.growth-share input{width:100%;min-width:0;box-sizing:border-box}.how>p{line-height:1.7;max-width:80ch}
/* Focused task entry and result checks, Korean/English only. */
.task-entry{margin:0 0 28px}.task-entry h2{margin-bottom:12px}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.task-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #b9caff;border-radius:12px;background:var(--tint)}.task-card:first-child{background:var(--blue);color:white}.task-card span{font-size:.9rem}.task-entry .presets{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.benchmark-tool .page-top{margin-bottom:18px}.benchmark-tool .dropzone{padding:24px 16px}.benchmark-tool .result-section{grid-column:1/-1}.benchmark-tool .workspace{grid-template-areas:"upload settings" "results results";grid-template-rows:auto auto;align-items:start}.benchmark-tool .result-actions{max-width:none;gap:8px;justify-content:flex-start;grid-column:2}.benchmark-tool .result-actions button,.benchmark-tool .result-actions a{min-height:44px}.result-conditions{padding:10px 12px;background:#edf7f2;border-radius:8px;font-weight:650;line-height:1.6;margin:8px 0}.next-batch{padding:16px;background:var(--tint);border-radius:10px;margin-top:12px}.next-batch button{padding:10px 14px;min-height:44px;color:var(--blue);background:white;border:1px solid #b9caff;border-radius:8px}.article figure{margin:24px 0}.article figure img{max-width:100%;height:auto}.article figcaption{font-size:.85rem;color:var(--muted)}.article .presets{display:flex;gap:8px;flex-wrap:wrap}.article .presets .button{color:white}.benchmark-tool .tool-tabs{margin-bottom:14px}.benchmark-tool .sample-button{min-height:44px}
@media(max-width:680px){.task-grid{grid-template-columns:1fr}.task-card{padding:14px 16px;gap:2px}.page[data-home] .page-top{margin-bottom:20px}.page[data-home] h1{font-size:1.9rem}.benchmark-tool .workspace{display:flex;flex-direction:column;gap:16px}.benchmark-tool .workspace>section,.benchmark-tool .workspace>aside{width:100%}.benchmark-tool .settings{position:static}.benchmark-tool .result-actions{grid-column:1/-1}.benchmark-tool .tool-tabs{overflow:auto}.benchmark-tool .page-top{gap:12px}.benchmark-tool .local-badge{display:none}.benchmark-tool .page-top h1{font-size:1.8rem}.benchmark-tool .dropzone{padding:18px 14px}.benchmark-tool .dropzone .upload-icon{display:none}}

#preview-pan{overflow:auto;max-height:65vh;width:100%;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/20px 20px}#preview-pan img{display:block;height:auto;max-height:none}#preview-dialog .editor-buttons{display:flex;gap:8px;margin:10px 0}#preview-dialog .editor-buttons button{min-height:44px;padding:8px 16px;border:1px solid #ccd4e0;border-radius:8px;background:#fff}#retry-failed{margin:10px 0}

.target-size-controls{display:flex;gap:8px;width:100%;min-width:0}.target-size-controls input{flex:1;min-width:0;width:0}.target-size-controls select{flex:0 0 80px;width:80px}.input-unit:has(.target-size-controls){display:block}

/* Preview controls keep the same view while switching original and result. */
#preview-dialog{width:min(900px,94vw)}#preview-dialog .editor-buttons{flex-wrap:wrap}#preview-dialog .editor-buttons button[aria-pressed=true]{background:var(--tint);border-color:var(--blue);color:var(--blue)}#preview-pan{height:min(60vh,600px);max-height:60vh;position:relative;overscroll-behavior:contain}#preview-pan img{margin:0 auto;object-fit:contain;max-height:none}#stop-processing,#resume-processing{width:100%;margin:10px 0}#stop-processing[hidden],#resume-processing[hidden]{display:none}

#preview-caption{overflow-wrap:anywhere}

/* /assets/editor.css */
.editor-page{max-width:1180px;--preview-height:min(440px,48vh)}.editor-intro,.editor-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px}.editor-drop,.preset-panel,.editor-crop-panel,.editor-settings,#editor-result{border:1px solid var(--line,#dce3eb);border-radius:16px;padding:22px;background:white}.editor-drop{background:#f2f6ff}.editor-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.editor-buttons .button{padding:10px 12px;font-size:.88rem}.editor-page label{display:block;margin:12px 0 6px;font-weight:600}.editor-page input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),.editor-page select{min-height:44px;max-width:100%;width:100%;border:1px solid #aab6c9;border-radius:8px;padding:9px;background:#fff}.editor-page input[type=range]{width:100%;min-height:40px}.editor-page input[type=color]{width:64px;height:44px}.editor-page .check{display:flex;align-items:center;gap:9px;font-weight:400}.editor-page .check input{width:20px;height:20px;flex-shrink:0}.editor-page fieldset{border:0;padding:0;min-width:0}.editor-page p{line-height:1.65}.editor-page h2{font-size:1.2rem;margin-top:0}.editor-page [hidden]{display:none!important}.editor-page button:disabled{opacity:.5;cursor:wait}.preset-panel summary{font-weight:650;cursor:pointer}.preset-panel p{font-size:.88rem}.crop-stage{position:relative;margin:18px 0;overflow:hidden;background:repeating-conic-gradient(#e8e8e8 0% 25%,#fff 0% 50%) 0/20px 20px;touch-action:none;user-select:none;line-height:0}.crop-stage>canvas{display:block;width:100%;height:auto;pointer-events:none}.crop-stage #crop-box{position:absolute;box-sizing:border-box;border:2px solid white;outline:1px solid #244ee9;box-shadow:0 0 0 9999px #09152a85;cursor:move;touch-action:none}.crop-grid{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 33%,#ffffff70 33%,#ffffff70 33.4%,transparent 33.4%,transparent 66%,#ffffff70 66%,#ffffff70 66.4%,transparent 66.4%),linear-gradient(transparent 33%,#ffffff70 33%,#ffffff70 33.4%,transparent 33.4%,transparent 66%,#ffffff70 66%,#ffffff70 66.4%,transparent 66.4%)}.crop-handle{position:absolute;width:30px;height:30px;border:2px solid #244ee9;background:white;border-radius:6px;padding:0;touch-action:none}.crop-handle.nw{left:-2px;top:-2px;cursor:nwse-resize}.crop-handle.ne{right:-2px;top:-2px;cursor:nesw-resize}.crop-handle.sw{left:-2px;bottom:-2px;cursor:nesw-resize}.crop-handle.se{right:-2px;bottom:-2px;cursor:nwse-resize}.crop-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}#editor-status{font-weight:600}#editor-error{padding:14px;background:#fff1f0;color:#982b25;border-radius:8px}#output-plan{padding:12px;background:#f2f6ff;border-radius:8px}#editor-process{width:100%;min-height:48px}#editor-result{margin-top:24px}#compare-viewport{width:100%;max-height:var(--preview-height);overflow:auto;background:repeating-conic-gradient(#ddd 0% 25%,#fff 0% 50%) 0/20px 20px;border:1px solid #cbd4e4;min-height:120px}#compare-surface{position:relative;margin:0 auto;line-height:0}#compare-surface canvas,#compare-surface img{display:block;width:100%;height:100%}#compare-surface img{position:absolute;inset:0}#compare-surface .divider{position:absolute;top:0;bottom:0;width:2px;background:#f9cf43;pointer-events:none}#editor-result .editor-buttons select{width:auto;flex:1;min-width:180px}#editor-download{margin-top:16px}#editor-saved-home{margin-bottom:24px}#editor-preset-links{display:flex;gap:10px;flex-wrap:wrap}.editor-page :focus-visible{outline:3px solid #e59d12;outline-offset:3px}
.crop-stage{width:100%;max-width:calc(var(--preview-height) * var(--image-ratio,1));margin:18px auto}.editor-entry{margin:0 0 24px}
@media(max-width:760px){.editor-intro,.editor-grid{grid-template-columns:minmax(0,1fr);gap:16px}.editor-drop,.preset-panel,.editor-crop-panel,.editor-settings,#editor-result{padding:16px}.editor-page h1{font-size:1.85rem}.crop-handle{width:36px;height:36px}.editor-buttons .button{flex:1;min-height:44px}.editor-page .dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@supports(height:1svh){.editor-page{--preview-height:min(440px,48svh)}}
.editor-crop-panel,.editor-settings{min-width:0}
.frame-preview{margin:18px 0;padding-top:16px;border-top:1px solid var(--line,#dce3eb);min-width:0}.frame-preview-surface{display:flex;align-items:center;justify-content:center;min-height:100px;overflow:hidden;background:#eef1f6;border-radius:10px}.frame-preview-surface canvas{display:block;max-width:100%;max-height:min(360px,45vh);width:auto;height:auto}.frame-interactive{touch-action:none;user-select:none;cursor:grab}.frame-interactive:active{cursor:grabbing}.frame-interactive canvas{pointer-events:none}.frame-controls{margin:12px 0;min-width:0}.frame-controls .field-hint{font-size:.8rem;margin:8px 0}.frame-controls label{margin:6px 0;font-size:.88rem}.frame-zoom-row{display:grid;grid-template-columns:44px minmax(50px,1fr) 44px 56px;gap:8px;align-items:center}.frame-zoom-row button{padding:0;min-width:44px;min-height:44px;font-size:1.3rem}.frame-zoom-row input[type=range]{width:100%;min-width:0;min-height:44px;margin:0}.frame-zoom-row output{text-align:right;font-size:.85rem;font-variant-numeric:tabular-nums}.frame-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.frame-actions button{min-height:44px;min-width:0;padding:8px 12px;font-size:.86rem;white-space:normal}.frame-result-dialog{width:min(1000px,96vw);max-width:96vw;max-height:94vh;border:1px solid #aab6c9;border-radius:12px;padding:14px;overflow:auto}.frame-result-dialog::backdrop{background:#102036a6}.frame-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.frame-result-actions strong{flex:1;overflow-wrap:anywhere;min-width:100px}.frame-result-actions button{min-height:44px}.frame-result-viewport{overflow:auto;max-height:76vh;text-align:center;background:#eef1f6}.frame-result-viewport img{display:block;margin:auto;max-width:100%;max-height:72vh;width:auto;height:auto}.frame-result-viewport.is-actual img{max-width:none;max-height:none}.batch-preview-button{margin:8px 0;min-height:44px}.frame-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.frame-variants figure{margin:0;min-width:0;text-align:center}.frame-variants canvas{max-width:100%;height:auto;max-height:150px;object-fit:contain}.frame-variants figcaption{font-size:.75rem;overflow-wrap:anywhere}@media(max-width:380px){.frame-zoom-row{grid-template-columns:44px minmax(40px,1fr) 44px;gap:5px}.frame-zoom-row output{grid-column:1/-1;text-align:center}.frame-actions{gap:6px}.frame-actions button{flex:1 1 80px}}

.batch-panel{margin:24px 0;padding:22px;border:1px solid var(--line,#dce3eb);border-radius:16px;background:#f6f8ff}.batch-panel h3{font-size:1rem;overflow-wrap:anywhere}#batch-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:16px 0}#batch-cards article{min-width:0;background:white;border:1px solid #dce3eb;border-radius:12px;padding:14px}#batch-cards img{display:block;width:100%;height:220px;object-fit:contain;background:#f2f4f8}#batch-queue>div{display:flex;max-width:100%}#batch-queue button{overflow-wrap:anywhere;white-space:normal;min-width:0}#batch-queue [aria-pressed=true]{border:2px solid #244ee9;background:#e6edff}#quick-presets{grid-column:1/-1}#quick-preset-buttons button{overflow-wrap:anywhere;max-width:100%}@media(max-width:760px){.batch-panel{padding:14px}#batch-queue>div{width:100%}#batch-queue>div>button:first-child{flex:1}#batch-queue>div>button:last-child{flex:0 0 44px}}

.frame-context-hint{font-weight:600;color:var(--text,#172b4d)}

/* /assets/purpose.css */
.purpose-start,.purpose-guide,.purpose-links{margin:24px 0;padding:24px;border:1px solid #d8e1ef;border-radius:16px;background:#fff}.purpose-start{background:#f2f6ff;max-width:760px}.purpose-start h2{margin-top:0}.purpose-start label{display:block;margin:14px 0 6px;font-weight:600}.purpose-start select{width:100%;max-width:560px;min-height:44px;padding:10px;border:1px solid #aebbd0;border-radius:8px;background:white;color:#172238;font:inherit}.purpose-start select:focus-visible{outline:3px solid #244ee9;outline-offset:2px}.purpose-guide{max-width:860px;line-height:1.75}.purpose-guide h2{margin-top:28px;font-size:1.25rem}.purpose-guide img{display:block;max-width:100%;height:auto}.purpose-guide figure{margin:20px 0}.purpose-guide figcaption{font-size:.88rem;color:#526079}.purpose-breadcrumb{max-width:1200px;margin:18px auto 0;padding:0 24px;font-size:.9rem}.purpose-links .related-card span{line-height:1.6}.purpose-start #purpose-summary{font-weight:600}@media(max-width:480px){.purpose-start,.purpose-guide,.purpose-links{padding:16px}.purpose-breadcrumb{padding:0 16px}}

/* /assets/analytics.css */
.analytics-settings-wrap{max-width:1200px;margin:0 auto;padding:0 24px 20px;text-align:center}.analytics-consent{position:fixed;bottom:16px;left:16px;right:16px;max-width:620px;margin:auto;padding:20px;background:#fff;color:#172238;border:1px solid #c7d2e3;border-radius:16px;box-shadow:0 10px 40px #17223826;z-index:1000}.analytics-consent[hidden]{display:none}.analytics-consent h2{font-size:18px;margin:0 0 10px}.analytics-consent p{margin:0 0 12px;font-size:14px;line-height:1.55}.analytics-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.analytics-actions button{flex:1;min-width:120px;padding:11px 18px;background:#fff;color:#244ee9;border:1px solid #244ee9;border-radius:8px;font:inherit;cursor:pointer}.analytics-consent a{color:#244ee9}.analytics-actions button:focus-visible,#analytics-settings:focus-visible{outline:3px solid #1738b4;outline-offset:3px}@media(max-width:480px){.analytics-consent{bottom:8px;left:8px;right:8px;padding:16px;max-height:65vh;overflow:auto}}

.analytics-consent .consent-count-note{margin:14px 0 0;padding-top:10px;border-top:1px solid #dce3ef;font-size:12px}.consent-count-note label{display:flex;gap:6px;align-items:flex-start;margin-top:7px}.consent-count-note input{flex:none;margin-top:3px}

.analytics-consent{max-width:680px}.consent-facts{display:grid;gap:10px;margin:12px 0}.consent-facts>div{padding:12px 14px;background:#f3f6fb;border:1px solid #dce3ef;border-radius:10px}.analytics-consent .consent-facts h3{font-size:14px;margin:0 0 6px;line-height:1.5}.consent-facts ul{margin:0;padding-left:19px;font-size:13px;line-height:1.65}.analytics-consent .consent-facts p{margin:0;font-size:13px}.analytics-consent .consent-method{font-size:12px;color:#48566c}.analytics-actions{position:sticky;bottom:-20px;background:#fff;padding:10px 0;margin-bottom:0;z-index:1}.analytics-consent .consent-count-note{margin-top:8px}@media(max-width:480px){.analytics-actions{bottom:-16px}.consent-facts>div{padding:10px 12px}}

.analytics-consent{max-width:520px;max-height:75vh;overflow:auto}.analytics-heading{display:flex;gap:16px;justify-content:space-between;align-items:center}.analytics-close{background:transparent;border:0;color:#48566c;font:inherit;cursor:pointer;padding:8px}.analytics-consent details summary{cursor:pointer;font-size:14px;color:#244ee9;padding:8px 0}.analytics-heading h2{margin:0}.analytics-consent>p{margin-top:12px}.analytics-actions{position:static}

/* /assets/responsive.css */
/* Content must fit inside its own component, not merely inside the page. */
.page,.page-top>div,.home-grid>*,.guide-links>*,.related-grid>*,.task-grid>*,.editor-intro>*,.editor-grid>*{min-width:0}
h1,h2,h3,p,li,summary,.button,.related-card,.guide-card,.reuse-links a{overflow-wrap:anywhere}
.button{max-width:100%;white-space:normal;text-align:center;line-height:1.5}
.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.purpose-links{margin-block:28px}
.related-card:has(>strong:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.related-card:has(>strong:first-child) strong{display:block;width:100%;font-size:1rem;line-height:1.5}
.related-card:has(>strong:first-child)>span:last-child{grid-column:auto;line-height:1.65}
.article .button.secondary{color:var(--ink);text-decoration:none}
.article .button.primary{color:white}
.article table{table-layout:fixed}
.article th,.article td{overflow-wrap:anywhere}
.presets{flex-wrap:wrap}
.presets button{flex:1 1 52px;min-height:36px}
.home-tag{max-width:calc(100% - 100px);white-space:normal;text-align:right}
.language-menu nav{max-width:calc(100vw - 32px)}
.footer-inner>*{min-width:0}
.footer-inner nav{flex-wrap:wrap}
.editor-intro{align-items:start}
.editor-drop{grid-column:1}.preset-panel{grid-column:2;grid-row:1 / span 2}
#quick-presets{grid-column:1;grid-row:2}
.editor-buttons .button{flex:0 1 auto;min-width:0;white-space:normal}
.editor-crop-panel>.editor-buttons:first-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.editor-crop-panel>.editor-buttons:first-of-type .button:last-child{grid-column:1/-1}
.editor-page .file-picker{display:inline-flex}
.editor-page label.choice-option{display:flex;margin:0;align-items:flex-start;gap:10px;font-size:.9rem;font-weight:400;line-height:1.5}
.choice-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:8px 0 18px}
.choice-option{padding:12px;border:1px solid #cbd5e4;border-radius:10px;background:#fff;cursor:pointer;min-width:0}
.choice-option input{width:18px!important;height:18px;min-height:0;margin:2px 0 0;flex:0 0 18px;accent-color:var(--blue)}
.choice-option span{min-width:0;overflow-wrap:anywhere}
.choice-option.is-selected{border-color:#244ee9;background:#eaf0ff}
.choice-option:has(input:focus-visible){outline:3px solid #80a3ff;outline-offset:2px}
.choice-option:has(input:disabled){opacity:.55;cursor:wait}
#batch-panel{margin:20px 0}#batch-cards img{max-height:220px}
#batch-queue .button{flex:0 1 auto;word-break:normal}
#batch-queue>div{min-width:0}#batch-queue>div>button:first-child{flex:1 1 auto}
#batch-queue>div>button:last-child{flex:0 0 44px}
#editor-result .editor-buttons{align-items:flex-start}
#editor-result .editor-buttons label{flex:0 0 100%;margin:4px 0 0}
#editor-result .editor-buttons select{flex:1 1 180px;min-width:0;width:100%;margin:0}
.editor-page .field-hint{margin:8px 0 16px}.editor-page .how p+p{margin-top:12px}
.analytics-consent{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr)}.workspace,.benchmark-tool .workspace{grid-template-areas:"upload" "settings" "results";grid-template-rows:auto auto auto}.settings{grid-row:auto}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.editor-intro,.editor-grid{grid-template-columns:minmax(0,1fr)}.editor-drop,.preset-panel,#quick-presets{grid-column:1;grid-row:auto}.preset-panel{padding:14px 16px}.related-grid{grid-template-columns:minmax(0,1fr)}.editor-buttons .button{flex:1 1 132px}.editor-crop-panel>.editor-buttons:first-of-type .button{padding:10px 8px;font-size:.85rem}.page{padding-inline:16px}.purpose-breadcrumb{padding-inline:16px}.editor-page h1{font-size:clamp(1.55rem,6vw,1.85rem);line-height:1.35}.task-card,.home-tool{min-width:0}.editor-page #batch-panel .editor-buttons>.button{flex-basis:100%}.editor-page .check{align-items:flex-start}.editor-page .check input{margin-top:3px}.editor-page output{float:none;margin-left:8px}}
@media(max-width:380px){.header-inner{padding-inline:14px;gap:8px}.brand{font-size:1.2rem}.language-menu summary{padding:8px;max-width:145px}.article h1{font-size:1.6rem}.editor-page .crop-numbers,.editor-page .dimension-grid{grid-template-columns:minmax(0,1fr)}.footer-inner>div>span{display:block;margin:6px 0 0}.analytics-actions button{flex-basis:100%;min-width:0}.choice-option{padding:10px}}

.sample-figure{margin:24px 0}.sample-figure img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:repeating-conic-gradient(#edf0f5 0% 25%,#fff 0% 50%) 0/24px 24px}.sample-figure figcaption{margin-top:10px;font-size:.85rem;color:var(--muted);line-height:1.6}

/* /assets/visual-refresh.css */
/* Photo examples are illustrative; all operation controls retain their original behavior. */
.visual-refresh .page{max-width:1120px}
.visual-refresh .page-top{gap:28px;align-items:center;margin-bottom:24px}
.visual-refresh .page-top h1{font-size:clamp(1.7rem,3.4vw,2.65rem);line-height:1.2;letter-spacing:-.035em;max-width:850px}
.visual-refresh .page-top .lede{max-width:740px;line-height:1.65;font-size:1rem}
.visual-refresh .eyebrow{font-size:.73rem;letter-spacing:.045em}
.visual-refresh main[data-home] .page-top{padding:24px 0 12px}
.visual-start{margin:12px 0 32px}
.visual-start>h2{font-size:1rem;color:#465574;font-weight:600;margin:0 0 16px}
.visual-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.visual-task{display:flex;flex-direction:column;border:1px solid #e2e7ef;border-radius:18px;overflow:hidden;background:#fff;text-decoration:none;color:#162847;box-shadow:0 3px 12px #182d4c05;transition:border-color .15s,transform .15s}
.visual-task:hover{border-color:#809ce6;transform:translateY(-2px)}
.visual-task:focus-visible{outline:3px solid #244ee9;outline-offset:3px}
.visual-task>strong{padding:17px 18px 20px;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.task-art{height:172px;background:#eef3fc;position:relative;overflow:hidden;isolation:isolate;flex-shrink:0}
.art-frame{position:absolute;display:block;overflow:hidden;border-radius:7px;box-shadow:0 5px 12px #18304b20;background:#fff;top:23px;width:40%;height:119px}
.art-frame img{display:block;width:100%;height:100%;object-fit:cover}
.art-frame.before{left:7%;transform:rotate(-4deg)}
.art-frame.after{right:7%;transform:rotate(3deg)}
.art-arrow{position:absolute;left:calc(50% - 14px);top:66px;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#fff;color:#3a5487;font-size:17px;z-index:2;box-shadow:0 1px 7px #172c4320}
.art-caption{position:absolute;bottom:9px;right:13px;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700;color:#38516e;background:#ffffffeb}
.art-compress{background:#eef6f4}.art-compress .after{height:119px;top:23px}
.art-resize{background:#f4f0fb}.art-resize .after{width:28%;height:78px;top:43px;right:13%}
.art-crop{background:#fff3e7}.art-crop .before:after{content:"";position:absolute;inset:20% 17%;border:2px dashed #fff;box-shadow:0 0 0 40px #13243236}.art-crop .after img{transform:scale(1.6)}
.art-format{background:#eaf4f8}.art-format .before{background:repeating-conic-gradient(#e0e6ed 0% 25%,#fff 0% 50%) 0 0/16px 16px}.art-format img{object-fit:contain;padding:8px}.art-format .after{background:#f9ebda}
.art-social{background:#f7edf4}.art-social .after{width:32%;height:111px;top:27px;right:11%;padding:20px 0}.art-social .after img{object-fit:contain}
.art-wide{background:#edf1fb}.art-wide .after{height:76px;top:44px}.art-wide .after img{object-fit:cover}
.visual-details{border:1px solid #e1e7ef;border-radius:12px;background:#fff;margin:18px 0;padding:0 18px;min-width:0}
.visual-details>summary{padding:16px 0;color:#334966;font-weight:600;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}
.visual-details[open]>summary{border-bottom:1px solid #edf0f6;margin-bottom:16px}
.visual-details>section,.visual-details>nav{margin:20px 0}
.visual-details .purpose-links .related-card span{display:none}
.visual-refresh .dropzone .visual-details{max-width:470px;text-align:left;margin:10px auto;background:transparent}
.visual-refresh .dropzone .visual-details>summary{font-size:.8rem;padding:8px 0}
.visual-refresh .large-photo-note{line-height:1.6}
.visual-refresh main[data-tool] .page-top>div:first-child{flex:1;min-width:0}
.visual-refresh .art-compact{width:210px;height:126px;border-radius:16px;flex:0 0 210px}
.art-compact .art-frame{height:85px;top:17px}.art-compact .art-arrow{top:49px}
.art-compact.art-compress .after{height:85px;top:17px}.art-compact.art-resize .after{height:58px;top:30px}
.art-compact.art-social .after{height:84px;top:18px;padding:16px 0}.art-compact.art-wide .after{height:55px;top:34px}
.visual-refresh .sample-figure{max-width:700px;margin:20px auto}
.visual-refresh .sample-figure img{max-height:300px;width:100%;object-fit:contain}
.visual-refresh .guide-grid{gap:16px}
.visual-refresh .page>p,.visual-refresh .page>ol,.visual-refresh .page>ul{line-height:1.75}
.visual-refresh .workspace,.visual-refresh .editor-intro,.visual-refresh .purpose-start{min-width:0}
.visual-refresh .visual-details .home-grid{margin:20px 0}
@media(max-width:760px){
.visual-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.visual-refresh .page-top{gap:16px}.visual-refresh .art-compact{width:150px;flex-basis:150px;height:112px}
.visual-task>strong{padding:12px;font-size:.92rem}.task-art{height:150px}.art-frame{height:100px}.art-arrow{top:58px}
.visual-refresh .page-top h1{letter-spacing:-.025em}.visual-details{padding:0 14px}
}
@media(max-width:480px){
.visual-refresh main[data-home] .page-top{padding:8px 0 0}.visual-refresh .page-top .lede{font-size:.92rem}
.visual-refresh main[data-tool] .art-compact{display:none}
.visual-task-grid{gap:10px}.visual-task{border-radius:12px}.task-art{height:118px}
.art-frame{height:77px;top:17px}.art-arrow{top:43px;width:23px;height:23px;left:calc(50% - 11px);font-size:14px}
.art-compress .after{height:77px;top:17px}.art-resize .after{height:48px;top:31px}.art-social .after{height:77px;top:16px;padding:15px 0}.art-wide .after{height:45px;top:34px}
.art-caption{font-size:9px;bottom:5px;right:7px}.visual-task>strong{padding:11px;font-size:.86rem}
}
@media(prefers-reduced-motion:reduce){.visual-task{transition:none}.visual-task:hover{transform:none}}

/* Batch actions become useful only after a photo has been selected. */
.visual-refresh #batch-panel:not(:has(#batch-queue>*)){display:none}

.visual-guide-grid{margin:22px 0}.visual-guide-grid .visual-task>strong{font-size:.95rem}.art-compress .after:after{content:"↓";position:absolute;bottom:5px;right:5px;color:#fff;background:#24765c;border:2px solid #fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-weight:700}
@media(min-width:481px) and (max-width:760px){.art-compress:not(.art-compact) .after{height:100px;top:23px}}

.visual-refresh .visual-guide-grid .visual-task{color:#162847;text-decoration:none}.visual-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.art-convert{background:#eaf4f8}

/* The complete catalog uses the same photo-led cards as the primary tasks. */
.visual-catalog .catalog-group{margin:24px 0}.catalog-group>h2{margin:0 0 14px;font-size:1rem}.visual-catalog .visual-task-grid{margin-bottom:24px}
.art-product{background:#f5f1e9}.art-product .before{background:repeating-conic-gradient(#e0e6ed 0% 25%,#fff 0% 50%) 0 0/16px 16px}.art-product img{object-fit:contain;padding:7px}.art-product .after{aspect-ratio:1;height:auto;width:34%;top:24px;background:#fff}
.art-portrait{background:#f7edf4}.art-portrait .after{width:23%;height:133px;top:16px;right:16%;background:#fff}.art-portrait .after img{object-fit:contain}
.art-submit{background:#edf6f0}.art-submit .after{border:5px solid #fff;outline:1px solid #afc5b7}.art-submit .after img{object-fit:contain}
@media(max-width:480px){.visual-catalog{padding:0 10px}.visual-catalog .visual-task-grid{gap:10px}.art-portrait .after{height:88px;top:11px}.art-product .after{top:22px}.visual-catalog .visual-task>strong{font-size:.84rem;line-height:1.5}}

/* Distinct platform scenes keep the logos and examples together at every size. */
.art-branded .brand-scene{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.art-branded{height:auto;aspect-ratio:3/2}
.visual-refresh .art-branded.art-compact{height:140px}
.art-branded .art-caption{background:#fff;color:#253858;box-shadow:0 1px 6px #15284218}
.art-product .before{background:#faf7f0}
.art-product .after{height:110px;aspect-ratio:1;width:32%;top:26px}
@media(max-width:480px){.art-product .after{height:72px;width:38%;top:22px}}
.visual-task .task-art{height:auto;aspect-ratio:3/2}
.visual-task .art-frame{top:18%;height:64%}
.visual-task .art-arrow{top:calc(50% - 14px)}
.visual-task .art-resize .after{top:30%;height:42%}
.visual-task .art-product .after{top:24%;height:55%;width:36%}
@media(max-width:480px){.visual-task .art-arrow{top:calc(50% - 11px)}}

/* Transparency is retained on both sides of PNG/WebP conversion examples. */
.art-alpha .art-frame{background:repeating-conic-gradient(#e3e8ed 0% 25%,#fff 0% 50%) 50%/16px 16px}
.art-alpha .art-frame img{object-fit:contain;padding:6px}
.art-diagram .art-frame img{object-fit:contain}

/* /assets/seo.css */
.seo-breadcrumb{max-width:1120px;margin:18px auto 0;padding:0 24px;font-size:.78rem;line-height:1.65;color:#58677c;overflow-wrap:anywhere}
.seo-breadcrumb a{color:#31598b}.seo-hint{font-size:.86rem;line-height:1.65;color:#53647b;max-width:680px}.seo-hint a{white-space:normal}
.seo-example{width:300px;flex:0 0 300px;margin:0;min-width:0}.seo-example-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.seo-frame{aspect-ratio:1;background:#fff;border:1px solid #dce3ef;border-radius:8px;overflow:hidden}.seo-frame img{width:100%;height:100%;display:block}.seo-pad img{object-fit:contain}.seo-crop img{object-fit:cover}.seo-wide .seo-frame{aspect-ratio:16/9}.seo-example-pair span{display:block;font-size:.76rem;line-height:1.4;margin-top:6px;color:#304864}.seo-example figcaption{font-size:.7rem;line-height:1.5;color:#61718a;margin-top:8px}
@media(max-width:760px){.visual-refresh .page-top:has(.seo-example){flex-direction:column;align-items:stretch}.seo-example{width:min(100%,236px);flex:auto}.seo-example figcaption{font-size:.68rem}.seo-breadcrumb{padding:0 20px;font-size:.72rem}}

/* /assets/content-evidence.css */
.evidence{margin:24px 0;padding:20px;border:1px solid #dce3ea;border-radius:16px;background:#f8fafc}.evidence h2{font-size:1.25rem}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.evidence figure{margin:0;min-width:0}.evidence figure img{width:100%;height:190px;object-fit:contain;background:repeating-conic-gradient(#eef1f5 0% 25%,#fff 0% 50%) 50%/20px 20px;border-radius:8px}.evidence figcaption{overflow-wrap:anywhere;font-size:.9rem}.evidence table{width:100%;border-collapse:collapse;font-size:.85rem}.evidence th,.evidence td{text-align:start;padding:8px;border-bottom:1px solid #dce3ea;overflow-wrap:anywhere}.evidence-scroll{overflow-x:auto}.evidence .evidence-meta{font-size:.85rem;color:#475569}.evidence summary{cursor:pointer;padding:12px 0;font-weight:600}@media(max-width:520px){.evidence{padding:12px}.evidence figure img{height:135px}.evidence-grid{gap:8px}}
/* /assets/purpose-ui.css */
.purpose-simple .purpose-start{max-width:none;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.purpose-choices,.purpose-preview{min-width:0}
.purpose-simple #editor-drop{padding:0;border:0;background:none;margin:0 0 20px}
.purpose-simple #editor-drop p{font-size:.88rem}
.purpose-simple .purpose-start select{max-width:none}
.purpose-simple .purpose-start .choice-group{grid-template-columns:repeat(2,minmax(0,1fr))}
.purpose-preview{background:#fff;border:1px solid #d8e1ef;border-radius:12px;padding:18px}
.purpose-preview-surface{height:min(340px,42svh);min-height:180px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e9edf3 0% 25%,#f8fafc 0% 50%) 0/20px 20px;border-radius:8px;overflow:hidden;text-align:center;padding:12px;box-sizing:border-box;color:#526079}
.purpose-preview-surface canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 2px 10px #17223824}
#purpose-preview-facts{font-weight:650;margin:10px 0}
#purpose-preview-warning:not([hidden]){padding:12px;background:#fff4d8;border-radius:8px;font-size:.9rem}
.purpose-preview .field-hint,.purpose-preview #editor-status{font-size:.86rem;font-weight:400}
.purpose-simple .editor-grid{display:block}
.purpose-details{margin:16px 0;border:1px solid #d8e1ef;border-radius:12px;background:#fff;min-width:0}
.purpose-details>summary{padding:16px;font-weight:600;cursor:pointer}
.purpose-details>.editor-crop-panel,.purpose-details>.editor-settings{border:0;border-radius:0;padding-top:0}
.purpose-simple .preset-panel{margin-top:16px}
.purpose-simple #editor-result{margin-bottom:24px}
.purpose-simple #editor-result>h2{scroll-margin-top:80px}
@media(max-width:760px){.purpose-simple .purpose-start{grid-template-columns:minmax(0,1fr);gap:18px}.purpose-preview{padding:14px}.purpose-simple .purpose-start .choice-group{gap:6px}.purpose-preview-surface{height:280px}}

/* /assets/bookmark.css */
.bookmark-hint{position:relative;margin:16px 0 0;padding:16px;border:1px solid #dce4ed;border-radius:12px;background:#f6f9fc;color:#26364b;text-align:left;min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:14px;line-height:1.6}
.bookmark-hint strong{display:block;font-size:15px;line-height:1.5;padding-right:34px}
html[lang=ko] .bookmark-hint{word-break:keep-all}
.bookmark-hint p{margin:5px 0 8px;font-size:14px;line-height:1.6}
.bookmark-hint details{margin:0;padding:0;border:0;background:transparent}
.bookmark-hint summary{cursor:pointer;color:#285c9a;font-size:14px;font-weight:600;padding:4px 0;min-height:32px;list-style-position:inside}
.bookmark-hint details p{margin:8px 0 0;color:#445369}
.bookmark-hint .bookmark-close{position:absolute;right:5px;top:5px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#52647b;font-size:24px;line-height:1;cursor:pointer}
.bookmark-hint .bookmark-close:hover{background:#e8eef5}
.bookmark-hint :is(button,summary):focus-visible{outline:3px solid #275ec7;outline-offset:2px}

/* /assets/tool-focus.css */
/* Optional actions share a quiet, keyboard-accessible disclosure style. */
main[data-focus] [hidden]{display:none!important}
.focus-details{margin:12px 0;border:1px solid var(--line,#dce3eb);border-radius:10px;padding:0 14px;background:#fff;min-width:0}
.focus-details>summary{cursor:pointer;padding:12px 0;font-size:.92rem;font-weight:600;overflow-wrap:anywhere}
.focus-details[open]{padding-bottom:12px}
.focus-details .focus-details{background:#f8fafc}
.focus-details button,.focus-details select{max-width:100%;white-space:normal;overflow-wrap:anywhere}
#focus-reuse .favorite-button{margin:8px 0;white-space:normal;text-align:start}
#focus-more-sizes{flex-basis:100%;margin:4px 0}
#focus-more-sizes button{margin:4px 6px 4px 0}
.focus-crop-grid{display:block}
#focus-crop-options>.editor-settings{border:0;padding:0;border-radius:0}
.focus-inline{margin:0;flex-basis:100%;grid-column:1/-1;background:transparent}
.focus-inline .button{margin:4px 6px 4px 0}
#focus-batch>.batch-panel{border:0;padding:0;margin:0;background:transparent}
#focus-compare .editor-buttons{margin-top:0}
[data-focus] .editor-intro{display:block}
[data-focus] #quick-presets h2{font-size:1rem}
[data-focus] .evidence{margin:0;border:0;padding:4px 0;background:transparent}
[data-focus] #editor-result{scroll-margin-top:80px}
[data-focus] #editor-result #editor-download{margin:12px 0}
[data-focus] #focus-clear-photo{display:block;margin-top:10px}
[data-focus] #focus-clear-photo[hidden]{display:none}
[data-focus] .focus-details:focus-within{border-color:#899abc}
@media(max-width:760px){.focus-details{padding-inline:12px}.focus-inline{padding-inline:10px}[data-focus] #editor-result .editor-buttons{display:block}}

/* /assets/selection-summary.css */
.selection-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 16px;border:1px solid #bfd2f8;border-radius:12px;background:#f1f6ff;color:#183b70;scroll-margin-top:16px;min-width:0;width:100%;box-sizing:border-box}
.selection-summary[hidden],.selection-summary [hidden]{display:none!important}
.selection-summary>div{min-width:0;flex:1}.selection-summary img{width:48px;height:48px;object-fit:cover;border-radius:7px;flex:none}
.selection-summary strong,.selection-summary span{display:block;overflow-wrap:anywhere}.selection-title{font-size:1rem;line-height:1.45}.selection-detail{font-size:.82rem;line-height:1.55;margin-top:3px;color:#415a7f}.selection-issue{font-size:.85rem;margin-top:5px;color:#9b3e11}
.selection-summary:focus-visible{outline:3px solid #3159dc;outline-offset:3px}
.dropzone.selection-has-files{padding:14px}.dropzone.selection-has-files>.upload-icon,.dropzone.selection-has-files>h2,.dropzone.selection-has-files>p,.dropzone.selection-has-files>.limits,.dropzone.selection-has-files>.sample-button{display:none}
.dropzone.selection-has-files>details{margin-top:10px}.editor-drop.selection-has-files{padding:12px}.editor-drop.selection-has-files>p,.editor-drop.selection-has-files>#editor-sample{display:none}
.pdf-pick.selection-has-files{padding:12px}.pdf-pick.selection-has-files>p,.pdf-pick.selection-has-files>#pdf-sample{display:none}
.pdf-pick+.selection-summary{margin-top:14px}
.selection-reading:not([hidden]){display:block!important;color:#183b70!important;font-weight:600;margin:10px 0 0!important;flex-basis:100%}.selection-reading[hidden]{display:none!important}
.settings>.selection-summary{margin-bottom:16px}#editor-work>.selection-summary{grid-column:1/-1}
@media(max-width:760px){.selection-summary{padding:11px 12px;gap:10px}.selection-detail{max-height:4.7em;overflow:auto}.selection-summary img{width:42px;height:42px}}

/* /assets/clarity-pilot.css */
.analytics-consent .clarity-pilot-preferences{margin-top:20px;padding-top:18px;border-top:1px solid #cbd5e1;min-width:0;overflow-wrap:anywhere}
.analytics-consent .clarity-pilot-preferences h3{margin:0 0 8px;font-size:16px;line-height:1.5}
.analytics-consent .clarity-pilot-preferences p{font-size:13px;line-height:1.65;margin:0 0 10px}
.analytics-consent .clarity-pilot-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}
.analytics-consent .clarity-pilot-actions button{flex:1 1 150px;min-height:44px;padding:10px 14px;border:1px solid #244ee9;border-radius:8px;background:#fff;color:#244ee9;font:inherit;line-height:1.45;cursor:pointer}
.analytics-consent .clarity-pilot-actions button:disabled{cursor:default;color:#64748b;border-color:#cbd5e1;background:#f8fafc}
.analytics-consent .clarity-pilot-actions button:focus-visible,.clarity-pilot-details summary:focus-visible,.clarity-pilot-links a:focus-visible{outline:3px solid #1738b4;outline-offset:3px}
.analytics-consent .clarity-pilot-status{padding:9px 11px;background:#f3f6fb;border-radius:7px;color:#34445c}
.analytics-consent .clarity-pilot-links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;line-height:1.6}
.analytics-consent .clarity-pilot-links a{display:inline-block;padding:4px 0;text-underline-offset:3px}
.analytics-consent .clarity-pilot-details summary{padding:8px 0;font-size:13px;line-height:1.5;cursor:pointer}
.analytics-consent .clarity-pilot-details p{color:#48566c}
#clarity-pilot-privacy{margin-top:28px;padding-top:20px;border-top:1px solid #dce3ef;scroll-margin-top:24px;overflow-wrap:anywhere}
#clarity-pilot-privacy h2{font-size:1.35rem;line-height:1.5}
#clarity-pilot-privacy li{margin:.6em 0;line-height:1.7}
#clarity-pilot-privacy .clarity-pilot-sources{display:flex;gap:8px 16px;flex-wrap:wrap}
@media(max-width:480px){.analytics-consent .clarity-pilot-actions button{flex-basis:100%}.analytics-consent .clarity-pilot-preferences{padding-top:14px;margin-top:16px}}