@font-face{font-family:Mega;src:url('../fonts/MEGA1CLR_0.woff') format('woff'),url('../fonts/MEGA1CLR_0.ttf') format('truetype'),url('../fonts/MEGA1CLR_0.otf') format('opentype');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Glyphter;src:url('../fonts/Glyphter.woff') format('woff'),url('../fonts/Glyphter.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:GlyphterX;src:url('../fonts/GlyphterX.woff') format('woff'),url('../fonts/GlyphterX.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:gScript;src:url('../fonts/gScript.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Varsity;src:url('../fonts/varsity.woff') format('woff'),url('../fonts/varsity.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:splitNumber;src:url('../fonts/splitNumber.woff') format('woff'),url('../fonts/splitNumber.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',sans-serif;background:#e8e8e8;height:100vh;display:flex;flex-direction:column;overflow:hidden}.d-none{display:none}.mt-2{margin-top:2px}.mt-4{margin-top:4px}.mt-6{margin-top:6px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-14{margin-top:14px}.mt-16{margin-top:16px}.mt-28{margin-top:28px}header{background:#1a3a6b;color:#fff;padding:0 16px;height:52px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.3)}.hdr-left{display:flex;align-items:center;gap:10px;flex:1}.logo-badge{background:#f5c518;color:#1a3a6b;font-weight:800;font-size:11px;padding:3px 7px;border-radius:4px;letter-spacing:.5px}.help-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-weight:800;font-size:14px;text-decoration:none;flex-shrink:0}.help-btn:hover{background:rgba(255,255,255,.3)}.video-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;border:none;cursor:pointer;padding:0;flex-shrink:0}.video-btn svg{width:16px;height:16px}.video-btn:hover{background:rgba(255,255,255,.3)}.help-btn[data-tooltip],.video-btn[data-tooltip]{position:relative}.help-btn[data-tooltip]::before,.video-btn[data-tooltip]::before{content:'';position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:#1a3a6b;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10001}.help-btn[data-tooltip]::after,.video-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:#1a3a6b;color:#fff;padding:4px 10px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10000;font-weight:600}.help-btn[data-tooltip]:hover::after,.help-btn[data-tooltip]:hover::before,.video-btn[data-tooltip]:hover::after,.video-btn[data-tooltip]:hover::before{opacity:1}#save-design-overlay{display:none;position:fixed;inset:0;z-index:9100;background:rgba(0,0,0,.6);align-items:center;justify-content:center}#save-design-overlay.open{display:flex}#save-design-box{background:#fff;border-radius:8px;overflow:hidden;width:340px;max-width:96vw;box-shadow:0 8px 32px rgba(0,0,0,.25)}#save-design-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1a3a6b;color:#fff;font-weight:700;font-size:14px}#save-design-hdr button{background:0 0;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1;padding:0}#save-design-body,#save-login-body{padding:16px;opacity:1;max-height:500px;overflow:hidden;transition:opacity .2s ease,max-height .25s ease,padding .25s ease}#save-design-body.view-hidden,#save-login-body.view-hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;pointer-events:none}#save-design-body label,#save-login-body label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:5px}#save-login-body label+label{margin-top:10px}#save-design-name,#save-login-email,#save-login-pass{width:100%;box-sizing:border-box;padding:9px 11px;border:1.5px solid #d0d5dd;border-radius:5px;font-size:14px;outline:0;transition:border-color .15s}#save-design-name:focus,#save-login-email:focus,#save-login-pass:focus{border-color:#1a3a6b;box-shadow:0 0 0 3px rgba(26,58,107,.1)}#save-design-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}#save-design-actions button{padding:8px 20px;border-radius:5px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s,opacity .15s}#save-design-actions button:first-child{background:#eef0f3;color:#444}#save-design-actions button:first-child:hover{background:#e0e3e8}#save-design-actions button.primary{background:#1a3a6b;color:#fff}#save-design-actions button.primary:hover{background:#163260}#save-design-actions button.primary:disabled{opacity:.55;cursor:default}#save-login-note{font-size:12.5px;color:#666;margin:0 0 14px;line-height:1.5}#save-login-error{background:#fff0f0;color:#c0392b;border:1px solid #f5c6c6;border-radius:5px;padding:7px 11px;font-size:12px;margin-top:10px;line-height:1.4}#video-modal-overlay{display:none;position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.75);align-items:center;justify-content:center}#video-modal-overlay.open{display:flex}#video-modal-box{background:#1a3a6b;border-radius:8px;overflow:hidden;max-width:96vw}#video-modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:#fff;font-weight:700;font-size:14px}#video-modal-hdr button{background:0 0;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1;padding:0}#video-modal-body{line-height:0}#video-modal-body iframe{display:block;max-width:100%}.hdr-title{font-size:17px;font-weight:600;letter-spacing:.3px}.hdr-center{display:flex;align-items:center;gap:10px}.hdr-right{display:flex;align-items:center;gap:14px;flex:1;justify-content:flex-end}.prod-sw-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.prod-sw-label{font-size:11px;color:rgba(255,255,255,.7);white-space:nowrap;font-weight:600;letter-spacing:.3px}#product-switcher{appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.13) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,.8)'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid rgba(255,255,255,.28);color:#fff;padding:5px 26px 5px 8px;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;width:150px}#product-switcher option{background:#1a3a6b;color:#fff}.price-tag{font-size:18px;opacity:.9}.price-tag strong{color:#f5c518}.cart-btn{background:#f5c518;color:#1a3a6b;border:none;padding:6px 14px;border-radius:20px;font-weight:700;font-size:12px;cursor:pointer}.checkout-hdr-btn{background:#28a745;color:#fff;border:none;padding:6px 14px;border-radius:20px;font-weight:700;font-size:12px;cursor:pointer}.checkout-hdr-btn:hover{background:#218838}#redo-btn:disabled,#undo-btn:disabled{opacity:.3;cursor:default}.cart-icon-btn{position:relative;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.35);color:#fff;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;flex-shrink:0}.cart-icon-btn:hover{background:rgba(255,255,255,.25)}.cart-icon-btn svg{width:20px;height:20px}.cart-badge{position:absolute;top:-5px;right:-5px;background:#f5c518;color:#1a3a6b;border-radius:50%;width:17px;height:17px;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;display:none}#cart-dropdown{position:fixed;top:56px;right:12px;width:290px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(26,58,107,.22),0 2px 8px rgba(0,0,0,.12);z-index:9000;overflow:hidden;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s}#cart-dropdown.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}@keyframes spin{to{transform:rotate(360deg)}}.cart-btn-spinner{display:none;width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.cart-btn.loading .cart-btn-spinner{display:inline-block}.cart-btn.loading .cart-btn-label{opacity:.75}.cart-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}#cart-dropdown-hdr{background:#1a3a6b;color:#fff;padding:10px 14px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between}#cart-dropdown-hdr button{background:0 0;border:none;color:rgba(255,255,255,.7);font-size:16px;cursor:pointer;line-height:1;padding:0 4px}#cart-dropdown-hdr button:hover{color:#fff}#cart-dropdown-list{max-height:340px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px}#cart-dropdown-list:empty::after{content:'Your cart is empty';display:block;text-align:center;color:#aaa;font-size:12px;padding:20px 0}.cart-row{display:flex;align-items:center;gap:6px;background:#f4f6fa;border:1px solid #e0e6f5;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:600;color:#1a3a6b}.cart-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.cart-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-row-price{font-size:10px;color:#28a745;font-weight:700}.cart-row button{border:none;border-radius:6px;cursor:pointer;font-size:10px;font-weight:700;padding:3px 8px;transition:background .12s}.cart-row .edit-btn{background:#1a3a6b;color:#fff}.cart-row .edit-btn:hover{background:#0d2550}.cart-row .update-btn{background:#28a745;color:#fff}.cart-row .update-btn:hover{background:#218838}.cart-row .remove-btn{position:relative;background:#e8ecf8;color:#c00;padding:4px 6px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.cart-row .remove-btn:hover{background:#fde}.cart-row .remove-btn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#1a3a6b;color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.cart-row .remove-btn[data-tooltip]:hover::after{opacity:1}.cart-row-editing{border-color:#28a745;background:#f0fff4}#cart-dropdown-footer{padding:10px;border-top:1px solid #eef1f7}#cart-checkout-btn{width:100%;padding:9px;background:#28a745;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s}#cart-checkout-btn:hover:not(:disabled){background:#218838}#cart-checkout-btn:disabled{opacity:.45;cursor:not-allowed}#video-drawer-btn{position:fixed;right:0;top:80px;background:#1a3a6b;color:#fff;border:none;border-radius:8px 0 0 8px;width:28px;padding:14px 5px;cursor:pointer;z-index:8900;display:flex;flex-direction:column;align-items:center;gap:7px;transition:right .3s cubic-bezier(.4,0,.2,1),background .15s;box-shadow:-2px 2px 8px rgba(0,0,0,.18)}#video-drawer-btn svg{width:13px;height:13px;flex-shrink:0}#video-drawer-btn span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:700;letter-spacing:.6px}#video-drawer-btn:hover{background:#0d2550}#video-drawer-btn.open{right:300px}#video-drawer-overlay{position:fixed;inset:56px 0 0 0;background:rgba(0,0,0,.2);z-index:8898;opacity:0;pointer-events:none;transition:opacity .3s}#video-drawer-overlay.open{opacity:1;pointer-events:auto}#video-drawer{position:fixed;right:0;top:56px;bottom:0;width:300px;background:#fff;box-shadow:-4px 0 28px rgba(26,58,107,.2);border-left:1px solid #dde4f0;z-index:8899;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}#video-drawer.open{transform:translateX(0)}#video-drawer-hdr{background:#1a3a6b;color:#fff;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}#video-drawer-hdr span{font-size:13px;font-weight:700;letter-spacing:.2px}#video-drawer-hdr button{background:0 0;border:none;color:rgba(255,255,255,.65);font-size:19px;cursor:pointer;line-height:1;padding:0 2px;transition:color .12s}#video-drawer-hdr button:hover{color:#fff}#video-drawer-body{flex:1;padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.vid-card{border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid #e4e8f0;transition:box-shadow .15s,transform .15s}.vid-card:hover{box-shadow:0 4px 16px rgba(26,58,107,.18);transform:translateY(-2px)}.vid-thumb-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}.vid-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.vid-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.vid-card:hover .vid-play-overlay{opacity:1}.vid-card-title{padding:8px 10px;font-size:12px;font-weight:600;color:#1a3a6b;line-height:1.4;background:#f7f9fc}#comment-toggle-btn{position:fixed;right:0;top:170px;background:#1a3a6b;color:#fff;border:none;border-radius:8px 0 0 8px;width:28px;padding:14px 5px;cursor:pointer;z-index:8900;display:flex;flex-direction:column;align-items:center;gap:7px;transition:right .3s cubic-bezier(.4,0,.2,1),background .15s;box-shadow:-2px 2px 8px rgba(0,0,0,.18)}#comment-toggle-btn svg{width:13px;height:13px;flex-shrink:0}#comment-toggle-btn span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:700;letter-spacing:.6px}#comment-toggle-btn:hover{background:#0d2550}#comment-toggle-btn.has-note{background:#f5c518;color:#1a3a6b}#comment-toggle-btn.open{right:300px}#comment-drawer-overlay{position:fixed;inset:56px 0 0 0;background:rgba(0,0,0,.2);z-index:8898;opacity:0;pointer-events:none;transition:opacity .3s}#comment-drawer-overlay.open{opacity:1;pointer-events:auto}#comment-drawer{position:fixed;right:0;top:56px;bottom:0;width:300px;background:#fff;box-shadow:-4px 0 28px rgba(26,58,107,.2);border-left:1px solid #dde4f0;z-index:8899;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}#comment-drawer.open{transform:translateX(0)}#comment-drawer-hdr{background:#1a3a6b;color:#fff;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}#comment-drawer-hdr span{font-size:13px;font-weight:700;letter-spacing:.2px}#comment-drawer-hdr button{background:0 0;border:none;color:rgba(255,255,255,.65);font-size:19px;cursor:pointer;line-height:1;padding:0 2px;transition:color .12s}#comment-drawer-hdr button:hover{color:#fff}#comment-drawer-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}#comment-drawer-body p{font-size:11px;color:#888;margin:0;line-height:1.6}#design-notes-input{width:100%;box-sizing:border-box;border:1.5px solid #dde4f0;border-radius:8px;padding:10px 11px;font-size:13px;font-family:inherit;resize:vertical;min-height:130px;transition:border-color .18s,box-shadow .18s;outline:0;color:#1a3a6b;line-height:1.5}#design-notes-input:focus{border-color:#1a3a6b;box-shadow:0 0 0 3px rgba(26,58,107,.09)}#design-notes-count-wrap{font-size:10px;color:#bbb;text-align:right;margin-top:-4px}#comment-add-btn{width:100%;padding:11px;background:#1a3a6b;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,transform .1s;margin-top:2px}#comment-add-btn:hover{background:#0d2550}#comment-add-btn:active{transform:scale(.98)}#comment-add-btn.saved{background:#28a745}@media(max-width:480px){#video-drawer{width:100%;border-left:none}#video-drawer-btn.open{right:100%}#comment-drawer{width:100%;border-left:none}#comment-toggle-btn.open{right:100%}}#side-switcher{display:none;gap:6px;padding:8px 14px;background:#eef1f7;border:1px solid #dde4f0;border-radius:8px;flex-wrap:wrap;justify-content:center;margin:8px auto;align-self:center}.canvas-column{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#d0d0d0;position:relative}.side-btn{padding:5px 14px;border:1.5px solid #c9d4f0;border-radius:5px;background:#fff;cursor:pointer;font-size:11px;font-weight:700;color:#1a3a6b;transition:all .15s;letter-spacing:.03em}.side-btn:hover{background:#f0f4ff}.side-btn.active{background:#1a3a6b;color:#fff;border-color:#1a3a6b}.workspace{display:flex;flex:1;overflow:hidden}.left-panel{position:absolute;left:0;top:0;bottom:0;width:300px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;z-index:200;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px rgba(0,0,0,.12)}.left-panel.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eee;flex-shrink:0;background:#fff}.drawer-header span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#1a3a6b}.drawer-close{background:0 0;border:none;cursor:pointer;font-size:16px;color:#888;padding:2px 8px;border-radius:4px;line-height:1;font-weight:700}.drawer-close:hover{background:#eee;color:#333}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}#drawer-backdrop{display:none;position:absolute;inset:0;z-index:199;pointer-events:none}#drawer-backdrop.active{display:block}.canvas-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#d0d0d0;position:relative;overflow:auto}.stole-wrap{position:relative;width:520px;height:700px;flex-shrink:0}#bg-spinner{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:50;pointer-events:none}#bg-spinner.active{display:flex}#bg-spinner::after{content:'';width:32px;height:32px;border:3px solid rgba(255,255,255,.25);border-top-color:rgba(255,255,255,.85);border-radius:50%;animation:bg-spin .6s linear infinite;box-shadow:0 2px 8px rgba(0,0,0,.35)}@keyframes bg-spin{to{transform:rotate(360deg)}}.stole-wrap svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.canvas-container{position:absolute!important;top:0!important;left:0!important;z-index:2!important}.lower-canvas,.upper-canvas{background:0 0!important}.sidebar{width:52px;background:#1a3a6b;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;flex-shrink:0;overflow:visible;z-index:300}.sb-btn{position:relative;width:100%;height:40px;background:0 0;border:none;border-radius:8px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s;flex-shrink:0}.sb-btn:hover{background:rgba(255,255,255,.18)}.sb-btn.active{background:#fff;color:#1a3a6b;border-radius:8px 0 0 8px}.sb-btn svg{width:22px;height:22px;pointer-events:none}#sb-greek svg,#sb-splitnumber svg,#sb-symbols svg,#sb-text svg{width:32px;height:32px}.sb-spacer{flex:1}.sb-btn.danger{color:#ff7878}.sb-btn.danger:hover{background:rgba(220,53,69,.7);color:#fff}.sb-btn::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1a3a6b;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:500;border:1px solid rgba(255,255,255,.15)}.sb-btn:hover::after{opacity:1}.section{margin-bottom:14px}.section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:7px}.section-title.collapsible{cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;font-size:12px;font-weight:700;color:#1a3a6b;transition:color .15s ease}.section-title.collapsible:hover{color:#0d2550}.chevron{display:inline-block;font-size:12px;color:#aaa;transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron.open{transform:rotate(180deg)}.collapse-body{max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .25s ease}.collapse-body.open{opacity:1;overflow:visible}.field-label{font-size:11px;color:#444;margin-bottom:4px;display:block}.inp{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:5px;font-size:12px;font-family:inherit}.inp:focus{outline:0;border-color:#1a3a6b}textarea.inp{resize:none;height:36px;min-height:unset;font-size:14px}select.inp{cursor:pointer}.btn{width:100%;padding:7px;border:none;border-radius:5px;cursor:pointer;font-size:11px;font-weight:700;transition:all .15s;font-family:inherit}.btn-primary{background:#1a3a6b;color:#fff}.btn-primary:hover{background:#2a4a8b}.btn-secondary{background:#e9ecef;color:#333}.btn-secondary:hover{background:#dee2e6}.greek-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:8px}.gbtn{padding:5px 2px;background:#f0f4ff;border:1px solid #c9d4f0;border-radius:4px;cursor:pointer;font-size:15px;text-align:center;color:#1a3a6b;font-family:Mega,serif;transition:all .12s}.gbtn:hover{background:#1a3a6b;color:#f5c518;border-color:#1a3a6b}.symbol-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}.symbtn{padding:6px 2px;background:#f0f4ff;border:1px solid #c9d4f0;border-radius:4px;cursor:pointer;text-align:center;color:#1a3a6b;transition:all .12s;position:relative}.symbtn:hover{background:#1a3a6b;color:#f5c518;border-color:#1a3a6b}.symbtn::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1a3a6b;color:#fff;font-size:10px;font-weight:600;white-space:nowrap;padding:4px 8px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:500;border:1px solid rgba(255,255,255,.15)}.symbtn:hover::after{opacity:1}.symbtn .sym-glyph{font-family:Glyphter;font-size:28px;display:block;line-height:1}.sn-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:4px}.sn-btn{padding:3px 0;background:#f0f4ff;border:1px solid #c9d4f0;border-radius:4px;cursor:pointer;text-align:center;transition:all .12s;overflow:hidden}.sn-btn:hover{background:#1a3a6b;border-color:#1a3a6b}.sn-btn span{font-family:splitNumber;font-size:22px;color:#1a3a6b;display:block;line-height:1.1;margin:0 -4px}.sn-btn:hover span{color:#f5c518}.shape-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.size-btn-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.apparel-size-btn{flex:1;min-width:34px;padding:10px 2px;border:1.5px solid #b8c4df;border-radius:7px;text-align:center;cursor:pointer;font-size:15px;font-weight:700;color:#1a3a6b;background:#e8ecf8;transition:all .12s;user-select:none}.apparel-size-btn:hover{border-color:#1a3a6b;background:#d0d9f0}.apparel-size-btn.active{background:#1a3a6b;color:#fff;border-color:#1a3a6b}.size-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:3px 6px;border:1.5px solid #b8c4df;border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;color:#1a3a6b;background:#e8ecf8;transition:all .12s;user-select:none}.size-btn:hover{border-color:#1a3a6b;background:#d0d9f0}.size-btn.active{background:#1a3a6b;color:#fff;border-color:#1a3a6b}.shapebtn{padding:8px 4px;background:#f0f4ff;border:2px solid #c9d4f0;border-radius:6px;cursor:pointer;text-align:center;color:#1a3a6b;transition:all .12s}.shapebtn:hover{border-color:#1a3a6b}.shapebtn.active{background:#1a3a6b;border-color:#f5c518;color:#fff}.shapebtn .shape-glyph{font-family:Glyphter;font-size:32px;display:block;line-height:1}.shapebtn .shape-label{font-size:10px;margin-top:4px;color:#888}.shapebtn.active .shape-label{color:#f5c518}.org-row{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border:1px solid #eee;border-radius:5px;margin-bottom:4px;cursor:pointer;transition:all .12s}.org-row:hover{background:#f0f4ff;border-color:#1a3a6b}.org-scroll-wrap{position:relative}.org-scroll-box{height:180px;overflow-y:auto;scrollbar-width:none;padding:2px 0}.org-scroll-box::-webkit-scrollbar{display:none}.org-scroll-arrow{display:none;position:absolute;left:50%;transform:translateX(-50%);width:22px;height:22px;line-height:22px;text-align:center;font-size:12px;background:rgba(26,58,107,.82);color:#fff;border-radius:50%;pointer-events:none;z-index:20}.org-scroll-arrow.show{display:block}.crest-scroll-box{height:336px;overflow-y:auto;scrollbar-width:none;padding:2px 0}.crest-scroll-box::-webkit-scrollbar{display:none}.org-name{font-size:10px;color:#555}.org-letters{font-family:Mega,serif;font-size:13px;color:#1a3a6b;font-weight:700}.font-preview{font-size:18px;text-align:center;padding:6px;background:#f0f4ff;border-radius:5px;margin-bottom:6px;color:#1a3a6b;min-height:36px}input[type=range]{width:100%;min-width:0;accent-color:#1a3a6b;margin:4px 0}.range-row{display:flex;align-items:center;gap:6px;margin-bottom:6px;min-width:0}.range-val{font-size:11px;color:#666;width:30px;text-align:right}.tcolor-row{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px;justify-content:center}.no-stroke-btn{display:block;width:100%;margin-bottom:6px;padding:4px 0;background:#f0f4ff;border:1.5px dashed #b8c4df;border-radius:5px;color:#1a3a6b;font-size:10px;font-weight:700;cursor:pointer;text-align:center;letter-spacing:.03em}.no-stroke-btn:hover{background:#e0e8ff;border-color:#1a3a6b}.toggle-wrap{display:flex;align-items:center;justify-content:space-between}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:#ccc;border-radius:24px;cursor:pointer;transition:background .2s ease}.toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease}.toggle-switch input:checked+.toggle-track{background:#2196f3}.toggle-switch input:checked~.toggle-thumb{transform:translateX(20px)}.color-hover-pair{display:flex;gap:10px}.color-hover-wrap{position:relative;padding-bottom:4px}.color-hover-btn{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default;background:0 0;border:none;padding:0}.color-icon-box{width:45px;height:45px;border-radius:5px;transition:outline .1s}.color-icon-label{font-size:10px;font-weight:600;color:#666;text-align:center;transition:visibility 0s}.color-hover-wrap:hover .color-icon-label{visibility:hidden}.color-hover-wrap:hover .color-icon-box{outline:2px solid #1a3a6b;outline-offset:2px}.color-hover-panel{display:none;position:absolute;top:54px;left:0;z-index:300;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;box-shadow:0 4px 16px rgba(0,0,0,.14);min-width:190px}.color-hover-wrap:hover .color-hover-panel{display:block}.color-hover-wrap.disabled{opacity:.38;cursor:not-allowed}.color-hover-wrap.disabled *{pointer-events:none}.color-hover-wrap.disabled .color-hover-panel{display:none!important}.tc{position:relative;width:50px;height:50px;border-radius:4px;cursor:pointer;border:2px solid transparent}.tc.sel,.tc:hover{border-color:#333}.color-hover-panel .tc{width:30px;height:30px}.tc-thumb::before,.tc::before{content:attr(data-name);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(5px) scale(.75);background:linear-gradient(135deg,#1a3a6b,#13294f);color:#f5c518;font-size:10px;font-weight:700;letter-spacing:.2px;padding:5px 9px;border-radius:6px;border:1px solid #f5c518;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:opacity .18s ease,transform .28s cubic-bezier(.34,1.76,.64,1);z-index:80}.tc-thumb::after,.tc::after{content:'';position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%) scale(0);border:5px solid transparent;border-top-color:#13294f;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .28s cubic-bezier(.34,1.76,.64,1);z-index:80}.tc-thumb:hover::before,.tc:hover::before{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.tc-thumb:hover::after,.tc:hover::after{opacity:1;transform:translateX(-50%) scale(1)}.tc-thumb{position:relative;width:75px;height:75px;border-radius:6px;cursor:pointer;border:2px solid transparent;background-color:#e8edf5;background-size:contain,cover;background-repeat:no-repeat;background-position:center bottom,center}.tc-thumb:hover{border-color:rgba(26,58,107,.25)}.tc-thumb.sel{border-color:rgba(26,58,107,.5)}#toast{position:fixed;top:68px;left:50%;transform:translateX(-50%) translateY(-160%);z-index:9998;background:#1f2937;color:#fff;padding:14px 24px 14px 17px;border-radius:14px;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;box-shadow:0 10px 32px rgba(0,0,0,.32);pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease;opacity:0;white-space:nowrap}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}#toast.hide{transform:translateX(-50%) translateY(-160%);opacity:0;transition:transform .35s ease-in,opacity .3s ease}.toast-icon{width:31px;height:31px;border-radius:50%;background:#f5c518;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon svg{width:17px;height:17px;stroke:#1f2937;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.toast-body{display:flex;flex-direction:column;gap:2px}.toast-title{font-size:15px;font-weight:700;color:#f5c518;letter-spacing:.2px}.toast-sub{font-size:13px;font-weight:500;color:rgba(255,255,255,.82)}.upload-zone{border:2px dashed #bbb;border-radius:8px;padding:18px;text-align:center;cursor:pointer;color:#888;font-size:11px;transition:all .15s;margin-bottom:8px}.upload-zone:hover{border-color:#1a3a6b;color:#1a3a6b;background:#f0f4ff}.upload-icon{font-size:28px;margin-bottom:4px}.crest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 2px;margin-bottom:4px}.crest-card{position:relative;background:#f8f8f8;border:1px solid #eee;border-radius:5px;padding:2px;text-align:center;cursor:pointer;font-size:10px;color:#666;transition:all .12s}.crest-card:hover{border-color:#1a3a6b;background:#f0f4ff}#crest-tooltip{position:fixed;background:#1a3a6b;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;padding:5px 10px;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:99999;border:1px solid rgba(255,255,255,.15)}#crest-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1a3a6b}#modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9999;display:none;align-items:center;justify-content:center}#modal-overlay.open{display:flex}#modal-box{background:#fff;border-radius:10px;padding:28px 24px 20px;max-width:360px;width:90%;box-shadow:0 8px 40px rgba(0,0,0,.3);text-align:center}#modal-msg{font-size:14px;color:#222;line-height:1.55;margin:0 0 18px;white-space:pre-wrap}#modal-btns{display:flex;gap:8px;justify-content:center}#preview-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:10000;display:none;align-items:center;justify-content:center}#preview-overlay.open{display:flex}#preview-box{background:#f4f6fa;border-radius:14px;width:min(520px,95vw);max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 16px 60px rgba(0,0,0,.45)}#preview-overlay.open #preview-box{animation:scaleIn .22s cubic-bezier(.34,1.56,.64,1) forwards}#preview-header{background:#1a3a6b;color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}#preview-header h3{margin:0;font-size:15px;font-weight:700;letter-spacing:.3px}#preview-close-x{background:0 0;border:none;color:rgba(255,255,255,.7);font-size:20px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:4px;transition:color .12s}#preview-close-x:hover{color:#fff}#preview-tabs{display:flex;justify-content:center;gap:0;padding:10px 14px 0;background:#fff;flex-shrink:0;border-bottom:1px solid #e0e4ea}.prev-tab{padding:7px 16px;border:none;background:0 0;font-size:12px;font-weight:600;color:#666;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s;text-transform:capitalize}.prev-tab.active{color:#1a3a6b;border-bottom-color:#1a3a6b}#preview-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;background:#fff;padding:16px;min-height:200px;position:relative;overflow:hidden}#preview-img{max-width:100%;max-height:calc(95vh - 220px);object-fit:contain;display:block;border-radius:6px;box-shadow:0 2px 16px rgba(0,0,0,.12)}#preview-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;font-size:13px;color:#888}#preview-actions{display:flex;justify-content:center;gap:8px;padding:14px 16px;background:#f4f6fa;flex-shrink:0;border-top:1px solid #e0e4ea}#preview-actions button{padding:9px 28px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:filter .12s}#preview-actions button:hover{filter:brightness(1.08)}#prev-btn-back{background:#e9ecef;color:#333}#prev-btn-download{background:#1a3a6b;color:#fff}.flag-icon{display:block;width:32px;height:22px;object-fit:cover;border:1px solid #ddd;margin:0 auto 4px}.flag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;max-height:360px;overflow-y:auto;overflow-x:hidden;padding-top:3px}.flag-card{background:#f8f8f8;border:2px solid #eee;border-radius:6px;padding:8px;text-align:center;cursor:pointer;font-size:10px;color:#666;transition:all .12s}.flag-card:hover{border-color:#1a3a6b;background:#f0f4ff}#sel-bar{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(26,58,107,.95);color:#fff;border-radius:20px;padding:6px 14px;display:none;align-items:center;gap:8px;z-index:100;box-shadow:0 3px 12px rgba(0,0,0,.3)}#sel-bar button{background:rgba(255,255,255,.15);border:none;color:#fff;padding:4px 10px;border-radius:12px;cursor:pointer;font-size:11px;font-weight:600}#sel-bar button:hover{background:rgba(255,255,255,.3)}#sel-bar .del-btn{background:rgba(220,53,69,.7)}#sel-bar .del-btn:hover{background:#dc3545}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes priceFlash{0%,100%{color:inherit;transform:scale(1)}50%{color:#f5c518;transform:scale(1.1)}}@keyframes cartSlide{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}.panel-anim{animation:fadeInUp .2s ease forwards}#modal-overlay.open #modal-box{animation:scaleIn .22s cubic-bezier(.34,1.56,.64,1) forwards}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.97)}.sb-btn:active{transform:scale(.93)}.crest-card:hover,.flag-card:hover,.tmpl-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.14)}#price-display{display:inline-block;transition:color .2s}.price-flash{animation:priceFlash .4s ease}.cart-chip{animation:cartSlide .25s ease forwards}#intro{position:fixed;inset:0;z-index:10000;background:#1a3a6b;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease,visibility .7s ease}#intro.done{opacity:0;visibility:hidden;pointer-events:none}#intro-inner{text-align:center}@keyframes introLogo{0%{opacity:0;letter-spacing:.5em}60%{opacity:1;letter-spacing:.12em}100%{opacity:1;letter-spacing:.12em}}@keyframes introSub{0%,30%{opacity:0;transform:translateY(6px)}100%,70%{opacity:1;transform:translateY(0)}}@keyframes introBar{from{width:0}to{width:100%}}#intro-logo{font-family:Varsity,sans-serif;font-size:2.6rem;color:#f5c518;animation:introLogo 1.4s cubic-bezier(.22,1,.36,1) forwards}#intro-tagline{font-size:.85rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.25em;margin-top:10px;animation:introSub .9s .9s ease forwards;opacity:0}#intro-bar-wrap{width:220px;height:3px;background:rgba(255,255,255,.15);margin:36px auto 0;border-radius:3px;overflow:hidden}#intro-bar{height:100%;background:#f5c518;width:0;animation:introBar 4.4s .4s cubic-bezier(.4,0,.2,1) forwards}@media (max-width:900px){.prod-sw-label{display:none}#product-switcher{width:110px}.hdr-title{font-size:14px}}@media (max-width:640px){body{height:100dvh}header{height:48px;padding:0 10px}.hdr-title{display:none}.prod-sw-wrap{display:none}.price-tag{font-size:11px}.cart-btn,.checkout-hdr-btn{padding:5px 10px;font-size:11px;border-radius:14px}.workspace{flex-direction:column}.canvas-column{flex:1;order:1;min-height:0}.sidebar{order:2;width:100%;height:56px;flex-direction:row;padding:4px 6px;gap:0;justify-content:space-around;align-items:center;flex-shrink:0}.sb-spacer{display:none}.sb-btn{flex:1;max-width:52px;width:auto;height:44px;border-radius:8px}.sb-btn.active{background:rgba(245,197,24,.2);color:#f5c518;border-radius:8px}.sb-btn::after{display:none}.left-panel{left:0;right:0;bottom:0;top:auto;width:100%;height:62vh;border-radius:16px 16px 0 0;border-right:none;border-top:2px solid #e0e0e0;transform:translateY(100%);box-shadow:0 -6px 28px rgba(0,0,0,.18)}.left-panel.open{transform:translateY(0)}.left-panel::before{content:'';display:block;width:36px;height:4px;background:rgba(0,0,0,.12);border-radius:2px;margin:10px auto 0;flex-shrink:0}.drawer-header{border-radius:16px 16px 0 0}#drawer-backdrop.active{background:rgba(0,0,0,.25)}#sel-bar{bottom:66px;padding:5px 12px}#side-switcher{padding:6px 8px;gap:4px}.side-btn{padding:4px 10px;font-size:10px}.tc{width:28px;height:28px;border-radius:5px}.flag-grid{grid-template-columns:repeat(4,1fr);max-height:220px}.crest-grid{gap:8px}.crest-card{padding:6px 4px}.panel-body{padding:10px}.section-title,.section-title.collapsible{padding:8px 0}.section-title.collapsible{min-height:40px;align-items:center}#cart-dropdown{right:4px;left:4px;width:auto}}@media (max-width:380px){.cart-btn,.checkout-hdr-btn{font-size:10px;padding:4px 8px}.logo-badge{display:none}.sb-btn{height:40px}.sidebar{height:50px}#sel-bar{bottom:60px}}