.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.editor-shell{background:var(--surface);border:1px solid var(--border);width:min(100% - 40px,1200px);box-shadow:var(--shadow);border-radius:18px;min-height:448px;margin:0 auto 84px;position:relative;overflow:hidden}.editor-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 14px;display:flex}.toolbar-group{align-items:center;gap:4px;display:flex}.tool-brand{color:var(--accent);border-right:1px solid var(--border);padding-right:18px;font-size:13px;font-weight:650}.tool-icon{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;display:grid}.tool-icon:hover:not(:disabled){background:var(--surface-subtle)}.tool-icon:disabled{opacity:.28;cursor:not-allowed}.tool-icon svg{width:20px;height:20px}.zoom-controls{border:1px solid var(--border);border-radius:10px;height:42px}.zoom-controls span{text-align:center;min-width:52px;font-size:12px}.editor-empty{background:var(--surface-subtle);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:390px;padding:38px 20px;transition:background .15s,box-shadow .15s;display:flex}.editor-empty[data-dragging=true]{background:color-mix(in srgb, var(--accent) 7%, var(--surface-subtle));box-shadow:inset 0 0 0 2px var(--accent)}.empty-icon{color:var(--text-muted);place-items:center;height:68px;display:grid}.choose-button{min-width:190px}.editor-empty p{color:var(--text-muted);margin:2px 0 0}.editor-empty small{color:var(--text-muted);align-items:center;gap:7px;display:flex}.editor-alert{border-radius:10px;align-items:center;gap:8px;max-width:600px;padding:10px 13px;font-size:14px;display:flex}.editor-alert.error{color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, var(--surface));border:1px solid color-mix(in srgb, var(--danger) 25%, var(--border))}.editor-workspace{grid-template-columns:minmax(0,1fr) 316px;min-height:415px;display:grid}.editor-bulk .editor-workspace{grid-template-columns:210px minmax(0,1fr) 292px}.editor-stage{touch-action:none;cursor:grab;user-select:none;background-color:#232320;background-image:linear-gradient(45deg,#2c2c28 25%,#0000 25%),linear-gradient(-45deg,#2c2c28 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2c2c28 75%),linear-gradient(-45deg,#0000 75%,#2c2c28 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;min-width:0;min-height:415px;position:relative;overflow:hidden}.editor-stage:active{cursor:grabbing}.stage-image{transform-origin:50%;pointer-events:none;user-select:none;max-width:none;position:absolute;top:50%;left:50%}.crop-frame{border:2px solid var(--accent);pointer-events:none;transition:width .21s,height .21s,border-radius .21s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0a0a0859,0 0 28px #00000038}.crop-frame.circle{border-radius:50%}.crop-frame.rounded{border-radius:10%}.crop-frame>span{background:color-mix(in srgb, var(--accent) 52%, transparent);position:absolute}.crop-frame .grid-v{width:1px;top:0;bottom:0}.crop-frame .grid-h{height:1px;left:0;right:0}.crop-frame .one.grid-v{left:33.333%}.crop-frame .two.grid-v{left:66.666%}.crop-frame .one.grid-h{top:33.333%}.crop-frame .two.grid-h{top:66.666%}.crop-frame .handle{border:2px solid var(--accent);background:var(--surface);border-radius:3px;width:14px;height:14px;position:absolute}.handle.top-left{top:-7px;left:-7px}.handle.top-right{top:-7px;right:-7px}.handle.bottom-left{bottom:-7px;left:-7px}.handle.bottom-right{bottom:-7px;right:-7px}.stage-hint{color:#ffffffc7;backdrop-filter:blur(8px);white-space:nowrap;background:#00000075;border-radius:999px;padding:5px 10px;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.success-toast{background:var(--surface);color:var(--success);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:7px;padding:9px 12px;font-size:14px;font-weight:600;display:flex;position:absolute;top:14px;right:14px}.mobile-download{display:none}.preparing{z-index:4;background:var(--surface-subtle);color:var(--text-muted);align-content:center;place-items:center;gap:14px;display:grid;position:absolute;inset:0}.skeleton-line{background:linear-gradient(90deg, var(--border), var(--surface), var(--border));background-size:200% 100%;border-radius:999px;width:180px;height:8px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.editor-inspector{border-left:1px solid var(--border);background:var(--surface);max-height:415px;padding:16px 18px 22px;overflow:auto}.inspector-tabs{display:none}.editor-inspector fieldset{border:0;border-bottom:1px solid var(--border);gap:12px;margin:0 0 17px;padding:0 0 17px;display:grid}.editor-inspector fieldset:last-child{border-bottom:0}.editor-inspector legend{margin-bottom:10px;font-size:14px;font-weight:700}.editor-inspector label{color:var(--text-muted);gap:5px;font-size:12px;display:grid}.editor-inspector select,.editor-inspector input[type=number]{border:1px solid var(--border);background:var(--page);width:100%;min-height:40px;color:var(--text);border-radius:9px;padding:8px 10px}.editor-inspector input[type=range]{width:100%;accent-color:var(--accent)}.editor-inspector input[type=color]{border:1px solid var(--border);background:var(--page);border-radius:9px;width:100%;height:40px;padding:4px}.dimension-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;display:grid}.dimension-row>span{color:var(--text-muted);padding-bottom:8px}.preset-row{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.preset-row button{border:1px solid var(--border);background:var(--page);min-height:34px;color:var(--text-muted);cursor:pointer;border-radius:999px;padding:0;font-family:Geist Mono Variable,monospace;font-size:10px}.preset-row button.active{color:var(--accent);border-color:var(--accent)}.add-output{align-items:center;gap:5px;width:fit-content;font-size:12px;display:inline-flex}.additional-output{border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;padding:7px 7px 7px 10px;font-size:12px;display:flex}.additional-output .tool-icon{width:30px;height:30px}.batch-queue{border-right:1px solid var(--border);background:var(--surface);min-width:0;padding:16px 12px}.batch-heading{justify-content:space-between;align-items:center;padding:0 4px 10px;font-size:13px;display:flex}.batch-heading span{color:var(--text-muted)}.batch-items{gap:6px;max-height:307px;display:grid;overflow:auto}.batch-item{border:1px solid var(--border);background:var(--page);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;display:grid;overflow:hidden}.batch-item.active{border-color:var(--accent)}.batch-item>button{min-width:0;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px;display:flex}.batch-item>button span{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.batch-item .remove-file{justify-content:center;width:34px;padding:0}.add-files{width:100%;min-height:38px;margin-top:10px;font-size:12px}.editor-export-bar{border-top:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:10px 14px 10px 20px;display:flex}.export-meta{color:var(--text-muted);gap:20px;font-size:12px;display:flex}.export-meta strong{color:var(--text)}.export-action{align-items:center;gap:12px;min-width:0;display:flex}.progress{background:var(--surface-subtle);border-radius:99px;width:120px;height:5px;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width .16s;display:block}.result-info{color:var(--success);white-space:nowrap;font-size:11px}.export-error{max-width:300px;color:var(--danger);font-size:11px;line-height:1.3}@media (width<=1000px){.editor-bulk .editor-workspace{grid-template-columns:160px minmax(0,1fr) 260px}}@media (width<=800px){.editor-shell{width:min(100% - 28px,1200px);min-height:540px;margin-bottom:64px}.editor-toolbar{height:54px}.toolbar-group:nth-child(2){display:none}.tool-brand{border-right:0}.editor-workspace,.editor-bulk .editor-workspace{flex-direction:column;min-height:0;display:flex}.batch-queue{border-right:0;border-top:1px solid var(--border);order:2;padding:10px}.batch-heading{display:none}.batch-items{max-height:none;display:flex;overflow:auto hidden}.batch-item{min-width:145px}.add-files{width:auto;min-width:86px;margin:0 0 0 6px}.editor-stage{order:1;min-height:clamp(300px,55vh,470px)}.mobile-download{z-index:5;min-height:46px;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 24px #00000038}.stage-hint{bottom:68px}.editor-inspector{border-left:0;border-top:1px solid var(--border);order:3;max-height:none;padding:0 14px 14px}.inspector-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);height:50px;margin-bottom:14px;display:grid}.inspector-tabs button{color:var(--text-muted);background:0 0;border:0;font-size:13px}.inspector-tabs button.active{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.editor-inspector fieldset{display:none}.editor-inspector fieldset:first-of-type{border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;margin-bottom:0;padding-bottom:0;display:grid}.editor-inspector fieldset:first-of-type legend{grid-column:1/-1}.editor-export-bar{z-index:10;padding-bottom:max(10px, env(safe-area-inset-bottom));position:sticky;bottom:0}.export-meta span:first-child{display:none}}@media (width<=560px){.editor-shell{border-left:0;border-right:0;border-radius:0;width:100%;margin-bottom:52px}.zoom-controls .tool-icon:last-child,.zoom-controls .tool-icon:first-child{display:none}.editor-empty{min-height:390px}.editor-stage{min-height:330px}.editor-inspector fieldset:first-of-type{grid-template-columns:1fr 1fr}.editor-inspector fieldset:first-of-type label:last-child{grid-column:1/-1}.editor-export-bar{min-height:72px;padding-left:12px}.export-meta{gap:8px}.export-meta span{display:none}.export-meta span:last-child{display:block}.export-action{justify-content:flex-end;width:100%}.export-action .button{min-width:142px}.result-info,.export-error{display:none}.crop-frame .handle{width:18px;height:18px}.handle.top-left{top:-9px;left:-9px}.handle.top-right{top:-9px;right:-9px}.handle.bottom-left{bottom:-9px;left:-9px}.handle.bottom-right{bottom:-9px;right:-9px}}@media (prefers-reduced-motion:reduce){.crop-frame{transition:none}.skeleton-line{animation:none}}