.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}:root{color-scheme:light;font-family:Plus Jakarta Sans,Manrope,system-ui,sans-serif;--bg: #f7f6f2;--panel: #ffffff;--ink: #1c1c1c;--muted: #626060;--accent: #2563eb;--border: #e3e2de;--shadow: 0 18px 40px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#fff,#f3f0ea 40%,#ede9e1);color:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{max-width:1200px;margin:0 auto;padding:0 24px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:20;background:#fff;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:12px 24px}.topbar h1{margin:4px 0 0;font-size:24px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand-logo{width:44px;height:44px;border-radius:14px;border:none;background:transparent;box-shadow:none;cursor:pointer;overflow:hidden;padding:0}.brand-logo img{width:100%;height:100%;object-fit:cover}.profile-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:4px;cursor:pointer}.profile-chip img,.profile-chip .avatar{display:block}.profile-menu{position:relative}.profile-dropdown{position:absolute;top:0;left:0;background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 12px 24px #0f172a1f;min-width:140px;z-index:10;animation:popIn .18s ease-out}.profile-button{width:100%;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:10px;background:#2563eb1f;color:#1d4ed8;font-weight:700;cursor:pointer;margin-bottom:6px}.profile-button svg{width:16px;height:16px}.logout-button{width:100%;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:10px;background:#dc26261f;color:#b91c1c;font-weight:700;cursor:pointer}.logout-button svg{width:16px;height:16px}.popup-content{background:transparent!important;border:none!important;padding:0!important}.popup-overlay{background:transparent!important}.buy-overlay{background:#0f172a59!important}@keyframes popIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar{width:32px;height:32px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.avatar-image{width:32px;height:32px;border-radius:999px;object-fit:cover}.coin-card{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#fef3c7,#f9d976);color:#8a4b0f;border:1px solid #f4c44b;box-shadow:0 12px 24px #ecb4334d;min-width:120px;justify-content:center;cursor:pointer}.coin-card:hover{transform:translateY(-1px);box-shadow:0 16px 28px #ecb43352}.coin-icons{display:inline-flex;align-items:center;gap:6px;font-size:18px}.pig-icon{width:28px;height:28px;border-radius:999px;background:#f59e0b;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #fff9;color:#7c3f0f;background:radial-gradient(circle at 30% 30%,#fde68a,#f59e0b 60%,#b45309);box-shadow:inset 0 0 0 2px #ffffffb3,0 0 12px #f59e0ba6,0 0 24px #f59e0b66;position:relative}.pig-icon:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;background:conic-gradient(from 0deg,#fde047b3,#f59e0b1a,#fde047b3);filter:blur(6px);opacity:.7;animation:pigGlowSpin 6s linear infinite;z-index:-1}@keyframes pigGlowSpin{to{transform:rotate(360deg)}}.coin-icon{width:28px;height:28px;border-radius:999px;background:#fbbf24;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #fff9;color:#7c3f0f}.pig-icon svg,.coin-icon svg{width:18px;height:18px}.coin-value{font-size:18px;font-weight:700;color:#7c3f0f}.buy-coins-button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 16px;background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#7c3f0f;border:none;font-size:13px;font-weight:700;box-shadow:0 10px 22px #f59e0b59}.buy-coins-button svg{width:16px;height:16px}.floating-buy-button{right:18px;bottom:18px;z-index:120;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#5a2a00;box-shadow:0 18px 32px #f59e0b59;border:none;font-size:13px;font-weight:700;position:fixed;overflow:visible;text-shadow:0 1px 0 rgba(255,243,224,.6);letter-spacing:.2px}.floating-buy-button span{display:inline-flex;align-items:center;gap:6px}.floating-buy-button svg{width:18px;height:18px}.floating-buy-button:before{content:none}.floating-buy-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(135deg,#fcd34d,#f59e0b);z-index:0}.floating-buy-button>*{position:relative;z-index:1}@keyframes glowPulse{0%,to{transform:scale(1)}50%{transform:scale(1)}}.buy-modal{width:min(560px,calc(100vw - 32px));background:#fff;border-radius:20px;border:1px solid var(--border);padding:20px;box-shadow:0 20px 50px #0f172a33}.buy-page{display:flex;justify-content:center;width:100%}.buy-page-card{width:min(640px,100%);background:#fff;border-radius:22px;border:1px solid var(--border);padding:22px;box-shadow:0 20px 50px #0f172a1f}.buy-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.buy-page-header h3{margin:0;font-size:20px}.buy-page-header p{margin:6px 0 0;color:var(--muted);font-size:13px}.buy-page-tip{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:8px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;align-self:center}.buy-page-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:12px;font-weight:700;box-shadow:0 6px 14px #0f172a14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.back-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a1f;border-color:#cbd5f5}.buy-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.buy-modal-header h3{margin:0;font-size:18px}.buy-modal-header p{margin:4px 0 0;color:var(--muted);font-size:13px}.buy-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.buy-package-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px;text-align:left;display:grid;gap:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.buy-package-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;z-index:0;opacity:.95}.buy-package-card{position:relative;overflow:hidden}.buy-package-card>*{position:relative;z-index:1}.package-variant-0:before{background:linear-gradient(140deg,#2563eb1f,#dbeafee6)}.package-variant-1:before{background:linear-gradient(140deg,#10b9811f,#d1fae5e6)}.package-variant-2:before{background:linear-gradient(140deg,#f973161f,#ffedd5eb)}.package-variant-3:before{background:linear-gradient(140deg,#a855f71f,#ede9feeb)}.buy-package-card.active:before{opacity:1}.buy-package-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a1f}.buy-package-card.active{border-color:#2563eb;box-shadow:0 12px 24px #2563eb2e;background:#eff6ff}.package-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#0f172a}.package-title span{font-size:12px;color:#475569}.package-card-top{display:flex;flex-direction:column;gap:10px}.package-price{display:flex;flex-direction:column;gap:4px}.price-main{font-size:20px;font-weight:800;color:#0f172a}.price-sub{font-size:12px;color:#475569}.package-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.package-coins{font-size:18px;font-weight:700;color:#1f2937}.package-bonus{background:#ecfdf3;color:#15803d;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.package-tag{background:#fef3c7;color:#92400e;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px}.buy-qr{margin-top:16px;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;display:grid;gap:12px}.buy-qr-info{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.buy-qr-info h4{margin:0 0 4px;font-size:16px}.buy-qr-info p{margin:0;color:var(--muted);font-size:13px}.buy-qr-image{background:#fff;border-radius:16px;padding:16px;border:1px dashed #d4d4d8;display:flex;justify-content:center}.buy-qr-image img{width:min(320px,100%);height:auto;object-fit:contain}.buy-qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:40;padding:24px}.buy-qr-modal{width:min(520px,100%);background:#fff;border-radius:20px;padding:20px;border:1px solid var(--border);box-shadow:0 24px 60px #0f172a33;display:grid;gap:14px;position:relative}.buy-qr-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.buy-qr-header h4{margin:0 0 4px;font-size:16px}.buy-qr-header p{margin:0;color:var(--muted);font-size:13px}.buy-qr-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}.buy-qr-actions{display:flex;justify-content:flex-end}.buy-qr-success{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffeb;border-radius:20px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;z-index:2;animation:successFade .3s ease-out}.success-check{width:88px;height:88px;display:grid;place-items:center}.success-check svg{width:88px;height:88px;stroke:#16a34a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none}.success-check circle{stroke-dasharray:157;stroke-dashoffset:157;animation:circleDraw .6s ease-out forwards}.success-check path{stroke-dasharray:48;stroke-dashoffset:48;animation:checkDraw .4s ease-out forwards .35s}@keyframes circleDraw{to{stroke-dashoffset:0}}@keyframes checkDraw{to{stroke-dashoffset:0}}@keyframes successFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.error-text{color:#b42318;font-size:13px}.success-text{color:#15803d;font-size:13px;font-weight:600}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.2em;margin:0;color:var(--muted)}.nav{margin:24px 0 32px;display:flex;flex-wrap:wrap;gap:12px}.nav-link{padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--panel);font-weight:600;font-size:14px}.nav-link.active{background:var(--ink);color:#fff;border-color:var(--ink)}.content{display:flex;flex-direction:column;gap:24px;padding-top:16px}.page{display:flex;flex-direction:column;gap:24px}.browse-grid-wrap{width:calc(100vw - 48px);margin-left:calc(50% - 50vw + 24px);margin-right:calc(50% - 50vw + 24px);padding:0 24px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.search-header{width:100%;padding-top:12px}.search-input{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;border:1px solid var(--border);background:#fff;box-shadow:0 12px 24px #0f172a14}.search-input svg{width:18px;height:18px;color:#64748b}.search-input input{border:none;outline:none;width:100%;font-size:15px;font-family:inherit;background:transparent}.category-filter{display:flex;flex-wrap:wrap;gap:10px}.pill{border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--ink);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.pill.active{background:var(--ink);color:#fff;border-color:var(--ink)}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.card.error{border-color:#f3b4b4;background:#fff5f5}.form{display:flex;flex-direction:column;gap:16px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.form input,.form textarea,.form select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:14px;font-family:inherit}.color-picker{position:relative;display:inline-block}.color-picker-trigger{display:flex;align-items:center;gap:12px}.color-chip{width:40px;height:40px;border-radius:999px;border:2px solid #e5e7eb;box-shadow:0 0 0 3px #a855f7;background:#fff;cursor:pointer}.color-chip.add{display:grid;place-items:center;font-size:20px;font-weight:600;color:#111827;background:radial-gradient(circle at top left,#fff,#f3f4f6)}.color-picker-popover{position:absolute;top:54px;left:0;z-index:20;width:320px;padding:18px;border-radius:18px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 40px #0f172a2e}.color-picker-tabs{display:flex;gap:12px;margin-bottom:12px;font-weight:600}.color-picker-tabs .tab{flex:1;padding:10px 12px;border:none;border-bottom:3px solid transparent;background:transparent;cursor:pointer;font-size:15px}.color-picker-tabs .tab.active{border-color:#a855f7;color:#111827}.color-picker-tabs .tab.disabled{color:#9ca3af;cursor:not-allowed}.react-colorful{width:100%!important;height:180px!important;border-radius:14px;overflow:hidden}.react-colorful__saturation{border-radius:14px}.react-colorful__hue{height:16px;border-radius:999px;margin-top:12px}.react-colorful__pointer{width:18px;height:18px;border:2px solid #fff;box-shadow:0 0 0 2px #0f172a33}.color-input-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.color-input-row input{flex:1;border:none;background:transparent;font-size:14px;font-weight:600}.color-input-row input:focus{outline:none}.color-input-swatch{width:24px;height:24px;border-radius:999px;border:1px solid #d1d5db}.color-input-icon{border:none;background:#fff;border-radius:10px;padding:6px 8px;cursor:default;color:#6b7280;font-size:14px}.upload-dropzone{border-radius:20px;border:2px dashed #6aa2ff;background:#eaf2ff;padding:24px;display:flex;align-items:center;justify-content:center;min-height:220px;position:relative;overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.upload-dropzone.is-active{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.upload-dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-placeholder{text-align:center;color:#2a4b8d}.upload-placeholder p{margin:8px 0 4px;font-weight:600}.upload-placeholder p span{color:#2563eb}.upload-placeholder small{color:#6a87b4}.upload-icon{width:48px;height:48px;margin:0 auto 8px;color:#4d7fe7}.upload-preview{position:relative;width:100%}.upload-preview-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:100%}.upload-preview-grid.is-compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.upload-preview img{width:100%;border-radius:16px;object-fit:cover}.upload-slot{border:2px dashed #9bb7e7;border-radius:16px;background:#f3f6ff;display:flex;align-items:center;justify-content:center;min-height:140px;text-align:center;color:#3b5ba7;font-size:12px;font-weight:600;padding:12px}.upload-slot strong{display:block;font-size:13px;margin-bottom:4px}.upload-remove{position:absolute;top:12px;right:12px;border:none;border-radius:999px;background:#dc2626e6;color:#fff;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0}.upload-remove svg{width:18px;height:18px}.form button,button{border:none;border-radius:10px;padding:12px 16px;font-weight:600;background:var(--accent);color:#fff;cursor:pointer}.form .upload-remove{background:#dc2626e6;border-radius:999px;padding:0}button:disabled{opacity:.6;cursor:not-allowed}.ghost-button{background:transparent;border:1px solid var(--border);color:var(--ink)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pinterest-grid{column-count:4;column-gap:16px}@media (max-width: 1100px){.pinterest-grid{column-count:3}}@media (max-width: 900px){.pinterest-grid{column-count:2}}@media (max-width: 600px){.pinterest-grid{column-count:2}}.category-section{display:flex;flex-direction:column;gap:12px}.category-header{display:flex;align-items:center;justify-content:space-between}.option-card{background:var(--panel);border-radius:16px;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;min-height:320px}.pinterest-card{break-inside:avoid;margin-bottom:16px;min-height:auto;position:relative;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:none;background:transparent;box-shadow:none}.pinterest-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a1f}.option-image{height:160px;background:#f3f2ee;display:flex;align-items:center;justify-content:center;position:relative}.pinterest-card .option-image{height:auto;border-radius:16px;overflow:hidden;position:relative}.template-badges{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap}.template-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.coin-badge{background:#fde047e6;color:#92400e;border:1px solid rgba(245,158,11,.4);box-shadow:0 8px 16px #f59e0b40}.plugin-badge{background:#3b82f626;color:#1d4ed8;border:1px solid rgba(59,130,246,.25)}.option-image img{width:100%;height:auto;object-fit:cover}.use-template-button{position:absolute;top:auto;bottom:12px;right:16px;padding:8px 12px;border-radius:999px;background:#2563ebf2;box-shadow:0 8px 18px #2563eb59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:12px;font-weight:700;border:none;opacity:1;transform:none;transition:none;z-index:2}.option-placeholder{color:var(--muted);font-size:13px}.option-body{padding:16px;flex:1}.pinterest-card .option-body{padding:12px 4px 8px}.option-body h4{margin:0 0 8px}.plugin-list{border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;background:#fff7ed}.plugin-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.plugin-header h4{margin:0;font-size:14px;color:#0f172a}.plugin-header p{margin:4px 0 0;color:#6b7280;font-size:12px}.plugin-count{background:#fde68a;color:#92400e;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.plugin-grid{display:flex;flex-wrap:wrap;gap:8px}.plugin-chip{border:1px solid #fed7aa;background:#fff;color:#7c2d12;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.plugin-chip.active{background:#f97316;color:#fff;border-color:#f97316;box-shadow:0 10px 18px #f9731659}.plugin-chip:hover{transform:translateY(-1px)}.option-body p{margin:0;color:var(--muted);font-size:13px}.option-footer{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid var(--border)}.pinterest-card .option-footer{padding:0 4px 12px;border-top:none}.split{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.inline-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#f5f4f0}.inline-preview img{width:72px;height:72px;border-radius:12px;object-fit:cover}.result-image{width:100%;border-radius:12px;margin-top:12px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.profile-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.profile-grid span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.muted{color:var(--muted)}.error{color:#b42318}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(420px,100%);background:var(--panel);border-radius:20px;border:1px solid var(--border);padding:32px;box-shadow:var(--shadow)}@media (max-width: 720px){.app-shell{padding:0 16px 40px}.topbar{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:10px}.topbar-left,.topbar-right{width:auto;justify-content:flex-start;flex-wrap:nowrap}.topbar-right{margin-left:auto}.coin-card{padding:8px 10px;min-width:0}.ghost-button{padding:8px 10px;font-size:12px}.buy-coins-button{padding:8px 12px;font-size:12px}.floating-buy-button{right:12px;bottom:12px;padding:10px 14px}.buy-page-header{flex-direction:column;align-items:flex-start}.buy-page-tip{align-self:flex-start}.buy-page-actions{justify-content:flex-start}}@media (max-width: 600px){.app-shell{padding:0 12px 32px}.page-header{gap:12px}.browse-grid-wrap{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px);margin-right:calc(50% - 50vw + 12px);padding:0 12px}.search-header{padding-top:8px}.topbar{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:10px 12px}}