:root{--btaf-bg:#f2f4f3;--btaf-surface:#ffffff;--btaf-surface-2:#f7f8f8;--btaf-ink:#12211f;--btaf-ink-soft:#5c6b68;--btaf-line:#dfe4e2;--btaf-brand:#0f5d52;--btaf-brand-ink:#ffffff;--btaf-accent:#e8833a;--btaf-radius:14px;--btaf-radius-sm:10px;--btaf-shadow:0 1px 2px rgba(18,33,31,.06), 0 8px 24px -12px rgba(18,33,31,.22);--btaf-font:"Roboto";box-sizing:border-box;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--btaf-bg:#0e1514;--btaf-surface:#16201e;--btaf-surface-2:#1c2725;--btaf-ink:#e8efed;--btaf-ink-soft:#94a5a1;--btaf-line:#2a3634;--btaf-brand:#39b39c;--btaf-brand-ink:#08201c;--btaf-shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px -14px rgba(0,0,0,.7)}}:root[data-theme="dark"]{--btaf-bg:#0e1514;--btaf-surface:#16201e;--btaf-surface-2:#1c2725;--btaf-ink:#e8efed;--btaf-ink-soft:#94a5a1;--btaf-line:#2a3634;--btaf-brand:#39b39c;--btaf-brand-ink:#08201c;--btaf-shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px -14px rgba(0,0,0,.7)}*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0)}.btaf-container{width:100%;max-width:880px;margin:0 auto;padding:36px 20px 64px}.btaf-head{margin-bottom:26px}.btaf-title{font-size:clamp(26px, 5vw, 36px);font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.btaf-desc{margin:0;max-width:52ch;color:var(--btaf-ink-soft);font-size:15px}.btaf-upload{position:relative;display:flex;align-items:center;gap:14px;background:var(--btaf-surface);background:radial-gradient(140% 180% at 0% 0%,color-mix(in srgb,#f800ff 6%,transparent),transparent 60%),#ffffff;border:1.5px dashed #ff02f0;border-radius:var(--btaf-radius-sm);padding:16px 18px;cursor:pointer;overflow:hidden;transition:border-color .18s,box-shadow .18s}.btaf-upload:hover{border-color:var(--btaf-brand);border-color:color-mix(in srgb,var(--btaf-brand) 55%,var(--btaf-line));box-shadow:var(--btaf-shadow)}.btaf-upload:focus-visible,.btaf-upload.is-drag{outline:none;border-color:var(--btaf-brand);border-style:solid;box-shadow:0 0 0 4px color-mix(in srgb,var(--btaf-brand) 18%,transparent)}.btaf-upload-icon{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--btaf-surface-2);background:color-mix(in srgb,var(--btaf-brand) 12%,var(--btaf-surface));color:var(--btaf-brand);transition:transform .2s,background .18s}.btaf-upload-icon svg{width:20px;height:20px;display:block}.btaf-upload:hover .btaf-upload-icon{transform:translateY(-1px)}.btaf-upload.is-drag .btaf-upload-icon{transform:scale(1.06);background:color-mix(in srgb,var(--btaf-brand) 20%,var(--btaf-surface))}.btaf-upload-copy{display:grid;gap:1px;flex:1 1 auto;min-width:0}.btaf-upload-text{font-size:15px;font-weight:600;letter-spacing:-.01em}.btaf-upload-sub{color:var(--btaf-ink-soft);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btaf-upload-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;background:linear-gradient(135deg,#0f5d52,#16816f);color:#fff;font-size:14px;font-weight:700;padding:9px 18px;border-radius:999px;box-shadow:0 5px 14px rgb(15 93 82 / .22);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;white-space:nowrap}.btaf-upload:hover .btaf-upload-cta{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 8px 18px rgb(15 93 82 / .28)}#btafFile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btaf-panel{display:none;background:var(--btaf-surface);border:1px solid var(--btaf-line);border-radius:var(--btaf-radius);box-shadow:var(--btaf-shadow);padding:16px}.btaf-panel.is-open{display:block}.btaf-panel-bar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.btaf-panel-name{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btaf-meta{color:var(--btaf-ink-soft);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.btaf-canvas-wrap{position:relative;border-radius:var(--btaf-radius-sm);overflow:hidden;background:var(--btaf-surface-2);line-height:0}#btafPreviewCanvas{display:block;width:100%;height:auto;max-height:min(60vh, 560px);object-fit:contain}.btaf-cut-line{position:absolute;z-index:5;pointer-events:none;background:#ff0082b0;box-shadow:0 0 0 1px rgb(0 0 0 / .25),0 0 10px rgb(0 0 0 / .45)}.btaf-cut-line[data-dir="vertical"]{top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%)}.btaf-cut-line[data-dir="horizontal"]{left:0;right:0;top:50%;height:2px;transform:translateY(-50%)}.btaf-cut-line::after{content:attr(data-label);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgb(8 20 18 / .82);color:#fff;font-size:12px;font-weight:600;line-height:1;padding:5px 8px;border-radius:999px;white-space:nowrap}.btaf-crop-fab{position:absolute;top:10px;right:10px;z-index:6;display:inline-flex;align-items:center;gap:7px;appearance:none;border:1px solid rgb(255 255 255 / .35);border-radius:999px;min-height:38px;padding:8px 14px;background:rgb(8 20 18 / .62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 6px 16px rgb(0 0 0 / .28);transition:transform .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}.btaf-crop-fab i{font-size:13px}.btaf-crop-fab:hover:not(:disabled){background:rgb(8 20 18 / .8);transform:translateY(-1px);box-shadow:0 9px 20px rgb(0 0 0 / .32)}.btaf-crop-fab:active:not(:disabled){transform:translateY(0) scale(.97)}.btaf-crop-fab:focus-visible{outline:2px solid #fff;outline-offset:2px}.btaf-crop-fab:disabled{opacity:.5;cursor:not-allowed}.btaf-canvas-wrap.is-cropping .btaf-crop-fab{display:none}@media (max-width:620px){.btaf-crop-fab{top:8px;right:8px;min-height:34px;padding:7px 11px;font-size:12px}}.btaf-canvas-wrap.is-cropping #btafCutLine{display:none}.btaf-crop-overlay{display:none;position:absolute;inset:0;z-index:9;touch-action:none}.btaf-canvas-wrap.is-cropping .btaf-crop-overlay{display:block}.btaf-crop-box{position:absolute;cursor:move;touch-action:none;box-shadow:0 0 0 2000px rgb(8 20 18 / .58),0 0 0 2px #fff,inset 0 0 0 1px rgb(0 0 0 / .3)}.btaf-crop-grid-v1,.btaf-crop-grid-v2{position:absolute;top:0;bottom:0;width:1px;background:rgb(255 255 255 / .5);pointer-events:none}.btaf-crop-grid-v1{left:33.333%}.btaf-crop-grid-v2{left:66.666%}.btaf-crop-grid-h1,.btaf-crop-grid-h2{position:absolute;left:0;right:0;height:1px;background:#fff0;pointer-events:none}.btaf-crop-grid-h1{top:33.333%}.btaf-crop-grid-h2{top:66.666%}.btaf-crop-handle{position:absolute;width:18px;height:18px;background:#fff;border:2px solid var(--btaf-brand);border-radius:50%;box-shadow:0 2px 6px rgb(0 0 0 / .35);touch-action:none}.btaf-crop-handle[data-handle="nw"]{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.btaf-crop-handle[data-handle="ne"]{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.btaf-crop-handle[data-handle="sw"]{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.btaf-crop-handle[data-handle="se"]{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.btaf-crop-toolbar{display:none;gap:10px;flex-wrap:wrap;margin-top:12px}.btaf-crop-toolbar.is-open{display:flex}.btaf-crop-toolbar .btaf-btn{flex:1 1 160px}.btaf-crop-hint{margin:10px 0 0;font-size:12.5px;color:var(--btaf-ink-soft);display:none}.btaf-crop-hint.is-open{display:block}.btaf-controls{margin-top:18px;display:grid;gap:16px}.btaf-field-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;font-weight:600;margin-bottom:8px}.btaf-field-label span{color:var(--btaf-ink-soft);font-weight:500;font-variant-numeric:tabular-nums}.btaf-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--btaf-surface-2);border:1px solid var(--btaf-line);border-radius:var(--btaf-radius-sm);padding:5px}.btaf-seg-btn{appearance:none;border:0;background:#fff0;color:var(--btaf-ink);font-family:inherit;font-size:15px;font-weight:600;padding:11px 8px;border-radius:8px;cursor:pointer;transition:background .16s,color .16s}.btaf-seg-btn:hover{background:rgb(125 140 137 / .16)}.btaf-seg-btn[aria-pressed="true"]{background:var(--btaf-brand);color:var(--btaf-brand-ink)}.btaf-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.btaf-btn{position:relative;appearance:none;border:1px solid #fff0;border-radius:13px;min-height:48px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:700;letter-spacing:-.01em;cursor:pointer;overflow:hidden;transform:translateY(0);box-shadow:0 5px 14px rgb(18 33 31 / .10);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease,filter .18s ease}.btaf-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgb(255 255 255 / .28) 50%,transparent 80%);transform:translateX(-120%);transition:transform .55s ease;pointer-events:none}.btaf-btn:hover::before{transform:translateX(120%)}.btaf-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 22px rgb(18 33 31 / .16)}.btaf-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 4px 10px rgb(18 33 31 / .12)}.btaf-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--btaf-brand) 28%,transparent);outline-offset:3px}.btaf-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btaf-btn-primary{flex:1 1 220px;color:#fff;background:linear-gradient(135deg,#0f5d52 0%,#16816f 100%);border-color:#0f5d52;box-shadow:0 7px 18px rgb(15 93 82 / .28),inset 0 1px 0 rgb(255 255 255 / .18)}.btaf-btn-primary:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 11px 25px rgb(15 93 82 / .34),inset 0 1px 0 rgb(255 255 255 / .2)}#btafCutBtn{position:relative;flex:1 1 100%;min-height:56px;padding:14px 26px;font-size:16px;color:#fff;background:linear-gradient(135deg,#ff4d6d 0%,#ff7a45 48%,#ffb52e 100%);border:0;border-radius:15px;letter-spacing:-.01em;box-shadow:0 8px 22px rgb(255 92 74 / .30),0 2px 5px rgb(255 92 74 / .18),inset 0 1px 0 rgb(255 255 255 / .30);text-shadow:0 1px 2px rgb(80 20 10 / .18)}#btafCutBtn:hover:not(:disabled){filter:none;transform:translateY(-3px) scale(1.01);background:linear-gradient(135deg,#ff3f62 0%,#ff713c 48%,#ffad20 100%);box-shadow:0 13px 30px rgb(255 92 74 / .38),0 4px 9px rgb(255 92 74 / .20),inset 0 1px 0 rgb(255 255 255 / .35)}#btafCutBtn:active:not(:disabled){transform:translateY(-1px) scale(.99)}#btafCutBtn:disabled{background:linear-gradient(135deg,#d98b94,#d99a79);opacity:.75}@media (min-width:621px){#btafCutBtn{min-height:58px;font-size:17px}}.btaf-btn-ghost{background:var(--btaf-surface);color:var(--btaf-brand);border-color:color-mix(in srgb,var(--btaf-brand) 30%,var(--btaf-line));box-shadow:0 4px 12px rgb(18 33 31 / .07)}.btaf-btn-ghost:hover:not(:disabled){color:var(--btaf-brand);background:color-mix(in srgb,var(--btaf-brand) 8%,var(--btaf-surface));border-color:color-mix(in srgb,var(--btaf-brand) 55%,var(--btaf-line))}#btafDownloadAll{min-width:150px}#btafDownloadAll::after{content:" ↓";font-size:17px}.btaf-seg-btn{position:relative;appearance:none;border:0;background:#fff0;color:var(--btaf-ink);font-family:inherit;font-size:15px;font-weight:700;padding:12px 10px;min-height:46px;border-radius:9px;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btaf-seg-btn:hover{background:color-mix(in srgb,var(--btaf-brand) 9%,transparent);transform:translateY(-1px)}.btaf-seg-btn[aria-pressed="true"]{background:linear-gradient(135deg,var(--btaf-brand),#16816f);color:#fff;box-shadow:0 5px 12px rgb(15 93 82 / .24)}.btaf-seg-btn[aria-pressed="true"]:hover{background:linear-gradient(135deg,#0d5148,#137765)}.btaf-result{display:none;margin-top:30px}.btaf-result.is-open{display:block}.btaf-result-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.btaf-result-title{font-size:20px;font-weight:700;margin:0}.btaf-parts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.btaf-part{background:var(--btaf-surface);border:1px solid var(--btaf-line);border-radius:var(--btaf-radius);padding:12px;display:flex;flex-direction:column;gap:10px}.btaf-part-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.btaf-part-title{font-weight:600;font-size:15px}.btaf-part-figure{background:#d2ddea80;border-radius:var(--btaf-radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:120px}.btaf-part img{display:block;max-width:100%;max-height:320px;height:auto;width:auto}.btaf-download{width:100%;margin-top:auto}#showlinkduphong{width:100%;margin:22px 0 4px;padding:18px;background:radial-gradient(circle at 0% 0%,rgb(15 93 82 / .08),transparent 45%),radial-gradient(circle at 100% 100%,rgb(232 131 58 / .08),transparent 45%),var(--btaf-surface);border:1px solid var(--btaf-line);border-radius:16px;box-shadow:0 8px 24px -16px rgb(18 33 31 / .28);text-align:center}#laylinkduphong{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 20px;margin:0 0 10px!important;border:1px solid color-mix(in srgb,var(--btaf-brand) 35%,var(--btaf-line));border-radius:12px;background:linear-gradient(135deg,#ffffff 0%,#f0f8f6 100%);color:var(--btaf-brand);font-family:inherit;font-size:14px;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 5px 14px rgb(15 93 82 / .12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;overflow:hidden}#laylinkduphong::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgb(255 255 255 / .75) 50%,transparent 80%);transform:translateX(-120%);transition:transform .55s ease;pointer-events:none}#laylinkduphong:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--btaf-brand) 60%,var(--btaf-line));background:linear-gradient(135deg,#ffffff 0%,#e7f5f1 100%);box-shadow:0 9px 20px rgb(15 93 82 / .18)}#laylinkduphong:hover::before{transform:translateX(120%)}#laylinkduphong:active{transform:translateY(0) scale(.98)}#laylinkduphong i{font-size:15px}#kqlaylink{margin:2px auto 0!important;max-width:100%;color:var(--btaf-ink-soft);font-size:13px;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}#kqlaylink a{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:8px 12px;margin-top:3px;border-radius:9px;background:color-mix(in srgb,var(--btaf-brand) 8%,var(--btaf-surface));color:var(--btaf-brand);font-weight:600;text-decoration:none;border:1px solid color-mix(in srgb,var(--btaf-brand) 18%,var(--btaf-line));overflow-wrap:anywhere;word-break:break-word;transition:background .16s ease,border-color .16s ease}#kqlaylink a:hover{background:color-mix(in srgb,var(--btaf-brand) 14%,var(--btaf-surface));border-color:color-mix(in srgb,var(--btaf-brand) 35%,var(--btaf-line))}#imgduphong1,#imgduphong2{display:block;float:none!important;width:100%;max-width:180px!important;height:auto;margin:0 auto!important;padding:5px;background:var(--btaf-surface);border:1px solid var(--btaf-line);border-radius:12px;box-shadow:0 5px 16px rgb(18 33 31 / .10);object-fit:contain;transition:transform .18s ease,box-shadow .18s ease}#imgduphong1:hover,#imgduphong2:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgb(18 33 31 / .15)}#imgduphong1{margin-top:0!important}#imgduphong2{margin-top:0!important}#showlinkduphong+.btaf-part,#showlinkduphong+.btaf-part+.btaf-part{display:inline-flex;vertical-align:top;width:calc(50% - 8px);min-height:90px;margin-top:14px;padding:12px;align-items:center;justify-content:center;background:var(--btaf-surface-2);border:1px solid var(--btaf-line);border-radius:var(--btaf-radius);box-shadow:0 4px 14px -10px rgb(18 33 31 / .25)}#showlinkduphong+.btaf-part:has(#imgduphong1[style*="display: block"]),#showlinkduphong+.btaf-part:has(#imgduphong1[style*="display:block"]),#showlinkduphong+.btaf-part+.btaf-part:has(#imgduphong2[style*="display: block"]),#showlinkduphong+.btaf-part+.btaf-part:has(#imgduphong2[style*="display:block"]){display:inline-flex}@media (max-width:620px){#showlinkduphong{margin-top:18px;padding:15px 12px;border-radius:14px}#laylinkduphong{width:100%;min-height:48px;margin-bottom:9px!important}#kqlaylink{font-size:12px}#kqlaylink a{display:flex;justify-content:center;text-align:center}#showlinkduphong+.btaf-part,#showlinkduphong+.btaf-part+.btaf-part{width:calc(50% - 5px);padding:8px;margin-top:10px;border-radius:12px}#imgduphong1,#imgduphong2{max-width:100%!important;padding:4px;border-radius:9px}}.btaf-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom, 0px));transform:translate(-50%,16px);z-index:50;max-width:min(92vw, 420px);background:var(--btaf-ink);color:var(--btaf-bg);padding:12px 18px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 12px 32px -10px rgb(0 0 0 / .5);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.btaf-toast.is-open{opacity:1;transform:translate(-50%,0)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}html{scroll-behavior:auto}}@media (max-width:620px){.btaf-container{padding:22px 14px 48px}.btaf-upload{padding:14px;gap:10px 12px;flex-wrap:wrap}.btaf-upload-icon{width:36px;height:36px;border-radius:10px}.btaf-upload-icon svg{width:18px;height:18px}.btaf-upload-copy{flex:1 1 auto}.btaf-upload-sub{white-space:normal}.btaf-upload-cta{flex:1 1 100%;justify-content:center}.btaf-parts{grid-template-columns:1fr}.btaf-btn{width:100%;min-height:50px}#btafDownloadAll{width:100%}.btaf-part img{max-height:260px}}