:root{--ink:#272923;--muted:#7c7e72;--line:#e4e5dc;--paper:#fffefb;--canvas:#f5f4ef;--primary:#343e32;--green:#687a56;--sage:#e9eddf;--danger:#ae4945;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #9aab83;outline-offset:4px}button,input,select{touch-action:manipulation}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1{font-size:38px;font-weight:650;letter-spacing:-1.4px;margin-bottom:13px}h2{font-size:24px;font-weight:650;letter-spacing:-.65px}h3{font-size:15px;font-weight:600}form{margin:0}.muted{color:var(--muted)}.brand-dot{color:#83996d}
.topbar{height:82px;background:#fffefbd9;border-bottom:1px solid var(--line)}.topbar__inner{max-width:1500px;height:100%;padding:0 48px;margin:auto;display:flex;align-items:center;gap:58px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:25px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand__mark{width:38px;height:38px;background:var(--primary);color:var(--paper);border-radius:11px;display:grid;place-items:center}.brand__mark .icon{width:21px;height:21px;stroke-width:1.5}.main-nav{display:flex;align-items:center;gap:17px;flex:1}.nav-link{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:9px;color:var(--muted);font-size:12px;font-weight:550}.nav-link:hover{background:#efefe8}.nav-link.is-active{background:var(--sage);color:var(--primary)}.nav-link .icon{width:16px;height:16px}.nav-current{font-size:12px;color:#535b4e}.nav-divider{color:#c8cbbf}.topbar__actions{display:flex;align-items:center;gap:10px}.user-name{font-size:12px;color:#6d7365;margin-right:10px}.user-avatar{display:grid;place-items:center;background:#e9eddf;color:#667952;width:29px;height:29px;border-radius:50%;font-size:12px;font-weight:600}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;flex-shrink:0}.icon-button:hover{background:#eceee4}.icon-button .icon{width:18px;height:18px}.content{max-width:1500px;padding:42px 48px 28px;margin:auto;min-height:calc(100vh - 153px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.7px;color:var(--green);margin-bottom:12px}.page-subtitle{color:var(--muted);margin:0;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-weight:550;font-size:12px;white-space:nowrap;transition:background .15s,transform .15s}.button:active{transform:translateY(1px)}.button--primary{background:var(--primary);color:var(--paper);box-shadow:0 3px 8px #2a382315}.button--primary:hover{background:#46513f}.button--outline{background:var(--paper);border-color:#d9ddce;color:var(--ink)}.button--outline:hover{background:#efefe7}.button--wide{width:100%}.button .icon{width:17px;height:17px}.text-button{background:none;padding:0;color:var(--green);font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.text-button .icon{width:15px;height:15px}.text-button:hover{text-decoration:underline}.danger-text{color:var(--danger)}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-bottom:26px}.back-link:hover{color:var(--primary)}.back-link .icon{width:15px;height:15px}.privacy-badge{display:flex;align-items:center;gap:7px;color:var(--green);font-size:10px;white-space:nowrap}.privacy-badge .icon{width:14px;height:14px}
.site-footer{max-width:1500px;margin:auto;padding:24px 48px;color:#919387;font-size:10px;display:flex;justify-content:space-between;gap:16px;align-items:center}.site-footer>span:last-child{display:flex;align-items:center;gap:8px}.footer-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8b9e76}.home-heading{padding:28px 0 39px}.home-heading h1{font-size:43px;margin-bottom:14px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,390px));gap:24px}.tool-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:17px;background:var(--paper);overflow:hidden;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #293c2010;border-color:#c5cfb7}.tool-card-art{height:218px;background:#e9eddf;position:relative;overflow:hidden;display:grid;place-items:center}.tool-card-art:before{content:'';position:absolute;width:230px;height:230px;border:1px solid #bfcbb352;border-radius:50%;top:12px;left:75px}.tool-card-art:after{content:'';position:absolute;width:300px;height:300px;border:1px solid #bfcbb345;border-radius:50%;top:-23px;left:40px}.art-photo{position:absolute;border:7px solid #fffefb;border-bottom-width:23px;border-radius:8px;width:134px;height:126px;display:grid;place-items:center;box-shadow:0 8px 20px #394f2520}.art-photo .icon{height:48px;width:48px;stroke-width:1;color:#6a7b59}.art-photo--back{transform:rotate(-13deg) translateX(-30px);background:#cad3bd}.art-photo--front{transform:rotate(9deg) translate(32px,7px);background:#afbea1}.art-crop{position:absolute;inset:14px;border:1px dashed #fff9;border-radius:2px}.art-badge{position:absolute;bottom:36px;right:33px;display:flex;gap:9px;align-items:center;padding:6px 10px;border-radius:6px;background:#fffefb;box-shadow:0 4px 12px #394f2515;font-size:10px;font-weight:600;transform:rotate(-4deg);z-index:1;color:#56654a}.art-badge .icon{width:12px;height:12px}.tool-card-copy{padding:25px 26px 23px}.tool-category{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--green);margin-bottom:13px}.tool-category .icon{width:13px;height:13px}.tool-card h2{font-size:22px;margin-bottom:12px}.tool-card p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.tool-tags{display:flex;gap:6px}.tool-tags>span{font-size:9px;background:#f0f1e9;color:#6b765f;padding:4px 8px;border-radius:5px}.tool-card-footer{border-top:1px solid var(--line);padding:17px 26px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:550}.tool-card-footer .icon{width:17px;height:17px;color:var(--green)}.home-note{margin-top:39px;display:flex;gap:12px;align-items:flex-start;color:var(--green)}.home-note>.icon{width:17px;height:17px;margin-top:3px}.home-note p{font-size:11px;margin:0;line-height:1.9}.home-note p>span{color:var(--muted)}
.editor-layout{display:grid;grid-template-columns:295px minmax(0,1fr);gap:28px;align-items:start}.settings-panel{border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 21px 15px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:14px;letter-spacing:-.25px;margin:0}.panel-heading .icon-button{width:28px;height:28px;color:var(--muted)}.panel-heading .icon{width:14px;height:14px}.settings-section{border:0;border-bottom:1px solid var(--line);padding:0 21px 20px;margin:20px 0 0;min-width:0}.settings-section legend{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;padding:0;margin-bottom:17px}.step-number{font-size:9px;letter-spacing:.4px;color:#869577;background:#edf0e6;border-radius:5px;padding:3px 5px}.field{display:block;margin-bottom:15px;font-size:11px;font-weight:550;min-width:0}.field>span:first-child{display:block;margin-bottom:7px}.field input:not([type=range]),.field select{width:100%;padding:10px 11px;border:1px solid #dfe2d6;border-radius:7px;background:#fdfdf9;color:var(--ink);font-size:11px;outline:none;min-width:0;line-height:1.5}.field input:focus,.field select:focus{border-color:#92a27f;box-shadow:0 0 0 3px #92a27f1c}.field input:invalid:not(:placeholder-shown){border-color:#c1937b}.field select{cursor:pointer}.field:last-child{margin-bottom:0}.field-hint{font-size:10px;line-height:1.7;color:#8a8c7e;margin:0}.field-row{display:flex;align-items:center;gap:9px}.field-row .field{flex:1;margin-bottom:13px;min-width:0}.field-separator{color:var(--muted);margin-top:9px}.input-unit{position:relative;display:block}.input-unit input{padding-right:36px!important}.input-unit>span{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:10px;color:#8a8c7e;pointer-events:none}.field .label-row{display:flex!important;align-items:center;justify-content:space-between}.label-row output{color:var(--green);font-weight:600}input[type=range]{width:100%;accent-color:#71865e;height:4px;cursor:pointer;margin:12px 0}input[type=checkbox]{accent-color:var(--green);width:14px;height:14px;flex-shrink:0;margin:0}.check-field{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.5;margin:20px 0 16px;cursor:pointer}.settings-note{display:flex;gap:9px;align-items:flex-start;padding:18px 21px;font-size:9px;color:#8a8f7d;line-height:1.8;background:#f9faf5}.settings-note>.icon{width:14px;height:14px;margin-top:2px;color:#82966d}
.workspace{min-width:0}.drop-zone{border:1.5px dashed #cbd3bc;border-radius:14px;padding:35px 20px 32px;display:flex;align-items:center;flex-direction:column;text-align:center;background:#fafbf5;cursor:pointer;transition:border-color .15s,background .15s}.drop-zone:hover,.drop-zone.is-dragging{background:#eef2e5;border-color:#71865e}.drop-icon{height:43px;width:43px;border-radius:12px;background:#e9eedf;display:grid;place-items:center;color:#71865e;margin-bottom:16px}.drop-icon .icon{height:20px;width:20px}.drop-zone h2{font-size:18px;letter-spacing:-.4px;margin-bottom:9px}.drop-zone p{font-size:12px;color:var(--muted);margin-bottom:10px}.drop-link{color:var(--green);text-decoration:underline;text-underline-offset:3px}.drop-formats{font-size:10px;color:#9a9e8e}.drop-zone.is-compact{padding:18px;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.drop-zone.is-compact .drop-icon{width:27px;height:27px;border-radius:7px;margin:0}.drop-zone.is-compact .drop-icon .icon{width:15px;height:15px}.drop-zone.is-compact h2,.drop-zone.is-compact .drop-formats{display:none}.drop-zone.is-compact p{margin:0}.empty-workspace{padding:70px 20px 62px;text-align:center;display:flex;align-items:center;flex-direction:column}.empty-crop{width:62px;height:62px;display:grid;place-items:center;border:1px solid #e4e7da;border-radius:18px;transform:rotate(-7deg);background:#eeeFE6;margin-bottom:23px;color:#9ca88e}.empty-crop>.icon{width:30px;height:30px;stroke-width:1.1}.empty-workspace h3{font-size:16px;letter-spacing:-.2px;margin-bottom:12px;color:#68715d}.empty-workspace>p{font-size:11px;color:#919585;line-height:1.9}.workflow{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:24px;color:#8b917f;font-size:10px}.workflow span{display:flex;align-items:center;gap:7px}.workflow b{display:grid;place-items:center;border:1px solid #dce0d2;width:21px;height:21px;border-radius:50%;font-size:9px;font-weight:500}.workflow i{width:23px;height:1px;background:#dce0d2}.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:26px 0 19px}.workspace-toolbar h2{font-size:16px;letter-spacing:-.3px;margin-bottom:5px;display:flex;align-items:center;gap:9px}.workspace-toolbar p{font-size:10px;margin:0}.count-badge{font-size:10px;background:#e9eddf;color:#687a56;border-radius:5px;padding:3px 7px;font-weight:600;letter-spacing:0}.toolbar-actions{display:flex;align-items:center;gap:18px}.toolbar-actions .text-button{font-size:10px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:17px;align-items:start}.photo-card{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden}.photo-preview{height:175px;background-color:#e7e9e1;background-image:linear-gradient(45deg,#dde0d7 25%,transparent 25%),linear-gradient(-45deg,#dde0d7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dde0d7 75%),linear-gradient(-45deg,transparent 75%,#dde0d7 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;position:relative;display:grid;place-items:center;padding:12px}.photo-preview canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 2px 7px #0002}.photo-status{position:absolute;bottom:9px;left:9px;font-size:8px;padding:3px 7px;background:#fffefbe8;color:#727963;border-radius:4px}.photo-status.is-ready{color:#567343}.photo-remove{position:absolute;right:8px;top:8px;display:grid;place-items:center;background:#fffefbe8;border:1px solid #fff8;width:25px;height:25px;border-radius:7px;font-size:18px;line-height:1;color:#6d7462}.photo-remove:hover{color:var(--danger)}.photo-copy{padding:15px 14px 12px}.photo-copy h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;margin:0 0 7px;letter-spacing:0}.photo-original{font-size:9px;color:#919585;margin:0 0 4px}.photo-output{font-size:9px;margin:0;color:#697d53}.photo-error{font-size:10px;line-height:1.6;color:var(--danger);margin:10px 0 0;overflow-wrap:anywhere}.photo-actions{border-top:1px solid #eeeee7;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px}.photo-actions .text-button{font-size:9px}.photo-card.is-processing{outline:2px solid #9cab83;outline-offset:2px}.photo-card.is-processing .photo-status{animation:fade 1s infinite alternate}.export-panel{margin-top:25px;border:1px solid #dae0ce;border-radius:12px;background:#eef1e6;padding:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.export-panel strong{font-size:12px;font-weight:600;display:block;margin-bottom:5px}.export-panel p{font-size:10px;color:#858d79;margin:0}.export-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.export-actions .button{font-size:10px;padding:9px 12px;min-height:38px}.progress-wrap{width:100%;display:flex;gap:12px;align-items:center;min-width:0}.progress-wrap progress{width:120px;height:5px;flex-shrink:0;accent-color:#71865e}.progress-wrap span{font-size:10px;color:#6f7b61;overflow-wrap:anywhere;min-width:0}.workspace-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#9a9e8e;margin:20px 0 0;text-align:center}.workspace-footnote .icon{width:12px;height:12px}.workspace-footnote+.workspace-footnote{margin-top:7px;font-size:8px}
.crop-dialog,.result-dialog{padding:28px;border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--ink);width:min(1020px,calc(100% - 40px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 25px 100px #10200840}.crop-dialog::backdrop,.result-dialog::backdrop{background:#1c251cd6;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.dialog-heading .eyebrow{margin:0 0 7px;font-size:9px}.dialog-heading h2{font-size:23px;margin:0 0 7px}.dialog-heading p:last-child{font-size:10px;color:var(--muted);margin:0;overflow-wrap:anywhere}.dialog-heading>div{min-width:0}.crop-instructions{font-size:11px;color:var(--muted);margin:0 0 13px}.crop-stage{background:#252b24;border-radius:8px;padding:14px;display:grid;place-items:center;min-height:120px}.crop-stage canvas{display:block;max-width:100%;max-height:52dvh;width:auto;height:auto;cursor:move;touch-action:none}.crop-controls{display:flex;align-items:center;gap:14px;margin-top:20px;font-size:11px}.crop-controls input{max-width:320px}.crop-controls output{font-size:10px;color:var(--green);min-width:38px}.crop-controls .text-button{margin-left:auto;white-space:nowrap}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.result-dialog>img{display:block;max-width:100%;max-height:65dvh;margin:auto;object-fit:contain;background:#e9eddf}
.login-shell{display:grid;grid-template-columns:1.03fr 1fr;width:min(1290px,calc(100% - 48px));min-height:calc(100dvh - 48px);margin:24px auto;border-radius:20px;overflow:hidden;background:var(--paper);box-shadow:0 18px 70px #253b2d10}.login-intro{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:700px;padding:48px 50px;overflow:hidden;background:#e6e9dd}.login-intro:before{content:'';position:absolute;width:560px;height:560px;border-radius:50%;background:#d9dfce;right:-280px;bottom:-310px}.login-intro__content{position:relative;z-index:1;margin:70px 0 210px}.login-intro__content h1{font-size:clamp(38px,4vw,57px);line-height:1.08;letter-spacing:-2px;font-weight:550;margin:17px 0 23px}.login-intro__content>p:last-child{font-size:13px;line-height:1.9;color:#7c856f}.login-preview{position:absolute;bottom:100px;left:55px;right:55px;height:170px}.preview-card{position:absolute;left:30px;top:5px;width:185px;height:157px;background:#f9f9f1;border:5px solid #fffefb;border-radius:11px;box-shadow:0 10px 20px #3a49291a;transform:rotate(-9deg);padding:18px;color:#657b50;display:flex;flex-direction:column;align-items:flex-start}.preview-card>.icon{width:26px;height:26px;margin-bottom:9px;stroke-width:1.2}.preview-card>span{font-size:15px;line-height:1.2;letter-spacing:-.4px}.preview-card>small{position:absolute;right:13px;top:17px;font-size:10px}.preview-card--back{left:160px;top:15px;transform:rotate(9deg);background:#b4c3a4;color:#3e5332}.login-footnote{font-size:10px;color:#7f8b70;position:relative}.login-panel{display:grid;place-items:center;padding:55px}.login-form{width:min(100%,345px)}.login-form__heading{margin-bottom:33px}.login-form__heading h2{font-size:31px;letter-spacing:-1px;margin:10px 0}.login-form__heading>p:last-child{font-size:12px;color:var(--muted)}.login-form .field{font-size:12px;margin-bottom:21px}.login-form .field>span:first-child{margin-bottom:9px}.login-form .field input{font-size:12px;padding:13px 14px;border-radius:9px}.password-field{position:relative;display:block}.password-field input{padding-right:45px!important}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:grid;place-items:center;background:transparent;color:#929982}.password-toggle .icon{width:18px;height:18px}.remember-note{display:flex;align-items:center;gap:7px;font-size:9px;color:#939986;margin:24px 0}.remember-note .icon{width:13px;height:13px;color:var(--green)}.login-form .button{justify-content:space-between;padding:14px 17px;font-size:11px}.alert{padding:13px 15px;border-radius:8px;background:#f6e7e1;color:#a45c46;font-size:12px;margin:20px 0}.toasts{position:fixed;bottom:25px;right:25px;z-index:50;display:grid;gap:10px;max-width:min(420px,calc(100vw - 40px))}.toast{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:15px 18px;background:var(--primary);color:white;border-radius:10px;box-shadow:0 8px 30px #24301e24;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.toast--error{background:#8c4b3f}.toast>button{background:none;font-size:21px;color:#fff9;flex-shrink:0;padding:0 3px}.error-page{text-align:center;padding:15vh 20px}.error-page h1{font-size:70px}.error-page p{color:var(--muted)}
.photo-preview{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.photo-preview canvas{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;box-shadow:none}
.photo-preview canvas.is-draggable{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.photo-preview canvas.is-dragging{cursor:grabbing}.photo-status{pointer-events:none}.photo-preview canvas:focus-visible{outline-offset:2px}
.export-panel .download-hint{flex-basis:100%;font-size:10px;line-height:1.7;color:#6f7b61}@media(max-width:650px){.export-actions #prepare-photos{flex-basis:100%}}
.crop-preview-help{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#7b8470;font-size:10px;line-height:1.7}.crop-preview-help>span{display:block;flex-shrink:0;width:18px;height:14px;border:3px solid #69765b;background:#fbfcf8;border-radius:2px}
@keyframes fade{to{opacity:.4}}
@media(min-width:1700px){.content{padding-top:55px}}
@media(max-width:1100px){.topbar__inner,.content{padding-left:28px;padding-right:28px}.site-footer{padding-left:28px;padding-right:28px}.editor-layout{grid-template-columns:265px minmax(0,1fr);gap:22px}.page-heading h1{font-size:32px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.privacy-badge{font-size:9px}.login-intro{padding:40px;min-height:650px}.login-panel{padding:40px}.login-preview{left:33px}.login-intro__content{margin-top:65px}}
@media(max-width:850px){.privacy-badge{display:none}.editor-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}.settings-section{padding-left:16px;padding-right:16px}.panel-heading{padding-left:16px;padding-right:16px}.settings-note{padding-left:16px;padding-right:16px}.topbar__inner{gap:27px}.main-nav{gap:10px}.photo-grid{grid-template-columns:1fr}.toolbar-actions{gap:12px}.workspace-toolbar{align-items:flex-start;flex-direction:column}.photo-preview{height:210px}.export-actions{width:100%}.export-actions .button{flex:1}.login-shell{grid-template-columns:1fr 1fr}.login-intro{padding:32px;min-height:640px}.login-panel{padding:30px}.login-preview{left:10px;transform:scale(.83);transform-origin:left bottom}.login-intro__content h1{font-size:41px}.nav-current{font-size:10px}}
@media(max-width:650px){.topbar{height:68px}.topbar__inner{padding:0 19px;gap:15px}.brand{font-size:23px;gap:8px}.brand__mark{width:32px;height:32px;border-radius:9px}.brand__mark .icon{width:18px;height:18px}.main-nav{justify-content:flex-end}.nav-link{padding:7px 9px;font-size:10px}.nav-link .icon{width:13px;height:13px}.nav-current,.nav-divider,.user-avatar{display:none}.topbar__actions{gap:1px}.user-name{font-size:10px;margin-right:2px}.topbar__actions .icon-button{width:28px}.content{padding:27px 19px 15px;min-height:calc(100vh - 140px)}.site-footer{padding:22px 19px;font-size:8px}.site-footer>span:last-child{display:none}.back-link{margin-bottom:23px;font-size:10px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:28px;letter-spacing:-1px;max-width:290px}.eyebrow{font-size:9px}.page-subtitle{font-size:11px;line-height:1.7}.editor-layout{display:flex;flex-direction:column;gap:23px}.settings-panel{width:100%}.panel-heading{padding:14px 18px}.settings-panel form{display:grid;grid-template-columns:1fr 1fr;gap:0}.settings-section{margin-top:17px;padding:0 17px 18px}.settings-section:last-child{grid-column:1/-1}.settings-section legend{font-size:11px;gap:7px;margin-bottom:15px}.field{font-size:10px}.field input:not([type=range]),.field select{font-size:11px;padding:9px}.field-hint{font-size:9px}.settings-note{padding:12px 17px;font-size:9px}.settings-note br{display:none}.settings-note .icon{width:12px;height:12px}.settings-section:last-child .field{max-width:none}.settings-section:last-child .check-field{margin-top:12px}.workspace{width:100%}.drop-zone{padding:25px 16px}.drop-zone h2{font-size:17px}.drop-zone p{font-size:11px}.drop-formats{font-size:9px}.drop-icon{width:36px;height:36px;margin-bottom:13px}.empty-workspace{padding:45px 10px}.empty-workspace h3{font-size:15px}.empty-workspace p{font-size:10px}.workflow{gap:12px;font-size:9px}.workflow i{width:15px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-preview{height:140px;padding:8px}.photo-copy{padding:12px 10px}.photo-copy h3{font-size:10px}.photo-original,.photo-output{font-size:8px}.photo-actions{padding:10px;gap:8px;flex-wrap:wrap}.photo-actions .text-button{font-size:9px}.photo-actions .crop-button{flex-basis:100%;margin-bottom:4px}.photo-status{font-size:7px;bottom:6px;left:6px}.photo-remove{width:23px;height:23px;right:6px;top:6px}.workspace-toolbar{flex-direction:row;align-items:center;margin-top:22px}.workspace-toolbar h2{font-size:14px}.workspace-toolbar p{font-size:9px}.toolbar-actions{flex-direction:column;gap:9px;align-items:flex-end}.toolbar-actions .text-button{font-size:9px}.export-panel{padding:16px}.export-actions{gap:8px}.export-actions .button{padding:9px;font-size:10px}.workspace-footnote{font-size:8px;line-height:1.7}.workspace-footnote+.workspace-footnote{font-size:8px}.home-heading{padding:16px 0 30px}.home-heading h1{font-size:35px}.tool-grid{grid-template-columns:1fr;max-width:390px}.tool-card-art{height:200px}.tool-card-copy{padding:23px}.tool-card-footer{padding:16px 23px}.home-note{margin-top:28px}.crop-dialog,.result-dialog{padding:18px;width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:13px}.dialog-heading h2{font-size:21px}.crop-instructions{font-size:10px;line-height:1.7}.crop-stage{padding:8px}.crop-stage canvas{max-height:47dvh}.crop-controls{gap:8px;flex-wrap:wrap;font-size:10px}.crop-controls input{flex:1;max-width:50%}.crop-controls .text-button{font-size:10px}.dialog-footer{margin-top:18px;padding-top:15px}.dialog-footer .button{font-size:11px}.login-shell{grid-template-columns:1fr;width:calc(100% - 24px);margin:12px auto;min-height:calc(100dvh - 24px);border-radius:15px}.login-intro{padding:28px;min-height:265px}.login-intro__content{margin:35px 0 0}.login-intro__content h1{font-size:36px;letter-spacing:-1.3px;margin:12px 0}.login-intro__content>p:last-child,.login-preview,.login-footnote{display:none}.login-panel{padding:35px 28px 40px}.login-form__heading{margin-bottom:26px}.login-form__heading h2{font-size:27px}.login-form .field{margin-bottom:17px}.remember-note{font-size:8px}.toasts{bottom:15px;right:15px;max-width:calc(100vw - 30px)}.toast{font-size:11px;padding:13px 15px}.progress-wrap{flex-wrap:wrap}}
@media(max-width:370px){.settings-panel form{display:block}.photo-grid{grid-template-columns:1fr}.photo-preview{height:200px}.photo-actions .crop-button{flex-basis:auto;margin-bottom:0}.topbar__inner{padding:0 13px;gap:10px}.user-name{display:none}.content{padding-left:14px;padding-right:14px}.nav-link{padding:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}