@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f3ea;--card:#fffdf8;--text:#231f1a;--muted:#81786c;--line:#ded6c8;--accent:#d98245;--accent-dark:#c0703a;--soft:#eee6d8;--danger:#a33a2d;--bg-main:#0e0a08;--bg-panel:#17110e;--bg-card:#1f1712;--border-soft:#ffffff14;--text-main:#fff7ef;--text-muted:#a99c91;--brand:#d98245;--brand-hover:#f09a5c}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5}body{padding:0}a{color:inherit}.site{width:min(100%,1080px);margin:0 auto;padding:24px 16px}.header-global{background:var(--bg-main);border-bottom:1px solid var(--border-soft);width:100%;color:var(--text-main)}.header-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:100%;height:64px;margin:0 auto;padding:0 24px;display:flex}.brand-mini{letter-spacing:.5px;color:#fff;align-items:center;font-size:20px;font-weight:900;text-decoration:none;display:inline-flex}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.nav a,.nav button{color:#d5cbb6;cursor:pointer;box-sizing:border-box;background:0 0;border:none;align-items:center;min-height:34px;padding:0 8px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.nav a:hover,.nav button:hover{color:#fff}.nav .nav-cta{background:var(--accent);color:#fff;border:1px solid #b26c3b;border-radius:999px;min-height:36px;padding:0 16px;transition:all .2s}.nav .nav-cta:hover{color:#fff;background:#b26c3b}.account-menu{align-items:center;display:inline-flex;position:relative}.account-menu.guest{gap:8px}.account-login{color:#d5cbb6;min-height:36px;font:inherit;cursor:pointer;background:0 0;border:1px solid #4a3e35;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.account-login:hover{color:#fff;background:#ffffff0d;border-color:#ffd24a}.account-summary{color:#fff;min-height:48px;font:inherit;cursor:pointer;background:#28201a;border:1px solid #3d3126;border-radius:999px;align-items:center;gap:12px;padding:4px 6px 4px 14px;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #00000026}.account-summary:hover{background:#372c24;border-color:#524233}.account-copy{text-align:right;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.account-copy strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12.5px;font-weight:800;line-height:1.15;overflow:hidden}.account-copy em{color:#e2b83b;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-style:normal;font-weight:900;line-height:1.1}.account-copy span{color:#ffd366;font-size:11px;font-weight:800;line-height:1.1}.account-avatar{color:#fff;background:#6fac35;border-radius:50%;place-items:center;width:36px;height:36px;font-size:16px;font-weight:850;line-height:1;display:grid;box-shadow:inset 0 0 0 2px #ffffff29}.account-popover{z-index:60;color:#fff;background:#231c16;border:1px solid #3d3126;border-radius:8px;width:min(320px,100vw - 28px);padding:18px 20px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 70px #00000057}.account-popover-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.account-popover-head div{gap:2px;display:grid}.account-popover-head strong{font-size:17px;font-weight:850;line-height:1.1}.account-popover-head em{color:#ffd24a;font-size:12px;font-style:normal;font-weight:850;line-height:1}.account-details{gap:14px;margin:0;display:grid}.account-details div{min-width:0}.account-details dt{color:#ffffff6b;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:850;line-height:1}.account-details dd{color:#fff;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:750;line-height:1.25}.account-details .user-id{color:#ffffffd1;background:#170f08;border-radius:7px;padding:11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.account-two-col dd{color:#ffd24a}.account-two-col small{color:#ffffff85;margin-top:3px;font-size:11px;line-height:1.2;display:block}.credit-policy{color:#ffffffb8;background:#ffffff14;border-radius:7px;margin:16px 0 0;padding:10px 11px;font-size:12px;line-height:1.45}.account-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.account-actions a,.account-actions button,.account-actions .action-btn-primary{color:#ff746e;cursor:pointer;box-sizing:border-box;background:#190d07;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:44px;font-family:inherit;font-size:14px;font-weight:750;text-decoration:none;display:inline-flex}.account-actions a,.account-actions .action-btn-primary{background:var(--accent);color:#fff}.hero{text-align:center;margin-bottom:18px}.hero h1{letter-spacing:0;max-width:980px;margin:0 auto;font-size:clamp(30px,4.6vw,46px);font-weight:750;line-height:1.16}.tagline{color:var(--muted);margin:8px 0 0;font-size:clamp(16px,3vw,20px)}.mode-tabs{border:1px solid var(--line);background:#ffffff6b;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,720px);margin:0 auto 18px;padding:7px;display:grid}.mode-tabs.three{grid-template-columns:repeat(3,1fr)}.mode-tab{min-height:50px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;gap:2px;font-family:inherit;font-size:15px;font-weight:750;line-height:1.2;display:grid}.mode-tab small{color:inherit;opacity:.72;font-size:12px;font-weight:650;display:block}.mode-tab.active{background:var(--accent);color:#fff;box-shadow:0 8px 20px #71401f29}.grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.box{background:var(--card);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-height:360px;display:flex;overflow:hidden}.box-title{border-bottom:1px solid var(--line);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:750;line-height:1.25;display:flex}.drop,.result-area{text-align:center;min-height:300px;color:var(--muted);background:linear-gradient(#fffdf8,#f8f1e6);flex:1;justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.drop{cursor:pointer}.drop.drag{outline:2px solid var(--accent);outline-offset:-8px}.drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.placeholder,.loading-box{flex-direction:column;align-items:center;gap:10px;max-width:260px;display:flex}.placeholder-icon{background:var(--soft);width:52px;height:52px;color:var(--accent);border-radius:50%;place-items:center;font-size:26px;font-weight:900;display:grid}.preview{object-fit:contain;width:100%;height:100%;max-height:520px;display:block}.result-area.ready{background:#111}.result-area.ready .preview{filter:contrast(1.05)saturate(1.03)brightness(1.02)}.loading-box{color:var(--muted);font-size:15px;font-weight:700}.spinner{border:4px solid var(--soft);border-top-color:var(--accent);border-radius:50%;width:46px;height:46px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.primary,.download{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-family:inherit;font-size:15px;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.primary{background:var(--accent);color:#fff;min-width:210px}.primary:hover:not(:disabled){background:var(--accent-dark)}.primary:disabled{cursor:not-allowed;opacity:.45}.download{background:var(--text);color:#fff}.box-download{white-space:nowrap;border-radius:999px;min-height:30px;padding:0 12px;font-size:12px}.message{text-align:center;min-height:22px;color:var(--danger);margin-top:12px;font-size:14px;font-weight:700}.samples{border-top:1px solid var(--line);margin-top:34px;padding-top:26px}.samples-head{text-align:center;margin-bottom:16px}.samples-head h2{margin:0;font-size:clamp(22px,4vw,32px);font-weight:750;line-height:1.2}.samples-head p{color:var(--muted);margin:8px 0 0;font-size:15px}.sample-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.compare-card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.compare-frame{--pos:50%;aspect-ratio:4/3;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none;background:#191614;position:relative;overflow:hidden}.sample-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sample-before{display:block}.zoomable-compare-frame{--pos:50%;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid var(--border-soft);background:#0c0907;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080,0 0 0 1px #ffffff08}.compare-line{top:0;bottom:0;left:var(--pos);pointer-events:none;z-index:5;background:linear-gradient(#d982450d 0%,#d98245e6 50%,#d982450d 100%);width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 12px #d9824559}.compare-handle{border:2px solid var(--accent);pointer-events:auto;cursor:col-resize;z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:40px;height:40px;transition:transform .2s,border-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0006,inset 0 2px 4px #fff3}.compare-handle:hover{border-color:var(--brand-hover);transform:translate(-50%,-50%)scale(1.08)}.compare-handle-arrow{color:#120e0c;-webkit-user-select:none;user-select:none;opacity:.85;font-family:Arial,sans-serif;font-size:10px}.compare-arrow-left{margin-right:-1px}.compare-arrow-right{margin-left:-1px}.compare-labels{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:10px 10px auto}.compare-labels span{color:#fff;background:#0000007a;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.expand-sample{z-index:3;color:#fff;cursor:zoom-in;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#11100fb8;border:1px solid #ffffff73;border-radius:999px;min-height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:750;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.expand-sample:hover{background:#11100fe6}.sample-modal{z-index:50;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-backdrop{cursor:zoom-out;background:#0a0908e0;border:0;position:absolute;inset:0}.modal-panel{z-index:1;background:#111;border:1px solid #ffffff2e;border-radius:8px;grid-template-rows:auto 1fr;width:min(100%,1280px);height:min(100%,860px);max-height:calc(100vh - 36px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000073}.modal-topbar{color:#fff;background:#141210f0;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 12px 10px 16px;display:flex}.modal-topbar div{gap:1px;min-width:0;display:grid}.modal-topbar strong{font-size:15px;font-weight:750;line-height:1.25}.modal-topbar span{color:#ffffffb3;font-size:13px}.modal-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff3d;border-radius:999px;flex:none;width:38px;height:38px;font-family:inherit;font-size:26px;line-height:1}.modal-close:hover{background:#ffffff29}.modal-compare-frame{--pos:50%;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#0f0f0f;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.modal-compare-frame .sample-photo{object-fit:contain}.modal-compare-frame .compare-line:after{width:46px;height:46px}.modal-compare-frame .compare-labels{inset:14px 14px auto}.modal-compare-frame .compare-labels span{padding:6px 10px;font-size:13px}.page{border:1px solid var(--line);background:#ffffff59;border-radius:12px;width:min(100%,920px);margin:0 auto;padding:22px}.page h1{margin:0 0 8px;font-size:clamp(28px,5vw,42px);font-weight:750;line-height:1.15}.page-head{margin-bottom:22px}.pricing-hero{justify-content:space-between;align-items:center;gap:18px;display:flex}.topup-hero-button{flex:none;min-width:132px}.page-head p,.pricing-note{color:var(--muted);margin:0}.legal-page{max-width:920px}.legal-eyebrow{color:var(--accent);margin:0 0 8px;font-size:13px;font-weight:750}.legal-stack{gap:14px;display:grid}.legal-section{border:1px solid var(--line);background:var(--card);border-radius:8px;padding:16px}.legal-section.highlight{background:#fff8ec;border-color:#9b5b2e59}.legal-section h2{margin:0 0 8px;font-size:18px;font-weight:750;line-height:1.3}.legal-content{color:var(--muted);gap:9px;font-size:15px;display:grid}.legal-content p{margin:0}.legal-content ul{margin:0;padding-left:20px}.legal-content li+li{margin-top:5px}.legal-content strong,.legal-content a{color:var(--text)}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:8px;margin-top:16px;scroll-margin-top:18px;overflow-x:auto}.price-table{border-collapse:collapse;width:100%;min-width:760px}.price-table caption{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px;font-size:16px;font-weight:750}.price-table th,.price-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:13px 16px;font-size:14px}.price-table th{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:750}.price-table tr:last-child td{border-bottom:0}.price-table strong{font-weight:750}.topup-package-button{background:var(--accent);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.topup-package-button:hover{background:var(--accent-dark)}.price-table.compact{min-width:620px}.public-price-table{min-width:680px}.pricing-note{margin-top:14px;font-size:14px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:flex-start;gap:28px;margin-top:42px;padding:28px 0 18px;display:flex}.footer-main{max-width:420px}.footer-brand{color:var(--text);align-items:center;gap:9px;font-size:18px;font-weight:850;text-decoration:none;display:inline-flex}.footer-mark{color:#ff9b42;background:#2d2119;border:1px solid #9b5b2e85;border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;line-height:1;display:grid}.footer-main p{margin:12px 0 24px;font-size:14px}.footer-main small{color:#81786cd1;font-size:12px}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;padding-top:10px;display:flex}.footer-links a{color:var(--muted);font-size:14px;font-weight:750;text-decoration:none}.footer-links a:hover{color:var(--text)}@media (max-width:720px){body{padding-top:14px}.topbar{flex-direction:column;align-items:flex-start}.pricing-hero{flex-direction:column;align-items:stretch}.grid,.sample-grid{grid-template-columns:1fr}.mode-tabs,.mode-tabs.three{grid-template-columns:1fr;width:min(100%,420px)}.nav{justify-content:flex-start}.account-menu,.account-menu.guest,.account-summary,.account-login,.account-topup{width:100%}.account-summary{justify-content:space-between}.account-copy{text-align:left}.account-popover{left:0;right:auto}.box{min-height:280px}.drop,.result-area{min-height:230px}.primary,.download{width:100%}.box-download{width:auto}.sample-modal{padding:10px}.modal-panel{max-height:calc(100vh - 20px)}.modal-topbar{align-items:flex-start;min-height:54px}.modal-topbar span{display:none}.site-footer{flex-direction:column;gap:18px}.footer-links{justify-content:flex-start;padding-top:0}}.result-area.ready{cursor:zoom-in;position:relative}.result-area.ready:after{content:"So sánh & Phóng to";color:#fff;opacity:0;pointer-events:none;border-radius:inherit;background:#00000073;justify-content:center;align-items:center;font-size:15px;font-weight:750;transition:opacity .2s;display:flex;position:absolute;inset:0}.result-area.ready:hover:after{opacity:1}.zoom-modal-panel{background:#090909;border-color:#2a2018;grid-template-rows:auto 1fr;display:grid}.modal-viewport{-webkit-user-select:none;user-select:none;background:#050505;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.zoomable-compare-frame{transform-origin:50%;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;width:100%;max-width:90%;height:100%;max-height:80vh;display:flex;position:relative}.zoomable-compare-frame .sample-photo{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute}.zoomable-compare-frame .compare-line{top:0;bottom:0;left:var(--pos);pointer-events:auto;cursor:col-resize;z-index:10;background:linear-gradient(#d982450d 0%,#d98245e6 50%,#d982450d 100%);width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 12px #d9824559}.zoomable-compare-frame .compare-handle{border:3px solid var(--accent);width:42px;height:42px;color:var(--text);pointer-events:auto;cursor:col-resize;-webkit-user-select:none;user-select:none;background:#fff;border-radius:50%;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0006}.compare-handle-arrow{color:var(--accent);-webkit-user-select:none;user-select:none;font-size:10px;font-weight:900}.reset-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s}.reset-btn:hover{background:#ffffff2e;border-color:#ffffff4d}.checkout-modal{z-index:100;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.checkout-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a09d9;position:absolute;inset:0}.checkout-panel{z-index:1;background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:18px;width:min(100%,680px);padding:24px;display:flex;position:relative;box-shadow:0 24px 60px #1c161238}.checkout-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.checkout-header h2{color:var(--text);margin:0;font-size:18px;font-weight:800}.checkout-close{border:1px solid var(--line);background:var(--soft);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:all .2s;display:flex}.checkout-close:hover{background:var(--line)}.checkout-content{grid-template-columns:1.1fr 1.3fr;gap:24px;display:grid}@media (max-width:580px){.checkout-content{grid-template-columns:1fr;gap:16px}}.checkout-qr-side{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.checkout-qr-img{aspect-ratio:1;width:100%;max-width:220px;display:block}.qr-hint{color:var(--muted);text-align:center;font-size:11px;line-height:1.35}.checkout-info-side{flex-direction:column;gap:14px;display:flex}.info-intro{color:var(--muted);font-size:13px;font-weight:700}.checkout-details-list{flex-direction:column;gap:10px;margin:0;display:flex}.info-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.info-row dt{color:var(--muted);margin:0;font-size:12px;font-weight:700}.info-row dd{color:var(--text);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:800;display:flex}.checkout-highlight{color:var(--accent);font-size:15px}.checkout-code-highlight{color:#a33a2d;letter-spacing:.5px;background:#fff0ee;border:1px solid #a33a2d33;border-radius:4px;padding:2px 8px;font-size:15px}.copy-mini-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:4px;min-height:auto;padding:2px 8px;font-size:10px;font-weight:800;transition:all .2s}.copy-mini-btn:hover{background:var(--accent);color:#fff}.checkout-warning{color:#7a5a16;background:#fff8ec;border:1px solid #ffd24a;border-radius:6px;padding:10px 12px;font-size:12px;line-height:1.45}.checkout-status-spinner{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.mini-spinner{border:2px solid var(--soft);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.checkout-success-state{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:30px 0;display:flex}.success-icon{color:#fff;background:#6fac35;border-radius:50%;place-items:center;width:60px;height:60px;font-size:32px;font-weight:900;display:grid;box-shadow:0 8px 20px #6fac354d}.checkout-success-state h3{color:var(--text);margin:0;font-size:20px;font-weight:900}.checkout-success-state p{color:var(--muted);margin:0;font-size:14px}.success-confirm-btn{min-width:180px;margin-top:10px}.topup-error-message{margin-bottom:16px}.dashboard-layout-container{box-sizing:border-box;background:var(--bg-main);flex-direction:column;width:100%;height:calc(100vh - 64px);display:flex;overflow:hidden}.dashboard-service-bar{background:var(--bg-main);border-bottom:1px solid var(--border-soft);box-sizing:border-box;z-index:15;justify-content:center;align-items:center;gap:14px;width:100%;padding:14px 28px;display:flex}.service-card{background:var(--bg-card);border:1.5px solid var(--border-soft);cursor:pointer;min-width:190px;color:var(--text-muted);border-radius:18px;align-items:center;gap:14px;padding:14px 24px 14px 18px;font-family:inherit;transition:all .25s;display:flex;position:relative}.service-card:hover{background:#251c15;border-color:#d9824540}.service-card.active{border-color:var(--brand);color:var(--text-main);background:#d9824512;box-shadow:0 0 24px #d982451a,inset 0 0 0 1px #d9824514}.service-card-icon{width:44px;height:44px;color:var(--brand);background:#d982451a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:all .25s;display:flex}.service-card.active .service-card-icon{background:var(--brand);color:#fff;box-shadow:0 4px 12px #d982454d}.service-card-info{flex-direction:column;gap:3px;display:flex}.service-card-name{color:inherit;font-size:14px;font-weight:700;transition:color .2s}.service-card.active .service-card-name{color:var(--text-main)}.service-card-meta{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.service-card.active .service-card-meta{color:var(--brand)}.service-card-check{background:var(--brand);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;transition:all .2s;display:flex;position:absolute;top:8px;right:10px;transform:scale(.7)}.service-card.active .service-card-check{opacity:1;transform:scale(1)}.dashboard-site{background:var(--bg-main);box-sizing:border-box;flex:1;width:100%;display:flex;overflow:hidden}.dashboard-sidebar{background:var(--bg-panel);border-right:1px solid var(--border-soft);box-sizing:border-box;flex-direction:column;width:360px;min-width:360px;height:100%;display:flex;overflow-y:auto}.dashboard-sidebar-inner{box-sizing:border-box;flex-direction:column;flex:1;gap:20px;padding:24px;display:flex}.dashboard-sidebar-title{color:var(--brand);text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px;font-size:11px;font-weight:800}.compact-dropzone{background:var(--bg-card);cursor:pointer;box-sizing:border-box;border:2px dashed #ffffff1a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:180px;transition:all .25s;display:flex;position:relative;overflow:hidden}.compact-dropzone:hover{border-color:var(--brand);background:#251c15;box-shadow:0 0 24px #d982450f}.compact-dropzone-icon{color:var(--brand);margin-bottom:10px;font-size:32px;transition:transform .2s}.compact-dropzone:hover .compact-dropzone-icon{transform:translateY(-3px)}.compact-dropzone-text{color:var(--text-main);font-size:14px;font-weight:700}.compact-dropzone-subtext{color:var(--text-muted);margin-top:4px;font-size:12px}.compact-preview-container{background:var(--bg-main);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.compact-preview{object-fit:contain;width:100%;height:100%}.compact-preview-delete{width:28px;height:28px;color:var(--text-main);border:1px solid var(--border-soft);cursor:pointer;z-index:5;background:#0e0a08d9;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.compact-preview-delete:hover{background:#dc3545;border-color:#dc3545}.selected-service-box{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.selected-service-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.selected-service-name{color:var(--brand);text-transform:uppercase;letter-spacing:.3px;font-size:15px;font-weight:800}.selected-service-detail{color:var(--text-muted);align-items:flex-start;gap:8px;font-size:13px;line-height:1.55;display:flex}.selected-service-detail-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.sidebar-action-area{flex-direction:column;gap:14px;margin-top:auto;display:flex}.primary-action-btn{background:linear-gradient(135deg, var(--brand), var(--brand-hover));color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 20px;font-family:inherit;font-size:15px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 6px 20px #d982454d}.primary-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #d9824573}.primary-action-btn:disabled{cursor:not-allowed;box-shadow:none;border:1px solid #ffffff0f;transform:none;color:#fff3!important;background:#ffffff0a!important}.sidebar-security-note{color:var(--text-muted);opacity:.7;align-items:flex-start;gap:8px;padding:0 2px;font-size:11px;line-height:1.55;display:flex}.dynamic-info-box{background:var(--bg-card);border:1px solid var(--border-soft);color:var(--text-muted);box-sizing:border-box;border-radius:14px;padding:16px;font-size:13px;line-height:1.6}.dynamic-info-title{color:var(--brand);align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.dashboard-workspace{background:var(--bg-main);box-sizing:border-box;background-image:radial-gradient(at 50% 40%,#d9824506 0%,#0000 70%);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.workspace-hero{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 28px 0;display:flex}.workspace-hero-text{flex-direction:column;gap:4px;min-width:0;display:flex}.workspace-hero-title{color:var(--text-main);margin:0;font-size:20px;font-weight:800;line-height:1.3}.workspace-hero-subtitle{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.workspace-hero-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.workspace-btn{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-soft);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.workspace-btn:hover{background:#d982451a;border-color:#d9824540;transform:translateY(-1px)}.workspace-btn-success:hover{background:#28a74538;border-color:#28a74566}.workspace-viewport{cursor:grab;flex:1;justify-content:center;align-items:center;width:100%;padding:12px 28px;display:flex;position:relative;overflow:hidden}.workspace-viewport:active{cursor:grabbing}.workspace-samples-panel{border:1px solid var(--border-soft);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#17110ee0;border-radius:18px;align-items:center;gap:14px;padding:10px 18px;display:flex;position:absolute;bottom:16px;left:28px;right:28px;box-shadow:0 8px 28px #00000059}.workspace-samples-title{color:var(--text-muted);white-space:nowrap;padding-left:4px;font-size:12px;font-weight:700}.workspace-sample-thumb{cursor:pointer;background:var(--bg-card);border:2px solid #0000;border-radius:50%;flex-shrink:0;width:40px;height:40px;transition:all .2s;overflow:hidden}.workspace-sample-thumb:hover{border-color:var(--text-muted);transform:scale(1.1)}.workspace-sample-thumb.active{border-color:var(--brand);transform:scale(1.1);box-shadow:0 0 12px #d9824566}.workspace-sample-thumb img{object-fit:cover;width:100%;height:100%}.workspace-more-btn{border:1px solid var(--border-soft);background:var(--bg-card);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:18px;font-weight:700;transition:all .2s;display:flex}.workspace-more-btn:hover{border-color:var(--brand);color:var(--text-main);background:#d982451a}.workspace-tip{color:var(--text-muted);white-space:nowrap;opacity:.7;align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.workspace-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;color:var(--text-main);background:#0e0a08e0;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.workspace-loading-content{text-align:center;max-width:360px}.workspace-loading-content .spinner{border-color:#ffffff14;border-top-color:var(--brand);border-width:3.5px;width:46px;height:46px;margin:0 auto 20px}.mobile-tab-bar{background:var(--bg-panel);border-bottom:1px solid var(--border-soft);box-sizing:border-box;z-index:20;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;padding:6px 12px;display:none}.mobile-tab-btn{border:1px solid var(--border-soft);background:var(--bg-card);height:100%;color:var(--text-muted);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.mobile-tab-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 2px 8px #d9824540}.mobile-canvas-action-btn{display:none}@media (max-width:768px){.dashboard-service-bar{-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:8px;padding:10px 12px;overflow-x:auto}.service-card{border-radius:14px;flex-shrink:0;gap:10px;min-width:155px;padding:10px 14px}.service-card-icon{width:36px;height:36px;font-size:16px}.service-card-name{font-size:12.5px}.service-card-meta{font-size:11px}.service-card-check{width:16px;height:16px;font-size:9px;top:6px;right:6px}.mobile-tab-bar{display:flex}.mobile-active{display:flex!important}.mobile-inactive{display:none!important}.dashboard-site{flex-direction:column}.dashboard-sidebar{border-right:none;width:100%;min-width:100%;height:100%}.dashboard-workspace{width:100%;height:100%}.workspace-hero{flex-direction:column;gap:10px;padding:10px 14px 0}.workspace-hero-title{font-size:16px}.workspace-hero-subtitle{font-size:12px}.workspace-hero-actions{justify-content:flex-end;width:100%}.workspace-viewport{padding:8px 12px}.workspace-btn{border-radius:10px;padding:6px 10px;font-size:12px}.workspace-samples-panel{border-radius:14px;gap:8px;padding:8px 10px;bottom:10px;left:10px;right:10px}.workspace-samples-title{font-size:10px}.workspace-sample-thumb{width:34px;height:34px}.workspace-more-btn{width:34px;height:34px;font-size:14px}.workspace-tip{display:none}.mobile-canvas-action-btn{z-index:12;background:var(--brand);color:#fff;white-space:nowrap;cursor:pointer;border:none;border-radius:16px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:800;animation:2s ease-in-out infinite pulse-brand;display:block;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #d9824566}.mobile-canvas-action-btn:hover{background:var(--brand-hover)}.zoomable-compare-frame{max-width:95%!important;max-height:72%!important}}@keyframes pulse-brand{0%{transform:translate(-50%)scale(1);box-shadow:0 8px 24px #d9824566}50%{transform:translate(-50%)scale(1.03);box-shadow:0 12px 28px #d982458c}to{transform:translate(-50%)scale(1);box-shadow:0 8px 24px #d9824566}}:root{--bg-main:#0e0a08;--bg-panel:#17110e;--bg-card:#1f1712;--border-soft:#ffffff14;--text-main:#fff7ef;--text-muted:#a99c91;--brand:#d98245;--brand-hover:#f09a5c;--brand-soft:#d9824529;--shadow-studio:0 28px 80px #0000007a}html,body{min-height:100%;color:var(--text-main);font-family:var(--font-be-vietnam), var(--font-inter), Inter, "Be Vietnam Pro", system-ui, sans-serif;background:radial-gradient(circle at 30% 10%, #d9824529, transparent 34rem), radial-gradient(circle at 84% 12%, #f09a5c1c, transparent 28rem), linear-gradient(180deg, #15100d 0%, var(--bg-main) 34%, #090604 100%)!important}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 72%);mask-image:linear-gradient(#000000b3,#0000 72%)}.header-global{z-index:50;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0806e0;height:64px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:none;height:64px;margin:0;padding:0 32px;display:flex}.header-brand-row{display:contents}.mobile-account-wrapper{order:3}.brand-mini{min-width:220px;color:var(--text-main);align-items:center;text-decoration:none;gap:12px!important;display:inline-flex!important}.brand-mini img{object-fit:contain;filter:drop-shadow(0 0 18px #d982456b);width:38px!important;height:38px!important}.brand-lockup{gap:1px;display:grid}.brand-lockup strong{letter-spacing:0;font-size:20px;font-weight:900;line-height:1}.brand-lockup em{color:var(--text-muted);font-size:12px;font-style:normal;font-weight:700}.nav{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.nav>a,.nav>button{color:#d8c8ba;height:42px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:800;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.nav>a:hover,.nav>button:hover{border-color:var(--border-soft);color:var(--text-main);background:#fff7ef0f}.nav>.nav-cta{color:#fff7ef;background:linear-gradient(135deg,#d98245f0,#974922f5);border-color:#f09a5c7a;padding:0 20px;box-shadow:0 14px 36px #d9824540,inset 0 1px #ffffff2e}.nav>.nav-cta:hover{background:linear-gradient(135deg, var(--brand-hover), #b45d2e);transform:translateY(-1px)}.studio-shell{min-height:calc(100vh - 64px);color:var(--text-main);padding:18px 34px 34px}.dashboard-service-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,1060px);margin:0 auto 18px;display:grid}.service-card{border:1px solid var(--border-soft);min-height:100px;color:var(--text-main);cursor:pointer;background:#1f1712b8;border-radius:20px;align-items:center;gap:18px;padding:18px 20px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 18px 45px #00000038}.service-card:hover,.service-card.active{background:radial-gradient(circle at 16% 45%,#d982452e,#0000 42%),#1f1712e6;border-color:#d98245b8;transform:translateY(-1px);box-shadow:0 22px 58px #00000057,0 0 0 1px #d9824514}.service-card-icon{width:54px;height:54px;color:var(--brand-hover);background:radial-gradient(circle,#d9824547,#ffffff0f);border:1px solid #ffffff14;border-radius:999px;flex:none;place-items:center;font-size:25px;display:grid;box-shadow:inset 0 1px #ffffff14}.service-card-info{text-align:left;gap:4px;min-width:0;display:grid}.service-card-name{color:var(--text-main);font-size:16px;font-weight:900}.service-card-price{color:var(--brand-hover);font-size:14px;font-weight:900}.service-card-meta{color:var(--text-muted);font-size:13px;font-weight:700}.service-card-check{background:var(--brand);color:#fff7ef;border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:none;position:absolute;top:16px;right:16px}.service-card.active .service-card-check{display:grid}.studio-grid{grid-template-columns:360px minmax(0,1fr);align-items:stretch;gap:22px;width:100%;max-width:none;display:grid}.studio-sidebar,.studio-workspace{border:1px solid var(--border-soft);box-shadow:var(--shadow-studio);background:linear-gradient(#fff7ef09,#0000 32%),#17110eeb;border-radius:22px}.studio-sidebar{min-height:calc(100vh - 206px);overflow:hidden}.dashboard-sidebar-inner{flex-direction:column;gap:22px;min-height:calc(100vh - 206px);padding:24px;display:flex}.dashboard-sidebar-title{color:#d9cabd;text-transform:uppercase;letter-spacing:.02em;margin-bottom:14px;font-size:13px;font-weight:900}.compact-dropzone{min-height:188px;color:var(--text-main);cursor:pointer;background:radial-gradient(circle at 50% 40%,#d982451f,#0000 48%),#fff7ef06;border:1px dashed #d982456b;border-radius:20px;align-content:center;place-items:center;gap:10px;transition:border-color .16s,background .16s;display:grid}.compact-dropzone:hover{background:#d9824514;border-color:#f09a5cbf}.compact-dropzone-icon{width:58px;height:58px;color:var(--brand-hover);background:#d9824529;border-radius:999px;place-items:center;font-size:30px;display:grid}.compact-dropzone-text{font-size:15px;font-weight:900}.compact-dropzone-subtext{color:var(--text-muted);font-size:12px;font-weight:700}.compact-preview-container{border-radius:18px;width:100%;height:188px;position:relative;overflow:hidden}.compact-preview{object-fit:cover;width:100%;height:100%;display:block}.compact-preview-delete{color:#fff;cursor:pointer;background:#000000ad;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:10px;right:10px}.selected-service-box{border:1px solid var(--border-soft);background:#1f1712cc;border-radius:18px;gap:16px;padding:18px;display:grid}.selected-service-label{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:900}.selected-service-name{color:var(--brand-hover);text-transform:uppercase;font-size:15px}.selected-service-detail{color:#d8c8ba;grid-template-columns:28px 1fr;align-items:start;gap:10px;font-size:13px;line-height:1.65;display:grid}.selected-service-detail span{width:24px;height:24px;color:var(--brand-hover);background:#d982451a;border:1px solid #d9824561;border-radius:8px;place-items:center;font-size:11px;font-weight:900;display:grid}.selected-service-detail p{margin:0}.studio-message{color:#ffd8bc;background:#d982451a;border:1px solid #f09a5c57;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:800}.studio-message.error{color:#ffaaa2;background:#ff61611a;border-color:#ff616161}.sidebar-action-area{background:linear-gradient(#0000,#17110ef5 22%);gap:16px;margin-top:auto;padding-top:16px;display:grid;position:sticky;bottom:0}.primary-action-btn{color:#fff9f3;cursor:pointer;background:linear-gradient(135deg,#ffad3b,#d98245 46%,#a54f28);border:1px solid #ffcfa06b;border-radius:14px;min-height:56px;font-size:15px;font-weight:950;transition:transform .16s,filter .16s,opacity .16s;box-shadow:0 18px 44px #d982455c,inset 0 1px #ffffff38}.primary-action-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.primary-action-btn:disabled{cursor:not-allowed;opacity:.52}.sidebar-security-note{color:var(--text-muted);grid-template-columns:24px 1fr;gap:10px;font-size:12px;line-height:1.55;display:grid}.sidebar-security-note p{margin:0}.studio-workspace{flex-direction:column;gap:18px;min-height:calc(100vh - 206px);padding:24px;display:flex;position:relative;overflow:hidden}.workspace-hero{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.workspace-hero-text{min-width:0}.workspace-eyebrow{color:var(--brand-hover);align-items:center;gap:8px;font-size:14px;font-weight:900;display:inline-flex}.workspace-hero-title{color:var(--text-main);letter-spacing:0;margin:8px 0 4px;font-size:clamp(24px,2.4vw,34px);font-weight:950;line-height:1.16}.workspace-hero-subtitle{max-width:720px;color:var(--text-muted);margin:0;font-size:15px;line-height:1.55}.workspace-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.workspace-btn{border:1px solid var(--border-soft);color:#e9d8c8;cursor:pointer;background:#1f1712db;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.workspace-btn:hover{color:var(--text-main);border-color:#d9824561}.workspace-btn-success{color:#fff;background:linear-gradient(135deg,#d98245f5,#9d4823f5);border-color:#f09a5c80}.workspace-viewport{border:1px solid var(--border-soft);background:radial-gradient(circle at 50% 40%,#d9824514,#0000 40%),#0a07058a;border-radius:18px;flex:1;place-items:center;min-height:420px;display:grid;position:relative;overflow:hidden}.studio-compare-frame{transform-origin:50%;touch-action:none;-webkit-user-select:none;user-select:none;background:#0b0806;border:1px solid #ffffff14;border-radius:16px;width:min(100%,1180px);min-height:390px;max-height:calc(100vh - 352px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 28px 80px #00000061}.sample-photo{object-fit:contain;pointer-events:none;background:#0b0806;width:100%;height:100%;position:absolute;inset:0}.sample-before{filter:sepia(.28)grayscale(.15)contrast(.86)brightness(.82)}.sample-after{clip-path:polygon(var(--pos) 0, 100% 0, 100% 100%, var(--pos) 100%)}.sample-after::selection,.sample-before::selection{background:0 0}.studio-compare-frame:after{content:"";pointer-events:none;background:linear-gradient(90deg, #00000094, transparent 28%, transparent 72%, #00000075), radial-gradient(circle at var(--pos) 50%, #f09a5c29, transparent 18rem);position:absolute;inset:0}.compare-labels{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:18px 18px auto}.compare-labels span{color:#fff;background:#0000009e;border-radius:10px;justify-content:center;align-items:center;min-width:54px;height:34px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.compare-line{inset:0 auto 0 var(--pos);z-index:4;cursor:col-resize;background:linear-gradient(#0000,#fff7eff2 12% 88%,#0000);width:2px;position:absolute;transform:translate(-50%);box-shadow:0 0 26px #f09a5cb3,0 0 60px #d9824559}.compare-line:before{content:"";background:radial-gradient(circle,#f09a5c2e,#0000 52%);animation:3s ease-in-out infinite compareMagic;position:absolute;inset:0 -14px}.compare-handle{background:linear-gradient(135deg, var(--brand-hover), var(--brand));color:#fff;border:3px solid #fff7efeb;border-radius:999px;justify-content:center;align-items:center;gap:2px;width:48px;height:48px;font-size:20px;font-weight:950;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 34px #f09a5cbd,0 14px 38px #0000005c}@keyframes compareMagic{0%,to{opacity:.46;transform:scaleX(.86)}50%{opacity:1;transform:scaleX(1.16)}}.workspace-samples-panel{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.workspace-samples-title{color:#d8c8ba;font-size:14px;font-weight:900}.workspace-sample-thumbs{align-items:center;gap:10px;display:inline-flex}.workspace-sample-thumb,.workspace-more-btn{border:1px solid var(--border-soft);cursor:pointer;width:72px;height:72px;color:var(--text-main);background:#1f1712db;border-radius:16px;padding:0;font-size:24px;font-weight:900;overflow:hidden}.workspace-sample-thumb.active{border-color:var(--brand-hover);box-shadow:0 0 0 3px #d982452e}.workspace-sample-thumb img{object-fit:cover;width:100%;height:100%;display:block}.workspace-sample-thumb span{color:#fff7ef;background:#000000a3;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900;position:absolute;bottom:6px;left:6px}.workspace-upload-btn,.workspace-more-btn{color:var(--brand-hover);border-style:dashed;place-items:center;display:grid}.workspace-tip{color:var(--text-muted);margin-left:auto;font-size:13px;font-weight:700}.workspace-loading-overlay{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0705bd;place-items:center;display:grid;position:absolute;inset:0}.workspace-loading-content{border:1px solid var(--border-soft);width:min(420px,100% - 32px);box-shadow:var(--shadow-studio);text-align:center;background:#1f1712f5;border-radius:20px;padding:26px}.workspace-loading-content h3{color:var(--text-main);margin:14px 0 8px}.workspace-loading-content p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.spinner{border:3px solid #ffffff1f;border-top-color:var(--brand-hover);border-radius:50%;width:38px;height:38px;margin:0 auto;animation:.8s linear infinite spin}.cancel-job-btn{color:#ffb5a8;cursor:pointer;background:#ff735d1f;border:1px solid #ff735d57;border-radius:12px;min-height:42px;margin-top:18px;padding:0 16px;font-weight:900}.mobile-tab-bar,.mobile-canvas-action-btn{display:none}.studio-grid .mobile-active,.studio-grid .mobile-inactive{display:block!important}.active-tasks-menu,.account-menu{position:relative}.active-tasks-trigger,.account-login,.account-summary{border:1px solid var(--border-soft);color:#dfcdbd;min-height:42px;font:inherit;cursor:pointer;background:#1f1712d1;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:900;display:inline-flex}.active-tasks-trigger strong{width:24px;height:24px;color:var(--brand-hover);background:#d982452e;border:1px solid #d9824547;border-radius:9px;place-items:center;font-size:12px;display:grid}.active-tasks-trigger.has-jobs{color:#ffe1c8;border-color:#d9824573}.account-summary{border-radius:18px;height:52px;padding:0 12px}.account-avatar{color:#ffc28e;background:linear-gradient(135deg,#38271e,#201510);border:1px solid #d9824538;border-radius:50%;place-items:center;width:36px;height:36px;font-size:15px;font-weight:950;display:grid}.account-avatar.large{width:54px;height:54px;font-size:22px}.account-copy{text-align:left;gap:2px;max-width:168px;display:grid}.account-copy strong,.account-copy span,.account-copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-copy strong{color:var(--text-main);font-size:13px}.account-copy em,.account-copy span{color:var(--brand-hover);font-size:11px;font-style:normal;font-weight:900}.account-chevron{color:var(--text-muted)}.active-tasks-popover,.account-popover{z-index:100;border:1px solid var(--border-soft);width:340px;color:var(--text-main);box-shadow:var(--shadow-studio);background:#1f1712fa;border-radius:18px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.active-tasks-head,.account-popover-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.active-tasks-head span,.account-popover-head em{color:var(--text-muted);font-size:12px;font-style:normal;font-weight:800}.active-tasks-list{max-height:320px;overflow:auto}.active-tasks-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.active-task-item{border:0;border-bottom:1px solid var(--border-soft);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.active-task-item:hover{background:#fff7ef0a}.active-task-item span{gap:4px;display:grid}.active-task-item em{color:var(--text-muted);font-size:11px;font-style:normal}.active-task-status{color:var(--brand-hover);text-align:right;font-size:12px;font-weight:900}.active-task-status small{color:#ffaaa2;cursor:pointer}.account-popover{width:330px}.account-details{gap:14px;margin:0;padding:16px;display:grid}.account-details dt{color:var(--text-muted);text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:950}.account-details dd{color:var(--text-main);word-break:break-word;margin:0;font-size:13px;font-weight:850}.user-id{background:#00000052;border-radius:10px;padding:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px!important}.account-two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.account-two-col small{color:var(--text-muted);font-size:11px}.credit-policy{color:var(--text-muted);margin:0 16px 16px;font-size:12px;line-height:1.55}.account-actions{gap:10px;padding:0 16px 16px;display:grid}.account-actions a,.account-actions button{border:1px solid var(--border-soft);color:#ffd7b8;min-height:42px;font:inherit;cursor:pointer;background:#0a07058a;border-radius:12px;justify-content:center;align-items:center;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.account-actions .action-btn-primary{color:#fff;background:linear-gradient(135deg,#d98245f5,#964520f5)}@media (max-width:1180px){.header-inner{padding:0 18px}.brand-mini{min-width:auto}.brand-lockup em{display:none}.nav{gap:6px}.nav>a,.nav>button{padding:0 10px}.studio-shell{padding:14px}.dashboard-service-bar,.studio-grid{grid-template-columns:1fr}.studio-sidebar,.dashboard-sidebar-inner{min-height:auto}}@media (max-width:760px){.header-global{height:auto}.header-inner{flex-wrap:wrap;align-items:flex-start;height:auto;min-height:64px;padding:10px 14px}.nav{justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.account-copy,.active-tasks-trigger span{display:none}.dashboard-service-bar{gap:10px}.service-card{min-height:84px;padding:14px}.service-card-icon{width:46px;height:46px}.mobile-tab-bar{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-tab-btn{border:1px solid var(--border-soft);min-height:44px;color:var(--text-muted);background:#1f1712db;border-radius:14px;font-weight:900}.mobile-tab-btn.active{color:var(--text-main);background:#d9824524;border-color:#d9824594}.mobile-inactive{display:none!important}.studio-grid .mobile-active{display:block!important}.studio-grid .mobile-inactive{display:none!important}.studio-workspace,.studio-sidebar{min-height:auto}.workspace-hero{flex-direction:column}.workspace-hero-actions{justify-content:flex-start;width:100%}.workspace-viewport{min-height:360px}.studio-compare-frame{min-height:330px;max-height:none}.workspace-samples-panel{flex-direction:column;align-items:flex-start}.workspace-sample-thumbs{width:100%;padding-bottom:4px;overflow-x:auto}.workspace-tip{margin-left:0}}html,body,button,input,textarea,select,.header-global,.studio-shell,.studio-shell *{font-family:Be Vietnam Pro,Inter,Segoe UI,Arial,sans-serif!important}.header-global{box-shadow:0 16px 44px #00000047;background:radial-gradient(circle at 18% 0,#d9824521,#0000 30rem),#0a0705f0!important;height:64px!important}.header-inner{height:64px!important;padding:0 38px!important}.brand-mini{gap:14px!important}.brand-logo-mark{color:#ffb16f;letter-spacing:0;background:radial-gradient(circle at 30% 18%,#ffcb9752,#0000 36%),linear-gradient(145deg,#d9824533,#0c0806eb);border:1px solid #d982456b;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:950;display:grid;box-shadow:0 0 30px #d9824547,inset 0 1px #ffffff24}.brand-lockup strong{letter-spacing:0!important;font-size:23px!important;line-height:1.02!important}.brand-lockup em{margin-top:2px;color:#bdaea1!important;letter-spacing:0!important;font-size:13px!important}.nav{gap:12px!important}.nav>a,.nav>button,.active-tasks-trigger,.account-login,.account-summary{letter-spacing:0!important;font-size:14px!important;font-weight:850!important}.nav>a:not(.nav-cta),.nav>button,.active-tasks-trigger{background:#fff7ef09!important;border-color:#ffffff13!important}.nav>.nav-cta{min-width:116px;border-radius:16px!important;height:44px!important;font-weight:900!important}.studio-shell{padding:26px 34px 34px!important}.dashboard-service-bar{border-bottom:1px solid #ffffff0e;padding-bottom:16px;gap:16px!important;width:min(100%,1120px)!important;margin:0 auto 16px!important}.service-card{height:78px;border-radius:17px!important;gap:16px!important;min-height:78px!important;padding:12px 20px!important}.service-card-icon{width:48px!important;height:48px!important;font-size:22px!important}.service-card-name{font-size:15px!important;line-height:1.12!important}.service-card-price{font-size:13px!important;line-height:1.1!important}.service-card-meta{font-size:12px!important;line-height:1.2!important}.service-card-check{width:22px!important;height:22px!important;top:14px!important;right:14px!important}.studio-grid{gap:22px!important}.studio-sidebar,.studio-workspace{border-radius:20px!important}.dashboard-sidebar-inner{padding:24px 26px!important}.compact-dropzone{min-height:184px!important}.workspace-hero{margin-bottom:2px;align-items:center!important}.workspace-eyebrow{letter-spacing:0!important;font-size:13px!important}.workspace-hero-title{text-wrap:balance;max-width:900px;letter-spacing:0!important;color:var(--text-main)!important;margin:7px 0 6px!important;font-size:clamp(26px,2vw,32px)!important;font-weight:950!important;line-height:1.18!important}.workspace-hero-subtitle{font-size:14px!important}.workspace-viewport{align-items:stretch!important;min-height:500px!important;padding:0!important}.studio-compare-frame{border-radius:15px!important;width:100%!important;height:100%!important;min-height:500px!important;max-height:none!important}.zoomable-compare-frame.studio-compare-frame{flex:none!important;place-self:stretch stretch!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:500px!important;max-height:none!important;display:block!important}.sample-photo{object-fit:cover!important}.workspace-samples-panel{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#1f1712db;border:1px solid #ffffff14;border-radius:22px;width:min(760px,100% - 64px);margin:-76px auto 0;padding:10px 16px;position:relative;box-shadow:0 20px 48px #00000061}.workspace-sample-thumb,.workspace-more-btn{pointer-events:auto;position:relative;border-radius:14px!important;width:66px!important;height:66px!important}@media (min-width:1181px){.studio-grid{grid-template-columns:360px minmax(0,1fr)!important}.studio-sidebar,.studio-workspace,.dashboard-sidebar-inner{min-height:calc(100vh - 226px)!important}}@media (max-width:1180px) and (min-width:761px){.dashboard-service-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important}.service-card{padding:12px 14px!important}.service-card-icon{width:42px!important;height:42px!important}}@media (max-width:760px){.header-inner{padding:10px 14px!important}.dashboard-service-bar{grid-template-columns:1fr!important}.workspace-samples-panel{width:100%;margin:12px 0 0}.workspace-viewport,.studio-compare-frame,.zoomable-compare-frame.studio-compare-frame{min-height:360px!important}}@media (min-width:1181px){body{overflow:hidden}.studio-shell{flex-direction:column;display:flex;height:calc(100vh - 64px)!important;min-height:0!important;padding:20px 34px!important;overflow:hidden!important}.dashboard-service-bar{flex:none;height:96px;margin-bottom:16px!important;padding-bottom:14px!important}.studio-grid{flex:auto;overflow:hidden;height:auto!important;min-height:0!important}.studio-sidebar,.studio-workspace{height:100%!important;min-height:0!important;overflow:hidden!important}.dashboard-sidebar-inner{gap:16px!important;height:100%!important;min-height:0!important;padding:22px 26px!important;overflow:hidden!important}.compact-dropzone{min-height:170px!important}.compact-preview-container{height:170px!important}.selected-service-box{gap:12px!important;padding:16px!important}.selected-service-detail{font-size:12px!important;line-height:1.45!important}.sidebar-action-area{flex:none;gap:10px!important;padding-top:10px!important}.primary-action-btn{min-height:52px!important}.studio-workspace{gap:14px!important;padding:22px 24px!important}.workspace-hero{flex:none}.workspace-hero-title{font-size:clamp(24px,1.8vw,30px)!important}.workspace-viewport{flex:auto;height:auto!important;min-height:0!important}.studio-compare-frame,.zoomable-compare-frame.studio-compare-frame{height:100%!important;min-height:420px!important}.workspace-samples-panel{bottom:16px;left:50%;transform:translate(-50%);margin:0!important;display:flex!important;position:absolute!important}}@media (max-height:820px) and (min-width:1181px){.studio-shell{padding-top:14px!important;padding-bottom:14px!important}.dashboard-service-bar{height:86px;margin-bottom:12px!important}.service-card{height:70px!important;min-height:70px!important}.compact-dropzone{min-height:150px!important}.compact-preview-container{height:150px!important}.workspace-hero-title{font-size:26px!important}.workspace-hero-subtitle{display:none}}body.modal-open{overflow:hidden!important}.sample-lightbox{z-index:2000;color:var(--text-main);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sample-lightbox-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:zoom-out;background:radial-gradient(circle at 50% 34%,#d9824529,#0000 34rem),#030201db;border:0;border-radius:0;position:absolute;inset:0}.sample-lightbox-panel{z-index:1;background:linear-gradient(#fff7ef0d,#0000 28%),#0e0a08fa;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;width:min(96vw,1500px);height:min(92vh,920px);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 120px #0000009e}.sample-lightbox-topbar{background:#17110ee6;border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:16px 20px;display:flex}.sample-lightbox-topbar strong{color:var(--text-main);font-size:18px;font-weight:950;display:block}.sample-lightbox-topbar span{color:var(--text-muted);margin-top:4px;font-size:13px;font-weight:700;display:block}.sample-lightbox-actions{align-items:center;gap:10px;display:inline-flex}.sample-lightbox-actions button{color:#ffe0c3;cursor:pointer;background:#1f1712e0;border:1px solid #ffffff1a;border-radius:13px;min-height:42px;padding:0 14px;font-size:13px;font-weight:900}.sample-lightbox-actions button:last-child{color:#fff;background:linear-gradient(135deg,#d98245f5,#964520f5)}.sample-lightbox-viewport{background-color:#080503;background-image:linear-gradient(45deg,#ffffff06 25%,#0000 25% 75%,#ffffff06 75%),linear-gradient(45deg,#ffffff06 25%,#0000 25% 75%,#ffffff06 75%),none;background-position:0 0,18px 18px;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex:auto;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.sample-lightbox-frame{transform-origin:50%;touch-action:none;-webkit-user-select:none;user-select:none;background:#070403;border:1px solid #ffffff1f;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000007a,0 0 0 1px #d9824514;width:min(100%,1220px)!important;min-width:0!important;max-width:calc(100% - 36px)!important;height:auto!important;min-height:0!important;max-height:calc(100% - 36px)!important}.sample-lightbox-frame .sample-photo{object-fit:contain!important}.sample-lightbox-frame:after{content:"";pointer-events:none;background:radial-gradient(circle at var(--pos) 50%, #f09a5c1a, transparent 18rem);position:absolute;inset:0}@media (max-width:760px){html,body{width:100vw!important;height:auto!important;position:static!important;overflow:hidden auto!important}.header-global{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0806e0;box-shadow:0 8px 30px #0006;z-index:100!important;height:auto!important;position:sticky!important;top:0!important}.header-inner{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;height:auto!important;padding:10px 14px!important}.header-brand-row{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.mobile-account-wrapper{order:unset!important;display:block!important}.brand-mini{flex:none!important;gap:8px!important;min-width:0!important}.brand-lockup strong{font-size:18px!important}.brand-lockup em{display:none!important}.brand-logo-mark{border-radius:9px!important;width:32px!important;height:32px!important;font-size:15px!important}.nav{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0 auto!important;padding:4px 0 0!important;display:flex!important;overflow:visible!important}.nav>a,.nav>button,.nav>div{white-space:nowrap!important;color:#dfcdbd!important;background:#fff7ef0a!important;border:1px solid #ffffff14!important;border-radius:10px!important;flex:none!important;height:34px!important;min-height:0!important;padding:0 12px!important;font-size:12px!important;font-weight:800!important}.nav>.nav-cta{color:#fff7ef!important;background:linear-gradient(135deg,#d98245f0,#974922f5)!important;border-color:#f09a5c7a!important;min-width:0!important;height:34px!important;padding:0 14px!important;line-height:32px!important}.account-login{height:34px!important;padding:0 12px!important;font-size:0!important}.account-login:after{content:"Đăng nhập"!important;font-size:12px!important;font-weight:800!important}.account-summary{border-radius:10px!important;gap:6px!important;height:34px!important;padding:0 6px!important}.account-avatar{width:24px!important;height:24px!important;font-size:11px!important}.account-chevron,.account-copy{display:none!important}.sample-lightbox{padding:10px}.sample-lightbox-panel{border-radius:18px;width:100%;height:94vh}.sample-lightbox-topbar{flex-direction:column;align-items:flex-start}.sample-lightbox-actions{width:100%}.sample-lightbox-actions button{flex:1}.studio-shell{height:auto!important;min-height:calc(100vh - 64px)!important;padding:16px 14px 40px!important;display:block!important;overflow:visible!important}.mobile-landing-container{flex-direction:column;gap:28px;padding:10px 0;display:flex}.mobile-landing-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.mobile-landing-badge{color:var(--brand-hover);background:#d982451f;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800}.mobile-landing-title{color:var(--text-main);margin:4px 0 0;font-size:26px;font-weight:900;line-height:1.2}.mobile-landing-desc{color:var(--text-muted);max-width:320px;margin:0;font-size:13px;line-height:1.5}.mobile-landing-buttons{flex-direction:column;gap:16px;display:flex}.mobile-landing-btn{border:1px solid var(--border-soft);cursor:pointer;text-align:left;background:#1f1712b8;border-radius:20px;align-items:center;gap:16px;width:100%;padding:20px 18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.mobile-landing-btn:active{transform:scale(.98)}.mobile-landing-btn.btn-samples{border-color:#ffffff1a}.mobile-landing-btn.btn-editor{background:linear-gradient(#1f1712b8,#d982450d);border-color:#d982454d;box-shadow:0 10px 30px #0003}.mobile-landing-btn .btn-icon{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex}.mobile-landing-btn.btn-editor .btn-icon{color:var(--brand-hover);background:#d9824526}.mobile-landing-btn .btn-content{flex-direction:column;flex:1;gap:4px;display:flex}.mobile-landing-btn .btn-content strong{color:var(--text-main);font-size:16px;font-weight:900}.mobile-landing-btn .btn-content span{color:var(--text-muted);font-size:12px;line-height:1.4}.mobile-landing-btn .btn-arrow{color:var(--text-muted);font-size:20px;font-weight:300}.mobile-landing-btn.btn-editor .btn-arrow{color:var(--brand-hover)}.mobile-back-btn{color:var(--text-muted);border:1px solid var(--border-soft);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;background:#ffffff0d;border-radius:99px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:12px;font-weight:800;display:inline-flex}.mobile-editor-tabs{border:1px solid var(--border-soft);background:#0e0a0899;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:20px;padding:4px;display:grid}.mobile-editor-tab{height:36px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:900;transition:all .2s;display:flex}.mobile-editor-tab.active{box-shadow:0 4px 12px #ff4e0040;color:#fff!important;background:linear-gradient(135deg,#ff4e00,#e04400)!important;font-weight:950!important}.mobile-editor-body{flex-direction:column;gap:20px;display:flex}.mobile-upload-section{flex-direction:column;gap:8px;display:flex}.dashboard-service-bar{display:none!important}.studio-grid{height:auto!important;display:block!important}.dashboard-sidebar,.studio-sidebar,.studio-workspace{display:none!important}.compact-dropzone{background:#1f171299!important;border:2px dashed #d9824566!important;border-radius:16px!important;gap:8px!important;min-height:180px!important}.compact-dropzone-icon{width:48px!important;height:48px!important;font-size:24px!important}.compact-dropzone-text{font-size:14px!important}.compact-preview-container{height:180px!important}.selected-service-box{background:#1f1712cc!important;border-radius:16px!important;gap:10px!important;padding:14px 16px!important}.selected-service-detail{align-items:flex-start!important;gap:10px!important;font-size:13px!important;display:flex!important}.selected-service-detail span{flex-shrink:0!important;width:22px!important;height:22px!important;font-size:10px!important}.sidebar-action-area{background:0 0!important;gap:10px!important;padding-top:4px!important;position:static!important}.primary-action-btn{background:linear-gradient(135deg,#ff4e00,#e04400)!important;border:1px solid #ffffff1a!important;border-radius:14px!important;min-height:54px!important;font-size:15px!important;font-weight:950!important;box-shadow:0 12px 28px #ff4e0059!important}.sidebar-security-note{text-align:center!important;justify-content:center!important;gap:8px!important;font-size:12px!important}.workspace-hero{flex:none!important;justify-content:flex-start!important;margin-bottom:12px!important}.workspace-hero-actions{justify-content:flex-start!important;gap:8px!important;width:100%!important}.workspace-btn{background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:10px!important;min-height:38px!important;padding:0 12px!important;font-size:12px!important}.workspace-btn-success{background:linear-gradient(135deg,#ff4e00,#e04400)!important;border-color:#ff4e0066!important}.workspace-viewport{background:0 0!important;border:none!important;border-radius:16px!important;width:100%!important;height:auto!important;min-height:0!important;margin-bottom:12px!important;display:block!important;position:relative!important;overflow:hidden!important}.studio-compare-frame{border-radius:16px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}.zoomable-compare-frame.studio-compare-frame{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important}.studio-compare-frame .sample-photo{object-fit:cover!important}.mobile-canvas-action-btn{z-index:12!important;color:#fff!important;white-space:nowrap!important;cursor:pointer!important;background:linear-gradient(135deg,#ff4e00,#e04400)!important;border:1px solid #ffcfa033!important;border-radius:14px!important;padding:10px 20px!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;animation:2s ease-in-out infinite pulse-brand-glow!important;display:block!important;position:absolute!important;bottom:24px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 8px 24px #ff4e0066,inset 0 1px #fff3!important}.workspace-samples-panel{box-sizing:border-box!important;background:#1f1712cc!important;border:1px solid #ffffff0d!important;border-radius:16px!important;width:100%!important;margin:16px 0 0!important;padding:14px 16px!important}.workspace-samples-title{margin-bottom:8px!important;font-size:12px!important;display:block!important}.workspace-sample-thumbs{white-space:nowrap!important;gap:8px!important;width:100%!important;padding-bottom:6px!important;display:flex!important;overflow-x:auto!important}.workspace-sample-thumb{border-radius:10px!important;flex:none!important;width:58px!important;height:58px!important}.workspace-sample-thumb span{padding:2px 4px!important;font-size:8px!important}.workspace-tip{margin-top:4px!important;font-size:10px!important}}@keyframes pulse-brand-glow{0%{transform:translate(-50%)scale(1);box-shadow:0 8px 24px #ff4e0066}50%{transform:translate(-50%)scale(1.04);box-shadow:0 12px 36px #ff4e0099}to{transform:translate(-50%)scale(1);box-shadow:0 8px 24px #ff4e0066}}.page.pricing-page{border:1px solid var(--border-soft)!important;color:var(--text-main)!important;box-sizing:border-box!important;background:#17110ef0!important;width:100%!important;max-width:920px!important;padding:24px 18px!important;box-shadow:0 20px 60px #0006!important}.page.pricing-page h1{color:var(--text-main)!important}.page.pricing-page p,.page.pricing-page .pricing-note{color:var(--text-muted)!important}.table-wrap{border:1px solid var(--border-soft)!important;box-sizing:border-box!important;background:#0e0a08f2!important;border-radius:12px!important;width:100%!important;max-width:100%!important;margin-top:20px!important;overflow-x:auto!important}.price-table{color:var(--text-main)!important;min-width:580px!important}.price-table caption{color:var(--brand-hover)!important;border-bottom:1px solid var(--border-soft)!important;background:#ffffff03!important;font-weight:900!important}.price-table th{color:var(--text-muted)!important;border-bottom:1px solid var(--border-soft)!important;text-transform:uppercase!important;background:#ffffff05!important;font-weight:850!important}.price-table td{color:var(--text-main)!important;border-bottom:1px solid var(--border-soft)!important;vertical-align:middle!important;background:0 0!important}.price-table tr:hover td{background:#ffffff05!important}.price-table strong{color:var(--text-main)!important}.price-table td strong{color:var(--brand-hover)!important}.topup-package-button{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#ff4e00,#e04400)!important;border:none!important;border-radius:8px!important;padding:8px 16px!important;font-weight:900!important;transition:all .2s!important;box-shadow:0 4px 12px #ff4e0040!important}.topup-package-button:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #ff4e0066!important}.account-popover,.active-tasks-popover{border:1px solid var(--border-soft)!important;color:var(--text-main)!important;background:#17110efa!important;border-radius:16px!important;box-shadow:0 20px 50px #0009!important}.account-details dt,.active-tasks-head span,.account-popover-head em{color:var(--text-muted)!important}.account-details dd,.account-popover-head strong{color:var(--text-main)!important}.account-details .user-id{border:1px solid var(--border-soft)!important;color:var(--text-main)!important;background:#0e0a08cc!important}.account-actions a,.account-actions button,.account-actions .action-btn-primary{border:1px solid var(--border-soft)!important;color:#ff746e!important;background:#ffffff0d!important;border-radius:10px!important}.account-actions a,.account-actions .action-btn-primary{color:#fff!important;background:linear-gradient(135deg,#ff4e00,#e04400)!important;border:none!important}@media (max-width:760px){.account-popover,.active-tasks-popover{z-index:9999!important;width:290px!important;max-width:calc(100vw - 28px)!important;position:absolute!important;left:auto!important;right:0!important}.public-price-table caption,.price-table.compact caption{box-sizing:border-box!important;text-align:center!important;border-bottom:1px solid var(--border-soft)!important;width:100%!important;color:var(--brand-hover)!important;background:#ffffff05!important;padding:12px 16px!important;font-size:15px!important;font-weight:900!important;display:block!important}.public-price-table{width:100%!important;min-width:100%!important;display:block!important}.public-price-table thead{display:none!important}.public-price-table tbody{width:100%!important;display:block!important}.public-price-table tr{border-bottom:1px solid var(--border-soft)!important;box-sizing:border-box!important;background:#ffffff03!important;flex-direction:column!important;gap:8px!important;padding:16px!important;display:flex!important}.public-price-table tr:last-child{border-bottom:none!important}.public-price-table td{box-sizing:border-box!important;text-align:left!important;background:0 0!important;border:none!important;width:100%!important;padding:0!important;display:block!important}.public-price-table td:first-child{color:var(--brand-hover)!important;font-size:16px!important;font-weight:900!important}.public-price-table td:nth-child(2){color:var(--text-muted)!important;font-size:13px!important;line-height:1.45!important}.public-price-table td:nth-child(3),.public-price-table td:nth-child(4){width:auto!important;font-size:13px!important;font-weight:800!important;display:inline-block!important}.public-price-table td:nth-child(3){color:var(--text-main)!important;margin-right:12px!important}.public-price-table td:nth-child(3):before{content:"Chi phí: "!important;color:var(--text-muted)!important;font-weight:400!important}.public-price-table td:nth-child(4){color:var(--brand-hover)!important;background:#d982451f!important;border-radius:6px!important;padding:3px 8px!important}.price-table.compact{width:100%!important;min-width:100%!important;display:block!important}.price-table.compact thead{display:none!important}.price-table.compact tbody{width:100%!important;display:block!important}.price-table.compact tr{border-bottom:1px solid var(--border-soft)!important;box-sizing:border-box!important;background:#ffffff03!important;flex-direction:column!important;gap:8px!important;padding:16px!important;display:flex!important}.price-table.compact tr:last-child{border-bottom:none!important}.price-table.compact td{box-sizing:border-box!important;text-align:left!important;background:0 0!important;border:none!important;width:100%!important;padding:0!important;display:block!important}.price-table.compact td:first-child{color:var(--text-main)!important;font-size:16px!important;font-weight:900!important}.price-table.compact td:nth-child(2),.price-table.compact td:nth-child(3){width:auto!important;font-size:13px!important;font-weight:800!important;display:inline-block!important}.price-table.compact td:nth-child(2){color:var(--brand-hover)!important;margin-right:12px!important}.price-table.compact td:nth-child(2):before{content:"Nhận: "!important;color:var(--text-muted)!important;font-weight:400!important}.price-table.compact td:nth-child(3){color:var(--text-main)!important;background:#ffffff0f!important;border-radius:6px!important;padding:3px 8px!important}.price-table.compact td:nth-child(4){color:var(--text-muted)!important;margin-top:2px!important;font-size:12px!important;line-height:1.45!important}.price-table.compact td:nth-child(5){width:100%!important;margin-top:10px!important}.price-table.compact td:nth-child(5) .topup-package-button{text-align:center!important;box-sizing:border-box!important;justify-content:center!important;width:100%!important;height:auto!important;padding:10px!important;font-size:14px!important;display:flex!important}}.sample-modal.result-lightbox{z-index:3000!important}