*{box-sizing:border-box}html{font-size:16px;background:#2148f5}body{margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input,a{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #fff38f;outline-offset:6px}button{border:0}button[hidden],a[hidden],[hidden]{display:none!important}.app{min-height:100svh;padding:30px 4.2% 26px;position:relative;overflow:hidden}.masthead{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.wordmark{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.5px}.mark{width:22px;display:grid;gap:3px}.mark i{height:7px;background:#ff9454;border-radius:2px}.mark i:last-child{height:3px}.text-button{background:none;color:inherit;padding:6px 0;font-size:14px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff65}.text-button:hover{text-decoration-color:currentColor}.intro{position:relative;z-index:2;pointer-events:none;max-width:1420px;margin:65px auto 0;display:flex;justify-content:space-between;align-items:flex-start}.intro h1{font-size:clamp(48px,6.5vw,100px);letter-spacing:-.055em;line-height:.97;font-weight:700;margin:0}.intro p{font-size:18px;line-height:1.5;margin:10px 0 0;color:#e1e6ff}.stage{height:min(50vh,510px);min-height:320px;position:relative;margin-top:-60px}.stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}.scene-caption{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:15px;color:#e3e9ff;pointer-events:none}.workbench{max-width:1080px;margin:5px auto 0;padding:19px;display:flex;align-items:center;gap:24px;background:#f7f7f2;color:#151a23;border-radius:22px;position:relative;z-index:4;box-shadow:0 8px 0 #0e2cba35}.file-block{display:flex;gap:14px;align-items:center;min-width:0;flex:1}.thumbnail{width:60px;height:60px;flex:none;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:#e7e8e3;border:1px solid #14191b18;font-size:34px;font-weight:400;color:#858781;padding:0}.thumbnail img{width:100%;height:100%;object-fit:cover}.file-details{display:flex;flex-direction:column;gap:6px;min-width:0}.file-name{background:none;color:#151a23;text-align:left;padding:0;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.file-details>span{font-size:13px;color:#72736d}.actions{display:flex;gap:10px;align-items:center}.sit-button,.download-button{border-radius:12px;display:flex;gap:30px;align-items:center;justify-content:space-between;text-decoration:none;white-space:nowrap;padding:19px 23px;font-size:17px;font-weight:600;background:#ff8d4c;color:#171b23;transition:transform .15s,background .15s}.sit-button:hover:not(:disabled){background:#ffa674;transform:translateY(-2px)}.sit-button:disabled{opacity:.55}.download-button{background:#182537;color:#fff}.download-button:hover{background:#304059}.result{display:flex;gap:9px;align-items:center;white-space:nowrap;position:relative;padding-bottom:14px}#before-size{font-size:14px;color:#8a8b84;text-decoration:line-through}.size-arrow{color:#a0a199}#after-size{font-size:24px;letter-spacing:-1px}.saved{position:absolute;bottom:-4px;right:0;font-size:12px;color:#358246}.underbench{max-width:1040px;margin:20px auto 0;display:flex;gap:20px;justify-content:space-between;align-items:center}.underbench p{font-size:13px;color:#dce3ff;margin:0;text-align:right}.about{position:absolute;z-index:8;right:4%;top:80px;max-width:380px;background:#122ba5;padding:26px;border:1px solid #ffffff44;border-radius:16px;box-shadow:0 20px 60px #00114d55}.about p{font-size:16px;line-height:1.5;margin:0 0 16px}.drop-overlay{position:fixed;inset:12px;z-index:20;background:#2148f5ef;border:3px dashed #fff;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(48px,8vw,100px);letter-spacing:-.06em;pointer-events:none}.drop-overlay span{font-size:22px;letter-spacing:0;margin-top:12px}@media(min-height:930px){.intro{margin-top:8vh}.stage{height:52vh;max-height:620px}.workbench{margin-top:2vh}}@media(max-width:850px){.intro{margin-top:48px}.intro p{font-size:16px}.stage{margin-top:-20px;height:44vh;min-height:320px}.workbench{gap:14px;padding:14px;flex-wrap:wrap}.file-block{min-width:200px}.actions{margin-left:auto}.result{order:3;flex-basis:100%;padding:0 2px 4px;justify-content:flex-start}.saved{position:static;font-size:13px;margin-left:auto}#after-size{font-size:22px}.underbench{margin-top:16px}}@media(max-width:560px){.app{padding:24px 20px 22px}.wordmark{font-size:17px}.masthead .text-button{font-size:13px}.intro{margin-top:43px}.intro h1{font-size:54px}.intro p{font-size:14px;margin-top:3px;max-width:110px;line-height:1.4}.stage{height:340px;min-height:0;margin:-12px -20px 0}.scene-caption{bottom:17px;font-size:14px}.workbench{border-radius:18px;padding:14px;gap:16px}.file-block{min-width:100%;gap:12px}.thumbnail{height:45px;width:45px;font-size:28px}.file-name{font-size:16px;max-width:240px}.file-details>span{font-size:12px}.actions{width:100%;margin:0}.sit-button,.download-button{padding:16px 18px;flex:1;font-size:16px;gap:12px;justify-content:center}.actions span{margin-left:6px}.result{order:0;padding:0;width:100%}.underbench{align-items:flex-start;gap:12px;flex-wrap:wrap}.underbench p{font-size:12px;line-height:1.5;max-width:210px;margin-left:auto}.underbench .text-button{font-size:13px}.about{left:20px;right:20px;max-width:none}.app.has-result .stage{height:340px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.sit-button{transition:none}}
@media(max-width:560px){.intro{display:block;margin-top:36px}.intro h1{font-size:52px;letter-spacing:-.055em}.intro p{font-size:16px;max-width:none;margin-top:17px}.intro p br{display:none}.stage{margin-top:-3px}}

/* Additional controls stay inside the existing, initially hidden information panel. */
.credit{max-width:1080px;margin:12px auto 0;font-size:12px;text-align:center;color:#fff9}.credit a{color:inherit;text-decoration:underline;text-underline-offset:3px}.credit a:hover{color:#fff}.about{max-height:calc(100svh - 110px);overflow-y:auto}.image-settings{border:0;padding:0;margin:22px 0}.image-settings legend{font-weight:700;margin-bottom:16px}.image-settings>label{display:flex;justify-content:space-between;font-size:14px;margin:14px 0 7px}.image-settings select,.image-settings input[type=number]{display:block;width:100%;min-height:40px;border:1px solid #ffffff66;background:#fff;color:#192238;border-radius:8px;padding:9px 10px;font:inherit;font-size:14px}.image-settings input[type=range]{width:100%;accent-color:#ff8c42}.image-settings .setting-note{font-size:12px;line-height:1.5;opacity:.8;margin:8px 0 14px}.image-settings .check-setting{display:flex;justify-content:flex-start;align-items:flex-start;gap:8px;line-height:1.4}.check-setting input{accent-color:#ff8c42;margin:2px 0 0}.image-settings :disabled{opacity:.5}.image-settings input:focus-visible,.image-settings select:focus-visible,.credit a:focus-visible{outline:2px solid #ffb977;outline-offset:3px}
.image-options{margin:4px 0 20px}.image-options>summary{cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:3px}.image-options>summary:focus-visible{outline:2px solid #ffb977;outline-offset:4px}.image-options .image-settings{margin:16px 0}