:root{--bg:#f5f8fd;--paper:#fff;--ink:#172d49;--secondary:#64758b;--muted:#8190a3;--line:#e3eaf4;--field:#f7f9fd;--blue:#377ff0;--blue-deep:#2562cc;--blue-light:#eaf3ff;--shadow:0 16px 50px rgba(37,73,129,.055);color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}:root[data-theme=dark]{--bg:#0e1726;--paper:#172338;--ink:#eef4ff;--secondary:#b7c4d6;--muted:#91a3ba;--line:#2a3a51;--field:#1a2b44;--blue:#82b1ff;--blue-deep:#a4c8ff;--blue-light:#1b3555;--shadow:0 12px 35px rgba(0,0,0,.14);color-scheme:dark}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none!important}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.upload-zone:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}input[type=checkbox],input[type=range]{accent-color:var(--blue)}.wrap{width:min(1240px,calc(100% - 44px));margin:0 auto}.skip-link{position:absolute;left:12px;top:-80px;z-index:1001;background:var(--paper);color:var(--ink);padding:12px;border-radius:10px}.skip-link:focus{top:12px}.topbar{background:var(--paper);border-bottom:1px solid var(--line);height:72px}.nav{display:flex;align-items:center;gap:25px;height:100%}.brand{display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:-1px;font-weight:850;white-space:nowrap}.brand:hover{text-decoration:none}.brand-icon{width:34px;height:34px;display:grid;place-items:center;background:#3687f6;border-radius:10px;color:#fff;letter-spacing:-2px;padding-right:3px;font-size:21px}.brand-icon span{color:#b4e3ff}.brand-last,.footer b span{color:var(--blue)}.nav-links{display:flex;gap:28px;margin-left:36px;color:var(--secondary);font-size:12px;font-weight:700}.nav-end{margin-left:auto;display:flex;align-items:center;gap:13px}.local-tag{font-size:11px;border:1px solid var(--line);background:var(--field);padding:8px 12px;border-radius:60px;color:var(--secondary);white-space:nowrap}.local-tag i{display:inline-block;background:#35b797;width:7px;height:7px;border-radius:50%;margin-right:5px}.icon-button{background:var(--field);color:var(--ink);border:1px solid var(--line);border-radius:10px;width:34px;height:34px;display:grid;place-items:center;font-size:20px}.hero{padding:24px 0 39px}.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:11px;align-items:center;margin-bottom:29px}.hero-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.3px;font-weight:800}.eyebrow span{background:var(--blue-light);color:var(--blue-deep);padding:7px 11px;border-radius:7px;margin-right:8px}.hero h1{font-size:clamp(40px,4.5vw,60px);letter-spacing:-2.9px;line-height:1.07;margin:22px 0 17px}.education h2 em,.hero h1 em{font-style:normal;color:var(--blue)}.hero-summary{max-width:655px;color:var(--secondary);line-height:1.8;font-size:14px;margin:0}.hero-points{display:flex;gap:21px;flex-wrap:wrap;color:var(--secondary);font-size:11px;font-weight:700;margin-top:22px}.hero-art{position:relative;border:8px solid var(--paper);border-radius:24px;box-shadow:0 18px 50px #1d47771a;transform:rotate(2deg);height:190px;background:#d0dbe8;overflow:visible}.art-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-radius:14px;overflow:hidden}.art-grid div{background-image:repeating-linear-gradient(45deg,transparent 0 12px,#ffffff0e 12px 14px),radial-gradient(ellipse at 60% 35%,#9aaab6,#657d8b 57%,#344b62);background-size:100% 100%}.art-grid div:nth-child(2),.art-grid div:nth-child(3){filter:brightness(.98)}.art-floating{position:absolute;right:-10px;bottom:-14px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 13px;font-size:11px;font-weight:750;box-shadow:var(--shadow)}.studio{padding:6px 0 70px}.studio-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.kicker{font-size:10px;font-weight:800;color:var(--blue-deep);letter-spacing:1.4px}.studio-intro h2{font-size:27px;letter-spacing:-1px;line-height:1.25;margin:7px 0 4px}.studio-intro h2 span{font-size:18px;color:var(--blue)}.studio-intro p{color:var(--secondary);margin:0;font-size:12px}.privacy{display:flex;gap:10px;align-items:center;font-size:25px;color:var(--blue);padding:7px}.privacy span{display:grid;font-size:12px;color:var(--ink)}.privacy small{color:var(--muted);font-size:10px}.studio-layout{display:grid;grid-template-columns:minmax(270px,315px) minmax(370px,1fr) minmax(246px,270px);gap:17px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}.settings{padding:23px 22px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.panel h3{font-size:15px;letter-spacing:-.3px;line-height:1.4;margin:0}.step-number{font-size:10px;color:var(--muted);font-weight:750}.settings-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.label-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:12px}.label-top strong{font-size:12px}.quiet{color:var(--muted);font-size:10px}.label-top .quiet{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-zone{min-height:139px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1.5px dashed #abc9f2;background:var(--blue-light);border-radius:14px;text-align:center;gap:3px;cursor:pointer;transition:.14s border-color,.14s background;color:var(--blue-deep)}.upload-zone.dragging{border:2px solid var(--blue);background:var(--field)}.upload-zone .upload-icon{font-size:26px;line-height:1.1}.upload-zone b{font-size:12px}.upload-zone span{font-size:11px}.upload-zone small{font-size:10px;color:var(--secondary)}.sample-row{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:10px;color:var(--muted);flex-wrap:wrap}.sample-row>span{margin-right:auto}.preset-options button,.sample-chip{border-radius:8px;border:1px solid var(--line);background:var(--field);color:var(--ink);padding:7px 9px;font-size:10px;font-weight:750}.preset-options button:hover,.sample-chip:hover{border-color:var(--blue)}.section-label{display:flex;align-items:center;gap:9px;margin:0 0 17px;font-size:12px}.section-label:not(:first-child){margin-top:23px}.circle-step{display:grid;place-items:center;background:var(--blue-light);border-radius:8px;color:var(--blue-deep);width:28px;height:28px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;color:var(--ink);font-size:11px;font-weight:720;gap:7px;min-width:0;margin:0 0 15px}.compact-select select,.field select{width:100%;height:40px;border-radius:9px;background:var(--field);border:1px solid var(--line);color:var(--ink);padding:0 9px;font-size:11px;font-weight:550}.method-hint{font-size:10px;line-height:1.7;color:var(--secondary);padding:7px 10px;border-radius:9px;background:var(--field);margin:-3px 0 14px}.range-field{margin:14px 0 19px}.range-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;font-weight:720;margin-bottom:9px}.range-title output{font-size:10px;color:var(--blue-deep);font-weight:750;font-variant-numeric:tabular-nums}.range-field input[type=range]{width:100%;display:block;margin:0;height:18px;cursor:pointer}.two-sliders{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check-label{display:flex;gap:8px;align-items:center;color:var(--secondary);font-size:11px;font-weight:650}.check-label input{margin:0}.preset-options{border-top:1px solid var(--line);padding-top:16px;margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.preset-options span{font-size:10px;color:var(--muted);margin-right:6px}.reset-row{display:flex;justify-content:space-between;margin-top:15px}.text-btn{border:0;background:0 0;color:var(--blue-deep);font-weight:720;font-size:11px;padding:4px 1px}.text-btn:hover{text-decoration:underline}.center-col,.export-col{display:flex;flex-direction:column;gap:17px}.preview-panel{overflow:hidden}.preview-top{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:10px}.preview-top h3{margin-bottom:3px}.segmented{display:flex;align-items:center;gap:2px;background:var(--field);padding:4px;border-radius:10px;border:1px solid var(--line);white-space:nowrap}.segmented button{padding:6px 11px;font-size:10px;font-weight:750;color:var(--secondary);background:0 0;border:0;border-radius:7px}.segmented button.selected{background:var(--paper);color:var(--blue-deep);box-shadow:0 2px 7px #12345a10}.preview-area{height:370px;position:relative;background:repeating-conic-gradient(#eef3f8 0 25%,#fff 0 50%) 50%/20px 20px;display:grid;place-items:center;overflow:hidden}.empty-state{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:9px;background:var(--paper);border:1px solid var(--line);padding:28px;border-radius:16px;width:min(85%,340px);box-shadow:0 10px 30px #23385b0f}.empty-icon{color:var(--blue);font-size:48px;line-height:1}.empty-state strong{font-size:15px}.empty-state p{font-size:12px;color:var(--secondary);line-height:1.6;margin:0 0 6px}.image-surface{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:17px;gap:10px}.image-stack{position:relative;display:grid;place-items:center;max-height:90%;max-width:100%;box-shadow:0 8px 30px #172c4155;background:#fff;overflow:hidden}.image-stack canvas{grid-row:1;grid-column:1;display:block;width:auto;height:auto;max-width:min(100%,460px);max-height:302px;object-fit:contain}.image-stack #resultCanvas{position:relative}.compare-divider{position:absolute;top:0;bottom:0;left:50%;border-left:2px solid #fff;box-shadow:0 0 0 1px #0003;pointer-events:none}.compare-divider:after{content:"◀ ▶";position:absolute;top:50%;left:-19px;transform:translateY(-50%);background:#fff;color:#2375e5;border-radius:40px;padding:7px 3px;font-size:11px;white-space:nowrap;box-shadow:0 2px 12px #1234}.compare-bar{display:flex;align-items:center;justify-content:center;gap:11px;font-size:10px;color:#253d5b;background:#fffffff2;border-radius:10px;padding:7px 12px;max-width:100%}.compare-bar input{min-width:90px;max-width:125px}.processing-overlay{position:absolute;inset:0;background:#eff5fce8;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;color:#28405c;font-size:12px}.spinner{border:3px solid #b8d5fc;border-top-color:#367ef0;width:32px;height:32px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 21px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.preview-footer span:last-child{color:var(--blue-deep);font-weight:750}.tile-panel{overflow:hidden}.tile-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 21px}.tile-header h3{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.tile-header p{font-size:11px;color:var(--secondary);margin:3px 0 0}.live-chip{color:#1e976d;background:#e0faf0;border-radius:6px;font-weight:850;font-size:8px;letter-spacing:.8px;padding:5px}.compact-select{display:flex;flex-direction:column;font-size:9px;color:var(--secondary);font-weight:750;gap:3px}.compact-select select{height:31px;min-width:75px}.tile-surface{height:360px;position:relative;background:#e5ebf4;overflow:hidden;display:grid;place-items:center}.tile-surface canvas{display:block;width:100%;height:100%;object-fit:contain}.tile-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#74849a;font-size:11px;text-align:center;padding:25px}.tile-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 19px;gap:12px}.segmented.mini button{font-size:9px;padding:5px 9px}.export-panel{padding:23px 20px}.export-intro{font-size:11px;color:var(--secondary);line-height:1.8;margin:15px 0 21px}.export-panel .section-label{border-top:1px solid var(--line);padding-top:18px}.export-panel .field{margin-top:15px}.export-note{font-size:10px;color:var(--muted);background:var(--field);border-radius:9px;padding:11px;line-height:1.55;margin:13px 0 18px}.action-line{display:flex;flex-direction:column;gap:9px}.button{border-radius:11px;padding:11px 15px;min-height:42px;border:1px solid transparent;font-size:11px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:8px}.button.primary{background:linear-gradient(110deg,#388bf6,#296dde);color:#fff;box-shadow:0 6px 15px #3d8bf72c}.button.secondary{background:var(--blue-light);color:var(--blue-deep);border-color:#cfe2ff}.button.ghost{background:var(--field);color:var(--ink);border-color:var(--line);width:100%;margin-top:9px}.button.small{min-height:34px;padding:7px 14px;background:var(--blue);color:#fff;font-size:10px}.status-line{font-size:10px;color:var(--secondary);line-height:1.6;min-height:12px;margin-top:10px;overflow-wrap:anywhere}.status-line.error{color:#c13b49}.export-divider{border-top:1px solid var(--line);margin-top:17px}.mini-tools{display:flex;justify-content:space-between;gap:10px;padding:11px 0 6px;flex-wrap:wrap}.format-tip{font-size:10px;line-height:1.8;color:var(--muted);margin:14px 0 0}.report-panel{padding:21px}.tiny-icon{background:var(--blue-light);color:var(--blue);font-size:24px;width:45px;height:45px;border-radius:13px;display:grid;place-items:center;margin-bottom:17px}.report-panel h3{margin-bottom:10px}.report-panel p{color:var(--secondary);font-size:11px;line-height:1.8;margin:0 0 15px}.metric-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:10px;color:var(--secondary)}.metric-row b{color:var(--blue-deep)}.education{padding:35px 0 72px;border-top:1px solid var(--line)}.education h2{font-size:31px;letter-spacing:-1.5px;line-height:1.25;margin:11px 0 24px}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.education-grid article{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:23px}.education-grid article>span{font-weight:800;color:var(--blue-deep);font-size:10px;background:var(--blue-light);border-radius:8px;padding:8px}.education-grid h3{font-size:14px;margin:23px 0 7px}.education-grid p{color:var(--secondary);font-size:11px;line-height:1.8;margin:0}.faq{padding:40px 0 0}.faq h2{font-size:23px}.faq details{border-top:1px solid var(--line);padding:13px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:12px;font-weight:750;cursor:pointer}.faq p{color:var(--secondary);font-size:11px;line-height:1.85;max-width:800px}.footer{background:var(--paper);border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:92px}.footer-inner>div{display:flex;align-items:baseline;gap:15px}.footer-inner b{font-size:17px;letter-spacing:-.9px}.footer-inner small{color:var(--muted);font-size:11px}.footer-inner>a{font-size:11px;font-weight:750;color:var(--blue-deep)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;padding:10px 17px;border-radius:10px;color:#fff;background:#233b5a;box-shadow:0 8px 25px #13274344;font-size:11px;max-width:calc(100% - 24px);text-align:center}@media(max-width:1100px){.studio-layout{grid-template-columns:minmax(270px,315px) minmax(370px,1fr)}.export-col{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,1fr) minmax(250px,.7fr)}.export-panel{max-width:none}.hero-grid{grid-template-columns:1fr 265px}.hero-art{height:165px}}@media(max-width:750px){.wrap{width:calc(100% - 28px)}.topbar{height:64px}.nav-links{display:none}.hero{padding-top:20px}.breadcrumbs{margin-bottom:21px}.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.hero h1{font-size:42px;letter-spacing:-2.3px}.hero-summary{font-size:13px}.hero-points{gap:12px;font-size:10px}.privacy{display:none}.studio-intro h2{font-size:23px}.studio-layout{grid-template-columns:1fr}.settings{padding:20px}.center-col{gap:14px}.export-col{grid-column:auto;grid-template-columns:1fr}.preview-area{height:320px}.tile-surface{height:270px}.education-grid{grid-template-columns:1fr}.education-grid article h3{margin-top:16px}.education h2{font-size:26px}.footer-inner small{display:none}}@media(max-width:380px){.sample-row{gap:5px}.sample-chip{padding:6px}.form-grid{gap:6px}.field select{padding:0 5px;font-size:10px}.preview-top{padding:14px}.tile-header{padding:14px}.preview-area{height:260px}.tile-footer{padding:10px}.tile-header h3{font-size:13px}.segmented button{padding:5px 7px}.studio-intro p{font-size:11px}.local-tag{display:none}.hero h1{font-size:36px}.hero-points{gap:8px}}@media(prefers-reduced-motion:reduce){*,::after,::before{animation-duration:NaNs!important;transition-duration:NaNs!important;scroll-behavior:auto!important}}.upload-feedback{min-height:0;color:var(--secondary);font-size:10px;line-height:1.65;margin-top:7px;overflow-wrap:anywhere}.upload-feedback:empty{display:none}.upload-feedback.error{color:#c13b49}.crop-position{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0}.crop-position[hidden],.export-warning:empty{display:none!important}.crop-position .range-field{margin:10px 0 0}.hint-line{font-size:11px;color:var(--muted);line-height:1.5}.export-warning{color:#a75417;background:#fff3e8;border:1px solid #f7cfa9;border-radius:10px;padding:9px 11px;font-size:11px;line-height:1.5}.tile-footer{flex-wrap:wrap;gap:12px}@media(prefers-reduced-motion:reduce){.spinner{animation:none!important}}.source-actions{text-align:right;margin-top:8px}.source-actions .text-btn{color:var(--muted)}