.editor-canvas__wrapper{background-color:#1c1c20;background-image:linear-gradient(45deg,#2a2a30 25%,#0000 25%),linear-gradient(-45deg,#2a2a30 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#2a2a30 75%),linear-gradient(-45deg,#0000 75%,#2a2a30 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:hidden}.editor-canvas__inner{position:relative}.editor-canvas__canvas{width:100%;height:100%;display:block}.editor-canvas__crop-move{cursor:move;position:absolute}.editor-canvas__handle{background:var(--color-primary,#f97316);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.editor-canvas__handle--nw,.editor-canvas__handle--se{cursor:nwse-resize}.editor-canvas__handle--ne,.editor-canvas__handle--sw{cursor:nesw-resize}
.image-editor{color:#e2e8f0;background:#18181b;flex-direction:column;width:100%;height:100%;font-family:inherit;display:flex}.image-editor__topbar{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.image-editor__name-input{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;max-width:320px;padding:7px 10px;font-family:inherit;font-size:14px}.image-editor__name-input:focus{border-color:var(--color-primary,#f97316);outline:none}.image-editor__topbar-actions{align-items:center;gap:6px;display:flex}.image-editor__icon-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-family:inherit;font-size:13px;display:inline-flex}.image-editor__icon-btn:hover:not(:disabled){background:#ffffff14}.image-editor__icon-btn:disabled{opacity:.35;cursor:not-allowed}.image-editor__icon-btn--active{color:#fdba74;background:#f9731626;border-color:#f9731666}.image-editor__icon-btn--close{margin-left:6px}.image-editor__body{flex:1;gap:12px;min-height:0;padding:12px 16px;display:flex}.image-editor__rail{flex-direction:column;flex-shrink:0;gap:4px;width:92px;display:flex}.image-editor__rail-btn{color:#94a3b8;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-family:inherit;font-size:11px;font-weight:500;display:flex}.image-editor__rail-btn i{font-size:15px}.image-editor__rail-btn:hover:not(:disabled){color:#e2e8f0;background:#ffffff0f}.image-editor__rail-btn--active{color:#fdba74;background:#f9731624}.image-editor__rail-btn:disabled{opacity:.35;cursor:not-allowed}.image-editor__canvas-col{flex:1;min-width:0;display:flex}.image-editor__loading,.image-editor__load-error{color:#94a3b8;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.image-editor__load-error{color:#f87171}.image-editor__side{flex-shrink:0;width:220px;overflow-y:auto}.image-editor__panel{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:12px}.image-editor__panel-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:0 0 8px;font-size:11px;font-weight:600}.image-editor__preset-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.image-editor__preset-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:12px}.image-editor__preset-btn:hover{background:#ffffff17}.image-editor__preset-btn--active{background:var(--color-primary,#f97316);border-color:var(--color-primary,#f97316);color:#fff}.image-editor__text-btn{color:#fdba74;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:12px;display:inline-flex}.image-editor__hint{color:#64748b;margin:10px 0 0;font-size:11px;line-height:1.5}.image-editor__button-grid{flex-direction:column;gap:6px;display:flex}.image-editor__tool-btn{color:#e2e8f0;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;display:flex}.image-editor__tool-btn:hover{background:#ffffff17}.image-editor__resize-row{align-items:center;gap:6px;display:flex}.image-editor__resize-field{color:#94a3b8;flex:1;align-items:center;gap:6px;font-size:11px;display:flex}.image-editor__resize-field input{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;width:100%;min-width:0;padding:6px 8px;font-family:inherit;font-size:12px}.image-editor__lock-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.image-editor__lock-btn--active{color:#fdba74;border-color:#f9731666}.image-editor__panel--scroll{max-height:100%}.image-editor__panel-label--spaced{margin-top:16px}.image-editor__slider-row{margin-bottom:12px}.image-editor__slider-row input[type=range]{width:100%;accent-color:var(--color-primary,#f97316)}.image-editor__slider-head{color:#cbd5e1;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px;display:flex}.image-editor__slider-value{color:#94a3b8;font-variant-numeric:tabular-nums}.image-editor__checkbox-row{color:#e2e8f0;cursor:pointer;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.image-editor__text-btn--spaced{margin-top:12px}.image-editor__text-input{color:#f1f5f9;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;width:100%;margin-bottom:12px;padding:7px 9px;font-family:inherit;font-size:13px}.image-editor__text-input:focus{border-color:var(--color-primary,#f97316);outline:none}.image-editor__filter-strip{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.image-editor__filter-thumb{cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px;font-family:inherit;display:flex}.image-editor__filter-thumb canvas{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#000;border-radius:6px;width:100%}.image-editor__filter-thumb span{color:#94a3b8;font-size:10px}.image-editor__filter-thumb:hover{border-color:#ffffff26}.image-editor__filter-thumb--active{border-color:var(--color-primary,#f97316)}.image-editor__filter-thumb--active span{color:#fdba74}.image-editor__position-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.image-editor__primary-btn{background:var(--color-primary,#f97316);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin:10px 0 8px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.image-editor__primary-btn:hover:not(:disabled){filter:brightness(1.08)}.image-editor__primary-btn:disabled{opacity:.6;cursor:not-allowed}.image-editor__bg-error{color:#f87171;margin:10px 0 0;font-size:12px;line-height:1.5}.image-editor__bottombar{border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:16px;padding:12px 16px;display:flex}.image-editor__target-group{align-items:center;gap:10px;display:flex}.image-editor__target-group .image-editor__panel-label,.image-editor__target-group .image-editor__preset-row{margin:0}.image-editor__bottombar-info{color:#94a3b8;flex:1;align-items:center;gap:12px;font-size:12px;display:flex}.image-editor__error{color:#f87171}.image-editor__bottombar-actions{gap:8px;display:flex}.image-editor__btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.image-editor__btn:disabled{opacity:.6;cursor:not-allowed}.image-editor__btn--ghost{color:#cbd5e1;background:0 0;border-color:#ffffff24}.image-editor__btn--ghost:hover:not(:disabled){background:#ffffff0f}.image-editor__btn--primary{background:var(--color-primary,#f97316);color:#fff}.image-editor__btn--primary:hover:not(:disabled){filter:brightness(1.08)}@media (max-width:720px){.image-editor__body{flex-direction:column}.image-editor__rail{flex-direction:row;width:100%;overflow-x:auto}.image-editor__side{width:100%}}
.image-editor-modal{z-index:10010;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-editor-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;position:absolute;inset:0}.image-editor-modal__panel{z-index:1;border-radius:14px;width:1100px;max-width:calc(100vw - 32px);height:720px;max-height:calc(100vh - 48px);position:relative;overflow:hidden;box-shadow:0 24px 70px #00000073}
.asset-picker-modal{z-index:10002;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.asset-picker-modal__backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;position:absolute;inset:0}.asset-picker-modal__panel{z-index:1;background:#fff;border-radius:12px;flex-direction:column;width:980px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003}.asset-picker-modal__header{border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.asset-picker-modal__title{color:#1e293b;font-size:16px;font-weight:600}.asset-picker-modal__close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s,color .15s;display:flex}.asset-picker-modal__close:hover{color:#1e293b;background:#f1f5f9}.asset-picker-modal__scroll{flex:auto;min-height:0;padding:20px 24px 24px;overflow-y:auto}