.ied-app{width:min(100%,960px);margin:0 auto;padding:20px 4px 48px;animation:ied-enter .26s var(--ease-out)}.ied-upload-screen{width:min(100%,620px);margin:0 auto}.ied-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.ied-header-icon,.ied-drop-icon{display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(54,124,238,.18);border-radius:12px;color:var(--accent);background:var(--accent-soft)}.ied-header-icon{width:50px;height:50px}.ied-header h1{margin:0 0 4px;color:var(--text);font-size:1.4rem;font-weight:800}.ied-header p{margin:0;color:var(--text-muted);font-size:.84rem}.ied-drop-zone{min-height:212px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 16px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);background:var(--bg-elevated);cursor:pointer;transition:.16s var(--ease-out)}.ied-drop-zone:hover,.ied-drop-zone.drag-active{border-color:var(--accent);background:#367cee0f;transform:translateY(-1px)}.ied-drop-zone.is-loading .ied-drop-icon{animation:ied-pulse 1s ease-in-out infinite}.ied-drop-icon{width:62px;height:62px}.ied-drop-zone b{color:var(--text);font-size:.96rem}.ied-drop-zone>span:last-of-type{font-size:.72rem}.ied-drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.ied-editor{min-height:calc(100vh - 130px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow)}.ied-canvas-area{position:relative;display:grid;place-items:center;flex:1;min-height:360px;overflow:hidden;padding:16px;background:#050608}.ied-canvas-area canvas{display:block;max-width:100%;max-height:55vh;box-shadow:0 14px 35px #00000073}.ied-canvas-area #ied-crop-canvas{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);cursor:crosshair;touch-action:none}.ied-active-panel{min-height:0;border-top:1px solid var(--border);background:#050608e0}.ied-slider-panel,.ied-crop-panel,.ied-export-panel{padding:13px 15px}.ied-slider-panel>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ied-slider-panel strong{color:var(--text);font-size:.8rem}.ied-slider-panel b{color:var(--accent);font:800 .79rem ui-monospace,SFMono-Regular,Menlo,monospace}.ied-slider-panel input{width:100%;height:6px;border-radius:999px;appearance:none;outline:none}.ied-slider-panel input::-webkit-slider-thumb{width:18px;height:18px;border:3px solid var(--accent);border-radius:50%;background:#fff;appearance:none;box-shadow:0 2px 8px #00000059}.ied-ratios,.ied-options{display:flex;flex-wrap:wrap;gap:7px}.ied-ratios button,.ied-options button,.ied-mini{min-height:32px;padding:6px 11px;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);background:var(--surface);font-size:.75rem;font-weight:800;transition:.15s var(--ease-out)}.ied-ratios button.is-active,.ied-options button.is-active{border-color:var(--accent);color:#fff;background:var(--accent)}.ied-crop-panel>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.ied-mini-save,.ied-save{border-color:transparent;color:#001e19;background:var(--accent-2)}.ied-export-panel>p{margin:0 0 7px;color:var(--text-muted);font-size:.68rem;font-weight:800}.ied-export-panel>p:not(:first-child){margin-top:12px}.ied-custom-size{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px}.ied-custom-size input[type=number]{width:100px;min-height:34px;padding:6px 8px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface)}.ied-custom-size label{color:var(--text-muted);font-size:.74rem;font-weight:700}.ied-save{width:100%;min-height:43px;margin-top:13px;border:0;border-radius:var(--radius-sm);font-weight:850}.ied-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.ied-tabs button{min-height:44px;border:0;border-bottom:2px solid transparent;color:var(--text-muted);background:transparent;font-weight:800}.ied-tabs button.is-active{border-bottom-color:var(--accent);color:var(--accent)}.ied-toolbars{overflow:hidden;background:var(--surface)}.ied-tools-group{display:none;gap:9px;overflow-x:auto;padding:11px 13px;scrollbar-width:thin}.ied-tools-group.is-active{display:flex}.ied-tool-btn{min-width:80px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 7px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:var(--bg-elevated);font-size:1rem;transition:.15s var(--ease-out)}.ied-tool-btn b{font-size:.65rem;white-space:nowrap}.ied-tool-btn.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ied-tool-btn.is-modified:after{position:absolute;width:5px;height:5px;content:"";border-radius:50%;background:var(--accent-2)}.ied-bottom-bar{display:flex;justify-content:space-around;gap:4px;padding:9px;border-top:1px solid var(--border);background:#0000009e}.ied-bottom-bar button{min-width:0;display:flex;flex:1;flex-direction:column;align-items:center;gap:3px;padding:5px 3px;border:0;color:var(--text-muted);background:transparent;font-size:1.05rem}.ied-bottom-bar button span{font-size:.61rem;font-weight:800}.ied-bottom-bar .ied-action{color:var(--accent-2)}.ied-bottom-bar button.is-active{color:var(--accent)}.ied-app [hidden]{display:none!important}@keyframes ied-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ied-pulse{50%{transform:scale(.92);opacity:.6}}@media(max-width:620px){.ied-app{padding-top:14px}.ied-header{margin-bottom:22px}.ied-header h1{font-size:1.25rem}.ied-canvas-area{min-height:310px;padding:10px}.ied-canvas-area canvas{max-height:46vh}.ied-bottom-bar{position:sticky;bottom:0}.ied-tool-btn{min-width:74px}.ied-toolbars{min-height:96px}.ied-custom-size input[type=number]{width:80px}}:root[data-theme=light] .ied-editor,:root[data-theme=light] .ied-drop-zone,:root[data-theme=light] .ied-tool-btn{background:#ffffffe6}:root[data-theme=light] .ied-canvas-area{background:#e5ecf8b8}:root[data-theme=light] .ied-active-panel,:root[data-theme=light] .ied-bottom-bar{background:#fffffff0}@media(max-width:560px){.ied-app{padding-inline:0}.ied-editor{min-height:auto}.ied-canvas-area{min-height:260px;padding:8px}.ied-canvas-area canvas{max-height:42vh}.ied-tabs button{min-height:41px;font-size:.76rem}.ied-tools-group{min-height:0;gap:7px;padding:9px 10px}.ied-tool-btn{min-width:66px;padding:7px 5px;font-size:.9rem}.ied-tool-btn b{font-size:.58rem}.ied-bottom-bar{gap:1px;padding:7px 4px calc(7px + env(safe-area-inset-bottom))}.ied-bottom-bar button{min-height:44px;font-size:.92rem}.ied-bottom-bar button span{font-size:.57rem}}.ied-tool-icon{display:block;width:19px;height:19px}.ied-bottom-icon,.ied-bottom-bar button>svg{display:block;width:22px;height:22px;flex:0 0 22px}.ied-bottom-bar button{justify-content:center}@media(max-width:560px){.ied-tool-icon{width:17px;height:17px}.ied-bottom-icon,.ied-bottom-bar button>svg{width:19px;height:19px;flex-basis:19px}}.ied-editor,.ied-canvas-area,.ied-active-panel,.ied-tabs,.ied-toolbars,.ied-tools-group{min-width:0}.ied-slider-panel input[type=range]{direction:ltr;touch-action:pan-y}.ied-slider-panel,.ied-canvas-area{contain:layout paint}.ied-canvas-area canvas{max-inline-size:100%}.ied-tools-group{overscroll-behavior-x:contain}