[hidden]{display:none!important}
.processing-overlay small{color:#777d85;margin-top:12px;font-size:.74rem}
.editor-page{width:min(1080px,100% - clamp(24px,6vw,82px));margin:0 auto;padding:clamp(28px,4vw,52px) 0 72px}
.editor-heading{margin:0 auto 22px}
.editor-heading>span{color:#cf2e2e;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:.7rem;font-weight:820;display:block}
.editor-heading h1{color:#25272b;letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:820;line-height:1.04}
.editor-heading p{color:#676c74;max-width:720px;margin:12px 0 0;font-size:.9rem;line-height:1.5}
.editor-layout{display:grid}
.editor-card{background:#fff;border:1px solid #e1e4e8;border-radius:24px;padding:clamp(16px,2.5vw,28px);box-shadow:0 18px 54px #23272f12}
.editor-file-row{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}
.editor-file-row .file-summary{padding-bottom:16px}
.history-actions{flex:none;gap:7px;padding-bottom:16px;display:flex}
.history-actions button,.crop-modes button,.secondary-action{color:#4c5159;cursor:pointer;background:#fff;border:1px solid #d9dde2;border-radius:10px;min-height:38px;padding:8px 12px;font-size:.75rem;font-weight:750;transition:border-color .15s,color .15s,background .15s}
.history-actions button:hover:not(:disabled),.crop-modes button:hover,.secondary-action:hover:not(:disabled){color:#c52a2e;border-color:#d65a5d;background:#fff9f8}
.history-actions button:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.4}
.crop-editor{border:1px solid #e0e3e7;border-radius:17px;padding:12px;transition:border-color .15s,box-shadow .15s}
.crop-editor.has-pending-crop{border-color:#e3565a;box-shadow:0 0 0 3px #dc303009}
.crop-editor.has-applied-crop{border-color:#8ecaa2}
.crop-editor.is-applying{opacity:.72;pointer-events:none}
.crop-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;margin:0 2px 11px;display:flex}
.crop-toolbar>div:first-child{gap:2px;display:grid}
.crop-toolbar strong{color:#30343a;font-size:.83rem}
.crop-toolbar small{color:#848991;font-size:.68rem;line-height:1.35}
.crop-modes{flex:none;gap:7px;display:flex}
.crop-modes button[aria-pressed=true]{color:#bd272b;background:#fff7f6;border-color:#d83237;box-shadow:inset 0 0 0 1px #d8323712}
.crop-stage{background-color:#f7f7f7;border-radius:13px;place-items:center;min-height:260px;max-height:650px;display:grid;overflow:hidden}
.crop-stage canvas{touch-action:none;object-fit:contain;background-color:transparent;max-width:100%;max-height:650px;display:block}
.crop-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:10px;display:flex}
.crop-footer p{color:#6f747c;min-height:1.15rem;margin:0;font-size:.68rem;line-height:1.45}
.crop-footer>div{flex:none;gap:8px;display:flex}
.primary-action{color:#fff;cursor:pointer;background:linear-gradient(115deg,#df3631,#bd2428);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 20px;font-weight:780;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:0 10px 25px #c1252a26}
.primary-action:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 13px 28px #c1252a35}
.primary-action:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}
.primary-action.compact{border-radius:10px;min-height:38px;padding:8px 13px;font-size:.74rem}
.editor-submit{justify-content:space-between;align-items:center;gap:20px;margin-top:19px;display:flex}
.editor-submit p{color:#6b7078;margin:0;font-size:.78rem;line-height:1.4}
.remove-action{flex:none;min-width:210px}
.remove-action svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:18px;height:18px;transform:rotate(45deg)}
.resize-fieldset{padding-bottom:16px!important}
.resize-inputs{clear:both;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:end;gap:5px;display:grid}
.resize-inputs label{color:#686d75;gap:5px;font-size:.68rem;font-weight:720;display:grid}
.resize-inputs label>span{background:#fafbfc;border:1px solid #dfe2e6;border-radius:10px;align-items:center;padding:0 8px;display:flex}
.resize-inputs input{color:#34383e;background:transparent;border:0;width:100%;min-width:0;height:41px;padding:0;font-size:.8rem;font-weight:760}
.resize-inputs input:focus-visible{outline:0}
.resize-inputs label>span:focus-within{border-color:#cf2e2e;box-shadow:0 0 0 3px #cf2e2e12}
.ratio-lock{color:#9a5a5c;text-align:center;padding-bottom:12px;font-size:.82rem}
.dimension-note{color:#858a92;min-height:1rem;margin:8px 0 12px;font-size:.66rem;line-height:1.35}
.size-presets button{min-height:52px}
.download-panel .file-summary strong{font-size:.82rem}
@media (width<=700px){.editor-page{width:calc(100% - 24px);padding-top:24px}.editor-card{border-radius:18px;padding:14px}.editor-file-row,.crop-toolbar,.crop-footer,.editor-submit{align-items:stretch;flex-direction:column}.history-actions{padding:0 0 14px}.history-actions button{flex:1}.crop-modes button{flex:1}.crop-modes{width:100%}.crop-stage{min-height:210px}.crop-footer>div{width:100%}.crop-footer button{flex:1}.editor-submit{gap:12px}.remove-action{width:100%;min-width:0}.editor-file-row .file-summary{padding-bottom:0}.result-layout{gap:16px}}
@media (width<=430px){.history-actions button span{display:none}.resize-inputs{grid-template-columns:1fr 22px 1fr}.crop-footer>div{flex-direction:column}.crop-stage{min-height:180px}.editor-heading h1{font-size:2.15rem}}

/* Conta, quota e autenticação segura — v0.2.0 */
.topbar{position:relative;z-index:20}
.topbar-actions{display:flex;align-items:center;gap:12px;min-width:0}
.account-summary{color:#777d85;font-size:.7rem;font-weight:650;white-space:nowrap}
.account-button{color:#b9252a;background:#fff;border:1px solid #dadde2;border-radius:999px;min-height:40px;padding:8px 16px;cursor:pointer;font-size:.78rem;font-weight:780;white-space:nowrap}
.account-button:hover:not(:disabled){border-color:#d54a4e;background:#fff8f7}
.account-button:disabled{cursor:wait;opacity:.58}
.account-menu{position:absolute;right:clamp(18px,4vw,54px);top:64px;z-index:30;width:min(310px,calc(100vw - 28px));background:#fff;border:1px solid #e1e4e8;border-radius:16px;padding:16px;display:grid;gap:4px;box-shadow:0 18px 48px #20242b26}
.account-menu strong{color:#2f3339;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-menu span{color:#7b8088;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-menu small{color:#ba282c;margin-top:5px;font-size:.7rem;font-weight:760}
.account-menu button{color:#bf282d;background:#fff;border:1px solid #e0e3e7;border-radius:10px;margin-top:10px;padding:9px 12px;cursor:pointer;font-size:.72rem;font-weight:760}
.public-footer{color:#858a92;display:flex;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:12px 20px;border-top:1px solid #eceef1;background:#ffffffa8;font-size:.67rem}
.public-footer a{color:#686d75;text-decoration:none}
.public-footer a:hover{text-decoration:underline}
.auth-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#16191f8f;backdrop-filter:blur(5px)}
.auth-card{position:relative;width:min(430px,100%);background:#fff;border:1px solid #e1e4e8;border-radius:22px;padding:30px;box-shadow:0 28px 90px #11151d52;text-align:center}
.auth-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#757a82;cursor:pointer;font-size:1.6rem;line-height:1}
.auth-close:hover{background:#f2f3f5;color:#c3292e}
.auth-eyebrow{color:#ca2c31;letter-spacing:.11em;font-size:.65rem;font-weight:820}
.auth-card h2{color:#282b30;letter-spacing:-.035em;margin:7px 0 10px;font-size:1.75rem;line-height:1.1}
.auth-card>p{color:#666c74;margin:0 auto 20px;max-width:340px;font-size:.82rem;line-height:1.5}
.auth-widget{min-height:66px;display:grid;place-items:center;margin:5px 0}
.google-widget{min-height:52px}
.auth-card>[data-login-message]{display:block;color:#747982;min-height:1.15rem;margin:8px auto 0;font-size:.69rem;line-height:1.4}
.auth-card>[data-login-message].is-error{color:#be272c;font-weight:700}
.auth-card .auth-legal{border-top:1px solid #eceef1;color:#8a8f96;margin:18px 0 0;padding-top:15px;font-size:.62rem}
.auth-legal a{color:#a52a2e}

@media (width<=700px){
  .topbar-actions{gap:7px}
  .account-summary{display:none}
  .account-button{padding:7px 12px;font-size:.7rem}
  .new-image-button{font-size:.72rem}
  .public-footer{flex-wrap:wrap;gap:8px 14px}
}
@media (width<=430px){
  .auth-card{border-radius:18px;padding:27px 18px 22px}
  .auth-card h2{font-size:1.5rem}
  .new-image-button{display:none}
}