:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;--color-text: #1d1d1f;--color-text-secondary: #86868b;--color-primary: #0066cc;--color-primary-hover: #0055aa;--color-background: #f5f5f7;--color-surface: #ffffff;--color-border: #d2d2d7;--color-success: #34c759;--color-warning: #ff9500;--color-danger: #ff3b30;--custy-editor-purple: #5850ec;--custy-editor-purple-hover: #4b44c9;--custy-editor-purple-soft: #eef2ff;--custy-modal-border: #e2e8f0;--custy-modal-muted: #f8fafc}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-width:320px;min-height:100%;height:100%;box-sizing:border-box;background-color:#e6e7e8;color:var(--color-text);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:auto}#root{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column}h1{font-size:2rem;line-height:1.2;font-weight:600;letter-spacing:-.02em}button{border-radius:6px;border:1px solid var(--color-border);padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;background:var(--color-surface);color:var(--color-text);transition:all .15s ease}button:hover{background:#fafafa}button:focus{outline:none}button:focus-visible{box-shadow:0 0 0 3px #0066cc40}::selection{background-color:#0066cc26;color:#1e1e2e}.app{width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app>h1{text-align:center;color:#1e1e2e;margin-bottom:1rem;padding:0 2rem;font-weight:700}.page-description{text-align:center;color:#6b7280;margin-bottom:2rem;font-size:1.1rem}.modal-overlay{position:fixed;inset:0;background:#0f172a94;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border:1px solid #d8dce2;border-radius:10px;width:100%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0f172a47}.modal-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;background:#f8fafc;border-bottom:1px solid #dfe3e8}.modal-title{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#1f2937;letter-spacing:.35px}.modal-title-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:6px;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.modal-close{width:30px;height:30px;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #c9cccf;border-radius:50%;color:#616a75;cursor:pointer;transition:all .1s ease;flex-shrink:0;padding:0}.modal-close:hover{background:var(--custy-editor-purple-soft, #eef2ff);border-color:#c7d2fe;color:var(--custy-editor-purple, #5850ec)}.modal-body{display:flex;flex:1;overflow:hidden}.clipart-sidebar{width:140px;background:#fafbfb;border-right:1px solid #e1e3e5;padding:8px;overflow-y:auto;flex-shrink:0}.clipart-sidebar h3{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#8c9196;margin:0 0 6px 4px}.category-list{display:flex;flex-direction:column;gap:2px}.category-btn{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:transparent;border:none;border-radius:4px;font-size:10px;font-weight:500;color:#1a1c1d;cursor:pointer;text-align:left;transition:all .1s ease}.category-btn:hover{background:#f4f5f6}.category-btn.active{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec);font-weight:600}.category-count{font-size:11px;color:#8c9196}.clipart-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:#fff}.clipart-search{padding:8px 12px;border-bottom:1px solid #e1e3e5;background:#f6f6f7}.clipart-search input{width:100%;padding:6px 10px;border:1px solid #e1e3e5;border-radius:4px;font-size:11px;outline:none;background:#fff;transition:all .15s ease}.clipart-search input:focus{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 3px #5850ec26}.clipart-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;align-content:start;min-width:0;width:100%}.clipart-item{aspect-ratio:1;background:#f6f6f7;border:2px solid transparent;border-radius:4px;padding:5px;cursor:pointer;transition:all .15s ease;min-width:0;width:100%;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.clipart-item:focus,.clipart-item:focus-visible{outline:none}@media(hover:hover)and (pointer:fine){.clipart-item:hover{border-color:#c1c3c5;background:#ebeced}}.clipart-item.selected{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 3px #5850ec33;background:var(--custy-editor-purple-soft, #eef2ff)}.clipart-item img{width:100%;height:100%;object-fit:contain}.no-cliparts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#6d7175;font-size:13px;text-align:center}.clipart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:20px;color:#8c9196;font-size:12px}.clipart-loading .spinner{animation:spin .8s linear infinite;color:var(--custy-editor-purple, #5850ec)}.clipart-loading p{font-size:14px;color:#86868b;font-size:13px}.error-message{padding:12px 16px;background:#fef2f2;color:#dc2626;font-size:13px;border-bottom:1px solid #fecaca}.clipart-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid #e5e5e5;background:#f9fafb}.clipart-count{font-size:10px;color:#86868b}.load-more-btn{padding:5px 12px;background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.load-more-btn:hover{background:var(--custy-editor-purple-hover, #4b44c9)}.clipart-info{display:none}.clipart-item:hover .clipart-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.clipart-title{font-size:10px;color:#1d1d1f;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.clipart-price{font-size:10px;color:#555;font-weight:500}.clipart-popular{font-size:10px}.clipart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;background:#e5e5e5;border-radius:4px}.clipart-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0}.clipart-image img{max-width:100%;max-height:100%}@media screen and (max-width:768px){.modal-overlay{inset:0;padding:0;align-items:stretch;justify-content:stretch;background:#efeff0;z-index:1800}.modal-content{max-width:none;max-height:none;width:100vw;height:100vh;border-radius:0;box-shadow:none}.clipart-modal{max-width:none;max-height:none;width:100vw;height:100vh;border-radius:0}.modal-header{background:#fff;border-bottom:1px solid var(--custy-modal-border, #e2e8f0);padding:10px 14px}.modal-title{color:#0f172a;font-size:13px;font-weight:600}.modal-close{background:#fff;border:1px solid var(--custy-modal-border, #e2e8f0);color:#64748b}.modal-body{display:flex;flex:1;overflow:hidden;flex-direction:column}.clipart-sidebar{width:100%;border-right:none;border-bottom:1px solid #e1e3e5;padding:8px;height:auto;max-height:120px;display:flex;flex-direction:column;flex-shrink:0}.clipart-sidebar h3{margin-bottom:6px}.category-list{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.category-list::-webkit-scrollbar{display:none}.category-btn{white-space:nowrap;padding:6px 12px;background:#f4f5f6;border:1px solid transparent;border-radius:3px;gap:6px}.category-btn.active{background:var(--custy-editor-purple-soft, #eef2ff);border-color:var(--custy-editor-purple, #5850ec)}.clipart-main{flex:1;overflow:hidden;padding:0}.clipart-search{padding:10px 12px;background:#efeff0}.clipart-search input{height:36px;font-size:18px}.clipart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 12px 90px}.clipart-card{padding:6px}.clipart-preview{width:60px;height:60px}.clipart-title{font-size:9px}}@media screen and (max-width:480px){.clipart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.clipart-preview{width:50px;height:50px}}.clipart-modal{width:min(900px,calc(100vw - 48px));max-width:900px;height:min(620px,calc(100vh - 48px));max-height:620px}.clipart-modal .clipart-sidebar{width:190px;padding:14px 12px;background:#f8fafc;border-right-color:#dfe3e8}.clipart-modal .clipart-sidebar h3{margin:0 8px 10px;color:#6b7280;font-size:9px;font-weight:700;letter-spacing:.55px}.clipart-modal .category-list{gap:5px}.clipart-modal .category-btn{width:100%;min-height:35px;padding:7px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#4b5563;font-size:11px}.clipart-modal .category-btn:hover{border-color:#dde1e6;background:#fff}.clipart-modal .category-btn.active{border-color:#c7d2fe;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.clipart-modal .category-count{min-width:22px;padding:2px 5px;border-radius:10px;background:#e9edf2;color:#64748b;font-size:9px;text-align:center}.clipart-modal .category-btn.active .category-count{background:#fff;color:var(--custy-editor-purple, #5850ec)}.clipart-modal .clipart-search{height:54px;display:flex;align-items:center;gap:8px;padding:9px 14px;background:#fff}.clipart-modal .clipart-search svg{flex:0 0 auto;color:#7b8491}.clipart-modal .clipart-search input{height:36px;padding:0 11px;border-color:#c9cccf;border-radius:6px;background:#f8fafc;font-size:13px}.clipart-modal .clipart-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(124px,auto);gap:10px;padding:12px;background:#f3f5f7}.clipart-modal .clipart-item{min-height:124px;aspect-ratio:auto;display:grid;grid-template-rows:minmax(88px,1fr) auto;padding:0;border:1px solid #d6dae0;border-radius:7px;background:#fff;color:#1f2937;font:inherit;appearance:none;overflow:hidden}@media(hover:hover)and (pointer:fine){.clipart-modal .clipart-item:hover{border-color:#aeb5bf;background:#fff;box-shadow:0 3px 10px #0f172a14;transform:translateY(-1px)}}.clipart-modal .clipart-image{min-height:88px;padding:10px}.clipart-modal .clipart-info,.clipart-modal .clipart-item:hover .clipart-info{min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;margin:0;padding:7px 8px;border-top:1px solid #edf0f3;background:#fafbfc}.clipart-modal .clipart-title{min-width:0;color:#697386;font-size:9px}.clipart-modal .clipart-price{flex:0 0 auto;color:var(--custy-editor-purple, #5850ec);font-size:9px}.clipart-modal .loading-spinner,.clipart-modal .no-cliparts{grid-column:1 / -1}.clipart-modal .clipart-footer{min-height:38px;padding:7px 14px;border-top-color:#dfe3e8;background:#f8fafc}.clipart-modal .load-more-btn{min-height:30px;padding:5px 12px;border:1px solid #c7d2fe;border-radius:6px;background:#fff;color:var(--custy-editor-purple, #5850ec)}.clipart-modal .load-more-btn:hover{background:var(--custy-editor-purple-soft, #eef2ff)}@media screen and (max-width:768px){.clipart-modal-overlay{padding:0;background:#0f172a94}.clipart-modal{width:100%;height:100dvh;max-width:none;max-height:none;border:0}.clipart-modal .modal-header{min-height:50px;padding:0 14px;background:#f8fafc}.clipart-modal .clipart-sidebar{width:100%;height:auto;max-height:none;padding:9px 10px;overflow:hidden}.clipart-modal .clipart-sidebar h3{margin:0 2px 7px}.clipart-modal .category-list{gap:7px;padding:1px 1px 5px}.clipart-modal .category-btn{width:auto;min-height:34px;flex:0 0 auto;padding:6px 11px;border-color:#dde1e6;border-radius:17px;background:#fff}.clipart-modal .clipart-search{height:52px;padding:8px 12px;background:#fff}.clipart-modal .clipart-search input{height:36px;font-size:16px}.clipart-modal .clipart-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(118px,auto);gap:8px;padding:10px}.clipart-modal .clipart-item{min-height:118px}}.font-modal{max-width:600px;max-height:500px}.font-preview-section{padding:14px 16px;border-bottom:1px solid #e1e3e5;background:#fafbfb}.preview-input{width:100%;padding:10px 14px;border:1px solid #c9cccf;border-radius:6px;font-size:16px;background:#fff;outline:none;text-align:center;transition:all .1s ease}.preview-input:focus{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 3px #5850ec26}.font-sidebar{width:150px;background:#fafbfb;border-right:1px solid #e1e3e5;padding:12px;overflow-y:auto;flex-shrink:0}.font-sidebar h3{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#8c9196;margin:0 0 10px 6px}.font-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.font-search{padding:12px 14px;border-bottom:1px solid #e1e3e5}.font-search input{width:100%;padding:9px 12px;border:1px solid #c9cccf;border-radius:6px;font-size:13px;outline:none;transition:all .1s ease}.font-search input:focus{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 3px #5850ec26}.font-list{flex:1;overflow-y:auto;padding:8px}.font-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .1s ease}.font-item:hover{background:#f4f5f6}.font-item.selected{background:var(--custy-editor-purple-soft, #eef2ff);border-color:var(--custy-editor-purple, #5850ec)}.font-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.font-name{font-size:11px;font-weight:500;color:#8c9196;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-preview{font-size:16px;color:#1a1c1d;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-selected-badge{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--custy-editor-purple, #5850ec);border-radius:50%;color:#fff}.no-fonts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#8c9196;font-size:13px;text-align:center}.font-sidebar .loading-spinner,.font-main .loading-spinner{display:flex;align-items:center;justify-content:center;padding:20px;color:#8c9196;font-size:12px}.font-main .load-more-btn{display:block;width:calc(100% - 16px);margin:8px;padding:8px 14px;background:#fff;border:1px solid #c9cccf;border-radius:6px;color:#1a1c1d;font-size:12px;font-weight:500;cursor:pointer;transition:all .1s ease}.font-main .load-more-btn:hover{background:#f4f5f6;border-color:#8a8e92}.font-sidebar .error-message,.font-main .error-message{padding:14px;color:#d82c0d;font-size:12px;text-align:center}.font-main .modal-footer{padding:10px 14px;border-top:1px solid var(--custy-modal-border, #e2e8f0);background:var(--custy-modal-muted, #f8fafc)}.font-main .font-count{font-size:11px;color:#8c9196}@media screen and (max-width:768px){.font-modal{max-width:100%;max-height:100%;width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.modal-body{flex-direction:column}.font-sidebar{width:100%;height:auto;max-height:120px;padding:10px;border-right:none;border-bottom:1px solid #e1e3e5}.category-list{display:flex;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px}.category-btn{flex:0 0 auto;white-space:nowrap;background:#f4f5f6;padding:6px 12px;border-radius:16px;gap:6px;display:flex;align-items:center}.category-btn.active{background:var(--custy-editor-purple-soft, #eef2ff);border:1px solid var(--custy-editor-purple, #5850ec)}.font-main{flex:1;height:auto}}.font-modal-overlay{padding:24px;background:#0f172a94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.font-modal{width:min(900px,calc(100vw - 48px));max-width:900px;height:min(620px,calc(100vh - 48px));max-height:620px;border:1px solid #d8dce2;border-radius:10px;box-shadow:0 24px 64px #0f172a47}.font-modal .font-modal-header{min-height:48px;padding:0 16px;background:#f8fafc;border-bottom:1px solid #dfe3e8}.font-modal .modal-title{gap:9px;color:#1f2937;font-size:12px;font-weight:700;letter-spacing:.35px}.font-modal-title-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.font-modal .modal-close{width:30px;height:30px;min-width:30px;min-height:30px;border-color:#d4d8de;border-radius:50%}.font-modal .font-preview-section{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;background:#fff}.font-preview-section label{color:#6b7280;font-size:10px;font-weight:700;letter-spacing:.45px}.font-modal .preview-input{height:40px;padding:0 14px;color:#1f2937;font-size:15px;text-align:left}.font-modal-body{min-height:0;background:#fff}.font-modal .font-sidebar{width:190px;padding:14px 12px;background:#f8fafc;border-right-color:#dfe3e8}.font-modal .font-sidebar h3{margin:0 8px 10px;color:#6b7280;font-size:9px;font-weight:700;letter-spacing:.55px}.font-modal .category-list{gap:5px}.font-modal .category-btn{width:100%;min-height:35px;padding:7px 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:#4b5563;font-size:11px}.font-modal .category-btn:hover{border-color:#dde1e6;background:#fff}.font-modal .category-btn.active{border-color:#c7d2fe;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.font-modal .category-count{min-width:22px;padding:2px 5px;border-radius:10px;background:#e9edf2;color:#64748b;font-size:9px;text-align:center}.font-modal .category-btn.active .category-count{background:#fff;color:var(--custy-editor-purple, #5850ec)}.font-modal .font-main{min-width:0;min-height:0}.font-modal .font-search{height:54px;display:flex;align-items:center;gap:8px;padding:9px 14px;background:#fff}.font-modal .font-search svg{flex:0 0 auto;color:#7b8491}.font-modal .font-search input{height:36px;padding:0 11px;background:#f8fafc}.font-modal .font-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(92px,auto);align-content:start;gap:10px;padding:12px;background:#f3f5f7}.font-modal .font-item{min-width:0;min-height:92px;position:relative;display:flex;align-items:stretch;padding:0;border:1px solid #d6dae0;border-radius:7px;background:#fff;color:#1f2937;font:inherit;text-align:left;appearance:none;overflow:hidden}.font-modal .font-item:hover{border-color:#aeb5bf;background:#fff;box-shadow:0 3px 10px #0f172a14;transform:translateY(-1px)}.font-modal .font-item.selected{border-color:var(--custy-editor-purple, #5850ec);background:#fff;box-shadow:0 0 0 2px #5850ec21}.font-modal .font-info{width:100%;display:grid;grid-template-rows:minmax(58px,1fr) auto;gap:0}.font-modal .font-preview{min-width:0;display:flex;align-items:center;justify-content:flex-start;margin:0;padding:10px 10px 6px;color:#111827;font-size:22px;text-align:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c4c9d0 transparent;-webkit-overflow-scrolling:touch}.font-modal .font-preview span{min-width:max-content;margin-inline:auto}.font-modal .font-name{display:block;padding:6px 9px;border-top:1px solid #edf0f3;background:#fafbfc;color:#697386;font-size:9px;text-align:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-overflow:clip;scrollbar-width:thin;scrollbar-color:#c4c9d0 transparent;-webkit-overflow-scrolling:touch}.font-modal .font-preview::-webkit-scrollbar,.font-modal .font-name::-webkit-scrollbar{height:4px}.font-modal .font-preview::-webkit-scrollbar-track,.font-modal .font-name::-webkit-scrollbar-track{background:transparent}.font-modal .font-preview::-webkit-scrollbar-thumb,.font-modal .font-name::-webkit-scrollbar-thumb{border-radius:999px;background:#c4c9d0}.font-modal .font-selected-badge{width:20px;height:20px;position:absolute;top:6px;right:6px;z-index:1;box-shadow:0 1px 3px #0f172a33}.font-modal .loading-spinner,.font-modal .error-message,.font-modal .no-fonts,.font-modal .load-more-btn{grid-column:1 / -1}.font-modal .load-more-btn{width:100%;margin:0;min-height:38px;border-color:#c7d2fe;color:var(--custy-editor-purple, #5850ec)}.font-modal .modal-footer{min-height:34px;display:flex;align-items:center;padding:7px 14px}@media screen and (max-width:768px){.font-modal-overlay{padding:0}.font-modal{width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.font-modal .font-modal-header{min-height:50px}.font-modal .font-preview-section{grid-template-columns:1fr;gap:6px;padding:10px 12px}.font-modal .font-preview-section label{font-size:9px}.font-modal .preview-input{height:42px;font-size:16px}.font-modal .font-modal-body{flex:1;flex-direction:column;min-height:0}.font-modal .font-sidebar{width:100%;height:auto;max-height:none;flex:0 0 auto;padding:9px 10px;overflow:hidden;border-right:0;border-bottom:1px solid #dfe3e8}.font-modal .font-sidebar h3{margin:0 2px 7px}.font-modal .category-list{flex-direction:row;gap:7px;overflow-x:auto;padding:1px 1px 5px}.font-modal .category-btn{width:auto;min-height:34px;flex:0 0 auto;gap:7px;padding:6px 11px;border:1px solid #dde1e6;border-radius:17px;background:#fff}.font-modal .font-main{flex:1;min-height:0}.font-modal .font-search{height:52px;flex:0 0 52px;padding:8px 12px}.font-modal .font-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(88px,auto);gap:8px;padding:10px}.font-modal .font-item{min-height:88px}.font-modal .font-preview{font-size:19px}.font-modal .modal-footer{min-height:30px;padding:5px 12px}}@media screen and (max-width:380px){.font-modal .font-list{grid-template-columns:1fr}}.upload-modal.modal-content{width:min(900px,calc(100vw - 40px))!important;max-width:min(900px,calc(100vw - 40px))!important;max-height:75vh!important}@media(max-width:768px){.upload-modal.modal-content{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}}.upload-modal-body{padding:10px 14px;overflow-y:auto;background:#fff}.upload-modal.upload-modal-editor{--upload-editor-preview-height: 350px}.upload-modal.upload-modal-editor .upload-modal-body{overflow:hidden}@media(min-width:769px)and (max-width:1023px){.upload-modal.modal-content{max-height:90vh!important}.upload-modal.upload-modal-editor .upload-modal-body{overflow-y:auto;overflow-x:hidden}.upload-modal.upload-modal-editor .editor-layout{height:auto;min-height:0;overflow:visible}.upload-modal.upload-modal-editor .editor-tools-section{height:auto;max-height:none;overflow:visible}.upload-modal.upload-modal-editor .editor-tab-content{max-height:none;overflow:visible}}.upload-subtitle{font-size:11px;font-weight:600;color:#1a1c1d;margin:0 0 10px}.upload-tabs{display:flex;gap:0;margin-bottom:16px;border-radius:6px;overflow:hidden;border:1px solid #c9cccf}.upload-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;background:#fff;border:none;font-size:11px;font-weight:500;color:#1a1c1d;cursor:pointer;transition:all .1s ease}.upload-tab:not(:last-child){border-right:1px solid #c9cccf}.upload-tab:hover{background:#f4f5f6}.upload-tab.active{background:var(--custy-editor-purple, #5850ec);color:#fff}.upload-content{margin-bottom:16px}.upload-label{font-size:11px;font-weight:600;color:#8c9196;margin:0 0 8px;text-transform:uppercase;letter-spacing:.4px}.upload-file-section{padding:10px;background:#f6f6f7;border-radius:6px;border:1px solid #e1e3e5}.file-input-row{position:relative;display:flex;gap:8px;margin-bottom:8px}.file-name-display{flex:1;padding:6px 10px;border:1px solid #e1e3e5;border-radius:4px;font-size:11px;color:#202223;background:#fff;outline:none;transition:all .15s ease}.file-name-display:focus{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 3px #5555551f}.file-name-display::placeholder{color:#6d7175}.browse-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;border-radius:3px;font-size:10px;font-weight:500;cursor:pointer;transition:all .1s ease}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.browse-btn:hover{background:var(--custy-editor-purple-hover, #4b44c9)}.accepted-files{font-size:11px;color:#8c9196;margin:0}.upload-url-section{padding:14px;background:#fafbfb;border-radius:8px;border:1px solid #e1e3e5}.url-input-row{display:flex;gap:8px}.url-input{flex:1;padding:9px 12px;border:1px solid #c9cccf;border-radius:6px;font-size:13px;color:#1a1c1d;background:#fff;outline:none;transition:all .1s ease}.url-input:focus{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 2px #55555514}.url-input::placeholder{color:#8c9196}.load-url-btn{min-width:92px;padding:9px 16px;background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;transition:all .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.load-url-btn:hover:not(:disabled){background:var(--custy-editor-purple-hover, #4b44c9)}.load-url-btn:disabled{opacity:.75;cursor:not-allowed}.load-url-btn.is-loading{opacity:1;cursor:wait}.load-url-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:uploadUrlSpin .7s linear infinite}@keyframes uploadUrlSpin{to{transform:rotate(360deg)}}.upload-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef3f2;border:1px solid #fecdca;border-radius:6px;color:#d82c0d;font-size:12px;margin-top:10px}.upload-preview{margin-top:14px}.preview-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#8c9196;margin:0 0 8px}.preview-container{display:flex;align-items:center;justify-content:center;padding:14px;background:#fafbfb;border:1px solid #e1e3e5;border-radius:6px;min-height:100px}.preview-container img{max-width:100%;max-height:140px;object-fit:contain;border-radius:4px}.upload-tips{padding:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;margin-bottom:10px}.upload-tips h4{font-size:11px;font-weight:600;color:#92400e;margin:0 0 4px}.upload-tips p{font-size:10px;color:#78350f;margin:0 0 2px;line-height:1.4}.upload-disclaimer{padding:14px 16px;background:#f5f5f7;border-radius:8px;margin-bottom:20px}.upload-disclaimer p{font-size:12px;color:#86868b;margin:0;text-align:center;line-height:1.5}.upload-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 0;margin-top:14px}.add-image-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;border-radius:3px;font-size:11px;font-weight:500;cursor:pointer;transition:all .1s ease}.add-image-btn:hover:not(:disabled){background:var(--custy-editor-purple-hover, #4b44c9)}.add-image-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{padding:6px 12px;background:#fff;color:#1a1c1d;border:1px solid #c9cccf;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .1s ease}.cancel-btn:hover{background:#f4f5f6;border-color:#8a8e92}.editor-header-info{margin-bottom:14px}.editor-notice{font-size:12px;color:#616a75;margin:0;text-align:center;line-height:1.5}.editor-layout{margin-bottom:16px}@media(min-width:1024px){.upload-modal-editor .editor-layout{display:grid!important;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:start;margin-bottom:6px}.upload-modal-editor .editor-preview-section{min-height:0;height:calc(var(--upload-editor-preview-height) + 28px)}.upload-modal-editor .editor-preview-container{height:var(--upload-editor-preview-height)}.upload-modal-editor .editor-preview-image{max-width:92%;max-height:92%}.upload-modal-editor .editor-tools-section{width:auto!important;border:1px solid #e1e3e5;border-radius:8px;overflow-y:auto;overflow-x:hidden;background:#fff;height:calc(var(--upload-editor-preview-height) + 28px);max-height:calc(var(--upload-editor-preview-height) + 28px)}}@media(min-width:1280px){.upload-modal-editor .editor-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.editor-preview-section{position:relative;background:#fafbfb;border:1px solid #e1e3e5;border-radius:8px;padding:14px;min-height:320px}.reset-btn{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#fff;border:1px solid #c9cccf;border-radius:4px;font-size:11px;font-weight:500;color:#1a1c1d;cursor:pointer;z-index:10;transition:all .1s ease}.reset-btn:hover{background:#f4f5f6}.editor-preview-container{display:flex;align-items:center;justify-content:center;height:300px;border-radius:6px;overflow:hidden;position:relative}.editor-preview-image{max-width:100%;max-height:100%;object-fit:contain;transition:filter .15s ease,clip-path .15s ease}.editor-tools-section{display:flex;flex-direction:column;padding:10px;box-sizing:border-box}.editor-tabs{display:flex;gap:2px;margin-bottom:12px;background:#f1f2f3;border-radius:6px;padding:2px}.editor-tab{flex:1;padding:8px 6px;background:transparent;border:none;font-size:10px;font-weight:500;color:#616a75;cursor:pointer;transition:all .1s ease;border-radius:4px}.editor-tab:hover{color:#1a1c1d}.editor-tab.active{background:var(--custy-editor-purple, #5850ec);color:#fff;font-weight:600}.editor-tab-content{flex:1;overflow-y:auto;max-height:none;padding:0 8px 8px}.color-filters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-filter-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:#fff;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .1s ease}.color-filter-btn:hover{border-color:#c9cccf}.color-filter-btn.active{border-color:var(--custy-editor-purple, #5850ec)}.filter-preview{width:50px;height:50px;background-size:cover;background-position:center;border-radius:4px;background-color:#e1e3e5}.filter-name{font-size:9px;color:#616a75;text-align:center}.mask-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mask-option-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:#fff;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .1s ease;aspect-ratio:1}.mask-option-btn:hover{border-color:#c9cccf}.mask-option-btn.active{border-color:var(--custy-editor-purple, #5850ec)}.mask-preview{width:50px;height:50px;background-size:cover;background-position:center;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mask-preview img{width:100%;height:100%;object-fit:cover}.effects-controls{display:flex;flex-direction:column;gap:14px}.effect-slider{display:flex;flex-direction:column;gap:4px}.effect-slider label{font-size:11px;font-weight:600;color:#1a1c1d}.slider-row{display:flex;align-items:center;gap:6px}.slider-row button{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #c9cccf;border-radius:4px;font-size:14px;font-weight:500;color:#616a75;cursor:pointer;transition:all .1s ease}.slider-row button:hover{background:#f4f5f6;color:#1a1c1d}.slider-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#e1e3e5;border-radius:2px;outline:none}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--custy-editor-purple, #5850ec);border-radius:50%;cursor:pointer}.slider-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--custy-editor-purple, #5850ec);border-radius:50%;cursor:pointer;border:none}.slider-value{font-size:11px;color:#86868b;text-align:center}.editor-actions{display:flex;gap:12px;justify-content:center;align-items:center;border-top:1px solid #e5e5e5;background:#fff;box-shadow:0 -4px 12px #0000000f;padding:12px 20px calc(12px + env(safe-area-inset-bottom));margin:0;width:100%;flex-shrink:0}.editor-actions .cancel-btn,.reupload-btn,.continue-btn{padding:14px 28px;font-size:13px;font-weight:600;border-radius:4px;cursor:pointer;transition:all .15s ease}.editor-actions .cancel-btn{background:var(--custy-editor-purple, #5850ec);color:#fff;border:none}.editor-actions .cancel-btn:hover{background:var(--custy-editor-purple-hover, #4b44c9)}.reupload-btn{background:var(--custy-editor-purple, #5850ec);color:#fff;border:none}.reupload-btn:hover{background:var(--custy-editor-purple-hover, #4b44c9)}.continue-btn{background:var(--custy-editor-purple, #5850ec);color:#fff;border:none}.continue-btn:hover{background:var(--custy-editor-purple-hover, #4b44c9)}.mask-tab-content{display:flex;flex-direction:column;gap:20px}.section-title{font-size:12px;font-weight:600;color:#1d1d1f;margin:0 0 6px}.section-desc{font-size:11px;color:#86868b;margin:0 0 10px}.crop-section{padding-bottom:16px;border-bottom:1px solid #e5e5e5}.crop-actions{display:flex;gap:8px}.crop-toggle-btn{padding:8px 16px;background:#f5f5f7;border:1px solid #d2d2d7;border-radius:4px;font-size:12px;font-weight:500;color:#1d1d1f;cursor:pointer;transition:all .15s ease}.crop-toggle-btn:hover{background:#e8e8ed}.crop-toggle-btn.active{background:#c41e3a;color:#fff;border-color:#c41e3a}.apply-crop-btn{padding:8px 16px;background:var(--custy-editor-purple, #5850ec);border:none;border-radius:4px;font-size:12px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.apply-crop-btn:hover{background:var(--custy-editor-purple-hover, #4b44c9)}.editor-preview-container.crop-mode{cursor:crosshair;-webkit-user-select:none;user-select:none}.crop-overlay{position:absolute;border:2px dashed var(--custy-editor-purple, #5850ec);background:#5850ec14;pointer-events:none}.crop-handle{position:absolute;width:10px;height:10px;background:var(--custy-editor-purple, #5850ec);border:2px solid #fff;border-radius:2px}.crop-handle.top-left{top:-5px;left:-5px}.crop-handle.top-right{top:-5px;right:-5px}.crop-handle.bottom-left{bottom:-5px;left:-5px}.crop-handle.bottom-right{bottom:-5px;right:-5px}.crop-hint{font-size:11px;color:#555;text-align:center;margin:8px 0 0}.mask-section .mask-options-grid{margin-top:8px}@media(max-width:768px){.upload-modal-content{max-width:100%;max-height:100%;width:100%;height:100%;border-radius:0}.editor-layout{grid-template-columns:1fr;gap:12px}.editor-tools-section{order:2;max-height:none;min-height:0;overflow:hidden}.editor-preview-section{order:1}.editor-tab-content{max-height:none;min-height:0;overflow-y:auto}.editor-preview-section{min-height:200px}.editor-preview-container{height:180px}.upload-modal-footer{flex-direction:column;gap:8px}.add-image-btn,.cancel-btn{width:100%;justify-content:center}.color-filters-grid,.mask-options-grid{grid-template-columns:repeat(4,1fr);gap:6px}.filter-preview,.mask-preview{width:40px;height:40px}}@media(max-width:480px){.color-filters-grid,.mask-options-grid{grid-template-columns:repeat(3,1fr)}.editor-preview-container{height:150px}}@media(max-width:768px){.modal-overlay{inset:0;padding:0!important;align-items:stretch!important;justify-content:stretch!important;background:#efeff0!important;z-index:1800!important}.modal-content.upload-modal{width:100vw!important;max-width:100vw!important;min-width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;box-shadow:none!important;margin:0!important}.upload-modal-body{padding:10px 14px 14px!important;overflow-y:auto!important}.upload-actions{position:sticky;bottom:0;background:#efeff0;padding:10px 0 calc(10px + env(safe-area-inset-bottom));margin-top:10px}.upload-file-section,.upload-url-section,.upload-tips,.upload-disclaimer{border-radius:6px}}@media(max-width:768px){.editor-actions{flex-wrap:wrap;gap:8px;justify-content:stretch;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.editor-actions .cancel-btn,.reupload-btn,.continue-btn{flex:1;padding:8px 12px;font-size:11px;white-space:nowrap;min-width:80px;text-align:center;justify-content:center}}@media screen and (max-width:768px){.modal-overlay{position:fixed!important;inset:0!important;padding:0!important;margin:0!important;align-items:stretch!important;justify-content:stretch!important}.modal-overlay .upload-modal,.modal-overlay .modal-content.upload-modal,.modal-overlay .upload-modal.modal-content{position:fixed!important;inset:0!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;box-shadow:none!important;transform:none!important}.modal-overlay .upload-modal-body,.modal-overlay .upload-modal.upload-modal-editor .editor-layout{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.modal-overlay .upload-modal.upload-modal-editor .editor-tools-section{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.modal-overlay .upload-modal.upload-modal-editor .editor-tab-content{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important}.modal-overlay .upload-modal.upload-modal-editor .mask-options-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.modal-overlay .upload-modal.upload-modal-editor .mask-preview{width:44px;height:44px;background-size:contain;background-repeat:no-repeat;background-position:center}}.remove-bg-section{padding:12px 14px;border-bottom:1px solid #e1e3e5;background:linear-gradient(135deg,#f5f5f5,#f8f9fa)}.remove-bg-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#1a1c1d;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.remove-bg-title-icon{color:#555;font-size:13px}.remove-bg-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 14px;background:#fff;border:1.5px solid #555;color:#555;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #0080601a}.remove-bg-btn:hover:not(:disabled){background:var(--custy-editor-purple, #5850ec);color:#fff;box-shadow:0 2px 8px #00806040;transform:translateY(-1px)}.remove-bg-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.remove-bg-btn.loading{background:#f5f5f5;border-color:#666;color:#666;cursor:wait}.remove-bg-btn.removed{background:var(--custy-editor-purple, #5850ec);border-color:var(--custy-editor-purple, #5850ec);color:#fff}.remove-bg-btn.removed:hover:not(:disabled){background:var(--custy-editor-purple-hover, #4b44c9);border-color:#444}.remove-bg-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,128,96,.25);border-top-color:#555;border-radius:50%;animation:remove-bg-spin .7s linear infinite;flex-shrink:0}.remove-bg-btn.loading .remove-bg-spinner{border-color:#00b07a4d;border-top-color:#666}@keyframes remove-bg-spin{to{transform:rotate(360deg)}}.remove-bg-hint{font-size:10px;color:#6d7175;margin:7px 0 0;line-height:1.5;text-align:center;font-style:italic}.remove-bg-success{font-size:11px;color:#555;font-weight:600;margin:7px 0 0;text-align:center}.remove-bg-done{display:flex;align-items:flex-start;gap:10px;background:#f0faf6;border:1px solid #a8d5c2;border-radius:8px;padding:12px 14px;margin:8px}.remove-bg-done-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:var(--custy-editor-purple, #5850ec);color:#fff;border-radius:50%;font-size:13px;font-weight:700;line-height:1;margin-top:1px}.remove-bg-done-title{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 2px}.remove-bg-done-sub{font-size:11px;color:#5a6a63;margin:0;line-height:1.45}.remove-bg-done-body{flex:1;min-width:0}.remove-bg-undo-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;background:#fff;border:1px solid #a8d5c2;border-radius:6px;color:#43635a;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.remove-bg-undo-btn:hover:not(:disabled){background:var(--custy-editor-purple, #5850ec);border-color:var(--custy-editor-purple, #5850ec);color:#fff}.remove-bg-undo-btn:disabled{opacity:.55;cursor:not-allowed}.upload-modal-overlay{padding:24px;background:#0f172a94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.upload-modal.modal-content{max-height:min(620px,calc(100vh - 48px))!important;border:1px solid #d8dce2;border-radius:10px;box-shadow:0 24px 64px #0f172a47}.upload-modal .upload-modal-header{min-height:48px;padding:0 16px;background:#f8fafc;border-bottom-color:#dfe3e8}.upload-modal .modal-title{gap:9px;color:#1f2937;font-size:12px;font-weight:700;letter-spacing:.35px}.upload-modal .modal-title-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:6px;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.upload-modal .modal-close{width:30px;height:30px;min-width:30px;min-height:30px;border:1px solid #d4d8de;border-radius:50%;background:#fff;color:#616a75}.upload-modal .modal-close:hover{border-color:#c7d2fe;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.upload-modal .upload-modal-body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;width:100%;padding:16px;overflow-y:auto;background:#fff}.upload-modal .upload-tabs{border-color:#d8dce2;border-radius:7px;background:#f8fafc}.upload-modal .upload-tab{min-height:38px}.upload-modal .upload-tab.active{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.upload-modal .upload-file-section,.upload-modal .upload-url-section,.upload-modal .preview-container{border-color:#d8dce2;border-radius:8px;background:#f8fafc}@media(max-width:768px){.upload-modal-overlay{padding:0;background:#0f172a94}.upload-modal.modal-content{width:100%!important;max-width:none!important;height:100dvh;max-height:none!important;border:0;border-radius:0;box-shadow:none}.upload-modal .upload-modal-header{min-height:50px;padding:0 14px}.upload-modal .upload-modal-body{padding:12px}}.size-quantity-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out;padding:16px}.size-quantity-modal{background-color:#fff;border-radius:4px;width:800px;max-width:100%;height:70vh;max-height:520px;display:flex;flex-direction:column;box-shadow:0 4px 20px #0003;animation:slideIn .3s ease-out;overflow:hidden;position:relative}.btn-loader-content{display:flex;align-items:center;gap:8px}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.size-quantity-modal-header{padding:10px 16px;border-bottom:1px solid #e1e3e5;background-color:#fff;z-index:10;flex-shrink:0}.modal-header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modal-header-content h2{font-size:14px;font-weight:600;color:#1a1c1d;margin:0}.modal-close-btn{background:none;border:none;color:#5c5f62;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-btn:hover:not(:disabled){background-color:#f1f2f3;color:#1a1c1d}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.product-info-bar{display:flex;gap:8px;align-items:center;font-size:11px;color:#5c5f62;flex-wrap:wrap}.product-title-display{font-weight:500;color:#1a1c1d;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-display{position:relative;padding-left:12px}.color-display:before{content:"•";position:absolute;left:0;top:0;color:#c9cccf}.color-display strong{color:#1a1c1d;font-weight:500}.size-quantity-modal-body{flex:1;display:flex;overflow:hidden;position:relative;transition:opacity .3s ease}.size-selection-area{flex:1;padding:14px;overflow-y:auto;border-right:1px solid #e1e3e5}.section-title{font-size:12px;font-weight:600;color:#1a1c1d;margin:0 0 10px}.category-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.category-tab{padding:5px 10px;background-color:#f1f2f3;border:1px solid #e1e3e5;border-radius:3px;font-size:11px;font-weight:500;color:#5c5f62;cursor:pointer;white-space:nowrap;transition:all .2s}.category-tab:hover:not(:disabled){background-color:#e4e5e7;color:#1a1c1d}.category-tab.active{background-color:var(--custy-editor-purple, #5850ec);border-color:var(--custy-editor-purple, #5850ec);color:#fff}.category-tab:disabled{opacity:.6;cursor:not-allowed}.category-sizes{margin-bottom:32px}.category-label{font-size:11px;font-weight:600;color:#1a1c1d;margin-bottom:8px;padding-bottom:4px;border-bottom:2px solid #e1e3e5}.size-set-group{margin-bottom:24px}.size-set-label{font-size:11px;font-weight:500;color:#5c5f62;margin-bottom:6px}.sizes-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.size-item{background-color:#fff;border:1px solid #e1e3e5;border-radius:3px;padding:8px;transition:border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.size-item:hover:not(:has(:disabled)){border-color:#babfc3}.size-item:focus-within{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 2px #5850ec33}.size-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.size-title{font-weight:600;color:#1a1c1d;font-size:11px}.extra-price{font-size:12px;color:#5c5f62;background-color:#f1f2f3;padding:2px 6px;border-radius:4px}.stock-indicator{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:2px 6px;border-radius:4px}.stock-indicator.normal{color:#5c5f62;background-color:#f1f2f3}.stock-indicator.warning{color:#b98900;background-color:#fff5ea}.stock-indicator.danger{color:#d82c0d;background-color:#fff4f4}.indicator-icon{width:12px;height:12px}.quantity-control{display:flex;align-items:center;gap:8px}.qty-btn{width:26px;height:26px;padding:0;border-radius:4px;border:1px solid #e1e3e5;background-color:#fff;color:#5c5f62;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.qty-btn:hover:not(:disabled){background-color:#f1f2f3;border-color:#babfc3;color:#1a1c1d}.qty-btn:disabled{background-color:#f9fafb;color:#babfc3;cursor:not-allowed}.qty-btn svg{width:16px;height:16px;display:block}.qty-input{flex:1;height:26px;text-align:center;border:1px solid #e1e3e5;border-radius:4px;font-size:11px;font-weight:500;color:#1a1c1d;background:#fff;width:100%;min-width:0}.qty-input:focus{outline:none;border-color:var(--custy-editor-purple, #5850ec)}.qty-input:disabled{background-color:#f9fafb;color:#8c9196}.discount-info-section{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:3px;padding:16px;margin-top:24px}.discount-header{display:flex;align-items:center;gap:8px;color:#166534;font-weight:600;margin-bottom:12px;font-size:14px}.discount-ranges{display:flex;flex-wrap:wrap;gap:8px}.discount-range-item{display:flex;flex-direction:column;background-color:#fff;border:1px solid #bbf7d0;border-radius:3px;padding:8px 12px;min-width:100px;position:relative}.discount-range-item.active{background-color:#dcfce7;border-color:#22c55e;box-shadow:0 0 0 1px #22c55e}.range-qty{font-size:12px;color:#5c5f62;margin-bottom:4px}.range-discount{font-weight:600;color:#334155;display:flex;align-items:center;gap:4px}.applied-badge{position:absolute;top:-8px;right:-4px;background-color:var(--custy-editor-purple, #5850ec);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px}.order-summary{width:240px;background-color:#f9fafb;border-left:1px solid #e1e3e5;padding:14px;display:flex;flex-direction:column;flex-shrink:0}.summary-details{border-bottom:1px solid #e1e3e5;padding-bottom:24px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;color:#5c5f62}.summary-row.total-row{margin-top:10px;margin-bottom:0;color:#1a1c1d;font-weight:600;font-size:13px}.summary-value{font-weight:500;color:#1a1c1d}.total-value{font-weight:700;color:#0f172a}.selected-sizes-breakdown{flex:1;overflow-y:auto}.selected-sizes-breakdown h4{font-size:12px;font-weight:600;text-transform:uppercase;color:#5c5f62;margin:0 0 12px}.breakdown-list{display:flex;flex-direction:column;gap:8px}.breakdown-item{background-color:#fff;border:1px solid #e1e3e5;border-radius:3px;padding:10px;display:flex;justify-content:space-between;align-items:center}.breakdown-info{display:flex;flex-direction:column}.breakdown-size{font-weight:600;color:#1a1c1d;font-size:11px}.breakdown-category{font-size:12px;color:#5c5f62}.breakdown-qty{font-weight:600;color:#334155;background-color:#f1f2f3;padding:2px 8px;border-radius:3px;font-size:13px}.size-quantity-modal-footer{padding:10px 16px;border-top:1px solid #e1e3e5;background-color:#fff;display:flex;flex-direction:column;gap:8px;z-index:10;flex-shrink:0}.cart-error-banner{display:flex;align-items:flex-start;gap:10px;background-color:#fff5f5;border:1px solid #feb2b2;border-left:4px solid #c0392b;border-radius:3px;padding:12px 14px;animation:toastSlideDown .25s ease}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cart-error-icon{flex-shrink:0;display:flex;align-items:center;margin-top:1px}.cart-error-text{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:500;color:#c0392b;line-height:1.5}.cart-error-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;opacity:.7;transition:opacity .15s}.cart-error-close:hover{opacity:1}.footer-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.btn-continue-designing{background:none;border:1px solid #c9cccf;color:#1a1c1d;font-weight:500;padding:6px 12px;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:11px;transition:all .2s}.btn-continue-designing:hover:not(:disabled){background-color:#f1f2f3}.btn-continue-designing:disabled{opacity:.5;cursor:not-allowed}.btn-add-to-cart{background-color:var(--custy-editor-purple, #5850ec);border:none;color:#fff;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:11px;box-shadow:none;transition:background .2s}.btn-add-to-cart:hover:not(:disabled){background-color:var(--custy-editor-purple-hover, #4b44c9)}.btn-add-to-cart:disabled{background-color:#e3e3e3;color:#8c9196;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.size-quantity-modal-overlay{inset:0;padding:0;align-items:stretch;justify-content:stretch;z-index:1900}.size-quantity-modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.size-quantity-modal-body{flex-direction:column}.size-selection-area{border-right:none;border-bottom:1px solid #e1e3e5}.order-summary{width:100%;border-left:none;max-height:250px;flex-shrink:0}.sizes-row{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.size-quantity-modal-header{padding:12px 16px}.product-title-display{max-width:200px}.size-selection-area,.order-summary{padding:16px}.size-quantity-modal-footer{padding:12px 16px;flex-direction:column-reverse}.btn-continue-designing,.btn-add-to-cart{width:100%;justify-content:center}}.inkbay-sq-header{display:flex!important;align-items:center;justify-content:space-between;background:#fff!important;border-bottom:1px solid var(--custy-modal-border, #e2e8f0)!important;padding:10px 14px!important}.inkbay-sq-header h2{color:#0f172a!important;font-size:12px!important;font-weight:600!important;letter-spacing:.03em!important}.inkbay-sq-header .modal-close-btn{color:#64748b!important;background:#fff!important;border:1px solid var(--custy-modal-border, #e2e8f0)!important}.inkbay-sq-header .modal-close-btn:hover{color:var(--custy-editor-purple, #5850ec)!important;background:var(--custy-editor-purple-soft, #eef2ff)!important}.inkbay-sq-body{display:flex!important;flex-direction:row!important;gap:0!important;padding:0!important}.inkbay-sq-left{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border-right:1px solid #eee;flex-shrink:0;width:200px}.inkbay-sq-right{flex:1;padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column}.inkbay-sq-image{width:120px;height:140px;background:#f5f5f5;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden}.inkbay-sq-image img{width:100%;height:100%;object-fit:contain}.inkbay-sq-image-placeholder{width:100%;height:100%;background:#eee}.inkbay-sq-side-tabs{display:flex;flex-wrap:wrap;gap:0}.inkbay-sq-side-tab{padding:4px 8px;font-size:10px;font-weight:500;color:#64748b;background:#fff;border:1px solid var(--custy-modal-border, #e2e8f0);border-radius:0;cursor:pointer;transition:all .1s ease;white-space:nowrap}.inkbay-sq-side-tab:first-child{border-radius:0}.inkbay-sq-side-tab:last-child{border-radius:0}.inkbay-sq-side-tab+.inkbay-sq-side-tab{border-left:none}.inkbay-sq-side-tab.active{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec);border-color:var(--custy-editor-purple, #5850ec)!important;font-weight:600}.inkbay-sq-side-tab:hover{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.inkbay-sq-info{display:flex;flex-direction:column;justify-content:center;gap:4px}.inkbay-sq-title{font-size:11px;font-weight:500;color:#222}.inkbay-sq-color{font-size:12px;color:#666}.inkbay-sq-color strong{color:#222;text-transform:uppercase}.inkbay-sq-total{display:flex;align-items:center;gap:8px;padding:12px 0;margin-top:auto;border-top:1px solid var(--custy-modal-border, #e2e8f0);font-size:12px;font-weight:600;color:#334155;letter-spacing:.3px}.inkbay-sq-total-number{font-size:14px;font-weight:700;color:#222}.inkbay-sq-footer-actions{background:var(--custy-modal-muted, #f8fafc);border-top:1px solid var(--custy-modal-border, #e2e8f0);padding:10px 14px!important;gap:10px}.inkbay-sq-continue{background:#fff!important;border:1px solid var(--custy-modal-border, #e2e8f0)!important;color:#334155!important;font-size:11px!important;font-weight:600!important;letter-spacing:.03em!important;border-radius:8px!important}.inkbay-sq-continue:hover{background:#f1f5f9!important;color:#0f172a!important}.inkbay-sq-cart{background:var(--custy-editor-purple, #5850ec)!important;color:#fff!important;border:none!important;padding:8px 16px!important;font-size:11px!important;font-weight:600!important;letter-spacing:.04em!important;border-radius:8px!important}.inkbay-sq-cart:hover:not(:disabled){background:var(--custy-editor-purple-hover, #4b44c9)!important}.inkbay-sq-cart:disabled{opacity:.5!important}@media(max-width:600px){.inkbay-sq-body{flex-direction:column!important}.inkbay-sq-left{width:100%;border-right:none;border-bottom:1px solid #eee;padding:12px;flex-direction:row;gap:12px}.inkbay-sq-image{width:80px;height:90px}.inkbay-sq-side-tabs{justify-content:center}}.size-quantity-modal-overlay{padding:24px;background:#0f172a94;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.size-quantity-modal{width:min(900px,calc(100vw - 48px));max-width:900px;height:min(620px,calc(100vh - 48px));max-height:620px;border:1px solid #d8dce2;border-radius:10px;box-shadow:0 24px 64px #0f172a47}.size-quantity-modal .inkbay-sq-header{min-height:48px;padding:0 16px!important;background:#f8fafc!important;border-bottom-color:#dfe3e8!important}.size-quantity-modal .inkbay-sq-header h2{display:flex;align-items:center;gap:9px;margin:0;color:#1f2937!important;font-size:12px!important;font-weight:700!important;letter-spacing:.35px!important}.size-quantity-modal .inkbay-sq-header .modal-close-btn{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:1px solid #d4d8de!important;border-radius:50%;background:#fff!important;color:#616a75!important}.size-quantity-modal .inkbay-sq-header .modal-close-btn:hover:not(:disabled){border-color:#c7d2fe!important;background:var(--custy-editor-purple-soft, #eef2ff)!important;color:var(--custy-editor-purple, #5850ec)!important}@media(max-width:768px){.size-quantity-modal-overlay{padding:0}.size-quantity-modal{width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none}.size-quantity-modal .inkbay-sq-header{min-height:50px;padding:0 14px!important}}.save-design-modal-overlay{position:fixed;inset:0;background:#0f172a94;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.save-design-modal{background:#fff;border:1px solid #d8dce2;border-radius:10px;width:100%;max-width:420px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #0f172a47}.save-design-modal-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;background:#f8fafc;border-bottom:1px solid #dfe3e8}.save-design-modal-header h2{font-size:12px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:9px;letter-spacing:.35px}.save-design-modal-header .modal-title-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:6px;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.save-design-close-btn{width:30px;height:30px;min-width:30px;min-height:30px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #c9cccf;border-radius:50%;color:#616a75;cursor:pointer;transition:all .1s ease;flex-shrink:0;padding:0;font-size:18px;line-height:1}.save-design-close-btn:hover:not(:disabled){border-color:#c7d2fe;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.save-design-close-btn:disabled{opacity:.5;cursor:not-allowed}.save-design-modal-body{padding:20px;background:#fff}.save-design-description{font-size:13px;color:#616a75;margin:0 0 20px;line-height:1.5}.save-design-input-group{margin-bottom:16px}.save-design-input-group label{display:block;margin-bottom:6px;font-weight:600;font-size:12px;color:#1a1c1d}.save-design-input-group input{width:100%;padding:10px 14px;border:1px solid #c9cccf;border-radius:6px;font-size:13px;outline:none;background:#fff;color:#1a1c1d;box-sizing:border-box;transition:all .15s ease}.save-design-input-group input:focus{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 3px #5850ec26}.save-design-input-group input:disabled{background-color:#f4f5f6;cursor:not-allowed;color:#8c9196}.save-design-input-group input.input-error{border-color:#d82c0d}.save-design-input-group input::placeholder{color:#8c9196}.save-design-input-group .error-message{display:block;color:#d82c0d;font-size:12px;margin-top:6px}.save-design-error{display:block;color:#d82c0d;font-size:12px;margin-top:14px;padding:10px 12px;background:#fff4f4;border:1px solid #f4c7c3;border-radius:6px;white-space:pre-line}.save-design-input-group .email-note{display:block;color:#8c9196;font-size:11px;margin-top:6px}.save-design-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:14px 20px;background:var(--custy-modal-muted, #f8fafc);border-top:1px solid var(--custy-modal-border, #e2e8f0);gap:10px}.save-design-cancel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;color:#1a1c1d;border:1px solid #c9cccf;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .1s ease}.save-design-cancel-btn:hover:not(:disabled){background:#f4f5f6;border-color:#8a8e92}.save-design-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.save-design-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none;transition:background .15s ease}.save-design-submit-btn:hover:not(:disabled){background:var(--custy-editor-purple-hover, #4b44c9)}.save-design-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.save-design-modal-overlay{padding:16px}.save-design-modal{max-width:100%}.save-design-modal-footer{flex-direction:column}.save-design-cancel-btn,.save-design-submit-btn{width:100%;justify-content:center}}.save-design-success-body{text-align:center;padding:30px 20px}.save-design-success-icon{width:60px;height:60px;border-radius:50%;background:#eefcf6;color:#555;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px}.save-design-success-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1c1d}.save-design-success-message{font-size:14px;color:#616a75;margin:0 0 24px;line-height:1.5}.save-design-link-container{display:flex;gap:8px;margin-bottom:24px}.save-design-link-input{flex:1;padding:10px 12px;background:#f4f5f6;border:1px solid #c9cccf;border-radius:6px;font-size:13px;color:#444;outline:none;cursor:text}.save-design-copy-btn{display:flex;align-items:center;gap:6px;padding:0 16px;background:#fff;border:1px solid #c9cccf;border-radius:6px;font-size:13px;font-weight:500;color:#1a1c1d;cursor:pointer;transition:all .15s ease;white-space:nowrap}.save-design-copy-btn:hover{background:#f4f5f6;border-color:#8a8e92}.save-design-copy-btn.copied{background:#eefcf6;border-color:#555;color:#555}.save-design-footer-success{justify-content:center}.save-design-close-success-btn{width:100%;padding:10px;background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.save-design-close-success-btn:hover{background:var(--custy-editor-purple-hover, #4b44c9)}.acp-backdrop{position:fixed;inset:0;z-index:9999}.advanced-color-picker-dropdown{background:#fff;border:1px solid var(--custy-modal-border, var(--editor-border-subdued));border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:visible;min-width:300px;max-width:340px}.dropdown-content{padding:16px;display:flex;flex-direction:column;gap:14px}.acp-color-select{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--editor-border, #d9d9e3);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .1s ease,box-shadow .1s ease,background .1s ease}.acp-color-select:hover,.acp-color-select:focus-within{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 3px #5850ec1a}.acp-color-swatch{width:44px;height:44px;border:1px solid var(--editor-border, #d9d9e3);border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff73}.acp-color-select-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.acp-color-select-label{color:var(--editor-text-subdued, #6f6f7a);font-size:11px;font-weight:600;line-height:1.2;text-transform:uppercase}.acp-color-select-value{color:var(--editor-text-primary, #1f1f29);font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600;line-height:1.2}.acp-color-select-action{padding:7px 12px;border-radius:6px;background:var(--custy-editor-purple, #5850ec);color:#fff;font-size:12px;font-weight:600;line-height:1}.acp-native-color-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.acp-rgb-content{display:flex;flex-direction:column;gap:12px}.acp-input-group{display:flex;gap:8px}.acp-input-row{display:flex;flex-direction:column;gap:4px;flex:1}.acp-input-row label{font-size:11px;font-weight:600;color:var(--editor-text-subdued)}.acp-input-row input[type=number]{width:100%;padding:8px 10px;border:1px solid var(--editor-border);border-radius:6px;font-size:13px;text-align:center;background:#fff}.acp-input-row input[type=number]:focus{outline:none;border-color:var(--custy-editor-purple, #5850ec)}.acp-hex-row{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--editor-border-subdued)}.acp-hex-row label{font-size:14px;font-weight:600;color:var(--editor-text-subdued)}.acp-hex-row input{flex:1;padding:8px 10px;border:1px solid var(--editor-border);border-radius:6px;font-size:13px;font-family:Monaco,Courier New,monospace;text-transform:uppercase}.acp-hex-row input:focus{outline:none;border-color:var(--custy-editor-purple, #5850ec)}.acp-hex-row input.invalid{border-color:#d92d20;box-shadow:0 0 0 3px #d92d201a}.acp-cmyk-content{display:flex;flex-direction:column;gap:12px}.acp-slider-row{display:flex;align-items:center;gap:8px}.acp-slider-row label{font-size:12px;font-weight:600;color:var(--editor-text-subdued);width:20px}.acp-slider-row input[type=range]{flex:1;height:4px;appearance:none;background:var(--editor-border);border-radius:2px;cursor:pointer}.acp-slider-row input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:var(--custy-editor-purple, #5850ec);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0003}.acp-slider-row input[type=number]{width:50px;padding:6px 8px;border:1px solid var(--editor-border);border-radius:6px;font-size:12px;text-align:center}.acp-slider-row input[type=number]:focus{outline:none;border-color:var(--custy-editor-purple, #5850ec)}.acp-slider-row span{font-size:11px;color:var(--editor-text-subdued);width:14px}.acp-actions{display:flex;padding:12px 16px;background:var(--custy-modal-muted, var(--editor-bg-secondary));border-top:1px solid var(--custy-modal-border, var(--editor-border-subdued));border-radius:0 0 8px 8px}.acp-btn{flex:1;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .1s ease}.acp-done-btn{background:var(--custy-editor-purple, #5850ec);color:#fff;border:none}.acp-done-btn:hover{background:var(--custy-editor-purple-hover, #4b44c9)}@media(max-width:768px){.advanced-color-picker-dropdown{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:90vw;min-width:0;max-width:350px;z-index:10000;box-shadow:0 0 0 100vmax #00000080}}.disclaimer-modal-overlay{position:fixed;inset:0;background:#0f172a94;display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.disclaimer-modal{background:#fff;border:1px solid #d8dce2;border-radius:10px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0f172a47}.disclaimer-modal-header{min-height:48px;padding:0 16px;border-bottom:1px solid #dfe3e8;background:#f8fafc;display:flex;align-items:center}.disclaimer-modal-header h2{font-size:12px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px;letter-spacing:.25px}.disclaimer-modal-body{padding:16px 20px;overflow-y:auto;font-size:12px;line-height:1.5;color:#444}.disclaimer-section-title{font-weight:600;font-size:13px;margin-bottom:8px;color:#1a1c1d}.disclaimer-list{padding-left:20px;margin-bottom:16px}.disclaimer-list li{margin-bottom:6px}.disclaimer-divider{border:0;border-top:1px solid #e1e3e5;margin:20px 0}.disclaimer-mockup-section h3{font-size:13px;font-weight:600;color:#1a1c1d;margin:0 0 8px;display:flex;align-items:center;gap:8px}.disclaimer-confirmation-box{background-color:#f8fafc;border:1px solid #d8dce2;border-radius:7px;padding:16px;margin-top:20px}.disclaimer-confirmation-box h3{font-size:14px;font-weight:600;margin:0 0 10px;color:#1a1c1d}.disclaimer-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.disclaimer-checkbox-label input[type=checkbox]{margin-top:4px;width:16px;height:16px;cursor:pointer;accent-color:var(--custy-editor-purple, #5850ec)}.disclaimer-checkbox-label span{font-size:13px;color:#1a1c1d;font-weight:500}.disclaimer-modal-footer{padding:12px 16px;border-top:1px solid #dfe3e8;background:#f8fafc;display:flex;justify-content:center}.disclaimer-confirm-btn{background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease;width:100%;max-width:400px}.disclaimer-confirm-btn:hover:not(:disabled){background:var(--custy-editor-purple-hover, #4b44c9)}.disclaimer-confirm-btn:disabled{background:#e1e3e5;color:#8c9196;cursor:not-allowed;opacity:1;box-shadow:none}@media(max-width:600px){.disclaimer-modal-overlay{padding:16px;align-items:center}.disclaimer-modal{max-height:85vh}.disclaimer-confirm-btn{width:100%;max-width:none}}.custom-tooltip-portal{position:fixed;padding:6px 10px;background:#1e1e1ef2;color:#fff;font-size:12px;font-weight:500;border-radius:4px;pointer-events:none;z-index:10000;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;box-shadow:0 2px 8px #00000026;white-space:nowrap;max-width:200px;text-align:center}.custom-tooltip-portal.visible{opacity:1;transform:translateY(0)}.custom-tooltip-portal:after{content:"";position:absolute;width:0;height:0;border-width:5px;border-style:solid;border-color:rgba(30,30,30,.95) transparent transparent transparent;left:50%;transform:translate(-50%);bottom:-10px}.custom-tooltip-portal.placement-top:after{bottom:-10px;border-color:rgba(30,30,30,.95) transparent transparent transparent}.custom-tooltip-portal.placement-bottom:after{top:-10px;bottom:auto;border-color:transparent transparent rgba(30,30,30,.95) transparent}.validation-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#ff4d4f;color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideDown .3s ease-out;font-weight:500;min-width:300px}.validation-toast svg{flex-shrink:0}.validation-toast span{flex:1}.validation-toast .toast-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 4px;opacity:.8;line-height:1}.validation-toast .toast-close:hover{opacity:1}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}:root{--editor-bg-primary: #ffffff;--editor-bg-secondary: #f7f7f7;--editor-bg-tertiary: #e6e7e8;--editor-bg-canvas: #e6e7e8;--editor-bg-hover: #ffffff;--editor-accent: #5850ec;--editor-accent-hover: #4b44c9;--editor-accent-pressed: #3f39a8;--editor-accent-subdued: #eef2ff;--editor-accent-border: #c7d2fe;--editor-text-primary: #58595b;--editor-text-secondary: #646464;--editor-text-subdued: #7b7b7b;--editor-text-disabled: #b5b5b5;--editor-border: #afafaf;--editor-border-primary: #afafaf;--editor-border-subdued: #afafaf;--editor-border-hover: #888888;--editor-success: #339b8c;--editor-critical: #c23126;--editor-warning: #ffc453;--editor-info: #018ad1;--editor-shadow-xs: 0 1px 0 rgba(0, 0, 0, .05);--editor-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--editor-shadow-md: 0 3px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--editor-shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .12);--editor-radius-xs: 4px;--editor-radius-sm: 6px;--editor-radius-md: 8px;--editor-radius-lg: 10px;--editor-motion-quick: .1s ease;--editor-motion-base: .2s ease}.no-design-warning-overlay{position:fixed;inset:0;background:#0f172a94;display:flex;align-items:center;justify-content:center;z-index:2100;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.no-design-warning-modal{background:#fff;border-radius:10px;border:1px solid #d8dce2;padding:32px 28px;max-width:380px;width:90%;text-align:center;box-shadow:0 24px 64px #0f172a47}.no-design-warning-icon{width:48px;height:48px;margin:0 auto 16px;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.no-design-warning-text{font-size:15px;font-weight:600;color:#222;margin:0 0 24px;line-height:1.4}.no-design-warning-actions{display:flex;gap:10px;justify-content:center}.no-design-btn-design{padding:9px 24px;background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s ease}.no-design-btn-design:hover{background:var(--custy-editor-purple-hover, #4b44c9)}.no-design-btn-continue{padding:9px 24px;background:transparent;color:#475569;border:1px solid var(--custy-modal-border, #e2e8f0);border-radius:8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.no-design-btn-continue:hover{background:var(--custy-editor-purple-soft, #eef2ff);border-color:var(--custy-editor-purple-soft, #c7d2fe);color:var(--custy-editor-purple, #5850ec)}.customizer-container{width:100%;max-width:none;max-height:698px;height:698px;margin:0;background:#e6e7e8;display:flex;flex-direction:column;overflow:hidden;font-family:Arial,sans-serif;font-size:12px;line-height:1.4;color:#58595b;-webkit-font-smoothing:antialiased;border:1px solid #afafaf;border-radius:0;box-shadow:none;padding-bottom:0}.customizer-container.customizer-container--merch-fill{height:100%;max-height:none}body.cpod-merch-theme{--custy-editor-purple: #e31b23;--custy-editor-purple-hover: #c81e28;--custy-editor-purple-soft: #fde8ea;--editor-accent: #e31b23;--editor-accent-hover: #c81e28;--editor-accent-pressed: #a11620;--editor-accent-subdued: #fde8ea;--editor-accent-border: #f3b7bb}.customizer-header{display:flex;align-items:center;padding:0;height:48px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;position:relative;z-index:100}.header-left,.header-right{flex:0 0 auto;display:flex;align-items:center;height:100%}.header-left{padding-left:4px}.header-right{padding-right:8px}.header-center{flex:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;height:100%;padding:0 6px}.header-logo{display:flex;align-items:center;height:100%;padding:4px 12px 4px 10px;margin-right:0;border:none}.header-logo img,.header-logo .header-logo-img{height:34px;max-height:40px;width:auto;max-width:200px;object-fit:contain}.header-download-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:4px 8px 4px 4px;padding:0;border:none;border-radius:8px;background:var(--editor-accent);color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease}.header-download-btn:hover:not(:disabled){background:var(--editor-accent-hover)}.header-download-btn:disabled{opacity:.45;cursor:not-allowed}.header-download-btn svg{width:18px;height:18px}.custy-canvas-side-tabs{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 10px;background:#fffffff2;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 4px 14px #0f172a14;z-index:6}.custy-canvas-side-tab{border:none;background:transparent;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.02em;padding:6px 12px;border-radius:999px;cursor:pointer;transition:color .15s ease,background .15s ease}.custy-canvas-side-tab:hover{color:var(--editor-accent);background:#f8fafc}.custy-canvas-side-tab.active{color:var(--editor-accent);background:#eef2ff}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;min-height:36px;height:auto;padding:0;border-radius:8px;border:none;background:transparent;color:#475569;cursor:pointer;transition:background .15s ease,color .15s ease;font-family:inherit}.header-icon-btn svg{width:16px;height:16px}.header-icon-btn:hover{background:#f1f5f9;color:#0f172a}.header-icon-btn.active{background:var(--editor-accent-subdued);color:var(--editor-accent)}.header-icon-btn:disabled{opacity:.3;cursor:not-allowed}.header-text-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;height:auto;padding:0 10px;border-radius:8px;border:none;background:transparent;color:#475569;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.header-text-btn svg{width:14px;height:14px}.header-text-btn:hover{background:#f1f5f9;color:#0f172a}.header-text-btn.active{background:var(--editor-accent-subdued);color:var(--editor-accent)}.header-text-btn--danger{color:#c23126!important;background:transparent!important}.header-text-btn--danger svg{color:#c23126!important}.header-text-btn--danger:hover:not(:disabled){background:#fef2f2!important;color:#b91c1c!important}.header-text-btn--danger:hover:not(:disabled) svg{color:#b91c1c!important}.header-text-btn:disabled{opacity:.3;cursor:not-allowed}.header-text-btn.select-all-active{background:#fef2f2;color:#c23126}.header-text-btn.select-all-active:hover{background:#fee2e2}.header-tools-group{display:flex;align-items:center;gap:2px;padding:0;height:100%;background:transparent;border-radius:0;border:none}.header-tools-group .header-icon-btn{width:36px;min-height:36px;height:auto;border-radius:8px;border:none}.header-separator{display:none}.customizer-layout{display:grid;grid-template-columns:206px 1fr 240px;flex:1;overflow:hidden;min-height:0}@media(min-width:751px){.customizer-layout.has-layer-selected{grid-template-columns:minmax(0,1fr) 240px}.customizer-layout.has-layer-selected .customizer-sidebar{display:none}.customizer-layout.has-layer-selected .customizer-canvas{order:1}.customizer-layout.has-layer-selected .customizer-info{order:2;border-left:1px solid var(--editor-border-subdued);border-right:none}.customizer-layout.has-layer-selected .customizer-info .base-tools-panel{display:none}}.customizer-sidebar{order:3;background:#f8fafc;border-left:1px solid #e5e7eb;border-right:none;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;font-family:Arial,sans-serif}.selected-layer-tools-host{overflow-y:auto;overflow-x:hidden}.customizer-sidebar{--dimension-lock-gap: 6px;--dimension-lock-width: 30px}.customizer-sidebar .clipart-options-panel .text-option-group{padding:8px 10px}.customizer-sidebar .text-option-group>label,.customizer-sidebar .text-option-field label,.customizer-sidebar .dimension-field label{margin-bottom:2px;font-size:9px}.customizer-sidebar .layer-order-btn,.customizer-sidebar .position-btn{min-width:28px;padding:4px}.customizer-sidebar .pt-color-swatch{width:24px;height:24px;min-width:24px;min-height:24px}.customizer-sidebar .printing-type-colors{margin-bottom:6px;max-height:132px}.customizer-sidebar .font-select-btn,.customizer-sidebar .printing-type-select,.customizer-sidebar .text-option-field input[type=number],.customizer-sidebar .text-option-field input[type=text],.customizer-sidebar .dimension-field input,.customizer-sidebar .outline-shadow-trigger,.customizer-sidebar .edit-text-trigger-btn,.customizer-sidebar .advanced-color-btn,.customizer-sidebar .reset-layer-color-btn,.customizer-sidebar .text-action-btn,.customizer-sidebar .flip-btn,.customizer-sidebar .dimension-lock-btn{padding-top:5px;padding-bottom:5px;font-size:11px}.customizer-sidebar .align-btn{width:28px;height:28px}.customizer-sidebar::-webkit-scrollbar,.customizer-info::-webkit-scrollbar{width:8px}.customizer-sidebar::-webkit-scrollbar-track,.customizer-info::-webkit-scrollbar-track{background:transparent}.customizer-sidebar::-webkit-scrollbar-thumb,.customizer-info::-webkit-scrollbar-thumb{background:var(--editor-border-primary);border-radius:4px;border:2px solid transparent;background-clip:padding-box}.customizer-sidebar::-webkit-scrollbar-thumb:hover,.customizer-info::-webkit-scrollbar-thumb:hover{background:var(--editor-border-hover);border:2px solid transparent;background-clip:padding-box}.customizer-sidebar,.customizer-info{scrollbar-width:thin;scrollbar-color:var(--editor-border-primary) transparent}.sidebar-section{padding:10px;border-bottom:1px solid var(--editor-border-subdued)}.sidebar-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;padding:0}.section-header h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin:0;color:#58595b;font-family:Arial,sans-serif}.section-header svg{color:var(--editor-text-subdued);width:12px;height:12px}.section-content{display:flex;flex-direction:column;gap:2px}.product-sides-section{padding:10px 8px}.inkbay-sides-section .section-header h3{font-size:11px;font-weight:600;color:#666;letter-spacing:.3px;margin-bottom:6px}.sides-thumbnails{display:flex;flex-direction:column;gap:8px;width:100%}.side-thumbnail-btn{display:flex;flex-direction:column;align-items:center;width:100%;background:var(--editor-bg-primary);border:1px solid var(--editor-border-subdued);border-radius:2px;overflow:hidden;cursor:pointer;transition:all var(--editor-motion-quick);padding:0;margin:0}.side-thumbnail-btn:hover{border-color:var(--editor-border-hover)}.side-thumbnail-btn.active{border:2px solid var(--editor-accent);background:#fff;position:relative}.side-thumbnail-image{width:100%;height:80px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:8px}.side-thumbnail-image img{width:100%;height:100%;object-fit:contain;display:block}.side-thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--editor-text-subdued)}.side-thumbnail-label{width:100%;padding:5px 4px;font-size:11px;font-weight:400;color:var(--editor-text-primary);text-align:center;background:var(--editor-bg-primary);border-top:1px solid var(--editor-border-subdued);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-thumbnail-btn.active .side-thumbnail-label{font-weight:600;color:#fff;background:var(--editor-accent);border-top:1px solid var(--editor-accent-hover)}.parts-list{display:flex;flex-direction:column;gap:2px}.part-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:none;border-radius:var(--editor-radius-xs);font-size:11px;font-weight:500;color:var(--editor-text-primary);cursor:pointer;text-align:left;transition:background var(--editor-motion-quick)}.part-btn:hover{background:var(--editor-bg-hover)}.part-btn.active{background:var(--editor-accent-subdued);color:var(--editor-accent);font-weight:600}.part-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.part-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-price{font-size:11px;font-weight:500;color:var(--editor-accent);background:var(--editor-accent-subdued);padding:2px 6px;border-radius:var(--editor-radius-xs);display:inline-flex;align-items:center;width:fit-content}.part-price:before{content:"+";margin-right:2px}.add-tools-grid{display:flex;flex-direction:column;gap:2px}.tool-btn{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;min-height:0;background:transparent;border:none;border-radius:var(--editor-radius-sm);font-size:11px;font-weight:500;color:var(--editor-text-secondary);cursor:pointer;transition:all var(--editor-motion-quick);white-space:nowrap;text-align:left}.tool-btn svg{width:16px;height:16px;color:var(--editor-text-subdued);transition:color var(--editor-motion-quick);flex-shrink:0}.tool-btn:hover:not(:disabled){background:var(--editor-bg-hover);color:var(--editor-text-primary)}.tool-btn:hover:not(:disabled) svg{color:var(--editor-accent)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.text-input-panel{display:flex;flex-direction:column;gap:10px}.text-input-field{padding:9px 12px;border:1px solid var(--editor-border-primary);border-radius:var(--editor-radius-sm);font-size:11px;outline:none;background:var(--editor-bg-primary);color:var(--editor-text-primary);transition:all var(--editor-motion-quick)}.text-input-field:focus{border-color:var(--editor-accent);box-shadow:0 0 0 2px var(--editor-accent-subdued)}.text-input-field::placeholder{color:var(--editor-text-subdued)}.new-text-color-control{display:flex;flex-direction:column;gap:8px;padding:9px;border:1px solid var(--editor-border-subdued);border-radius:var(--editor-radius-sm);background:var(--editor-bg-secondary)}.new-text-color-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.new-text-color-heading label{color:var(--editor-text-primary);font-size:10px;font-weight:700;letter-spacing:.45px}.new-text-color-heading span{display:inline-flex;align-items:center;gap:5px;min-width:0;color:var(--editor-text-subdued);font-size:9px;font-weight:600}.new-text-color-heading i{width:14px;height:14px;flex:0 0 14px;border:1px solid var(--editor-border-primary);border-radius:50%;box-shadow:0 0 0 1px #fff}.new-text-color-swatches{display:flex;flex-wrap:nowrap;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 5px;scrollbar-width:thin;scrollbar-color:var(--editor-border-primary) transparent}.new-text-color-swatch{width:28px;height:28px;min-width:28px;padding:0;border:1px solid var(--editor-border-primary);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.new-text-color-swatch.active{border-color:var(--editor-accent);box-shadow:0 0 0 2px var(--editor-accent-subdued)}.new-text-native-color{min-height:34px;display:flex;align-items:center;gap:9px;padding:5px 8px;border:1px solid var(--editor-border-primary);border-radius:var(--editor-radius-sm);background:var(--editor-bg-primary);color:var(--editor-text-primary);font-size:10px;font-weight:600;cursor:pointer}.new-text-native-color input{width:28px;height:24px;padding:0;border:0;background:transparent;cursor:pointer}.advanced-color-btn.new-text-advanced-color-btn{justify-content:flex-start;gap:6px;padding-left:8px;padding-right:8px;margin-bottom:0;font-size:10px;white-space:nowrap}.new-text-advanced-color-arrow{margin-left:auto;font-size:10px}.text-options-row{display:flex;gap:8px;align-items:center}.font-select-btn{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--editor-bg-primary);border:1px solid var(--editor-border-primary);border-radius:var(--editor-radius-sm);font-size:11px;color:var(--editor-text-primary);cursor:pointer;min-width:0;overflow:hidden;transition:all var(--editor-motion-quick)}.font-select-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-select-btn:hover{background:#3a3a3a;border-color:#505050}.color-picker-wrapper{width:28px;height:28px;min-width:28px;min-height:36px;border-radius:var(--editor-radius-sm);overflow:hidden;border:2px solid var(--editor-border-dark);position:relative;background:#fff;cursor:pointer}.color-picker-wrapper input[type=color]{width:48px;height:48px;border:none;cursor:pointer;margin:-6px}.selected-tools-row .color-picker-wrapper{border-color:#505050}.size-input-wrapper{width:56px}.size-input{width:100%;padding:8px;border:1px solid var(--editor-border-primary);border-radius:var(--editor-radius-sm);font-size:11px;text-align:center;background:var(--editor-bg-primary);color:var(--editor-text-primary);outline:none}.size-input:focus{border-color:var(--editor-accent);box-shadow:0 0 0 2px var(--editor-accent-subdued)}.text-actions-row{display:flex;gap:8px}.btn-add-text-confirm{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;background:var(--editor-accent);color:#fff;border:none;border-radius:var(--editor-radius-sm);font-size:11px;font-weight:500;cursor:pointer;box-shadow:0 1px #00000014,inset 0 -1px #0003;transition:all var(--editor-motion-quick)}.btn-add-text-confirm:hover{background:var(--editor-accent-hover)}.btn-cancel-text{padding:5px 10px;background:var(--editor-bg-primary);border:1px solid var(--editor-border-primary);border-radius:var(--editor-radius-sm);font-size:10px;color:var(--editor-text-primary);cursor:pointer;transition:all var(--editor-motion-quick)}.btn-cancel-text:hover{background:var(--editor-bg-secondary)}.selected-tools-panel{background:var(--editor-bg-secondary);border-radius:var(--editor-radius-sm);padding:6px;border:1px solid var(--editor-border-subdued)}.selected-tools-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--editor-text-subdued);margin-bottom:10px;text-transform:uppercase;letter-spacing:.4px}.selected-tools-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tool-action-btn{width:28px;height:28px;min-width:28px;min-height:28px;display:flex;align-items:center;justify-content:center;background:var(--editor-bg-primary);border:1px solid var(--editor-border-primary);border-radius:var(--editor-radius-sm);color:var(--editor-text-secondary);cursor:pointer;transition:all var(--editor-motion-quick);padding:0}.tool-action-btn:hover{background:var(--editor-bg-hover);border-color:var(--editor-border-hover);color:var(--editor-text-primary)}.tool-action-btn.font{background:var(--editor-accent-subdued);border-color:var(--editor-accent-border);color:var(--editor-accent)}.tool-action-btn.font:hover{background:#e0f5ed}.tool-action-btn.delete{background:#fef3f2;color:var(--editor-critical);border-color:#fecdca}.tool-action-btn.delete:hover{background:#fee4e2}.layers-list{display:flex;flex-direction:column;gap:2px}.layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--editor-bg-secondary);border:1px solid var(--editor-border-subdued);border-radius:var(--editor-radius-sm);font-size:11px;color:var(--editor-text-primary);cursor:pointer;transition:all var(--editor-motion-quick)}.layer-item:hover{background:var(--editor-bg-hover);border-color:var(--editor-border-primary)}.layer-item.selected{background:var(--editor-accent-subdued);border-color:var(--editor-accent-border)}.layer-item.dragging-active{cursor:grabbing;box-shadow:var(--editor-shadow-md);opacity:.55}.layer-item:active{transform:scale(.98)}.drag-handle{font-size:10px;color:var(--editor-text-subdued);cursor:grab;user-select:none;display:flex;align-items:center;padding:4px 6px;margin:-4px 0;touch-action:none;-webkit-user-select:none}.drag-handle:active{cursor:grabbing}.layer-item.drop-target{border-color:var(--editor-accent, #5850ec);background:var(--editor-accent-subdued, #eef2ff)}.layer-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-actions{display:flex;align-items:center;gap:2px;margin-left:auto}.layer-move-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:1px solid transparent;border-radius:var(--editor-radius-xs);color:var(--editor-text-subdued);cursor:pointer;transition:all var(--editor-motion-quick)}.layer-move-btn:hover:not(:disabled){background:var(--editor-bg-hover);border-color:var(--editor-border-subdued);color:var(--editor-text-primary)}.layer-move-btn:disabled{opacity:.25;cursor:default}.layer-delete-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:none;border:1px solid transparent;border-radius:var(--editor-radius-xs);color:var(--editor-text-subdued);cursor:pointer;transition:all var(--editor-motion-quick)}.layer-delete-btn:hover{background:#fee4e2;border-color:var(--editor-critical);color:var(--editor-critical)}.no-layers{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;color:var(--editor-text-subdued);font-size:11px;text-align:center}.customizer-canvas{order:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;background:#fff;border:1px solid #afafaf;position:relative;overflow:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.customizer-canvas.side-transitioning{opacity:0;transform:scale(.92) translateY(8px);filter:blur(4px)}.customizer-canvas canvas{background:#fff;border-radius:var(--editor-radius-md);box-shadow:none;flex-shrink:0}.image-quality-warning{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fffbeb;border:1px solid var(--editor-warning);border-radius:var(--editor-radius-md);margin-bottom:16px;max-width:500px;box-shadow:var(--editor-shadow-sm)}.image-quality-warning .warning-icon{flex-shrink:0;margin-top:2px}.image-quality-warning .warning-icon svg{display:block}.image-quality-warning .warning-content{font-size:11px;color:var(--editor-text-primary);line-height:1.5}.image-quality-warning .warning-content strong{color:var(--editor-warning);font-weight:600}.image-quality-warning .warning-detail{color:var(--editor-text-secondary);font-size:11px}.no-customization-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.no-customization-overlay p{background:#fff;padding:16px 24px;border-radius:var(--editor-radius-md);font-size:11px;color:var(--editor-text-primary);box-shadow:var(--editor-shadow-lg)}.customizer-info{order:1;background:#f8fafc;border-right:1px solid #e5e7eb;border-left:none;padding:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;font-family:Arial,sans-serif}.info-section{padding:10px 12px;border-bottom:1px solid var(--editor-border-subdued)}.info-section:last-child{border-bottom:none}.customizer-info .layers-list{display:flex;flex-direction:column;gap:4px;margin-top:10px}.customizer-info .layer-item{background:var(--editor-bg-secondary);border:1px solid var(--editor-border-subdued)}.customizer-info .layer-item:hover{background:var(--editor-bg-hover);border-color:var(--editor-border-primary)}.customizer-info .layer-item.selected{background:var(--editor-accent-subdued);border-color:var(--editor-accent-border)}.info-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.info-header h3{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0;color:#0f172a;flex:1;font-family:inherit}.inkbay-color-section{flex:3;padding:10px;display:flex;flex-direction:column;background:#fff}.inkbay-color-section .info-header h3{font-size:12px;font-weight:700;color:#0f172a;letter-spacing:.04em;margin-bottom:8px;font-family:inherit}.inkbay-color-section .color-swatches{flex:1;align-content:start}.inkbay-object-section{flex:2;padding:0;border-top:1px solid var(--custy-modal-border, #e2e8f0);display:flex;flex-direction:column;background:#fff}.inkbay-object-section .section-header{padding:10px 12px 8px;background:#f1f5f9;border-bottom:1px solid var(--custy-modal-border, #e2e8f0)}.inkbay-object-section .section-header h3{font-size:12px;font-weight:700;color:#0f172a;letter-spacing:.04em;font-family:inherit}.inkbay-object-section .section-content{flex:1;display:flex;flex-direction:column}.inkbay-object-section .add-tools-grid{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.inkbay-tools{gap:0!important}.inkbay-tool-item{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding:12px 14px!important;min-height:48px!important;height:auto!important;border-bottom:1px solid var(--custy-modal-border, #e2e8f0)!important;border-left:none!important;border-right:none!important;border-radius:0!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important;color:#64748b!important;letter-spacing:.01em!important;gap:12px!important;background:#fff!important}.inkbay-tool-item:last-child{border-bottom:none}.inkbay-tool-item svg{width:20px!important;height:20px!important;color:var(--editor-accent)!important;flex-shrink:0;position:static!important}.inkbay-tool-item:hover:not(:disabled){background:#f8fafc!important;color:#334155!important}.inkbay-tool-item:hover:not(:disabled) svg{color:var(--editor-accent-hover)!important}.clear-all-layers-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#fef3f2;border:1px solid #fecdca;border-radius:var(--editor-radius-xs);font-size:11px;font-weight:500;color:var(--editor-critical);cursor:pointer;transition:all var(--editor-motion-quick)}.clear-all-layers-btn:hover{background:#fee4e2;border-color:var(--editor-critical)}.clear-all-layers-btn:active{background:#fecdca}.info-section .product-title{font-size:11px;font-weight:600;color:var(--editor-text-primary);margin:0 0 6px}.info-section .product-category{display:inline-block;padding:3px 8px;background:var(--editor-bg-tertiary);border-radius:var(--editor-radius-xs);font-size:11px;font-weight:500;color:var(--editor-text-secondary)}.color-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.color-swatch{width:32px;height:30px;min-width:0;min-height:0;border-radius:6px;border:1px solid #d9d9d9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;position:relative}.color-swatch:hover{box-shadow:0 0 4px #c1c1c1}.color-swatch.active{border-color:var(--editor-accent);box-shadow:0 0 0 2px #5850ec40}.full-color-picker-panel{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.full-color-picker-trigger{width:32px;height:30px;padding:0;border:1px solid #d9d9d9;border-radius:6px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .1s ease}.full-color-picker-trigger:hover{box-shadow:0 0 4px #c1c1c1}.full-color-picker-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(15,23,42,.16)}.full-color-picker-value{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border:1px solid var(--editor-border-subdued);border-radius:var(--editor-radius-xs);background:var(--editor-bg-secondary);color:var(--editor-text-secondary);font-size:11px;font-weight:600;letter-spacing:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.selected-color-name{margin-top:10px;font-size:12px;font-weight:500;color:var(--editor-text-primary);text-align:center}.reset-color-btn{display:block;width:100%;margin-top:8px;padding:6px 10px;font-size:11px;font-weight:500;color:var(--editor-text-secondary);background:var(--editor-bg-secondary);border:1px solid var(--editor-border-subdued);border-radius:var(--editor-radius-xs);cursor:pointer;transition:all 80ms ease}.reset-color-btn:hover{background:var(--editor-bg-hover);color:var(--editor-text-primary)}.printing-type-dropdown{width:100%;padding:6px 36px 6px 10px;font-size:11px;font-weight:500;color:var(--editor-text-primary);background:#fff;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);cursor:pointer;transition:all var(--editor-transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236d7175' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.printing-type-dropdown:hover{border-color:var(--editor-accent)}.printing-type-dropdown:focus{outline:none;border-color:var(--editor-accent);box-shadow:0 0 0 3px #00806026}.printing-type-select{width:100%;padding:8px 30px 8px 12px;font-size:11px;font-weight:500;color:var(--editor-text-primary);background:#fff;border:1px solid var(--editor-border);border-radius:var(--editor-radius-sm);cursor:pointer;transition:all var(--editor-transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236d7175' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.printing-type-select:hover{border-color:var(--editor-accent)}.printing-type-select:focus{outline:none;border-color:var(--editor-accent);box-shadow:0 0 0 2px #0080601f}.printing-type-colors{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;max-height:148px;overflow-y:auto;overflow-x:hidden;align-content:flex-start;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--editor-border-primary) transparent}.printing-type-colors::-webkit-scrollbar{width:6px}.printing-type-colors::-webkit-scrollbar-track{background:transparent}.printing-type-colors::-webkit-scrollbar-thumb{background:var(--editor-border-primary);border-radius:4px}.pt-color-swatch{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:4px;border:1px solid var(--editor-border-subdued);cursor:pointer;transition:all 80ms ease;display:flex;align-items:center;justify-content:center;position:relative}.pt-color-swatch:hover{transform:scale(1.1);border-color:var(--editor-border-primary);z-index:1}.pt-color-swatch.active{border-color:var(--editor-accent);box-shadow:0 0 0 2px var(--editor-accent-subdued)}.pt-color-swatch[style*="background-color: #FFFFFF"],.pt-color-swatch[style*="background-color: #ffffff"],.pt-color-swatch[style*="background-color: #FFF"],.pt-color-swatch[style*="background-color: #fff"]{border:1px solid var(--editor-border)}.pt-color-swatch.active[style*="background-color: #FFFFFF"],.pt-color-swatch.active[style*="background-color: #ffffff"],.pt-color-swatch.active[style*="background-color: #FFF"],.pt-color-swatch.active[style*="background-color: #fff"]{border:1px solid var(--editor-accent)}.reset-layer-color-btn{display:block;width:100%;padding:6px 10px;font-size:11px;font-weight:500;color:var(--editor-text-secondary);background:var(--editor-bg-secondary);border:1px solid var(--editor-border-subdued);border-radius:var(--editor-radius-xs);cursor:pointer;transition:all 80ms ease;text-align:center}.reset-layer-color-btn:hover{background:#e8e8ed;color:var(--editor-text-primary);border-color:#d1d1d6}.advanced-color-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--editor-accent-subdued);border:1px solid var(--editor-accent-border);border-radius:6px;font-size:11px;font-weight:500;color:var(--editor-accent);cursor:pointer;transition:all .1s ease;margin-bottom:8px}.advanced-color-btn:hover{background:#e0f5ed}.advanced-color-btn:active,.advanced-color-btn.active{background:var(--editor-accent-subdued);border-color:var(--editor-accent)}.selection-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #fafbfb}.selection-label{font-size:11px;color:var(--editor-text-subdued)}.selection-value{font-size:11px;font-weight:500;color:var(--editor-text-primary)}.print-area-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#e8f0fe;border-radius:6px;font-size:11px;color:var(--editor-accent)}.tips-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:11px;color:var(--editor-text-primary)}.tips-list li svg{color:#30d158;flex-shrink:0;margin-top:2px}.loading-state,.error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.spinner{width:40px;height:40px;border:3px solid var(--editor-border-subdued);border-top-color:var(--editor-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin-top:16px;font-size:11px;color:var(--editor-text-subdued)}.loading-progress-bar{width:200px;height:4px;background:var(--editor-border-subdued);border-radius:2px;margin-top:12px;overflow:hidden}.loading-progress-fill{height:100%;background:var(--editor-accent);border-radius:2px;transition:width .3s ease}.loading-percent{margin-top:6px;font-size:10px;color:var(--editor-text-subdued)}.error-state{text-align:center}.error-state .error-icon{color:#ff3b30;margin-bottom:16px}.error-state h2{font-size:20px;font-weight:600;color:var(--editor-text-primary);margin:0 0 8px}.error-state p{font-size:11px;color:var(--editor-text-subdued);margin:0 0 24px}.error-state .btn-back{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--editor-accent);color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:500;cursor:pointer}.error-state .btn-back:hover{background:var(--editor-accent-hover)}@media(max-width:750px){.customizer-layout{grid-template-columns:160px 1fr 160px}}@media(min-width:751px){.customizer-sidebar .text-options-section .printing-type-colors,.customizer-sidebar .clipart-options-panel .printing-type-colors{display:grid;grid-template-columns:repeat(4,max-content);gap:4px;align-content:start;justify-content:start;padding-right:10px}}@media(max-width:750px){.customizer-container{height:auto;max-height:none}.customizer-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.customizer-canvas{order:1!important}.customizer-info{order:2!important}.customizer-sidebar{order:3!important}.customizer-sidebar,.customizer-info{border:none;border-bottom:1px solid var(--editor-border-subdued)}.customizer-sidebar{display:flex;overflow-x:auto;padding:12px}.sidebar-section{flex-shrink:0;margin-bottom:0;padding:0 12px}.customizer-header{height:auto;flex-wrap:wrap;padding:8px 12px;gap:8px}.customizer-header h1{width:100%;margin-bottom:4px;text-align:center}.customizer-header .btn-back{font-size:0;padding:6px}.customizer-header .btn-back svg{margin:0}.header-actions{width:100%;justify-content:space-between}.btn-preview,.btn-save,.btn-download{flex:1;justify-content:center;padding:8px;font-size:11px}.customizer-canvas{padding:8px;height:45vh;min-height:300px;overflow:auto;display:flex;-webkit-overflow-scrolling:touch}.customizer-canvas .konvajs-content{margin:auto}.customizer-canvas canvas{max-width:none!important;height:auto!important;margin:auto}.customizer-info{overflow-y:auto;max-height:30vh}}.preview-modal-overlay{position:fixed;inset:0;background-color:#0f172a94;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-modal{background:#fff;border:1px solid #d8dce2;border-radius:10px;max-width:1100px;max-height:calc(100dvh - 48px);width:100%;display:flex;flex-direction:column;box-shadow:0 24px 64px #0f172a47;overflow:hidden;margin:auto}.preview-modal-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;border-bottom:1px solid #dfe3e8;background:#f8fafc}.preview-modal-header h2{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#1f2937;margin:0;letter-spacing:.35px}.preview-modal-header .modal-title-icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:6px;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.preview-close-btn{background:#fff;border:1px solid #c9cccf;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#616a75;transition:all .1s ease;padding:0}.preview-close-btn:hover{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec);border-color:var(--custy-editor-purple-soft, #c7d2fe);transform:none}.preview-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:40px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.preview-images-container{display:flex;gap:20px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;padding-bottom:20px}.preview-modal-body::-webkit-scrollbar{height:8px}.preview-modal-body::-webkit-scrollbar-track{background:transparent}.preview-modal-body::-webkit-scrollbar-thumb{background-color:#c9cccf;border-radius:4px}.preview-item-container{flex:0 0 auto;width:350px;display:flex;align-items:center;justify-content:center;background:transparent;padding:0;border:none;box-shadow:none}.preview-item-container img{width:100%;height:auto;max-height:450px;object-fit:contain;filter:none}.preview-item-label{display:none}.no-preview{text-align:center;padding:40px 20px;color:#6d7175;font-size:11px}.preview-modal-footer{padding:14px 20px;border-top:1px solid var(--custy-modal-border, #e2e8f0);background:var(--custy-modal-muted, #f8fafc);display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;z-index:10}.btn-download-proof{background:var(--custy-editor-purple, #5850ec);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s ease;box-shadow:none}.btn-download-proof:hover{background:var(--custy-editor-purple-hover, #4b44c9);transform:none;box-shadow:none}.btn-close-preview{background:#fff;color:#1a1c1d;border:1px solid #c9cccf;padding:8px 16px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .1s ease}.btn-close-preview:hover{background:var(--custy-editor-purple-soft, #eef2ff);border-color:var(--custy-editor-purple, #c7d2fe);color:var(--custy-editor-purple, #5850ec)}.btn-preview:disabled{opacity:.6;cursor:not-allowed}.edit-text-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}@media(max-width:750px){.edit-text-modal-overlay{padding:0;align-items:flex-end}}.edit-text-modal{background:#fff;border-radius:10px;width:100%;max-width:340px;box-shadow:0 12px 28px #00000026;overflow:hidden;display:flex;flex-direction:column;max-height:80vh}@media(max-width:750px){.edit-text-modal{max-width:100%;height:100%;border-radius:0}.edit-text-modal-body{flex:1;overflow-y:auto}}@media(max-width:750px){.edit-text-modal{width:100%;height:100%;border-radius:0;max-width:none}.edit-text-modal-body{flex:1}}.edit-text-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--editor-border-subdued)}.edit-text-modal-header h3{font-size:13px;font-weight:600;color:var(--editor-text-primary);margin:0}.edit-text-close-btn{background:transparent;border:none;padding:4px;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .15s ease}.edit-text-close-btn:hover{background:#f3f4f6;color:var(--editor-text-primary)}.edit-text-modal-body{padding:12px 14px}.edit-text-input{width:100%;min-height:80px;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:11px;font-family:inherit;resize:vertical;transition:border-color .15s ease}.edit-text-input:focus{outline:none;border-color:var(--editor-accent);box-shadow:0 0 0 3px #5850ec26}.edit-text-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--editor-border-subdued);background:#f9fafb}.btn-cancel-edit{padding:4px 10px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-cancel-edit:hover{background:#f3f4f6}.btn-save-edit{padding:5px 12px;background:var(--editor-accent);color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-save-edit:hover{background:var(--editor-accent-hover)}.btn-save-edit:disabled{opacity:.5;cursor:not-allowed}.edit-text-dropdown-container{position:relative}.text-edit-content-portal,.edit-text-dropdown-container.portal-only{display:contents}.edit-text-trigger-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--editor-accent);color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:all .15s ease}.customizer-sidebar .edit-text-trigger-btn{gap:6px;padding-right:10px;padding-left:10px}.edit-text-trigger-btn:hover{background:var(--editor-accent-hover)}.edit-text-trigger-btn .dropdown-arrow{margin-left:auto;font-size:10px}.edit-text-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;overflow:hidden;min-width:300px;max-width:350px}.edit-text-dropdown .dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;font-size:11px;font-weight:600;color:var(--editor-text-primary)}.edit-text-dropdown-body{padding:12px}.edit-text-textarea{width:100%;min-height:80px;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:11px;font-family:inherit;resize:vertical;transition:border-color .15s ease}.edit-text-textarea:focus{outline:none;border-color:var(--editor-accent);box-shadow:0 0 0 2px #5850ec26}.edit-text-dropdown-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #e0e0e0;background:#f9fafb}.edit-text-dropdown-footer .btn-cancel-edit,.edit-text-dropdown-footer .btn-save-edit{padding:6px 14px;font-size:11px}.tool-action-btn.edit{background:var(--editor-accent-subdued);color:var(--editor-accent)}.tool-action-btn.edit:hover{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--editor-accent-hover)}.text-options-section{background:#fff;border-top:1px solid var(--editor-border-subdued)}.text-options-section .section-header,.clipart-options-panel .section-header{background:#f8f9fa;padding:12px 16px;border-bottom:1px solid var(--editor-border-subdued)}.text-options-section .section-header h3{font-size:11px;font-weight:600;letter-spacing:.5px;color:var(--editor-text-primary);text-transform:uppercase}.text-option-group{padding:14px 16px;border-bottom:1px solid #f0f0f0}.text-option-group:last-child{border-bottom:none}.advanced-layer-tools-toggle-wrap{display:flex;flex-direction:column;gap:6px;padding:12px 10px;border-bottom:1px solid #f0f0f0;background:#fff}.advanced-layer-tools-toggle{width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid var(--editor-border-primary);border-radius:6px;background:var(--editor-bg-secondary);color:var(--editor-text-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--editor-motion-quick)}.advanced-layer-tools-toggle:hover,.advanced-layer-tools-toggle.active{border-color:var(--editor-accent);background:var(--editor-accent-subdued);color:var(--editor-accent)}.advanced-layer-tools-toggle-wrap small{color:var(--editor-text-subdued);font-size:9px;line-height:1.35;text-align:center}.text-option-group>label{display:block;font-size:10px;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.text-option-row{display:flex;align-items:flex-end;gap:10px}.text-option-row.dual{display:grid;grid-template-columns:1fr 1fr;gap:10px}.text-option-field{flex:1}.text-option-field label{display:block;font-size:10px;font-weight:600;color:var(--editor-text-subdued);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.text-option-field input[type=number],.text-option-field input[type=text]{width:100%;padding:8px 10px;border:1px solid var(--editor-border);border-radius:6px;font-size:11px;background:#fff}.text-option-field input[type=number]:focus,.text-option-field input[type=text]:focus{outline:none;border-color:var(--editor-accent)}.text-option-field input[type=color]{width:100%;height:36px;padding:2px;border:1px solid var(--editor-border);border-radius:6px;cursor:pointer}.font-select-row{display:flex;gap:8px}.font-select-btn{flex:1;padding:10px 14px;background:#fff;border:1px solid var(--editor-border);border-radius:6px;font-size:11px;text-align:left;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:space-between}.font-select-btn:hover{border-color:var(--editor-accent);background:#f8fafc}.font-select-btn:after{content:"→";color:var(--editor-text-subdued)}.alignment-btns{display:flex;gap:4px;flex:none}.align-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--editor-border);border-radius:6px;cursor:pointer;transition:all .15s;color:var(--editor-text-secondary);padding:0}.align-btn svg{width:16px;height:16px;display:block}.align-btn:hover{background:#f0f0f0}.align-btn.active{background:#e8f0fe;border-color:var(--editor-accent);color:var(--editor-accent)}.color-select-row{display:flex;align-items:center;gap:10px}.text-color-picker{width:44px;height:44px;padding:2px;border:1px solid var(--editor-border);border-radius:8px;cursor:pointer}.color-value{font-size:11px;color:var(--editor-text-secondary);font-family:monospace}.toggle-option-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;font-size:11px;font-weight:600;color:var(--editor-text-secondary);cursor:pointer;transition:all .2s;margin-bottom:10px}.toggle-option-btn:hover{background:#eee}.toggle-option-btn.active{background:#e8f0fe;border-color:var(--editor-accent);color:var(--editor-accent)}.toggle-circle{width:18px;height:18px;border-radius:50%;border:2px solid #ccc;background:#fff;transition:all .2s}.toggle-option-btn.active .toggle-circle{border-color:var(--editor-accent);background:var(--editor-accent)}.outline-shadow-options,.shadow-options{padding:12px;background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:10px}.text-actions-btns{display:flex;gap:10px}.text-action-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--editor-border);border-radius:6px;font-size:9px;font-weight:600;cursor:pointer;transition:all .15s}.text-action-btn.duplicate{background:#fff;color:var(--editor-text-primary)}.text-action-btn.duplicate:hover{background:#f0f0f0}.text-action-btn.remove{background:#fff;color:#dc2626;border-color:#fecaca}.text-action-btn.remove:hover{background:#fef2f2}.flip-btns{display:flex;gap:10px}.flip-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#fff;border:1px solid var(--editor-border);border-radius:6px;font-size:11px;font-weight:500;color:var(--editor-text-secondary);cursor:pointer;transition:all .15s}.flip-btn:hover{background:#f0f0f0;border-color:#bbb}.flip-btn span{font-size:16px}.dimension-row{display:flex;gap:10px;margin-bottom:10px}.dimension-row:last-child{margin-bottom:0}.dimension-field{flex:1;min-width:0}.dimension-field.full-width{flex:1}.dimension-field label{display:block;font-size:10px;font-weight:600;color:var(--editor-text-subdued);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.dimension-field input{width:100%;padding:8px 10px;border:1px solid var(--editor-border);border-radius:6px;font-size:11px;background:#fff;color:var(--editor-text-primary);transition:all .1s ease}.dimension-field input:focus{outline:none;border-color:var(--editor-accent);box-shadow:0 0 0 2px var(--editor-accent-subdued)}.dimension-field input[type=number]{-moz-appearance:textfield;appearance:textfield}.dimension-field input[type=number]::-webkit-outer-spin-button,.dimension-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dimension-row.dimension-row--lockable,.clipart-options-panel .dimension-row.dimension-row--lockable{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:var(--dimension-lock-gap, 8px)}.dimension-lock{position:relative;display:flex;align-self:end}.dimension-lock:before,.dimension-lock:after{content:"";position:absolute;top:50%;width:var(--dimension-lock-gap, 8px);height:1px;background:var(--editor-accent);transform:scaleX(0);transition:transform .14s ease}.dimension-lock:before{right:100%;transform-origin:right center}.dimension-lock:after{left:100%;transform-origin:left center}.dimension-lock.is-locked:before,.dimension-lock.is-locked:after{transform:scaleX(1)}.dimension-lock-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--dimension-lock-width, 36px);padding:8px 0;font-size:11px;border:1px solid var(--editor-border);border-radius:8px;background:#fff;color:var(--editor-text-subdued);cursor:pointer;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.dimension-lock-btn svg{width:1.2em;height:1.2em}.dimension-lock-btn:hover{border-color:var(--editor-accent);color:var(--editor-accent)}.dimension-lock-btn:focus-visible{outline:none;border-color:var(--editor-accent);box-shadow:0 0 0 3px var(--editor-accent-subdued)}.dimension-lock.is-locked .dimension-lock-btn{border-color:var(--editor-accent);background:var(--editor-accent);color:#fff}.dimension-lock.is-unlocked .dimension-lock-btn{border-style:dashed}.layer-order-btns{display:flex;gap:4px;flex-wrap:wrap}.layer-order-btn{flex:1;min-width:32px;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff;border:1px solid var(--editor-border);border-radius:6px;color:var(--editor-text-secondary);cursor:pointer;transition:all .1s ease}.layer-order-btn:hover{background:var(--editor-bg-hover);border-color:#bbb;color:var(--editor-text-primary)}.outline-shadow-dropdown-container{position:relative}.outline-shadow-trigger{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--editor-accent-subdued);border:1px solid var(--editor-accent-border);border-radius:6px;font-size:11px;font-weight:500;color:var(--editor-accent);cursor:pointer;transition:all .1s ease}.outline-shadow-trigger:hover{background:#e0f5ed}.outline-shadow-trigger.active{background:var(--editor-accent-subdued);border-color:var(--editor-accent)}.outline-shadow-trigger .trigger-icon{font-size:11px}.outline-shadow-trigger .dropdown-arrow{margin-left:auto;font-size:10px}.outline-shadow-dropdown{background:#fff;border:1px solid var(--editor-border-subdued);border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:visible;min-width:260px;max-width:300px}@media(max-width:750px){.outline-shadow-dropdown{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:90vw;max-width:350px;z-index:2000;box-shadow:0 0 0 100vmax #00000080}.customizer-header{z-index:100}}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--editor-bg-secondary);border-bottom:1px solid var(--editor-border-subdued);font-size:11px;font-weight:600;color:var(--editor-text-primary)}.dropdown-close{background:none;border:none;font-size:16px;color:var(--editor-text-subdued);cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .1s ease}.dropdown-close:hover{background:var(--editor-bg-hover);color:var(--editor-text-primary)}.dropdown-tabs{display:flex;background:var(--editor-bg-secondary);border-bottom:1px solid var(--editor-border-subdued)}.dropdown-tab{flex:1;padding:8px 12px;background:transparent;border:none;font-size:11px;font-weight:500;color:var(--editor-text-subdued);cursor:pointer;transition:all .1s ease}.dropdown-tab:hover{color:var(--editor-text-primary)}.dropdown-tab.active{background:#fff;color:var(--editor-text-primary);font-weight:600;border-bottom:2px solid var(--editor-accent)}.dropdown-content{padding:12px;background:#fff}.outline-tab-content{display:flex;flex-direction:column;gap:16px}.outline-row{display:flex;flex-direction:column;gap:8px}.outline-checkbox{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--editor-text-primary);cursor:pointer}.outline-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--editor-accent)}.outline-controls{padding-left:0}.slider-with-buttons{display:flex;align-items:center;gap:6px}.slider-label{font-size:9px;color:var(--editor-text-subdued);min-width:65px;text-transform:uppercase;letter-spacing:.3px}.slider-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--editor-border);border-radius:4px;font-size:11px;color:var(--editor-text-secondary);cursor:pointer;transition:all .1s ease}.slider-btn:hover{background:var(--editor-bg-hover);border-color:var(--editor-border-primary)}.slider-with-buttons input[type=range]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#e1e3e5;border-radius:2px;outline:none}.slider-with-buttons input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--editor-accent);border-radius:50%;cursor:pointer}.slider-with-buttons input[type=range]:disabled{opacity:.4}.slider-with-buttons input[type=range]:disabled::-webkit-slider-thumb{background:#aaa}.edit-color-btn{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid var(--editor-border);border-radius:6px;font-size:11px;color:var(--editor-text-primary);cursor:pointer;margin-left:0;margin-top:4px;overflow:hidden;transition:all .1s ease}.edit-color-btn:hover{background:var(--editor-bg-hover);border-color:var(--editor-border-primary)}.edit-color-btn .color-preview{width:20px;height:20px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.edit-color-btn input[type=color]{position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;cursor:pointer}.shadow-tab-content{display:flex;flex-direction:column;gap:12px}.shadow-row{margin-bottom:2px}.shadow-control-row{display:flex;align-items:center;gap:6px}.shadow-control-row .control-label{font-size:9px;font-weight:600;color:var(--editor-text-subdued);min-width:55px;text-transform:uppercase;letter-spacing:.3px}.shadow-color-row{margin-top:8px;position:relative}.shadow-color-row .edit-color-btn{margin-left:0}.edit-text-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;background:var(--editor-accent);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;box-shadow:0 1px #00000014,inset 0 -1px #0003;transition:all .1s ease}.edit-text-btn:hover{background:var(--editor-accent-hover)}.clipart-options-panel{padding:0;background:#fff}.clipart-options-panel .section-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--editor-text-primary);padding:12px 16px;background:#f8f9fa;border-bottom:1px solid var(--editor-border-subdued);text-transform:uppercase;letter-spacing:.5px}.clipart-options-panel .text-option-group{padding:14px 16px;border-bottom:1px solid #f0f0f0}.clipart-options-panel .text-option-group:last-child{border-bottom:none}.clipart-options-panel .text-option-group>label{display:block;font-size:10px;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.text-options-section .text-actions-btns,.clipart-options-panel .text-actions-btns,.clipart-options-panel .flip-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clipart-options-panel .dimension-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.clipart-options-panel .dimension-field{display:flex;flex-direction:column;gap:6px}.clipart-options-panel .dimension-field label{font-size:10px;font-weight:600;color:#6e6e73;text-transform:uppercase;letter-spacing:.3px}.clipart-options-panel .dimension-field input{padding:8px 10px;border:1px solid var(--editor-border);border-radius:6px;font-size:11px;width:100%;background:#fff;transition:border-color .15s ease}.clipart-options-panel .dimension-field input:focus{outline:none;border-color:var(--editor-accent);box-shadow:0 0 0 3px #0080601f}.clipart-options-panel .rotation-field{display:flex;flex-direction:column;gap:6px}.clipart-options-panel .rotation-field label{font-size:10px;font-weight:600;color:var(--editor-text-secondary);text-transform:uppercase;letter-spacing:.3px}.clipart-options-panel .rotation-field input{padding:8px 10px;border:1px solid var(--editor-border);border-radius:6px;font-size:11px;width:100%;background:#fff;transition:border-color var(--editor-transition)}.clipart-options-panel .rotation-field input:focus{outline:none;border-color:var(--editor-accent);box-shadow:0 0 0 3px #0080601f}.clipart-options-panel .position-btns-row{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:100%}.clipart-options-panel .position-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:#fff;border:1px solid var(--editor-border);border-radius:6px;cursor:pointer;transition:all var(--editor-transition);color:var(--editor-text-secondary);min-width:0}.clipart-options-panel .position-btn:hover{background:#ebeced;border-color:#c1c3c5}.clipart-options-panel .position-btn:active{background:#dddee0}.text-options-section .text-option-group,.clipart-options-panel .text-option-group{padding:8px 10px;border-bottom:0}.layer-section-label,.advanced-tools-section-label{padding:10px 10px 4px;border-top:1px solid #e5e7eb;background:#f8fafc;color:#6b7280;font-size:9px;font-weight:700;letter-spacing:.55px;line-height:1.2}.section-header+.layer-section-label{border-top:0}.layer-actions-group{padding-bottom:4px!important}.layer-primary-group{padding-top:4px!important}.change-graphic-btn{width:100%;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:0;border-radius:7px;background:var(--editor-accent);color:#fff;font-size:11px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--editor-motion-quick)}.change-graphic-btn:hover{background:var(--editor-accent-hover)}.printing-type-summary{min-height:32px;display:flex;align-items:center;padding:6px 9px;border:1px solid var(--editor-border-primary);border-radius:6px;background:#f8fafc;color:var(--editor-text-primary);font-size:11px;line-height:1.35}.advanced-tools-section-label{padding-top:9px;background:#fff;color:var(--editor-text-subdued)}.inkbay-footer{display:flex;flex-direction:column;flex-shrink:0}.inkbay-footer-top{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:#fff;border-top:1px solid #ddd}.inkbay-footer-quantity{display:flex;flex-direction:column;align-items:center;min-width:60px}.inkbay-qty-number{font-size:14px;font-weight:700;color:var(--editor-text-primary);line-height:1.1}.inkbay-qty-label{font-size:9px;font-weight:600;color:var(--editor-text-subdued);text-transform:uppercase;letter-spacing:.5px}.btn-select-size-quantity{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:var(--editor-accent);color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,transform .1s ease;white-space:nowrap;flex-shrink:0}.btn-select-size-quantity:hover:not(:disabled){background:var(--editor-accent-hover)}.btn-select-size-quantity:disabled{opacity:.5;cursor:not-allowed}.btn-select-size-quantity svg{flex-shrink:0}.inkbay-footer-bottom{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:#ede9fe;border-top:1px solid #ddd6fe}.inkbay-footer-bottom span{font-size:12px;font-weight:600;color:#4c1d95;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-quality-toast{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:12px;background:#fffbeb;border:1px solid #fbbf24;border-left:4px solid #f59e0b;border-radius:8px;padding:12px 16px;box-shadow:0 4px 12px #00000026;z-index:100;max-width:400px;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-icon svg{filter:drop-shadow(0 2px 4px rgba(255,184,0,.3))}.toast-content{display:flex;flex-direction:column;gap:4px}.toast-content strong{font-size:11px;font-weight:600;color:#92400e}.toast-content span{font-size:11px;color:#a16207;line-height:1.4}@media screen and (max-width:750px){.customizer-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.customizer-sidebar{display:block;position:fixed;bottom:80px;left:0;right:0;max-height:50vh;background:var(--editor-bg-primary);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:50;transform:translateY(120%);transition:transform .3s ease;border-right:none;border-top:1px solid var(--editor-border-subdued)}.customizer-sidebar.open{transform:translateY(0)}.customizer-info{display:block;position:fixed;bottom:80px;left:0;right:0;max-height:50vh;background:var(--editor-bg-primary);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:50;transform:translateY(120%);transition:transform .3s ease;border-left:none;border-top:1px solid var(--editor-border-subdued)}.customizer-info.open{transform:translateY(0)}.customizer-canvas{padding:12px}.customizer-header h1{font-size:11px}.customizer-bottom-bar{flex-wrap:wrap;padding:10px 12px;gap:10px}.size-quantity-indicator{flex:1;min-width:120px}}.mobile-tools-bar{display:none}@media screen and (max-width:750px){.customizer-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding-bottom:150px}.mobile-tools-bar{display:flex;justify-content:stretch;gap:2px;padding:0 4px;background:#fff;border-top:1px solid var(--custy-modal-border, #e2e8f0);position:fixed;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;box-shadow:0 -2px 10px #00000014}.mobile-tools-bar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;background:transparent;border:none;border-radius:8px;font-size:9px;font-weight:600;color:#64748b;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;min-height:52px;-webkit-tap-highlight-color:transparent}.mobile-tools-bar button.active{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.mobile-tools-bar button svg{width:20px;height:20px}.customizer-info .sidebar-section,.customizer-info .info-section{padding:10px}.customizer-info .section-header{margin-bottom:6px}.customizer-info .section-content{gap:2px}.customizer-info .text-options-section .section-header{padding:8px 12px}.customizer-info .text-option-group{padding:9px 12px}.customizer-info .text-option-group>label,.customizer-info .text-option-field label,.customizer-info .dimension-field label{margin-bottom:4px;letter-spacing:.35px}.customizer-info .text-option-row,.customizer-info .text-option-row.dual,.customizer-info .dimension-row,.customizer-info .text-actions-btns,.customizer-info .flip-btns{gap:8px}.customizer-info .dimension-row{margin-bottom:8px}.customizer-info .font-select-btn,.customizer-info .printing-type-select,.customizer-info .text-option-field input[type=number],.customizer-info .text-option-field input[type=text],.customizer-info .dimension-field input,.customizer-info .outline-shadow-trigger,.customizer-info .edit-text-trigger-btn,.customizer-info .advanced-color-btn,.customizer-info .reset-layer-color-btn,.customizer-info .text-action-btn,.customizer-info .flip-btn,.customizer-info .dimension-lock-btn{padding-top:7px;padding-bottom:7px}.customizer-info .align-btn{width:32px;height:32px}.customizer-info .layer-order-btn,.customizer-info .position-btn{min-width:28px;padding:6px}.customizer-info .pt-color-swatch{width:24px;height:24px;min-width:24px;min-height:24px}.customizer-info .printing-type-colors{margin-bottom:6px}.inkbay-footer,.customizer-sidebar,.customizer-info{display:none}.customizer-sidebar.open,.customizer-info.open{display:flex;flex-direction:column;position:fixed;bottom:52px;left:0;right:0;z-index:260;background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 20px #0000001f;max-height:55vh;overflow-y:auto;border-top:1px solid #ddd;animation:slideUpDrawer .25s cubic-bezier(.4,0,.2,1)}.canvas-zoom-scrollbar,.canvas-zoom-controls{z-index:40}@keyframes slideUpDrawer{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.customizer-info.open.has-active-controls{padding-top:0;inset:0 0 38px;max-height:none;border-radius:0;border-top:none;z-index:1650}.sidebar-section{margin-bottom:0;border-bottom:1px solid #eee;padding:12px}.sidebar-section:last-child{border-bottom:none}.customizer-canvas{padding:8px;min-height:calc(100vh - 160px)}.customizer-header{padding:0 6px;height:42px}.header-logo{padding:4px 6px 4px 0;margin-right:2px}.header-logo img{height:20px}.header-text-btn span{display:none}.header-text-btn{padding:0 8px;min-width:32px;height:30px;justify-content:center}.header-center{gap:4px;min-width:0}.header-separator{margin:0 3px;height:18px}.header-icon-btn{width:28px;height:28px}.header-icon-btn svg{width:14px;height:14px}.header-tools-group{padding:1px}.header-tools-group .header-icon-btn{width:26px;height:26px}.inkbay-color-section,.inkbay-object-section{flex:none!important}.inkbay-tool-item{padding:12px!important;font-size:15px!important}.color-swatches{grid-template-columns:repeat(auto-fill,minmax(28px,32px));gap:4px;justify-content:start}.color-swatch{width:28px!important;height:28px!important;aspect-ratio:auto!important;min-width:28px!important;min-height:28px!important}.inkbay-color-section{padding:10px 12px!important}.sides-thumbnails{flex-direction:row!important;overflow-x:auto;gap:8px;padding-bottom:4px}.side-thumbnail-btn{min-width:100px;flex-shrink:0}.side-thumbnail-image{height:80px!important}.size-quantity-modal-overlay,.clipart-modal-overlay,.font-modal-overlay,.upload-modal-overlay,.preview-modal-overlay{padding:0}.size-quantity-modal-content,.clipart-modal-content,.font-modal-content,.upload-modal-content,.preview-modal{max-width:100%;max-height:100%;width:100%;height:100%;border-radius:0}.preview-modal-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;justify-content:flex-start;padding:20px 16px;flex-direction:column}.preview-images-container{flex-direction:column;overflow-x:hidden;height:auto;flex-wrap:nowrap;justify-content:flex-start}.preview-item-container{width:100%;min-width:unset;max-width:100%;margin-bottom:24px}.preview-item-container:last-child{margin-bottom:0}.preview-modal-footer{flex-shrink:0;padding:12px 16px}.customizer-bottom-bar{display:none}.text-options-panel,.clipart-options-panel{overflow-y:auto;background:var(--editor-bg-primary);display:flex;flex-direction:column;gap:0;margin-top:10px}.text-options-panel .text-option-group,.clipart-options-panel .text-option-group{padding:16px;border-bottom:1px solid var(--editor-border-subdued)}.text-options-panel .section-header,.clipart-options-panel .section-header{padding:16px;background:#f8f9fa;position:relative;z-index:10;border-bottom:1px solid var(--editor-border-subdued)}.outline-shadow-dropdown{min-width:100%;max-width:100%;position:fixed;bottom:0;left:0;right:0;border-radius:16px 16px 0 0}}@media screen and (max-width:480px){.customizer-header{height:40px;padding:0 4px}.header-logo,.header-left{display:none}.header-tools-group{padding:1px;border:none;background:transparent}.customizer-canvas{padding:4px}.color-swatches{gap:2px}.pt-color-swatch{width:24px;height:24px;min-width:24px;min-height:24px}.dimension-row{gap:6px}.dimension-field input{padding:6px 8px;font-size:11px}.layer-order-btn{min-width:28px;padding:6px}}@media(max-width:750px){.layer-order-btn,.flip-btn,.tool-action-btn,.color-swatch,.pt-color-swatch{min-width:44px;min-height:44px;padding:10px}.text-input-field,.dimension-field input{font-size:16px;padding:12px}.dimension-lock-btn{font-size:16px;padding-top:12px;padding-bottom:12px;width:44px}}.header-dropdown-portal-content{position:fixed;background:#fff;border:1px solid var(--custy-modal-border, var(--editor-border-subdued));border-radius:var(--editor-radius-md);box-shadow:var(--editor-shadow-lg);z-index:9999;min-width:280px;padding:0;animation:dropdownFadeIn .15s ease-out;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.info-dropdown{width:300px}.layers-dropdown{width:320px}.tips-dropdown{width:280px}.dropdown-section{padding:16px;border-bottom:1px solid var(--editor-border-subdued)}.dropdown-section:last-child{border-bottom:none}.dropdown-section h4{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--editor-text-subdued);margin:0 0 10px;letter-spacing:.5px}.dropdown-section-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--editor-border-subdued);background:var(--editor-bg-secondary)}.dropdown-section-header h4{margin:0}.clear-all-layers-btn-small{padding:4px 8px;font-size:11px;color:var(--editor-text-secondary);background:var(--editor-bg-primary);border:1px solid var(--editor-border-subdued);border-radius:var(--editor-radius-xs);cursor:pointer}.clear-all-layers-btn-small:hover{background:var(--editor-bg-hover);color:var(--editor-critical)}.layers-list-scrollable{max-height:400px;overflow-y:auto;padding:8px}.layers-list-scrollable::-webkit-scrollbar{width:6px}.layers-list-scrollable::-webkit-scrollbar-thumb{background:var(--editor-border-subdued);border-radius:3px}.canvas-zoom-controls{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;align-items:center;gap:0;z-index:200;filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.canvas-zoom-scrollbar{position:absolute;right:56px;top:14%;height:72%;width:12px;border-radius:999px;background:#00000047;z-index:180;cursor:pointer}.canvas-zoom-scrollbar-thumb{position:absolute;left:0;width:100%;min-height:46px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000059;cursor:grab;touch-action:none}.canvas-zoom-scrollbar-thumb:active{cursor:grabbing}.canvas-zoom-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;border:1px solid #d4d4d4;cursor:pointer;transition:background .12s ease,color .12s ease;color:#444;padding:0;line-height:1}.canvas-zoom-btn.canvas-zoom-in{border-radius:6px 6px 0 0;border-bottom:none}.canvas-zoom-btn.canvas-zoom-out{border-radius:0 0 6px 6px}.canvas-zoom-controls:has(.canvas-zoom-reset) .canvas-zoom-btn.canvas-zoom-out{border-radius:0;border-bottom:none}.canvas-zoom-btn.canvas-zoom-reset{border-radius:0 0 6px 6px;height:auto;min-height:28px;padding:4px 6px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:#555;white-space:nowrap;width:36px}.canvas-zoom-pct{font-size:11px;font-weight:700;letter-spacing:-.3px}.canvas-zoom-btn.canvas-zoom-out{border-top:1px solid #e8e8e8}.canvas-zoom-btn:hover:not(:disabled){background:#f3f3f3;color:#111}.canvas-zoom-btn.canvas-zoom-out:hover:not(:disabled){color:var(--custy-editor-purple, #5850ec)}.canvas-zoom-btn:disabled{opacity:.32;cursor:not-allowed;background:#fafafa}@media(max-width:600px){.canvas-zoom-controls{top:10px;left:10px}.canvas-zoom-scrollbar{right:8px;top:12%;height:74%}.canvas-zoom-btn{width:40px;height:40px}.canvas-zoom-btn.canvas-zoom-reset{width:40px;font-size:10px}}.header-dropdown-portal-content{position:absolute;background:var(--editor-bg-primary);border:1px solid var(--editor-border-subdued);border-radius:var(--editor-radius-md);box-shadow:var(--editor-shadow-lg);padding:16px;width:280px;z-index:10000;margin-top:8px;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.product-title{font-weight:600;margin-bottom:4px}.product-category{font-size:11px;color:var(--editor-text-secondary)}.selection-item{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px}.selection-label{color:var(--editor-text-secondary)}.selection-value{font-weight:500}.tips-list{list-style:none;padding:0;margin:0}.tips-list li{display:flex;gap:8px;margin-bottom:8px;font-size:11px;color:var(--editor-text-secondary)}.tips-list li svg{color:var(--editor-success);flex-shrink:0}@media(max-width:1400px){.header-text-btn span{font-size:10px}}@media(min-width:751px)and (max-width:1399px){.customizer-sidebar .clipart-options-panel .dimension-row{gap:6px}.customizer-sidebar .clipart-options-panel .dimension-field label{font-size:9px;letter-spacing:0;white-space:nowrap}}@media(min-width:751px){.customizer-layout{grid-template-columns:206px minmax(0,1fr) 240px}.customizer-canvas{padding:0}.sidebar-section,.info-section{padding:10px}.section-header{margin-bottom:6px}.section-header h3,.info-header h3{font-size:12px;letter-spacing:.3px;font-family:Arial,sans-serif}.info-header{margin-bottom:6px}.section-content{gap:4px}.side-thumbnail-image{height:80px;padding:6px}.side-thumbnail-label{padding:4px 6px;font-size:10px}.part-btn{padding:5px 8px;font-size:11px}.add-tools-grid{gap:0}.tool-btn{padding:0 14px 0 42px;height:45px;font-size:16px;font-weight:500;gap:10px;position:relative}.tool-btn svg{width:20px;height:20px}.pt-color-swatch{width:20px;height:20px;min-width:20px;min-height:20px}.text-options-section .section-header,.clipart-options-panel .section-header{padding:10px;background:#d9d9d9}.text-option-group{padding:10px}.text-option-group>label,.text-option-field label,.dimension-field label{margin-bottom:3px;font-size:11px;font-family:Arial,sans-serif}.text-option-row,.text-option-row.dual,.text-actions-btns,.flip-btns,.dimension-row{gap:4px}.font-select-btn,.printing-type-select,.text-option-field input[type=number],.text-option-field input[type=text],.dimension-field input,.outline-shadow-trigger,.edit-text-trigger-btn,.advanced-color-btn,.reset-layer-color-btn,.text-action-btn,.flip-btn,.dimension-lock-btn{padding-top:6px;padding-bottom:6px;font-size:12px;font-family:Arial,sans-serif}.align-btn{width:28px;height:28px}.layer-order-btn,.position-btn{min-width:26px;padding:4px}.no-layers{padding:12px 8px}.inkbay-color-section{padding:10px}.inkbay-object-section .section-header{padding:10px 10px 6px}.layer-item{padding:8px 10px;gap:8px}.font-select-btn{padding:7px 10px}.color-picker-wrapper{width:28px;height:28px;min-width:28px}.printing-type-dropdown{padding:7px 10px;font-size:12px;font-family:Arial,sans-serif}.info-section .product-title{font-size:12px;margin:0 0 6px;font-family:Arial,sans-serif}.info-section .product-category{font-size:11px;padding:3px 8px}.sides-thumbnails{gap:6px}.product-sides-section{padding:8px}}@media(min-width:1400px){.customizer-layout{grid-template-columns:215px minmax(0,1fr) 250px}}@media(max-width:750px){.customizer-info,.customizer-sidebar{max-height:56vh}.btn-select-size-quantity{padding-top:7px;padding-bottom:7px}}.inkbay-mobile-top-tabs,.inkbay-mobile-side-switcher,.inkbay-mobile-zoom-slider-wrap,.inkbay-mobile-floating-controls,.inkbay-mobile-checkout,.inkbay-mobile-sides-preview-overlay,.inkbay-mobile-add-design-overlay,.inkbay-mobile-choose-side-overlay,.inkbay-mobile-layers-overlay,.inkbay-mobile-layer-settings-overlay{display:none}@media screen and (max-width:750px){.customizer-container{width:100%;max-width:none;height:100vh;max-height:100vh;min-height:100vh;border:0;border-radius:0;box-shadow:none;background:#e6e7e8}.customizer-header{display:none}.inkbay-mobile-top-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;box-sizing:border-box;flex-shrink:0;align-self:stretch;height:44px;background:#fff;border-bottom:1px solid var(--custy-modal-border, #e2e8f0);position:relative;z-index:1200}.inkbay-mobile-top-tabs button{border:0;background:transparent;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.4px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;text-transform:uppercase}.inkbay-mobile-top-tabs button:last-child{border-right:0}.inkbay-mobile-top-tabs button.active{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.inkbay-mobile-top-tabs button span{white-space:nowrap}.customizer-layout{padding-bottom:182px}.customizer-canvas{min-height:calc(100vh - 218px);padding:2px 6px 0}.inkbay-mobile-side-switcher{display:flex;flex-direction:column;gap:6px;position:fixed;right:8px;bottom:176px;z-index:1060;width:86px;max-height:45vh;overflow-y:auto;overflow-x:hidden;pointer-events:auto;padding-right:2px}.inkbay-mobile-side-switcher::-webkit-scrollbar{width:4px}.inkbay-mobile-side-switcher::-webkit-scrollbar-thumb{background:#50525673;border-radius:6px}.inkbay-mobile-side-btn{border:0;border-radius:6px;height:26px;padding:0 6px;background:var(--custy-editor-purple, #5850ec);color:#fff;font-size:11px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 4px #0f172a1f}.inkbay-mobile-side-btn.active{background:#334155;color:#fff}.inkbay-mobile-zoom-slider-wrap{display:flex;align-items:center;gap:10px;position:fixed;left:92px;right:132px;bottom:170px;z-index:1062;pointer-events:auto}.inkbay-mobile-zoom-slider-wrap button{border:0;background:transparent;color:#6a6a6d;font-size:30px;line-height:1;font-weight:700;width:28px;min-width:28px;padding:0;display:inline-flex;align-items:center;justify-content:center}.inkbay-mobile-zoom-slider-wrap button:disabled{opacity:.4}.inkbay-mobile-zoom-slider-wrap input[type=range]{flex:1;min-width:0;margin:0;accent-color:var(--custy-editor-purple, #5850ec)}@media screen and (max-width:380px){.inkbay-mobile-zoom-slider-wrap{left:80px;right:136px;gap:6px}.inkbay-mobile-zoom-slider-wrap button{width:24px;min-width:24px;font-size:26px}}.inkbay-mobile-floating-controls{display:flex;align-items:flex-end;justify-content:space-between;position:fixed;left:8px;right:8px;bottom:108px;z-index:1060;pointer-events:none}.inkbay-mobile-size-panel,.inkbay-mobile-history-actions{pointer-events:auto}.inkbay-mobile-size-panel{background:#fff;border:1px solid var(--custy-modal-border, #e2e8f0);border-radius:8px;min-width:128px;color:#334155;overflow:hidden;padding-top:8px;box-shadow:0 2px 8px #0f172a0f}.inkbay-mobile-size-actions{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px 7px}.inkbay-mobile-size-actions button{border:0;background:transparent;color:var(--custy-editor-purple, #5850ec);font-size:10px;font-weight:700;padding:0}.inkbay-mobile-size-actions button:disabled{opacity:.45}.inkbay-mobile-size-actions span{color:#64748b;font-size:10px}.inkbay-mobile-mini-actions{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px 9px}.inkbay-mobile-mini-actions button{border:0;background:transparent;color:var(--custy-editor-purple, #5850ec);font-size:10px;font-weight:700;padding:0}.inkbay-mobile-mini-actions button:disabled{opacity:.45}.inkbay-mobile-mini-actions span{color:#64748b;font-size:10px}.inkbay-mobile-history-actions{display:flex;align-items:center;gap:14px;margin-right:62px}.inkbay-mobile-history-actions button{width:36px;height:36px;border:0;background:transparent;color:#8f949a;display:inline-flex;align-items:center;justify-content:center;padding:0}.inkbay-mobile-history-actions button svg{width:30px;height:30px}.inkbay-mobile-history-actions button:disabled{opacity:.45}.customizer-sidebar.open,.customizer-info.open{bottom:90px;max-height:58vh}.customizer-info.mobile-color-only>*:not(.inkbay-color-section){display:none!important}.customizer-info.mobile-color-only.open{display:block;inset:auto auto 92px 8px;width:auto;max-width:248px;height:auto;max-height:none;min-height:0;z-index:1050;border-radius:6px;overflow:visible;background:#fff;border:1px solid #cfd3d7;box-shadow:0 1px 2px #00000014;transform:none}.customizer-info.mobile-color-only.open.has-active-controls{inset:auto auto 92px 8px;max-height:none;height:auto;border-radius:6px}.customizer-info.mobile-color-only.open .inkbay-color-section{padding:4px!important;margin:0;border-bottom:0;box-shadow:none}.customizer-info.mobile-color-only.open .inkbay-color-section .info-header,.customizer-info.mobile-color-only.open .selected-color-name{display:none}.customizer-info.mobile-color-only.open .reset-color-btn{display:block;margin-top:6px;font-size:10px;padding:5px 8px}.customizer-info.mobile-color-only.open .color-swatches{grid-template-columns:repeat(6,1fr);gap:4px;margin:0}.customizer-info.mobile-color-only.open .color-swatch{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:4px!important;border:1px solid #d8dcdf;box-shadow:none}.customizer-info.mobile-color-only.open .color-swatch.active{outline:2px solid var(--custy-editor-purple, #5850ec);outline-offset:-2px}.inkbay-mobile-color-backdrop{position:fixed;inset:0;z-index:1040;background:transparent}.inkbay-mobile-floating-controls.hidden-for-color-popup,.inkbay-mobile-zoom-slider-wrap.hidden-for-color-popup{display:none}.mobile-tools-bar{bottom:38px;height:54px;z-index:1200;background:#fff;gap:2px;padding:0 4px;border-top:1px solid var(--custy-modal-border, #e2e8f0)}.mobile-tools-bar button{border:0;border-radius:8px;color:#64748b;font-size:10px;min-height:54px}.mobile-tools-bar button.active{background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.mobile-tools-bar button svg{width:19px;height:19px}.inkbay-mobile-checkout{display:flex;align-items:stretch;position:fixed;left:0;right:0;bottom:0;height:38px;z-index:1250;background:#fff;border-top:1px solid var(--custy-modal-border, #e2e8f0)}.inkbay-mobile-checkout-spacer{flex:1}.inkbay-mobile-checkout-btn{border:0;width:44%;max-width:220px;background:var(--custy-editor-purple, #5850ec);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.8px}.inkbay-mobile-checkout-btn .inkbay-mobile-checkout-icon{flex-shrink:0;width:18px;height:18px;display:inline-block}.inkbay-mobile-checkout-btn span{line-height:1}.inkbay-mobile-checkout-btn:disabled{opacity:.45}.inkbay-mobile-sides-preview-overlay{display:flex;align-items:stretch;justify-content:stretch;position:fixed;inset:0;background:var(--custy-modal-muted, #f8fafc);z-index:1600;padding:0}.inkbay-mobile-sides-preview-modal{width:100vw;height:100vh;background:#fff;border:0;position:relative;padding:56px 18px 18px;overflow:auto}.inkbay-mobile-sides-preview-close{border:1px solid var(--custy-modal-border, #e2e8f0);background:#fff;color:#475569;border-radius:10px;height:34px;min-width:80px;padding:0 14px;font-size:16px;font-weight:500;line-height:1}.inkbay-mobile-sides-preview-actions{position:absolute;right:18px;top:14px;display:inline-flex;align-items:center;gap:8px}.inkbay-mobile-sides-preview-download{border:0;background:var(--custy-editor-purple, #5850ec);color:#fff;border-radius:10px;height:34px;min-width:106px;padding:0 14px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.inkbay-mobile-sides-preview-download.is-busy{opacity:1;background:var(--custy-editor-purple-hover, #4b44c9);color:#eef0f2;pointer-events:none}.inkbay-mobile-sides-preview-download .spinning{animation:inkbay-mobile-spin .9s linear infinite}@keyframes inkbay-mobile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inkbay-mobile-sides-preview-grid{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:12px;width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 2px 16px;scroll-snap-type:x mandatory}.inkbay-mobile-sides-preview-loading{flex:0 0 auto;font-size:14px;font-weight:600;color:#5b5b5b;padding:2px 8px}.inkbay-mobile-sides-preview-item{border:0;background:transparent;flex:0 0 78vw;max-width:330px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;color:#5f5f5f;font-size:12px;font-weight:600;padding:0;text-align:center;scroll-snap-align:start}.inkbay-mobile-sides-preview-image{width:100%;height:54vh;min-height:260px;max-height:420px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:0;padding:0}.inkbay-mobile-sides-preview-image img{width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.inkbay-mobile-sides-preview-item span{display:none}.inkbay-mobile-add-design-overlay{display:flex;position:fixed;inset:0;z-index:1700;background:var(--custy-modal-muted, #f8fafc)}.inkbay-mobile-add-design-modal{width:100%;height:100%;background:#fff;display:flex;flex-direction:column}.inkbay-mobile-add-design-header{height:44px;background:#fff;color:#0f172a;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--custy-modal-border, #e2e8f0)}.inkbay-mobile-add-design-header h3{margin:0;font-size:11px;font-weight:700;letter-spacing:.2px}.inkbay-mobile-add-design-close{border:0;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.inkbay-mobile-add-design-list{display:flex;flex-direction:column;width:100%}.inkbay-mobile-add-design-item{border:0;border-bottom:1px solid var(--custy-modal-border, #e2e8f0);background:#fff;color:#64748b;text-align:left;height:48px;padding:0 20px;font-size:16px;font-weight:600;letter-spacing:.02em}.inkbay-mobile-add-design-item:disabled{opacity:.45}.inkbay-mobile-add-design-item:active:not(:disabled){background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.inkbay-mobile-choose-side-overlay{display:flex;position:fixed;inset:0;z-index:1750;background:#efeff0}.inkbay-mobile-choose-side-modal{width:100vw;height:100vh;display:flex;flex-direction:column;background:#efeff0}.inkbay-mobile-choose-side-header{height:44px;background:#fff;color:#0f172a;border-bottom:1px solid var(--custy-modal-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.inkbay-mobile-choose-side-header h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.3px}.inkbay-mobile-choose-side-close{border:0;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec);width:30px;height:30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.inkbay-mobile-choose-side-close svg{width:18px;height:18px;display:block;stroke:currentColor}.inkbay-mobile-choose-side-grid{flex:1;overflow-y:auto;padding:14px 12px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.inkbay-mobile-choose-side-item{border:1px solid #cfd2d6;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;color:#4d5258;font-size:12px;font-weight:600}.inkbay-mobile-choose-side-item.active{border-color:var(--custy-editor-purple, #5850ec);box-shadow:0 0 0 2px #5850ec1f}.inkbay-mobile-choose-side-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f6f7f8;border-radius:6px}.inkbay-mobile-choose-side-image img{width:100%;height:100%;object-fit:contain}.inkbay-mobile-layers-overlay{display:flex;position:fixed;inset:0;z-index:1760;background:#00000038}.inkbay-mobile-layers-modal{width:100%;height:100%;background:#efeff0;display:flex;flex-direction:column}.inkbay-mobile-layers-header{height:44px;background:#fff;color:#0f172a;border-bottom:1px solid var(--custy-modal-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.inkbay-mobile-layers-header h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.3px}.inkbay-mobile-layers-close{border:0;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec);width:30px;height:30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:0}.inkbay-mobile-layers-list{flex:1;overflow-y:auto;padding:8px}.inkbay-mobile-layers-empty{border:1px solid #ccd0d4;background:#fff;color:#5b6169;border-radius:4px;padding:14px 12px;font-size:13px;font-weight:600}.inkbay-mobile-layer-row{border:1px solid #c9cbcf;background:#ececee;min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:4px;margin-bottom:8px}.inkbay-mobile-layer-row.active{background:#fff;border-color:var(--custy-editor-purple, #5850ec)}.inkbay-mobile-layer-row.dragging-active{opacity:.55}.inkbay-mobile-layer-row.drop-target{border-color:var(--custy-editor-purple, #5850ec);background:var(--custy-editor-purple-soft, #eef2ff)}.inkbay-mobile-layer-drag-handle{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;padding:0 6px;color:#6f7278;font-size:14px;letter-spacing:-1px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.inkbay-mobile-layer-drag-handle:active{cursor:grabbing}.inkbay-mobile-layer-preview{display:flex;align-items:center;gap:8px;min-width:0}.inkbay-mobile-layer-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#1f2937}.inkbay-mobile-layer-actions{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px}.inkbay-mobile-layer-move{display:flex;flex-direction:column;gap:4px}.inkbay-mobile-layer-move button,.inkbay-mobile-layer-delete{border:0;background:#fff;color:#6f7278;width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:inset 0 0 0 1px #d5d7db}.inkbay-mobile-layer-move button:disabled,.inkbay-mobile-layer-delete:disabled{opacity:.4}.inkbay-mobile-layer-edit{border:0;background:var(--custy-editor-purple, #5850ec);color:#fff;border-radius:6px;height:36px;min-width:74px;padding:0 12px;font-size:13px;font-weight:700;letter-spacing:.2px}.inkbay-mobile-layer-settings-overlay{display:flex;position:fixed;inset:0;z-index:1770;background:#0003}.inkbay-mobile-layer-settings-modal{width:100%;height:100%;background:#efeff0;display:flex;flex-direction:column}.inkbay-mobile-layer-settings-header{height:44px;background:#fff;color:#0f172a;border-bottom:1px solid var(--custy-modal-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.inkbay-mobile-layer-settings-header h3{margin:0;font-size:12px;font-weight:700;letter-spacing:.3px}.inkbay-mobile-layer-settings-close{border:0;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec);width:30px;height:30px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;padding:0}.inkbay-mobile-layer-settings-body{flex:1;min-height:0;overflow-y:auto}.inkbay-mobile-layer-settings-body .text-options-section>.section-header,.inkbay-mobile-layer-settings-body .clipart-options-panel>.section-header{display:none}.inkbay-mobile-layer-settings-body .text-option-group{padding:8px 12px}.inkbay-mobile-layer-settings-body .layer-section-label,.inkbay-mobile-layer-settings-body .advanced-tools-section-label{padding:10px 12px 5px;font-size:10px}.inkbay-mobile-layer-settings-body .edit-text-trigger-btn,.inkbay-mobile-layer-settings-body .change-graphic-btn{min-height:44px;font-size:13px}.inkbay-mobile-layer-settings-body .printing-type-summary{min-height:42px;padding:8px 10px;font-size:13px}.inkbay-mobile-layer-settings-body .advanced-layer-tools-toggle-wrap{padding:12px}.inkbay-mobile-layer-settings-body .advanced-layer-tools-toggle{min-height:44px;font-size:13px}.inkbay-mobile-layer-settings-body .advanced-layer-tools-toggle-wrap small{font-size:11px}.inkbay-mobile-layer-settings-body .printing-type-colors{flex-wrap:nowrap;max-height:none;overflow-x:auto;overflow-y:hidden;padding:2px 2px 6px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.inkbay-mobile-layer-settings-body .text-options-section .printing-type-colors{width:100%;height:104px;min-height:104px;max-height:104px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:3px 8px 3px 2px;box-sizing:border-box;overscroll-behavior-x:auto;overscroll-behavior-y:contain}.inkbay-mobile-layer-settings-body .text-options-section .printing-type-colors>*{flex:0 0 auto}.inkbay-mobile-layer-settings-body .clipart-options-panel .printing-type-colors{width:100%;height:104px;min-height:104px;max-height:104px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:3px 8px 3px 2px;box-sizing:border-box;overscroll-behavior-x:auto;overscroll-behavior-y:contain}.inkbay-mobile-layer-settings-body .clipart-options-panel .printing-type-colors>*{flex:0 0 auto}.inkbay-mobile-layer-settings-body .pt-color-swatch{width:32px;height:32px;min-width:32px;min-height:32px}.inkbay-mobile-layer-edit-preview-wrap{padding:10px 12px;border-bottom:1px solid #d2d5da;background:#ececee}.inkbay-mobile-layer-edit-preview-frame{height:86px;border:1px dashed #b6bcc4;border-radius:6px;background:linear-gradient(45deg,#f6f7f8 25%,transparent 25%,transparent 75%,#f6f7f8 75%,#f6f7f8),linear-gradient(45deg,#f6f7f8 25%,transparent 25%,transparent 75%,#f6f7f8 75%,#f6f7f8),#fff;background-size:14px 14px,14px 14px,auto;background-position:0 0,7px 7px,0 0;display:flex;align-items:center;justify-content:center;overflow:visible;padding:8px}.inkbay-mobile-layer-edit-preview-text{max-width:100%;max-height:100%;font-size:34px;font-weight:700;white-space:nowrap;transform-origin:center center;text-shadow:0 0 0 transparent;display:inline-block;will-change:transform;padding:6px 10px}.inkbay-mobile-layer-edit-preview-image{max-width:96%;max-height:96%;min-width:48px;min-height:28px;object-fit:contain;transform-origin:center center;display:block;will-change:transform}.inkbay-mobile-choose-part-grid{display:flex;flex-direction:column;gap:10px}.inkbay-mobile-choose-part-item{flex-direction:row;justify-content:flex-start;text-align:left;gap:10px;padding:10px 12px}.inkbay-mobile-choose-part-icon{width:46px;height:46px;flex:0 0 46px}.inkbay-mobile-choose-part-empty{color:#5d6268;font-size:13px;font-weight:600;background:#fff;border:1px solid #d9dde2;border-radius:8px;padding:14px 12px}.inkbay-mobile-add-design-text-view{display:flex;flex-direction:column;gap:10px;padding:12px}.inkbay-mobile-add-design-text-view .new-text-color-control{gap:10px;padding:12px;border-color:#d8dce2;border-radius:8px;background:#f8fafc}.inkbay-mobile-add-design-text-view .new-text-color-heading label{font-size:11px}.inkbay-mobile-add-design-text-view .new-text-color-heading span{font-size:10px}.inkbay-mobile-add-design-text-view .new-text-color-swatches{width:100%;height:104px;min-height:104px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:3px 8px 3px 2px;box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.inkbay-mobile-add-design-text-view .new-text-color-swatch{width:36px;height:36px;min-width:36px;flex:0 0 36px;border-radius:8px}.inkbay-mobile-add-design-text-view .new-text-color-swatches::-webkit-scrollbar,.inkbay-mobile-layer-settings-body .text-options-section .printing-type-colors::-webkit-scrollbar,.inkbay-mobile-layer-settings-body .clipart-options-panel .printing-type-colors::-webkit-scrollbar{width:6px;height:6px}.inkbay-mobile-add-design-text-view .new-text-color-swatches::-webkit-scrollbar-track,.inkbay-mobile-layer-settings-body .text-options-section .printing-type-colors::-webkit-scrollbar-track,.inkbay-mobile-layer-settings-body .clipart-options-panel .printing-type-colors::-webkit-scrollbar-track{background:transparent}.inkbay-mobile-add-design-text-view .new-text-color-swatches::-webkit-scrollbar-thumb,.inkbay-mobile-layer-settings-body .text-options-section .printing-type-colors::-webkit-scrollbar-thumb,.inkbay-mobile-layer-settings-body .clipart-options-panel .printing-type-colors::-webkit-scrollbar-thumb{border-radius:999px;background:var(--editor-border-primary)}.inkbay-mobile-add-design-text-view .new-text-native-color,.inkbay-mobile-add-design-text-view .new-text-advanced-color-btn{min-height:42px;font-size:13px}.inkbay-mobile-add-design-text-input{width:100%;height:42px;border:1px solid #cfd2d6;border-radius:6px;padding:0 12px;font-size:14px;color:#1f2933;background:#fff}.inkbay-mobile-add-design-text-row{display:grid;grid-template-columns:1fr 78px;gap:8px}.inkbay-mobile-add-design-font-btn{height:38px;border:1px solid #cfd2d6;border-radius:6px;background:#fff;color:#3c4045;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:13px;font-weight:500;gap:8px}.inkbay-mobile-add-design-size-input{height:38px;border:1px solid #cfd2d6;border-radius:6px;background:#fff;text-align:center;font-size:13px;color:#3c4045}.inkbay-mobile-add-design-text-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.inkbay-mobile-add-design-confirm{height:36px;border:0;border-radius:8px;background:var(--custy-editor-purple, #5850ec)!important;color:#fff!important;font-size:15px;font-weight:600;text-align:center;padding:0 12px;opacity:1;appearance:none;-webkit-appearance:none}.inkbay-mobile-add-design-confirm:hover,.inkbay-mobile-add-design-confirm:focus,.inkbay-mobile-add-design-confirm:focus-visible,.inkbay-mobile-add-design-confirm:active{background:var(--custy-editor-purple, #5850ec)!important;color:#fff!important;opacity:1}.inkbay-mobile-add-design-confirm:active{background:var(--custy-editor-purple-hover, #4b44c9)!important}.inkbay-mobile-add-design-cancel{height:36px;border:1px solid #cfd2d6;border-radius:6px;background:#fff;color:#6b7280;font-size:13px;font-weight:500;padding:0 12px}}.custy-brand-footer{position:sticky;bottom:0;left:0;right:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#fafafa;border-top:1px solid #e5e5e5;font-size:12px;color:#555;z-index:10;box-sizing:border-box}.custy-brand-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.custy-brand-link:hover span{text-decoration:underline}.custy-brand-logo{height:20px;width:auto;display:block}.custy-brand-copyright{color:#777}@media(max-width:500px){.custy-brand-footer{flex-direction:column;gap:4px;padding:6px 12px;text-align:center}}@media(max-width:750px){.inkbay-mobile-add-design-header,.inkbay-mobile-choose-side-header,.inkbay-mobile-layers-header,.inkbay-mobile-layer-settings-header{height:50px;min-height:50px;padding:0 14px;background:#f8fafc;border-bottom:1px solid #dfe3e8}.inkbay-mobile-add-design-close,.inkbay-mobile-choose-side-close,.inkbay-mobile-layers-close,.inkbay-mobile-layer-settings-close{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:1px solid #d4d8de;border-radius:50%;background:#fff;color:#616a75;display:inline-flex;align-items:center;justify-content:center}.inkbay-mobile-add-design-close:active,.inkbay-mobile-choose-side-close:active,.inkbay-mobile-layers-close:active,.inkbay-mobile-layer-settings-close:active{border-color:#c7d2fe;background:var(--custy-editor-purple-soft, #eef2ff);color:var(--custy-editor-purple, #5850ec)}.preview-modal-header{min-height:50px;padding:0 14px}.inkbay-mobile-sides-preview-close{border-color:#d4d8de;background:#fff;color:#616a75}}@media(min-width:751px)and (max-width:1100px){.customizer-layout{grid-template-columns:172px minmax(0,1fr) 210px}}
