.image-editor-v2 .image-editor-shell{grid-template-areas:"head" "tools" "stage" "actions";grid-template-rows:auto auto minmax(0,1fr) auto;background:#0b1419;overflow:hidden}
.image-editor-v2 .image-editor-head{grid-area:head}
.image-editor-v2 .image-editor-head small{display:none}
.image-editor-v2 .image-editor-stage{grid-area:stage;position:relative;display:grid;place-items:center;margin:8px;border-radius:14px;contain:layout paint;background-color:#071014;background-image:linear-gradient(45deg,#ffffff08 25%,transparent 25%),linear-gradient(-45deg,#ffffff08 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ffffff08 75%),linear-gradient(-45deg,transparent 75%,#ffffff08 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
.image-editor-v2 .image-editor-paper-guide{position:relative;z-index:1;display:grid;place-items:center;width:min(calc((100% - 28px)),calc((100dvh - 215px)*8.5/11));height:min(calc(100% - 28px),calc(100dvh - 215px));max-width:calc(100% - 28px);max-height:calc(100% - 28px);aspect-ratio:8.5/11;overflow:hidden;border:2px solid #e4e8e9;border-radius:5px;background:#fff;box-shadow:0 0 0 7px #ffffff0a,0 14px 38px #000a}
.image-editor-v2 .image-editor-paper-guide span{position:absolute;z-index:3;right:7px;bottom:5px;padding:3px 5px;border-radius:5px;background:#10222abb;color:#fff;font-size:8px;font-weight:800;letter-spacing:.08em;pointer-events:none}
.image-editor-v2 .image-editor-stage canvas{position:relative;z-index:2;display:block;max-width:100%;max-height:100%;transform-origin:0 0;touch-action:none;will-change:transform;box-shadow:none}
.image-editor-v2 .image-editor-stage.has-pages{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-inline:8px}
.image-editor-v2 .image-editor-page-rail{z-index:4;display:flex;flex-direction:column;gap:8px;max-height:calc(100% - 18px);overflow:auto;padding:6px;border-radius:12px;background:#13232bcc;overscroll-behavior:contain}
.image-editor-v2 .image-editor-page-rail[hidden]{display:none}
.image-editor-v2 .image-editor-page-rail button{display:grid;gap:3px;place-items:center;min-width:76px;padding:5px;border:1px solid #ffffff24;border-radius:9px;background:#20343d;color:#fff;font-size:10px;font-weight:700}
.image-editor-v2 .image-editor-page-rail button.active{border-color:#f0d49a;box-shadow:0 0 0 2px #f0d49a55}
.image-editor-v2 .image-editor-page-rail canvas{width:64px;height:82px;object-fit:contain;background:#fff;transform:none!important}
.image-editor-v2 .image-editor-context{position:absolute;z-index:5;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:7px;max-width:calc(100% - 20px);padding:7px;border:1px solid #ffffff24;border-radius:16px;background:#13232be8;box-shadow:0 8px 26px #0008;backdrop-filter:blur(8px);pointer-events:auto}
.image-editor-v2 .image-editor-context:not(:has(> :not([hidden]))){visibility:hidden;pointer-events:none}
.image-editor-v2 .image-editor-context>*{flex:0 0 auto;min-height:40px;border:0;border-radius:20px;padding:8px 15px;font-weight:700}
.image-editor-v2 button{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.image-editor-v2 button:focus{outline:none}.image-editor-v2 button:focus-visible{outline:2px solid #f0d49a;outline-offset:2px}
.image-editor-v2 .image-editor-context button{background:#f4f6f7;color:#17262d;box-shadow:none}.image-editor-v2 .image-editor-context button.active{background:#b99455;color:#101c22}
.image-editor-v2 .image-editor-context textarea{width:min(420px,52vw);min-height:66px;max-height:120px;resize:vertical;background:#fff;color:#17262d;font:600 15px/1.25 Arial,sans-serif}
.image-editor-v2 .image-editor-tools{grid-area:tools;display:grid;grid-template-rows:38px;grid-auto-flow:column;grid-auto-columns:minmax(38px,1fr);gap:4px;overflow-x:auto;overflow-y:hidden;padding:6px 8px;background:#13232b;scrollbar-width:thin}
.image-editor-v2 .image-editor-tools button{display:grid;place-items:center;width:100%;min-width:38px;min-height:38px;border-radius:19px;padding:3px;overflow:hidden}
.image-editor-v2 .image-editor-tools b{font-size:16px;line-height:1}
.image-editor-v2 .image-editor-tools button.active{box-shadow:0 0 0 2px #f0d49a inset}
.image-editor-v2 .image-editor-actions{grid-area:actions;position:relative;z-index:6}
.order-image-item{display:grid;grid-template-rows:105px auto auto}.order-image-item .order-image-thumb{position:static;padding:0;border:0;border-radius:0;background:none;width:100%}.order-image-item .order-image-thumb img{height:105px}.order-image-item>div{display:flex;gap:5px;padding:0 6px 7px}.order-image-item>div button{position:static;flex:1}
.order-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:10px 0}.order-image-gallery button{border:1px solid #d9dfdf;border-radius:12px;padding:0;overflow:hidden;background:#f5f7f7;color:#17262d;text-align:left;cursor:pointer}.order-image-gallery img{display:block;width:100%;height:120px;object-fit:cover}.order-image-gallery span{display:block;padding:7px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.order-image-viewer{width:min(96vw,1100px);height:min(94dvh,900px);max-width:none;max-height:none;border:0;border-radius:15px;padding:0;background:#091216;color:#fff}.order-image-viewer::backdrop{background:#000d}.order-image-viewer header{height:52px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#14262f}.order-image-viewer button{width:40px;height:40px;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:24px}.order-image-viewer>img{display:block;width:100%;height:calc(100% - 52px);object-fit:contain}
@media(max-width:899px){.image-editor-v2 .image-editor-shell{grid-template-areas:"head" "stage" "tools" "actions";grid-template-rows:auto minmax(0,1fr) 50px auto}.image-editor-v2 .image-editor-stage{margin:5px}.image-editor-v2 .image-editor-paper-guide{width:min(calc(100% - 12px),calc((100dvh - 175px)*8.5/11));height:min(calc(100% - 12px),calc(100dvh - 175px));max-width:calc(100% - 12px);max-height:calc(100% - 12px)}.image-editor-v2 .image-editor-tools{grid-template-rows:38px;grid-auto-columns:42px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-snap-type:x proximity;padding:6px max(7px,env(safe-area-inset-left))}.image-editor-v2 .image-editor-tools button{padding:2px;scroll-snap-align:start}.image-editor-v2 .image-editor-tools b{font-size:15px}.image-editor-v2 .image-editor-context{top:6px;max-width:calc(100% - 12px);overflow-x:auto;justify-content:flex-start}.image-editor-v2 .image-editor-context textarea{width:min(58vw,330px);min-height:62px;resize:none}.image-editor-v2 .image-editor-context>*{min-height:42px;padding:7px 11px}.image-editor-v2 .image-editor-actions{padding-bottom:max(8px,env(safe-area-inset-bottom))}.image-editor-v2 .image-editor-head{padding-top:max(8px,env(safe-area-inset-top))}}
@media(min-width:900px) and (max-height:700px){.image-editor-v2 .image-editor-tools{grid-auto-rows:40px}.image-editor-v2 .image-editor-tools button{min-height:38px}.image-editor-v2 .image-editor-actions{padding-block:6px}}
@media(max-width:600px){.image-editor-v2 .image-editor-stage.has-pages{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:4px}.image-editor-v2 .image-editor-page-rail{width:100%;max-height:92px;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px}.image-editor-v2 .image-editor-page-rail button{min-width:62px;padding:3px}.image-editor-v2 .image-editor-page-rail canvas{width:45px;height:58px}.image-editor-v2 .image-editor-stage.has-pages .image-editor-paper-guide{max-height:calc(100% - 92px)}}

.order-image-pending-removal{opacity:.8;border:1px dashed #bd645b;padding:10px;border-radius:8px}.order-image-pending-removal span{color:#9e3e33}