:root{--blue:#4c86fb;--ink:#292b34;--muted:#757781;--line:#dedfe5;--bg:#f6f6fa;--green:#8eba59;--cyan:#36b3d1;--yellow:#edc936;--purple:#ab6d9d;--steel:#4f80aa;font-family:Arial,'Malgun Gothic',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a4c4ff;outline-offset:3px}button{border:0;background:none;color:inherit}button[hidden],[hidden]{display:none!important}.header{height:72px;background:white;display:flex;align-items:center;gap:34px;padding:0 32px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-size:27px;font-weight:750;letter-spacing:-1.2px;display:flex;align-items:center;gap:9px;white-space:nowrap}.brandmark{width:35px;height:35px;border-radius:8px;background:var(--blue);color:white;font-size:28px;display:inline-flex;justify-content:center;align-items:center;letter-spacing:0;font-weight:800}.mainnav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.mainnav a:hover,.mainnav button:hover{color:var(--blue)}.mainnav button{padding:12px 0;font-size:13px;font-weight:700}.mainnav span{margin-left:8px}.header-right{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:13px}.quiet{color:var(--muted);padding:8px}.quiet:hover{color:var(--blue)}.appmenu{font-size:36px;line-height:1}.language{white-space:nowrap}.language span{color:var(--muted);margin-left:4px}.moremenu{position:absolute;top:64px;right:110px;z-index:10;width:550px;background:white;box-shadow:0 14px 40px #292b3420;border:1px solid var(--line);border-radius:12px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.moremenu a{font-size:13px;padding:8px}.moremenu a:hover{color:var(--blue);background:#f3f7ff}.hero{text-align:center;padding:46px 20px 24px;position:relative}.hero h1{font-size:42px;letter-spacing:-1.8px;line-height:1.35;margin:0 0 12px;font-weight:750}.hero h1 span{color:var(--blue)}.hero p{margin:0;color:#666872;font-size:20px;line-height:1.6}.home{padding-bottom:64px;position:relative;isolation:isolate}.home:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(132deg,transparent 7%,#eaf0fe 7%,#f6f6fa 32%,transparent 32%),radial-gradient(ellipse at 108% 30%,#e7edfc 0 23%,transparent 23%),radial-gradient(ellipse at -8% 95%,#e8eefc 0 25%,transparent 25%)}.categories{display:flex;justify-content:center;gap:12px;margin:15px 0 35px;flex-wrap:wrap}.categories button{border:1px solid #dddfe5;border-radius:30px;padding:8px 19px;background:white;font-size:14px}.categories button.active{background:var(--ink);color:white;border-color:var(--ink)}.toolgrid{max-width:1540px;margin:0 auto;padding:0 38px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.toolcard{background:white;border:1px solid var(--line);border-radius:17px;min-height:220px;position:relative;padding:31px 30px 27px;box-shadow:0 0 0 1px #292b3403;transition:transform .16s,border-color .16s,box-shadow .16s}.toolcard:hover{transform:translateY(-4px);border-color:#9ebffe;box-shadow:0 8px 24px #323f7610}.toolcard h2{margin:19px 0 10px;font-size:19px;letter-spacing:-.4px}.toolcard p{font-size:13px;line-height:1.65;color:var(--muted);margin:0;word-break:keep-all}.tool-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:var(--color);border-radius:6px;color:white}.tool-icon svg{width:32px;height:32px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.badge{position:absolute;top:13px;right:13px;font-size:10px;font-weight:700;background:#e5f4fe;color:#408bba;border-radius:3px;padding:5px 7px}.home-note{margin:48px auto 0;max-width:970px;text-align:center}.home-note h2{font-size:27px;letter-spacing:-1px;margin:0 0 14px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:28px 0 0;padding:0 28px}.workflow div{background:#fff9;border:1px solid #e4e7ef;border-radius:13px;padding:24px}.workflow b{font-size:15px}.workflow p{font-size:13px;color:var(--muted);line-height:1.65}.workflow .step{display:inline-flex;font-size:12px;border-radius:50%;background:#e6edff;color:var(--blue);width:26px;height:26px;align-items:center;justify-content:center;margin-right:7px}footer{display:flex;align-items:center;gap:25px;padding:30px 38px;border-top:1px solid var(--line);background:white;font-size:12px;color:var(--muted)}footer .small{font-size:20px;color:var(--ink);letter-spacing:-.7px}footer .brandmark{width:25px;height:25px;font-size:21px;border-radius:5px}footer>span:last-child{margin-left:auto}.toolheading{text-align:center;padding:38px 20px 24px}.breadcrumb{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);margin-bottom:19px}.breadcrumb:hover{color:var(--blue)}.toolheading h1{font-size:38px;letter-spacing:-1.5px;margin:0 0 12px}.toolheading p{max-width:750px;margin:0 auto;font-size:17px;color:var(--muted);line-height:1.7}.uploadstage{max-width:820px;min-height:345px;margin:4px auto 90px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed transparent;border-radius:20px;gap:14px}.uploadstage.dragover{border-color:var(--blue);background:#eaf1ff}.upload-symbol{display:flex;justify-content:center;align-items:center;width:77px;height:77px;border-radius:18px;background:#eaf0ff;color:var(--blue);margin-bottom:12px}.upload-symbol svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7}.primary{background:var(--blue);color:white;border-radius:8px;padding:14px 23px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary:hover{background:#3974e6}.uploadstage .primary{font-size:23px;min-width:310px;padding:22px 38px}.uploadstage p{font-size:15px;color:var(--muted);margin:3px 0}.hint{font-size:12px!important;color:#8a8d98!important;line-height:1.65}.sample{font-size:13px;color:var(--blue);text-decoration:underline;text-underline-offset:3px;padding:8px;margin-top:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;min-height:540px;border-top:1px solid var(--line)}.canvas-area{padding:26px 35px;background:#edf0f7;min-width:0}.files-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:24px;font-size:14px}.files-toolbar .quiet{margin-left:auto}.secondary{background:white;border:1px solid var(--line);border-radius:7px;padding:10px 15px;font-size:13px;font-weight:600}.secondary:hover{border-color:var(--blue);color:var(--blue)}.filegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:18px}.filetile{position:relative;border:1px solid #e1e5ec;background:white;border-radius:12px;padding:13px;text-align:center;overflow:hidden;cursor:pointer}.filetile.selected{border:2px solid var(--blue);padding:12px}.filetile img{width:100%;height:140px;object-fit:contain;background-image:conic-gradient(#eee 25%,white 0 50%,#eee 0 75%,white 0);background-size:16px 16px;border-radius:5px}.filetile .remove{position:absolute;right:6px;top:6px;background:white;box-shadow:0 1px 5px #0002;border-radius:50%;width:24px;height:24px;font-size:16px;color:#7b7e89}.filetile .filename{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;font-size:12px;margin:12px 0 4px}.filetile .meta{font-size:10px;color:var(--muted)}.preview-wrap{position:relative;max-width:760px;margin:0 auto 23px;display:block;width:fit-content;max-height:470px;line-height:0;touch-action:none}.preview-wrap img{display:block;max-width:100%;max-height:450px;object-fit:contain;box-shadow:0 6px 24px #26354b15;background-image:conic-gradient(#e1e5ed 25%,white 0 50%,#e1e5ed 0 75%,white 0);background-size:20px 20px}.selection-rect{position:absolute;border:2px solid var(--blue);background:#4c86fb25;pointer-events:none}.preview-label{display:flex;gap:12px;justify-content:center;align-items:center;font-size:12px;margin-bottom:16px;color:#666}.preview-label button.active{background:#dce7ff;color:#3465bb}.preview-label button{padding:7px 12px;border-radius:20px;background:white}.options{background:white;border-left:1px solid var(--line);padding:24px;display:flex;flex-direction:column;min-width:0}.options h2{font-size:19px;margin:0 0 24px;line-height:1.4}.option-fields{display:flex;flex-direction:column;gap:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#555862;line-height:1.4}.field input:not([type=checkbox]):not([type=range]),.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);min-height:39px}.field input[type=color]{padding:4px!important;height:38px;cursor:pointer}.field input[type=range]{accent-color:var(--blue);width:100%}.field textarea{resize:vertical;min-height:98px;font-size:12px}.check{display:flex;gap:9px;font-size:12px;align-items:center}.check input{accent-color:var(--blue);width:16px;height:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-note{background:#f0f5ff;padding:12px;border-radius:6px;font-size:11px;line-height:1.7;color:#637089;margin:3px 0 0;word-break:keep-all}.actions{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:10px}.actions .primary{width:100%;min-height:56px;font-size:17px}.progress{height:6px;border-radius:6px;background:#e5ebf5;overflow:hidden}.progress div{background:var(--blue);height:100%;transition:width .2s}.progress-label{font-size:12px;color:var(--muted);line-height:1.5;min-height:16px}.results{max-width:1040px;margin:0 auto;padding:32px 25px 60px}.success-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:27px;letter-spacing:-.7px}.success-circle{background:#e5f4e0;color:#70a248;width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.result-summary{text-align:center;font-size:14px;color:var(--muted);margin:15px 0 24px}.downloadall{display:flex;justify-content:center;margin-bottom:27px;gap:12px}.resultrow{display:grid;grid-template-columns:75px minmax(0,1fr) auto;gap:17px;align-items:center;background:white;border:1px solid var(--line);border-radius:10px;padding:13px 18px;margin-bottom:12px}.resultrow img{width:75px;height:65px;object-fit:contain;background:#f4f5f8;border-radius:4px}.resultrow h3{font-size:13px;margin:0 0 7px;word-break:break-all}.resultrow p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.resultrow .saving{color:#71984f;font-weight:700}.warning{color:#957427!important;margin-top:6px!important}.errorbar{max-width:820px;margin:0 auto 20px;padding:13px 16px;border:1px solid #f2c9ca;background:#fff1f1;color:#a9454b;border-radius:7px;font-size:12px;line-height:1.6}.status-note{text-align:center;margin:20px auto;color:var(--muted);font-size:12px;line-height:1.7}.html-workspace{max-width:1120px;margin:0 auto 55px;padding:0 25px;display:grid;grid-template-columns:1fr 330px;gap:24px}.html-editor{background:white;border:1px solid var(--line);padding:24px;border-radius:12px}.html-editor h2{font-size:18px;margin:0 0 16px}.html-editor textarea{width:100%;height:310px;font-family:Consolas,monospace;font-size:13px;line-height:1.6;border:1px solid var(--line);border-radius:7px;padding:14px;resize:vertical}.html-editor input{padding:12px;border:1px solid var(--line);border-radius:7px;width:100%}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{font-size:13px;border:1px solid var(--line);border-radius:6px;padding:10px 20px}.tabs .active{background:#eaf1ff;color:var(--blue);border-color:#a5c4ff}dialog{max-width:640px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 80px #0003;padding:30px;color:var(--ink)}dialog::backdrop{background:#1c274266}dialog h2{font-size:24px;letter-spacing:-.7px;margin:0 0 20px}dialog p,dialog li{font-size:13px;line-height:1.8;color:var(--muted)}.dialog-close{float:right;font-size:25px;padding:0}.history-row{border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;line-height:1.8}.history-row small{color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);z-index:20;background:#272d3c;color:white;max-width:calc(100% - 40px);padding:12px 22px;border-radius:9px;font-size:13px;opacity:0;pointer-events:none;transition:.2s}#toast.visible{transform:translate(-50%,0);opacity:1}@media(min-width:1700px){.toolgrid{max-width:1550px}}@media(max-width:1280px){.mainnav{gap:17px}.header{gap:24px;padding:0 24px}.header-right{gap:13px}.toolgrid{padding:0 28px;gap:15px}.toolcard{padding:26px 23px}.hero h1{font-size:36px}.toolcard h2{font-size:17px}.toolcard p{font-size:12px}.header .brand{font-size:24px}}@media(max-width:1024px){.mainnav a:nth-child(n+4){display:none}.toolgrid{grid-template-columns:repeat(3,1fr)}.header-right .language{display:none}.hero h1{font-size:32px}.workspace{grid-template-columns:minmax(0,1fr) 300px}.canvas-area{padding:23px}.filegrid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.toolheading h1{font-size:32px}.moremenu{right:24px}.html-workspace{grid-template-columns:1fr 300px}.workflow{gap:14px}}@media(max-width:720px){.header{height:62px;padding:0 18px;gap:12px}.header .brand{font-size:22px}.brandmark{width:30px;height:30px;font-size:24px}.mainnav{margin-left:auto}.mainnav>a{display:none}.mainnav button{font-size:12px}.header-right{margin-left:0;gap:7px}.header-right .quiet{display:none}.appmenu{font-size:29px}.hero{padding:34px 24px 18px}.hero h1{font-size:29px;letter-spacing:-1.3px}.hero p{font-size:15px}.categories{gap:7px;margin:12px 0 25px}.categories button{font-size:12px;padding:7px 12px}.toolgrid{grid-template-columns:repeat(2,1fr);padding:0 17px;gap:12px}.toolcard{border-radius:13px;padding:22px 18px;min-height:200px}.toolcard h2{font-size:15px;margin:17px 0 9px}.toolcard p{font-size:11px;line-height:1.7}.tool-icon{width:39px;height:39px}.tool-icon svg{width:27px;height:27px}.badge{font-size:9px;padding:3px 5px;top:9px;right:9px}.home-note h2{font-size:23px}.workflow{grid-template-columns:1fr;text-align:left;margin-top:22px;padding:0 18px;gap:10px}.workflow div{padding:20px}.workflow p{margin-bottom:0}.home{padding-bottom:35px}footer{padding:23px 18px;gap:15px;flex-wrap:wrap}footer>span:nth-child(2){display:none}footer>span:last-child{margin-left:0;font-size:10px;width:100%}.toolheading{padding:24px 20px 20px}.toolheading h1{font-size:29px}.toolheading p{font-size:14px}.breadcrumb{margin-bottom:16px}.uploadstage{min-height:300px;margin:0 16px 45px}.uploadstage .primary{font-size:20px;padding:19px 26px;min-width:260px}.workspace{display:flex;flex-direction:column}.options{border:0;border-top:1px solid var(--line);padding:22px}.canvas-area{padding:20px 17px}.filegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filetile img{height:110px}.preview-wrap img{max-height:330px}.files-toolbar{gap:7px;font-size:12px}.files-toolbar .secondary{padding:9px 12px}.files-toolbar .quiet{padding:6px}.options h2{margin-bottom:20px}.option-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.option-fields>.option-note,.option-fields>.row,.option-fields>.wide{grid-column:1/-1}.option-fields .check{align-self:center}.actions{padding-top:24px}.moremenu{width:calc(100% - 30px);right:15px;top:58px;grid-template-columns:repeat(2,1fr);padding:15px;gap:6px}.html-workspace{grid-template-columns:1fr;padding:0 17px;gap:15px}.html-workspace .options{border:1px solid var(--line);border-radius:12px}.html-editor{padding:18px}.html-editor textarea{height:230px}.resultrow{grid-template-columns:55px minmax(0,1fr);gap:12px;padding:12px}.resultrow img{width:55px;height:55px}.resultrow .secondary{grid-column:2;width:fit-content;font-size:12px;padding:8px 13px}.success-title{font-size:23px}.downloadall{flex-wrap:wrap}.result-summary{line-height:1.6}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.download-dialog [hidden]{display:none!important}.download-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0}.download-actions a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.download-filename{overflow-wrap:anywhere}.download-status{min-height:48px}.download-dialog .download-privacy{font-size:12px}.download-hint{font-size:11px!important}

/* Shared original/result comparison and editable position handles. */
.image-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1080px;margin:0 auto 24px}.comparison-panel{min-width:0;margin:0;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.comparison-panel figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px;min-height:66px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}.comparison-tag{font-weight:700;color:var(--ink);flex-shrink:0}.comparison-after .comparison-tag{color:#3767bc}.comparison-meta{color:var(--muted);font-size:11px;text-align:right;overflow-wrap:anywhere}.comparison-image-frame{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;min-height:180px;max-height:450px;overflow:hidden;background-image:conic-gradient(#e1e5ed 25%,white 0 50%,#e1e5ed 0 75%,white 0);background-size:20px 20px}.comparison-image-frame img{display:block;width:100%;height:100%;object-fit:contain}.comparison-pending{margin:0;padding:24px;max-width:280px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8;background:#ffffffed;border:1px solid #e1e5ed;border-radius:8px}.comparison-before .comparison-tag:before{content:'전';display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:21px;height:21px;margin-right:7px;background:#edf0f7;color:#737987;font-size:10px}.comparison-after .comparison-tag:before{content:'후';display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:21px;height:21px;margin-right:7px;background:#e8f0ff;color:#3767bc;font-size:10px}
.position-editor{position:relative}.position-editor-plane{position:absolute;pointer-events:none;line-height:normal;z-index:2;overflow:visible}.position-editor-item{position:absolute;display:block;min-width:44px;min-height:44px;padding:0;transform:translate(-50%,-50%);border:1px dashed #4c86fb;border-radius:4px;background:transparent;pointer-events:auto;touch-action:none;cursor:grab;user-select:none;box-shadow:0 0 0 1px #fff9}.position-editor-item:before{content:'';position:absolute;inset:0;background:#4c86fb08;border-radius:3px;pointer-events:none}.position-editor-item:hover{border-style:solid;background:#4c86fb12}.position-editor-item.dragging{cursor:grabbing;border:2px solid var(--blue);z-index:3}.position-editor-item:focus-visible{outline:3px solid #4c86fb;outline-offset:3px}.position-item-visual{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;white-space:pre-wrap;width:max-content;line-height:1.12;font-family:Impact,Arial,'Malgun Gothic',sans-serif;font-weight:800;text-align:center;text-shadow:1px 1px 0 #222,-1px -1px 0 #222,1px -1px 0 #222,-1px 1px 0 #222;overflow:visible}.position-editor .position-item-visual img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;box-shadow:none;background:transparent;border-radius:0;user-select:none}.position-editor-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:720px){.image-comparison{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.comparison-panel figcaption{min-height:58px;padding:11px 13px}.comparison-image-frame{max-height:330px;min-height:150px}.comparison-meta{font-size:10px}.comparison-pending{font-size:12px}}

/* Editing stage and HTML preview layout; final dimensions remain app-controlled. */
.canvas-area,.html-preview-area{container-type:inline-size;container-name:previewpane}.canvas-area{overflow-wrap:anywhere}.files-toolbar{flex-wrap:wrap}.comparison-panel figcaption{flex-wrap:wrap;row-gap:6px}.comparison-tag{max-width:100%;overflow-wrap:anywhere}.comparison-meta{min-width:0;flex:1 1 110px}.placement-workspace{max-width:820px;margin:0 auto 24px;padding:16px;background:#ffffffb3;border:1px solid #dce3ee;border-radius:12px;min-width:0}.placement-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--ink)}.placement-heading h2,.placement-heading h3{font-size:14px;margin:0}.placement-heading p,.placement-heading small{font-size:11px;line-height:1.6;margin:0;color:var(--muted)}.placement-stage{position:relative;width:fit-content;max-width:100%;margin:0 auto;line-height:0;background-image:conic-gradient(#e1e5ed 25%,white 0 50%,#e1e5ed 0 75%,white 0);background-size:20px 20px;box-shadow:0 4px 16px #26354b12}.placement-stage>img{display:block;max-width:100%;max-height:420px;object-fit:contain}.inline-results{min-width:0;margin-top:24px;padding-top:22px;border-top:1px solid #dce3ee}.inline-results .downloadall{justify-content:flex-start;flex-wrap:wrap}.inline-results .result-summary{text-align:left;line-height:1.7}.inline-results .success-title{justify-content:flex-start;font-size:20px}.inline-results .status-note{text-align:left}.rotation-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rotation-buttons button{min-height:44px;padding:10px 9px;line-height:1.5}.rotation-buttons .active{background:#eaf1ff;border-color:#a5c4ff;color:#3465bb}.html-workspace{grid-template-columns:minmax(0,1fr) 330px}.html-editor{min-width:0}.html-preview-area{width:100%;max-width:1080px;min-width:0;margin:0 auto 28px}.html-before-frame{position:relative;max-width:100%;margin:0 auto;overflow:hidden;background:white;line-height:0}.html-before-frame iframe{position:absolute;left:0;top:0;display:block;border:0;transform-origin:top left;max-width:none;max-height:none;pointer-events:none}.html-preview-meta{margin:10px 0 14px;font-size:12px;color:var(--muted);line-height:1.7;overflow-wrap:anywhere}.html-size-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0 18px;font-size:12px;line-height:1.6}.html-size-controls button{min-height:44px}.html-fullsize-dialog{width:min(1200px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px);padding:24px}.html-fullsize-scroll{overflow:auto;max-width:100%;max-height:calc(100dvh - 170px);min-height:120px;border:1px solid var(--line);background:#edf0f7;overscroll-behavior:contain}.html-fullsize-frame{display:block;border:0;max-width:none;max-height:none;transform:none;transform-origin:top left;flex-shrink:0;background:white}
@container previewpane (max-width:520px){.image-comparison{grid-template-columns:1fr}.comparison-image-frame{max-height:330px}.comparison-panel figcaption{min-height:58px}}
@media(max-width:1024px){.html-workspace{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:720px){.html-workspace{grid-template-columns:1fr}.placement-workspace{padding:12px}.placement-stage>img{max-height:330px}.inline-results .success-title{font-size:18px}.html-fullsize-dialog{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px}.html-fullsize-scroll{max-height:calc(100dvh - 150px)}.html-size-controls{align-items:flex-start;justify-content:flex-start}}

.comparison-selection{position:relative;touch-action:none}.inline-results:empty{display:none}.inline-results .results{padding:0 0 20px}.rotation-buttons{grid-column:1/-1}

.html-result-fullsize{margin:12px;min-height:44px}.html-fullsize-content{min-width:0}

.external-tool-host{max-width:1280px;margin:0 auto 48px;padding:0 25px}.upscale-inspector{max-width:1080px;margin:0 auto 24px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px}.upscale-inspector-body{margin-top:16px}.upscale-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.upscale-detail-grid figure{margin:0;min-width:0}.upscale-detail-grid figcaption{font-size:12px;display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.upscale-detail-grid canvas{width:100%;height:auto;image-rendering:pixelated;background:#edf0f7;border:1px solid var(--line);border-radius:6px}.upscale-inspection-frame{position:relative}.upscale-inspection-marker{position:absolute;width:24px;height:24px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--blue);transform:translate(-50%,-50%);pointer-events:none;z-index:2}.upscale-inspection-frame img{cursor:crosshair}@media(max-width:720px){.external-tool-host{padding:0 17px}.upscale-detail-grid{gap:10px}.upscale-detail-grid figcaption{flex-wrap:wrap}}

.original-upscale-breadcrumb{padding:16px 20px 0}.original-upscale-breadcrumb .breadcrumb{margin-bottom:0}

/* Hide the duplicate tool shortcut row on desktop and mobile. */
.mainnav,#moreMenu{display:none!important}