:root{--edtr-font-family:var(--fb,"Asap", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);--edtr-font-size-xs:11px;--edtr-font-size-sm:13px;--edtr-font-size-md:14px;--edtr-font-size-lg:15px;--edtr-font-weight-semibold:600;--edtr-space-1:4px;--edtr-space-2:8px;--edtr-space-3:12px;--edtr-space-4:16px;--edtr-space-5:20px;--edtr-radius-sm:4px;--edtr-radius-md:6px;--edtr-radius-lg:8px;--edtr-radius-xl:16px;--edtr-radius-pill:999px;--edtr-size-rail:54px;--edtr-size-panel:360px;--edtr-size-btn-sm:32px;--edtr-size-icon:24px;--edtr-size-touch-target:44px;--edtr-color-primary:var(--edtr-color-btn-bg,var(--c-mustard,#fddc47));--edtr-color-primary-hover:var(--edtr-color-btn-bg-hover,var(--c-yelloworange,#faa435));--edtr-color-on-primary:var(--edtr-color-btn-text,var(--c-black,#000));--edtr-color-accent:var(--c-yelloworange-dark,#db7d05);--edtr-color-surface:var(--c-white,#fff);--edtr-color-surface-muted:var(--c-grey-98,#fafafa);--edtr-color-surface-sunken:var(--c-grey-95,#f2f2f2);--edtr-color-text:var(--c-black,#000);--edtr-color-text-secondary:var(--c-grey-20,#333);--edtr-color-text-muted:var(--c-grey-50,gray);--edtr-color-border:var(--c-grey-90,#e6e6e6);--edtr-color-border-strong:var(--c-grey-80,#ccc);--edtr-color-foreground-rgb:0, 0, 0;--edtr-color-tint-weak:rgba(var(--edtr-color-foreground-rgb), .075);--edtr-color-tint:rgba(var(--edtr-color-foreground-rgb), .15);--edtr-color-tint-strong:rgba(var(--edtr-color-foreground-rgb), .25);--edtr-color-scrim:rgba(var(--edtr-color-foreground-rgb), .4);--edtr-color-surface-translucent:#ffffffb3;--edtr-shadow-md:0 2px 8px rgba(var(--edtr-color-foreground-rgb), .12);--edtr-shadow-lg:1.9px 2.4px 5.4px rgba(var(--edtr-color-foreground-rgb), .024), 5.4px 6.8px 15px rgba(var(--edtr-color-foreground-rgb), .035), 13px 16.3px 36.2px rgba(var(--edtr-color-foreground-rgb), .046), 43px 54px 120px rgba(var(--edtr-color-foreground-rgb), .07);--edtr-shadow-drawer:0 -4px 24px rgba(var(--edtr-color-foreground-rgb), .2);--edtr-ring:inset 0 0 0 1px var(--edtr-color-tint-weak);--edtr-duration-fast:.15s;--edtr-duration-base:.2s;--edtr-duration-drawer:.22s;--edtr-ease:ease;--edtr-ease-out:cubic-bezier(.32, .72, 0, 1);--edtr-ease-in-out:cubic-bezier(.39, .575, .565, 1);--edtr-ease-fade-out:cubic-bezier(.25, .46, .45, .94)}@media (prefers-reduced-motion:reduce){:root{--edtr-duration-fast:1ms;--edtr-duration-base:1ms;--edtr-duration-drawer:1ms}.okprint_workspace *,.edtr-drawer-backdrop *{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.okprint_canvas{outline:none;display:flex;position:relative}.okprint_workspace,.okprint_workspace *,.okprint_workspace :before,.okprint_workspace :after,.edtr-drawer-backdrop,.edtr-drawer-backdrop *,.edtr-drawer-backdrop :before,.edtr-drawer-backdrop :after{box-sizing:border-box}.okprint_workspace,.edtr-drawer-backdrop{font-family:var(--edtr-font-family);color:var(--edtr-color-text)}.okprint_workspace{background:var(--edtr-color-surface-sunken);grid-template-columns:auto 1fr;grid-template-areas:"sidebar header""sidebar canvas""toolbar toolbar";grid-template-rows:auto auto var(--edtr-size-rail);width:100%;min-height:500px;transition:grid-template-columns var(--edtr-duration-base) var(--edtr-ease);justify-content:center;display:grid;position:relative}.edtr-header{padding:var(--edtr-space-3);grid-area:header;justify-content:center;align-items:center;display:flex}.konvajs-content{touch-action:none;grid-area:canvas;margin:auto}.edtr-toolbar{flex-wrap:nowrap;grid-area:toolbar;justify-content:center;display:flex}.edtr-toolbar>div{display:flex}.edtr-sidebar{min-width:var(--edtr-size-rail);transition:min-width var(--edtr-duration-base) var(--edtr-ease);grid-area:sidebar;display:flex}.edtr-sidebar-default{display:flex}.edtr-sidebar-actions{background:var(--edtr-color-surface);width:calc(var(--edtr-size-panel) - var(--edtr-size-rail));padding:var(--edtr-space-2);left:var(--edtr-size-rail);border-right:1px solid var(--edtr-color-border);height:100%;position:absolute}.edtr-sidebar-actions-hidden{display:none}#edtr-sidebar-action-active{background:var(--edtr-color-surface)}.edtr-btn-pill{border-radius:calc(var(--edtr-size-btn-sm) / 2 + 2px);box-shadow:var(--edtr-ring);background:var(--edtr-color-surface)}.edtr-btn-pill .edtr-btn{width:var(--edtr-size-btn-sm);height:var(--edtr-size-btn-sm);background:0 0;border:1px solid #0000}.edtr-btn-pill .edtr-btn:first-child{border-top-left-radius:var(--edtr-radius-pill);border-bottom-left-radius:var(--edtr-radius-pill)}.edtr-btn-pill .edtr-btn:last-child{border-top-right-radius:var(--edtr-radius-pill);border-bottom-right-radius:var(--edtr-radius-pill)}.edtr-btn-pill .edtr-btn:hover{background-color:var(--edtr-color-tint);border:1px solid var(--edtr-color-tint-weak)}.edtr-btn-pill .edtr-btn-disabled{cursor:default}.edtr-btn-pill .edtr-btn-disabled:hover{background-color:#0000;border:1px solid #0000}.edtr-floatbar{height:var(--edtr-size-btn-sm);position:absolute;top:0;left:0}.edtr-btn{height:var(--edtr-size-rail);width:var(--edtr-size-rail);text-align:center;cursor:pointer;border-radius:var(--edtr-radius-lg);color:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;margin:0;font-family:inherit;display:flex}.edtr-floatbar>div{display:flex}.edtr-history-controls{align-items:center;width:fit-content;display:flex}.fadeout .edtr-btn{animation:fade-in-bottom .25s var(--edtr-ease-in-out) forwards}.edtr-btn span{font-size:var(--edtr-font-size-xs);white-space:nowrap;font-family:inherit;display:flex}.edtr-toolbar .edtr-btn{width:auto;min-width:var(--edtr-size-rail);padding-inline:var(--edtr-space-2)}.okprint_workspace button:focus-visible,.okprint_workspace input:focus-visible,.okprint_workspace label:focus-visible,.edtr-drawer-backdrop button:focus-visible,.edtr-drawer-backdrop input:focus-visible{outline:2px solid var(--edtr-color-accent);outline-offset:2px}.edtr-add-image-label{background:var(--edtr-color-primary);width:100%;display:block}.edtr-add-image-label input{display:none}.edtr-btn-color{border-radius:var(--edtr-radius-sm);inline-size:22px;block-size:var(--edtr-size-icon);padding:0;background-color:#0000;border:none;margin:0;padding-block:0;padding-inline:0;transform:scale(1.3)}.edtr-btn-color::-webkit-color-swatch{border-radius:var(--edtr-radius-sm);border:none;padding:0}.edtr-btn-icon{width:var(--edtr-size-icon);height:var(--edtr-size-icon);pointer-events:none}.edtr-btn-disabled span{opacity:.2}.edtr-btn-upload,.edtr-btn-addtext{border-radius:var(--edtr-radius-lg);background:var(--edtr-color-primary);width:100%;color:var(--edtr-color-on-primary);font-family:inherit;font-size:var(--edtr-font-size-lg);font-weight:var(--edtr-font-weight-semibold);min-height:var(--edtr-size-btn-sm);padding:var(--edtr-space-2) var(--edtr-space-4);text-align:center;cursor:pointer;transition:background var(--edtr-duration-fast) var(--edtr-ease);border:none;justify-content:center;align-items:center;display:flex}.edtr-btn-upload:hover,.edtr-btn-addtext:hover{background:var(--edtr-color-primary-hover)}.edtr-toolbar-font-selector{background:var(--edtr-color-surface-translucent);max-height:300px;padding:var(--edtr-space-1);align-items:center;height:46px;display:flex}.edtr-toolbar-font-option-list{background:var(--edtr-color-surface);border-radius:var(--edtr-radius-lg);max-height:300px;box-shadow:var(--edtr-shadow-md);position:absolute;bottom:48px;overflow-y:scroll}.edtr-toolbar-font-option{padding:var(--edtr-space-1) var(--edtr-space-2);border-radius:var(--edtr-radius-sm);width:220px;height:28px;margin:0 var(--edtr-space-2);align-items:center;display:flex}.edtr-toolbar-font-option--current{border:1px solid var(--edtr-color-tint-weak)}.edtr-toolbar-font-option:hover{background:var(--edtr-color-tint-weak)}.edtr-toolbar-font-option img{height:var(--edtr-space-5);width:150px}.edtr-stroke-menu{background:var(--edtr-color-surface-translucent);border:1px solid var(--edtr-color-tint-strong);border-radius:var(--edtr-radius-sm);padding:var(--edtr-space-2);box-shadow:var(--edtr-shadow-lg);align-items:center;display:flex;position:absolute;bottom:40px}.edtr-stroke-range{appearance:none;cursor:pointer;background:var(--edtr-color-text);width:120px;height:3px}.edtr-stroke-range::-webkit-slider-thumb{appearance:none;background-color:var(--edtr-color-surface);height:var(--edtr-space-5);border:1px solid var(--edtr-color-text);border-radius:2px;width:10px;margin-top:0}.fadeout{animation:fade-out-top var(--edtr-duration-base) var(--edtr-ease-fade-out) forwards}.edtr-canvas-overlay{z-index:1;justify-content:center;align-items:center;gap:var(--edtr-space-2);padding:var(--edtr-space-4) var(--edtr-space-5);color:var(--edtr-color-text-muted);font-size:var(--edtr-font-size-md);text-align:center;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.edtr-canvas-overlay[hidden],.edtr-canvas-overlay[data-state=loading] .edtr-canvas-overlay-hint,.edtr-canvas-overlay[data-state=empty] .edtr-canvas-overlay-spinner,.edtr-canvas-overlay[data-state=empty] .edtr-canvas-overlay-message{display:none}.edtr-canvas-overlay-spinner{width:var(--edtr-size-icon);height:var(--edtr-size-icon);border:2px solid var(--edtr-color-border);border-top-color:var(--edtr-color-accent);border-radius:50%;animation:.7s linear infinite edtr-spin}@media (prefers-reduced-motion:reduce){.edtr-canvas-overlay-spinner{display:none}}@keyframes edtr-spin{to{transform:rotate(360deg)}}@keyframes fade-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.edtr-gallery-title{font-size:var(--edtr-font-size-md);font-weight:var(--edtr-font-weight-semibold);color:var(--edtr-color-text-secondary);margin:0 0 var(--edtr-space-3) 0;font-family:inherit}.edtr-images-gallery{margin-top:var(--edtr-space-4)}.edtr-gallery-grid{--edtr-gallery-columns:3;grid-template-columns:repeat(var(--edtr-gallery-columns), minmax(0, 1fr));grid-auto-rows:auto;grid-auto-flow:dense;gap:var(--edtr-space-2);padding:var(--edtr-space-1);display:grid;overflow-y:auto}.edtr-image-thumbnail{background:var(--edtr-color-surface-muted);border-radius:var(--edtr-radius-md);cursor:pointer;transition:box-shadow var(--edtr-duration-fast) var(--edtr-ease), transform var(--edtr-duration-fast) var(--edtr-ease);justify-content:center;align-items:center;min-height:100px;display:flex;position:relative;overflow:hidden}.edtr-image-thumbnail:hover,.edtr-thumbnail-hover{box-shadow:inset 0 0 0 2px var(--edtr-color-primary), var(--edtr-shadow-md);transform:translateY(-1px)}.edtr-thumbnail-img{border-radius:inherit;background:var(--edtr-color-surface);object-fit:contain;object-position:center;width:100%;height:100%;display:block}.edtr-gallery-empty{text-align:center;color:var(--edtr-color-text-muted);font-size:var(--edtr-font-size-sm);padding:var(--edtr-space-5);grid-column:1/-1;font-family:inherit;font-style:italic}@media (width<=400px){.edtr-gallery-grid{grid-template-columns:1fr}.edtr-image-thumbnail:nth-child(n){aspect-ratio:auto!important;grid-column:span 1!important}}@media (width<=300px){.edtr-gallery-grid{gap:var(--edtr-space-1);padding:2px}}.edtr-gallery-grid::-webkit-scrollbar{width:var(--edtr-radius-md)}.edtr-gallery-grid::-webkit-scrollbar-track{background:var(--edtr-color-surface-sunken);border-radius:3px}.edtr-gallery-grid::-webkit-scrollbar-thumb{background:var(--edtr-color-border-strong);border-radius:3px}.edtr-gallery-grid::-webkit-scrollbar-thumb:hover{background:var(--edtr-color-text-muted)}.edtr-assetgroups{flex-direction:column;display:flex}.edtr-assetgroup-list-wrapper{position:relative}.edtr-assetgroup-list{white-space:nowrap;flex-wrap:nowrap;display:flex;position:relative;overflow:auto}.edtr-assetgroup-list::-webkit-scrollbar{display:none}.edtr-assetgroup-list-scrollbtn{z-index:10;cursor:pointer;border:0;justify-content:center;align-items:center;width:30px;height:100%;padding:0;display:flex;position:absolute;top:0}.edtr-assetgroup-list-scrollbtn[hidden]{display:none}.edtr-assetgroup-list-scrollbtn--right{background:linear-gradient(270deg, var(--edtr-color-surface) 30%, transparent 100%);right:0}.edtr-assetgroup-list-scrollbtn--left{background:linear-gradient(270deg, var(--edtr-color-surface) 30%, transparent 100%);left:0;transform:rotate(180deg)}.edtr-asset-thumbnail{width:80px;margin-right:var(--edtr-space-2);flex:none}.edtr-asset-thumbnail-img{pointer-events:none}.edtr-assetgroup-list .edtr-image-thumbnail .edtr-thumbnail-img{object-fit:contain}.edtr-sidebar-textcontainer{background:var(--edtr-color-surface-sunken);padding:var(--edtr-space-3) var(--edtr-space-5);border-radius:var(--edtr-radius-md);margin:var(--edtr-space-1) 0;cursor:pointer;transition:background var(--edtr-duration-fast) var(--edtr-ease);overflow:hidden}.edtr-sidebar-textcontainer:hover{background:var(--edtr-color-tint-weak)}.edtr-sidebar-textcontainer p{white-space:pre}.edtr-btn--background{border:1px solid var(--edtr-color-border);cursor:pointer;overflow:hidden}.edtr-btn--background input{width:100%;height:100%}.edtr-sidebar-section{margin-bottom:var(--edtr-space-1)}.edtr-sidebar-dimensions-inputcontainer input{width:60px;padding:var(--edtr-space-1);border-radius:var(--edtr-radius-sm);border:1px solid var(--edtr-color-border-strong);text-align:center;margin-right:var(--edtr-space-1);font-family:inherit}.edtr-styledtexts-group{margin-bottom:var(--edtr-space-2)}.edtr-styledtexts-provider-label{font-size:var(--edtr-font-size-xs);color:var(--edtr-color-text-muted);margin-bottom:var(--edtr-space-1);display:block}.edtr-styledtexts-row{gap:var(--edtr-space-2);padding-bottom:var(--edtr-space-1);flex-wrap:nowrap;display:flex;overflow-x:auto}.edtr-styledtext-card{border:1px solid var(--edtr-color-tint);border-radius:var(--edtr-radius-lg);width:160px;padding:var(--edtr-space-2);background:var(--edtr-color-surface);cursor:pointer;transition:background var(--edtr-duration-fast) var(--edtr-ease), border-color var(--edtr-duration-fast) var(--edtr-ease);flex:none}.edtr-styledtext-card:hover{background:var(--edtr-color-tint-weak);border-color:var(--edtr-color-primary)}.edtr-styledtext-preview{width:100%;height:auto;display:block}.edtr-drawer-backdrop{background:rgba(var(--edtr-color-foreground-rgb), 0);z-index:10000;transition:background var(--edtr-duration-drawer) var(--edtr-ease);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.edtr-drawer-backdrop.edtr-drawer-open{background:var(--edtr-color-scrim);pointer-events:auto}.edtr-drawer-sheet{background:var(--edtr-color-surface);border-radius:var(--edtr-radius-xl) var(--edtr-radius-xl) 0 0;width:100%;height:0;box-shadow:var(--edtr-shadow-drawer);outline:none;flex-direction:column;display:flex;overflow:hidden}.edtr-drawer-handle{padding:var(--edtr-space-3) 0;touch-action:none;cursor:grab;flex:none;justify-content:center;display:flex}.edtr-drawer-grip{width:36px;height:var(--edtr-space-1);border-radius:var(--edtr-radius-pill);background:var(--edtr-color-tint)}.edtr-drawer-content{min-height:0;padding:0 var(--edtr-space-3) var(--edtr-space-3);flex:1;overflow-y:auto}@media (pointer:coarse){:root{--edtr-size-btn-sm:var(--edtr-size-touch-target)}.edtr-btn-pill .edtr-btn:hover,.edtr-image-thumbnail:hover,.edtr-styledtext-card:hover,.edtr-sidebar-textcontainer:hover{background:revert;border:revert;box-shadow:revert;transform:revert}}@media (width<=480px){.okprint_workspace{grid-template:"header""canvas"1fr"toolbar""sidebar"/1fr}.edtr-header{padding:var(--edtr-space-2);justify-content:flex-end}.edtr-sidebar{border-top:1px solid var(--edtr-color-border);background:var(--edtr-color-surface);min-width:0}.edtr-sidebar-default,.edtr-sidebar-menu{width:100%;display:flex}.edtr-sidebar-menu>.edtr-btn{flex:1;width:auto}.edtr-sidebar-actions{display:none}.edtr-toolbar{scrollbar-width:none;background:var(--edtr-color-surface);justify-content:safe center;overflow-x:auto}.edtr-toolbar::-webkit-scrollbar{display:none}}