@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');
:root{--tsps-surface:#1a1a1a;--tsps-surface2:#222;--tsps-border:#2e2e2e;--tsps-border2:#3a3a3a;--tsps-text:#f0f0f0;--tsps-text2:#a0a0a0;--tsps-text3:#555;--tsps-accent:#D85A30;--tsps-accent-h:#993C1D;--tsps-accent-bg:rgba(216,90,48,0.12);--tsps-green:#25D366;--r:12px;--rs:8px;}
.tsps-studio{font-family:'Plus Jakarta Sans',sans-serif;color:var(--tsps-text);background:transparent;}
.tsps-studio *,.tsps-studio *::before,.tsps-studio *::after{box-sizing:border-box;}
.tsps-btn{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:500;padding:9px 18px;border-radius:var(--rs);cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;text-decoration:none;}
.tsps-btn-primary{background:var(--tsps-accent);color:#fff;border-color:var(--tsps-accent);}
.tsps-btn-primary:hover{background:var(--tsps-accent-h);border-color:var(--tsps-accent-h);}
.tsps-btn-ghost{background:transparent;color:var(--tsps-text2);border-color:var(--tsps-border2);}
.tsps-btn-ghost:hover{background:var(--tsps-surface2);color:var(--tsps-text);}
.tsps-btn-wa{background:var(--tsps-green);color:#fff;border-color:var(--tsps-green);}
.tsps-btn-wa:hover{background:#1da851;}
.tsps-btn-lg{padding:11px 22px;font-size:14px;}
.tsps-small{font-size:12px;padding:6px 12px;}
.tsps-btn:disabled{opacity:.45;cursor:not-allowed;}
.tsps-setup-panel{background:var(--tsps-surface);border:1px solid var(--tsps-border);border-radius:var(--r);padding:24px;margin-bottom:20px;}
.tsps-setup-title{font-size:18px;font-weight:600;margin-bottom:4px;color:var(--tsps-text);}
.tsps-setup-sub{font-size:13px;color:var(--tsps-text2);margin-bottom:20px;}
.tsps-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.tsps-full{grid-column:1/-1;}
.tsps-field-group{display:flex;flex-direction:column;gap:5px;}
.tsps-field-group label{font-size:12px;font-weight:500;color:var(--tsps-text2);}
.tsps-hint{font-weight:400;color:var(--tsps-text3);}
.tsps-field-group input{font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--tsps-border2);border-radius:var(--rs);color:var(--tsps-text);background:var(--tsps-surface2);outline:none;width:100%;transition:border-color .15s;}
.tsps-field-group input::placeholder{color:var(--tsps-text3);}
.tsps-field-group input:focus{border-color:var(--tsps-accent);box-shadow:0 0 0 3px var(--tsps-accent-bg);}
.tsps-logo-drop{border:2px dashed var(--tsps-border2);border-radius:var(--rs);padding:20px;text-align:center;cursor:pointer;transition:border-color .2s;background:var(--tsps-surface2);position:relative;}
.tsps-logo-drop:hover,.tsps-drag-over{border-color:var(--tsps-accent);}
.tsps-logo-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--tsps-text3);font-size:13px;}
.tsps-logo-current{max-width:80px;max-height:80px;border-radius:8px;object-fit:contain;}
.tsps-logo-note{font-size:12px;color:var(--tsps-text2);margin-top:6px;}
.tsps-logo-status{font-size:12px;margin-top:6px;}
.tsps-status-warn{color:#e6a817;}
.tsps-color-row{display:flex;gap:8px;flex-wrap:wrap;}
.tsps-color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .15s,transform .1s;}
.tsps-color-swatch:hover{transform:scale(1.12);}
.tsps-color-sel{border-color:#fff !important;}
.tsps-setup-actions{margin-top:20px;display:flex;align-items:center;gap:12px;}
.tsps-save-msg{font-size:13px;color:#e6a817;}
.tsps-brand-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--tsps-surface);border:1px solid var(--tsps-border);border-radius:var(--r);padding:12px 16px;margin-bottom:20px;}
.tsps-brand-pill{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;}
.tsps-logo-thumb{width:40px;height:40px;border-radius:50%;background:var(--tsps-accent-bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--tsps-accent);overflow:hidden;flex-shrink:0;}
.tsps-logo-thumb img{width:100%;height:100%;object-fit:contain;border-radius:50%;}
.tsps-bar-name{font-size:14px;font-weight:600;color:var(--tsps-text);}
.tsps-bar-phone{font-size:12px;color:var(--tsps-text2);}
.tsps-credit-info{font-size:13px;color:var(--tsps-text2);}
.tsps-free-count strong{font-weight:600;color:var(--tsps-text);}
.tsps-badge-paid{display:inline-block;font-size:12px;font-weight:500;background:rgba(37,211,102,.15);color:#25D366;padding:3px 10px;border-radius:100px;}
.tsps-gallery-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
.tsps-format-toggle{display:flex;background:var(--tsps-surface);border:1px solid var(--tsps-border);border-radius:100px;padding:3px;gap:2px;}
.tsps-fmt-btn{padding:5px 14px;border-radius:100px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:none;color:var(--tsps-text2);font-family:inherit;transition:all .15s;}
.tsps-fmt-active{background:var(--tsps-surface2);color:var(--tsps-text);border:1px solid var(--tsps-border2) !important;}
.tsps-search-input{flex:1;min-width:180px;font-size:13px;font-family:inherit;padding:7px 14px;border:1px solid var(--tsps-border);border-radius:100px;outline:none;color:var(--tsps-text);background:var(--tsps-surface);}
.tsps-search-input::placeholder{color:var(--tsps-text3);}
.tsps-search-input:focus{border-color:var(--tsps-accent);}
.tsps-chips-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.tsps-chip{font-size:12px;font-family:inherit;padding:5px 13px;border:1px solid var(--tsps-border);border-radius:100px;background:none;cursor:pointer;color:var(--tsps-text2);transition:all .15s;}
.tsps-chip-active{background:var(--tsps-accent-bg);border-color:var(--tsps-accent);color:var(--tsps-accent);}
.tsps-tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:16px;}
.tsps-tpl-card{background:var(--tsps-surface);border:1px solid var(--tsps-border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s;}
.tsps-tpl-card:hover{border-color:var(--tsps-accent);transform:translateY(-2px);box-shadow:0 6px 24px rgba(216,90,48,.18);}
.tsps-tpl-thumb{display:flex;flex-direction:column;aspect-ratio:1/1;overflow:hidden;}
.tsps-tpl-story{aspect-ratio:9/16;}
.tsps-tpl-strip-top,.tsps-tpl-strip-bot{height:24px;display:flex;align-items:center;padding:0 8px;gap:5px;flex-shrink:0;}
.tsps-tpl-strip-top span,.tsps-tpl-strip-bot span{font-size:7px;color:#fff;font-weight:600;}
.tsps-tpl-logo-dot{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.3);flex-shrink:0;}
.tsps-tpl-main-img{flex:1;width:100%;object-fit:cover;}
.tsps-tpl-main-blank{flex:1;background:var(--tsps-surface2);}
.tsps-tpl-meta{padding:10px 12px;}
.tsps-tpl-name{font-size:12px;font-weight:600;margin-bottom:2px;color:var(--tsps-text);}
.tsps-tpl-occasion{font-size:11px;color:var(--tsps-text2);margin-bottom:5px;}
.tsps-tpl-badge{display:inline-block;font-size:10px;font-weight:500;padding:2px 8px;border-radius:100px;}
.tsps-badge-festival{background:rgba(186,117,23,.2);color:#e6a817;}
.tsps-badge-greeting{background:rgba(37,211,102,.15);color:#25D366;}
.tsps-badge-promo{background:rgba(91,163,245,.15);color:#5ba3f5;}
.tsps-badge-motivational{background:rgba(155,147,247,.15);color:#9b93f7;}
.tsps-badge-seasonal{background:rgba(46,196,160,.15);color:#2ec4a0;}
.tsps-loading{padding:2rem;text-align:center;color:var(--tsps-text3);font-size:13px;}
.tsps-no-results{padding:2rem;text-align:center;color:var(--tsps-text3);font-size:13px;}
.tsps-library-toggle{text-align:right;padding:4px 0 8px;}
.tsps-preview-panel,.tsps-library-panel{background:var(--tsps-surface);border:1px solid var(--tsps-border);border-radius:var(--r);padding:20px;margin-top:4px;}
.tsps-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.tsps-preview-title{font-size:16px;font-weight:600;color:var(--tsps-text);}
.tsps-close-btn{background:none;border:none;font-size:13px;cursor:pointer;color:var(--tsps-text2);font-family:inherit;}
.tsps-close-btn:hover{color:var(--tsps-text);}
.tsps-preview-body{display:flex;gap:24px;flex-wrap:wrap;}
.tsps-canvas-wrap{flex:0 0 auto;}
.tsps-canvas{width:280px;height:280px;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;border:1px solid var(--tsps-border);transition:all .2s;}
.tsps-canvas-top,.tsps-canvas-bot{display:flex;align-items:center;padding:0 10px;gap:7px;flex-shrink:0;transition:background .2s;}
.tsps-canvas-top{height:36px;}
.tsps-canvas-bot{height:32px;justify-content:space-between;}
.tsps-cv-logo{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0;}
.tsps-cv-logo img{width:100%;height:100%;object-fit:contain;border-radius:50%;}
.tsps-cv-name{font-size:10px;font-weight:700;color:#fff;}
.tsps-cv-phone{font-size:9px;color:rgba(255,255,255,.9);}
.tsps-cv-tagline{font-size:8px;color:rgba(255,255,255,.7);}
.tsps-canvas-art{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);background:var(--tsps-surface2);background-size:cover;background-position:center;}
.tsps-preview-controls{flex:1;min-width:220px;}
.tsps-pctrl-section{margin-bottom:14px;}
.tsps-pctrl-section label{display:block;font-size:12px;font-weight:500;color:var(--tsps-text2);margin-bottom:5px;}
.tsps-pctrl-section input{width:100%;font-family:inherit;font-size:13px;padding:8px 11px;border:1px solid var(--tsps-border2);border-radius:var(--rs);color:var(--tsps-text);background:var(--tsps-surface2);outline:none;}
.tsps-pctrl-section input::placeholder{color:var(--tsps-text3);}
.tsps-pctrl-section input:focus{border-color:var(--tsps-accent);}
.tsps-action-row{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap;}
.tsps-credit-note{font-size:12px;color:var(--tsps-text2);margin-top:10px;}
.tsps-note-paid{color:#25D366;}
.tsps-note-warn{color:#e6a817;}
.tsps-upgrade-box{margin-top:14px;background:rgba(216,90,48,.1);border:1px solid rgba(216,90,48,.3);border-radius:10px;padding:16px;}
.tsps-upgrade-title{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--tsps-accent);}
.tsps-upgrade-desc{font-size:13px;color:var(--tsps-text2);margin-bottom:12px;}
.tsps-upgrade-msg{font-size:12px;margin-top:8px;}
.tsps-msg-ok{color:#25D366;}
.tsps-msg-err{color:#e05050;}
.tsps-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;}
.tsps-lib-card{background:var(--tsps-surface2);border:1px solid var(--tsps-border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;}
.tsps-lib-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;}
.tsps-lib-no-thumb{width:100%;aspect-ratio:1/1;background:var(--tsps-surface);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--tsps-text3);}
.tsps-lib-meta{padding:8px 10px;flex:1;}
.tsps-lib-tpl{font-size:12px;font-weight:500;margin-bottom:2px;color:var(--tsps-text);}
.tsps-lib-date{font-size:11px;color:var(--tsps-text2);margin-bottom:4px;}
.tsps-lib-type{display:inline-block;font-size:10px;padding:2px 7px;border-radius:100px;}
.tsps-lib-type-free{background:rgba(37,211,102,.15);color:#25D366;}
.tsps-lib-type-paid{background:rgba(37,211,102,.2);color:#25D366;}
.tsps-lib-card .tsps-btn{margin:0 8px 8px;width:calc(100% - 16px);justify-content:center;}
.tsps-empty-lib{color:var(--tsps-text3);font-size:13px;text-align:center;padding:2rem 0;}
.tsps-login-notice{background:var(--tsps-surface);border:1px solid var(--tsps-border);border-radius:10px;padding:20px;text-align:center;font-size:14px;color:var(--tsps-text2);}
.tsps-login-notice a{color:var(--tsps-accent);}
@media(max-width:600px){.tsps-setup-grid{grid-template-columns:1fr;}.tsps-full{grid-column:1;}.tsps-preview-body{flex-direction:column;}.tsps-canvas{width:100% !important;height:auto !important;aspect-ratio:1/1;}.tsps-tpl-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}}