:root{--primary-color: #111;--accent-color: #2563eb;--bg-color: #f8f9fa;--card-bg: #ffffff;--border-color: #e5e7eb;--border-active: #111;--text-main: #1f2937;--text-sub: #6b7280;--radius: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--transition: all .2s ease-in-out}.sticker-app-wrapper{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main);background-color:var(--bg-color);width:100%;overflow:hidden;padding:40px 20px;line-height:1.5}.sticker-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.sticker-gallery-column{position:sticky;top:20px}.sticker-preview-card{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);margin-bottom:20px}.sticker-main-image{display:none}.bg-checkerboard{background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#fff;border:1px solid #ddd;width:100%;height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;position:relative;cursor:grab}.bg-checkerboard:active{cursor:grabbing}#stickerCanvas{max-width:100%;max-height:100%;display:block}.sticker-product-column{display:flex;flex-direction:column;gap:24px}h1{font-size:36px;font-weight:800;margin:0;color:var(--primary-color);letter-spacing:-.02em}.subtitle{font-size:16px;color:var(--text-sub);margin-top:8px;margin-bottom:0}.section-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-sub);margin-bottom:12px;display:flex;align-items:center;gap:8px}.step-num{background:var(--primary-color);color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center}.sticker-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.sticker-option-btn{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:16px 8px;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px;position:relative}.sticker-option-btn:hover{border-color:#999;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sticker-option-btn.selected{border:2px solid var(--primary-color);background-color:#f3f4f6;color:var(--primary-color);font-weight:600}.sticker-option-icon{width:40px;height:40px;object-fit:contain;margin-bottom:8px;display:block}.sticker-upload-container{background:#fff;border:2px dashed #cbd5e1;border-radius:var(--radius);padding:30px;text-align:center;transition:var(--transition);cursor:pointer}.sticker-upload-container:hover{border-color:var(--primary-color);background:#f8fafc}.sticker-btn-upload{background:var(--primary-color);color:#fff;padding:10px 24px;border-radius:50px;font-size:14px;font-weight:600;display:inline-block;margin-bottom:8px}.sticker-input-wrapper{margin-bottom:12px}.sticker-input-wrapper label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.sticker-input-field{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:var(--transition)}.sticker-input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #0000001a}.canvas-toolbar{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:16px;display:none}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#e5e7eb;border-radius:4px;width:100%;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.sticker-atc-bar{position:fixed;bottom:0;left:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:16px 24px;box-shadow:0 -4px 6px -1px #0000000d;display:flex;justify-content:space-between;align-items:center;z-index:1000}.sticker-price-display{font-size:28px;font-weight:800;color:var(--primary-color)}.sticker-btn-add-to-cart{background:var(--primary-color);color:#fff;border:none;padding:16px 40px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em}.sticker-btn-add-to-cart:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.sticker-btn-add-to-cart:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.quality-status-box{margin-top:12px;font-size:13px;font-weight:600;padding:12px;border-radius:8px;display:none}.status-good{background:#dcfce7;color:#166534}.status-bad{background:#fee2e2;color:#991b1b}.sticker-text-btn{min-height:40px;padding:5px}.sticker-custom-input-group{display:none;margin-top:10px}.sticker-custom-input-group.active{display:block}@media (max-width: 900px){.sticker-container{grid-template-columns:1fr}.sticker-gallery-column{position:static}.sticker-atc-bar{flex-direction:column;gap:12px;text-align:center}.sticker-btn-add-to-cart{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mark-2.css.map */