:where(.cmt) .icon{display:inline-block;width:1em;height:1em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;overflow:visible}
:where(.cmt) .icon-fill{fill:currentColor}
:where(.cmt) .icon-fw{width:1.25em}
:where(.cmt) .icon-xs{font-size:.75em}:where(.cmt) .icon-sm{font-size:.875em}:where(.cmt) .icon-lg{font-size:1.25em;vertical-align:-.2em}:where(.cmt) .icon-xl{font-size:1.5em;vertical-align:-.25em}:where(.cmt) .icon-2x{font-size:2em;vertical-align:-.3em}
:where(.cmt) .icon-thin{stroke-width:1.5}:where(.cmt) .icon-bold{stroke-width:2.5}
:where(.cmt) .icon-spin{animation:icon-spin 1s linear infinite}
@keyframes  icon-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){:where(.cmt) .icon-spin{animation-duration:2.5s}}


    :where(.cmt) .tool-hero { display: flex; flex-direction: column; }
    :where(.cmt) .tool-hero--center { justify-content: center; }
    :where(.cmt) .tools-page { background: var(--cm-bg-subtle); }
    :where(.cmt) .tools-hero-title { font-size: clamp(30px, 3.6vw, 44px); font-weight: var(--cm-fw-heading); line-height: 1.1; letter-spacing: -0.03em; color: var(--cm-text); text-wrap: balance; }
    /* So nguoi da dung, nam tren tieu de */
    :where(.cmt) .tl-usage { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px; padding: 5px 12px; border-radius: 999px; background: var(--cm-surface-2); color: var(--cm-text-2); font-size: var(--cm-fs-small); font-weight: var(--cm-fw-semibold); }
    :where(.cmt) .tl-usage :is(i, .icon) { font-size: 11px; color: var(--cm-muted); }
    :where(.cmt) .tl-usage .tl-usage-dot { color: var(--cm-faint); margin: 0 2px; }
    :where(.cmt) .tl-premium-pill { background: var(--cm-warning-bg); color: var(--cm-warning); border: 1px solid #FEDF89; }
    :where(.cmt) .tl-premium-pill :is(i, .icon) { color: #F5B301 !important; }
    /* Cong cu dung mo hinh AI cua doi tac: nhan AI + "Powered by ..." canh nhan Premium */
    :where(.cmt) .tl-ai-pill { background: var(--cm-inverse); color: var(--cm-on-inverse); }
    :where(.cmt) .tl-soon-pill { background: var(--cm-warning-bg); color: var(--cm-warning); }
    :where(.cmt) .tl-provider-pill { background: var(--cm-surface); color: var(--cm-text-2); box-shadow: inset 0 0 0 1px var(--cm-line-2); }
    :where(.cmt) .tools-lead { font-size: var(--cm-fs-h3); line-height: var(--cm-lh-body); color: var(--cm-text-2); }
    :where(.cmt) .tools-card-icon {
        width: 48px; height: 48px; border-radius: 12px; flex-shrink: 0;
        display: flex; align-items: center; justify-content: center; font-size: 20px;
    }


    :where(.cmt) .tools-panel { background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: 16px; padding: 16px; }
    /* ONE solid "dark pill" button for every tool page (light pill with dark text in dark mode).
       Variants only add size / shape: .tl-primary, .tl-upload-btn (_shell), .cm-fb-send (below), .rb-upload-btn, .ly-upload, .ly-dl, .st-go */
    :where(.cmt) .cm-btn-inverse { background: var(--cm-inverse); color: var(--cm-on-inverse); border: 0; border-radius: 999px; }
    :where(.cmt) .cm-btn-inverse:hover:not(:disabled) { background: var(--cm-inverse-hover); color: var(--cm-on-inverse); }
    :where(.cmt) .cm-btn-inverse:disabled { opacity: .45; }
    :where(.cmt) .tools-label { font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); margin-bottom: 6px; display: block; }
    :where(.cmt) .tools-private-note { font-size: var(--cm-fs-caption); color: var(--cm-muted); }


    /* Dieu khien trung tinh cho cac cong cu: thanh truot cao hon, nut tron nam trong thanh; cong tac mau toi */
    :where(.cmt) .tool-hero input[type=range] {
        -webkit-appearance: none; appearance: none; height: 22px; border-radius: 999px; padding: 0; cursor: pointer;
        background: linear-gradient(to right, var(--cm-text) 0 calc(11px + (100% - 22px) * var(--p, .5)), var(--cm-line) calc(11px + (100% - 22px) * var(--p, .5)) 100%);
    }
    :where(.cmt) .tool-hero input[type=range]:disabled { opacity: .45; cursor: default; }
    :where(.cmt) .tool-hero input[type=range]:focus { outline: none; box-shadow: var(--cm-focus); }
    :where(.cmt) .tool-hero input[type=range]::-webkit-slider-runnable-track { height: 22px; background: transparent; border: 0; }
    :where(.cmt) .tool-hero input[type=range]::-moz-range-track { height: 22px; background: transparent; border: 0; }
    :where(.cmt) .tool-hero input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin-top: 0; border-radius: 50%;
        background: var(--cm-surface); background-clip: padding-box; border: 3px solid var(--cm-text); transition: transform .1s;
    }
    :where(.cmt) .tool-hero input[type=range]::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: var(--cm-surface); background-clip: padding-box; border: 3px solid var(--cm-text); }
    :where(.cmt) .tool-hero input[type=range]:active::-webkit-slider-thumb { transform: scale(1.1); }
    :where(.cmt) .tool-hero .form-check-input { border-color: var(--cm-line-2); }
    :where(.cmt) .tool-hero .form-check-input:checked { background-color: var(--cm-inverse); border-color: var(--cm-text); }
    :where(.cmt) .tool-hero .form-check-input:focus { border-color: var(--cm-line-2); box-shadow: var(--cm-focus); }
    :where(.cmt) .tool-hero .form-switch .form-check-input:focus:not(:checked) {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,.25%29'/%3e%3c/svg%3e");
    }
    /* The danh gia cong cu (ToolsHelpers.feedback): nho, goc phai, khong che trang */
    :where(.cmt) .cm-fb { position: fixed; right: 20px; bottom: 20px; z-index: 1060; width: 340px; max-width: calc(100vw - 32px); background: var(--cm-elevated); border: 1px solid var(--cm-line); border-radius: 16px; box-shadow: 0 16px 40px -12px rgba(16, 24, 40, .22); padding: 18px 18px 16px; opacity: 0; transform: translateY(16px); transition: opacity .25s ease, transform .25s ease; }
    :where(.cmt) .cm-fb.is-in { opacity: 1; transform: none; }
    :where(.cmt) .cm-fb-x { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; border: 0; background: none; border-radius: 8px; color: var(--cm-faint); }
    :where(.cmt) .cm-fb-x:hover { background: var(--cm-surface-2); color: var(--cm-text); }
    :where(.cmt) .cm-fb-title { font-weight: var(--cm-fw-semibold); color: var(--cm-text); font-size: var(--cm-fs-body-sm); padding-right: 28px; line-height: 1.35; }
    :where(.cmt) .cm-fb-sub { color: var(--cm-muted); font-size: var(--cm-fs-caption); margin-top: 2px; }
    :where(.cmt) .cm-fb-stars { display: flex; gap: 4px; margin-top: 12px; }
    :where(.cmt) .cm-fb-stars button { width: 44px; height: 44px; border: 0; background: none; border-radius: 10px; font-size: var(--cm-fs-h2); color: var(--cm-line-2); transition: color .12s, transform .12s; }
    :where(.cmt) .cm-fb-stars button:hover { transform: scale(1.08); }
    :where(.cmt) .cm-fb-stars button.is-on { color: #FDB022; }
    :where(.cmt) .cm-fb-stars button:focus-visible, :where(.cmt) .cm-fb button:focus-visible { outline: 2px solid var(--cm-text); outline-offset: 1px; }
    :where(.cmt) .cm-fb-label { font-size: var(--cm-fs-caption); color: var(--cm-text-2); font-weight: var(--cm-fw-semibold); min-height: 20px; margin: 2px 0 0 4px; }
    :where(.cmt) .cm-fb-more textarea { width: 100%; margin-top: 10px; border: 1px solid var(--cm-line-2); background: var(--cm-surface); color: var(--cm-text); border-radius: 12px; padding: 10px 12px; font-size: var(--cm-fs-body-sm); resize: none; outline: 0; }
    :where(.cmt) .cm-fb-more textarea:focus { border-color: var(--cm-focus-color); box-shadow: var(--cm-focus); }
    :where(.cmt) .cm-fb-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
    :where(.cmt) .cm-fb-later { border: 0; background: none; color: var(--cm-muted); font-weight: var(--cm-fw-semibold); font-size: var(--cm-fs-body-sm); padding: 0 12px; height: 40px; border-radius: 10px; }
    :where(.cmt) .cm-fb-later:hover { color: var(--cm-text); background: var(--cm-surface-2); }
    :where(.cmt) .cm-fb-send { font-weight: var(--cm-fw-semibold); font-size: var(--cm-fs-body-sm); height: 40px; min-width: 84px; padding: 0 18px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; }
    :where(.cmt) .cm-fb-send:disabled { opacity: .6; }
    :where(.cmt) .cm-fb-done { display: flex; align-items: center; gap: 8px; color: var(--cm-success); font-weight: var(--cm-fw-semibold); padding: 10px 0 4px; }
    @media (max-width: 575.98px) {
        :where(.cmt) .cm-fb { left: 0; right: 0; bottom: 0; width: auto; max-width: none; border-radius: 18px 18px 0 0; border-bottom: 0; padding: 18px 20px calc(18px + env(safe-area-inset-bottom)); }
        :where(.cmt) .cm-fb-stars { justify-content: space-between; }
    }
    /* Hang danh gia o cuoi cong cu */
    :where(.cmt) .tl-rating { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; padding: 14px 18px; margin-bottom: 36px; border: 1px solid var(--cm-line); border-radius: 16px; background: var(--cm-surface); }
    :where(.cmt) .tl-rating-stars { position: relative; display: inline-block; font-size: 16px; line-height: 1; letter-spacing: 0; color: var(--cm-line-2); white-space: nowrap; }
    :where(.cmt) .tl-rating-stars .on { position: absolute; inset: 0 auto 0 0; overflow: hidden; color: #FDB022; }
    :where(.cmt) .tl-rating-text { color: var(--cm-text-2); font-size: var(--cm-fs-body-sm); font-weight: var(--cm-fw-semibold); }
    :where(.cmt) .tl-rating-text small { color: var(--cm-muted); font-weight: var(--cm-fw-medium); font-size: var(--cm-fs-body-sm); }
    :where(.cmt) .tl-rating-btn { margin-left: auto; border: 1px solid var(--cm-line-2); background: var(--cm-surface); color: var(--cm-text); font-weight: var(--cm-fw-semibold); font-size: var(--cm-fs-body-sm); height: 40px; padding: 0 16px; border-radius: 12px; display: inline-flex; align-items: center; gap: 8px; }
    :where(.cmt) .tl-rating-btn:hover { background: var(--cm-bg-subtle); border-color: var(--cm-line-2); }
    @media (max-width: 575.98px) { :where(.cmt) .tl-rating-btn { margin-left: 0; width: 100%; justify-content: center; } }

:where(.cmt) *, :where(.cmt),:where(.cmt) :after, :where(.cmt):after,:where(.cmt) :before, :where(.cmt):before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(.cmt) ::backdrop, :where(.cmt)::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where(.cmt) .tk .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:where(.cmt) .tk .pointer-events-none{pointer-events:none}:where(.cmt) .tk .visible{visibility:visible}:where(.cmt) .tk .invisible{visibility:hidden}:where(.cmt) .tk .collapse{visibility:collapse}:where(.cmt) .tk .static{position:static}:where(.cmt) .tk .fixed{position:fixed}:where(.cmt) .tk .absolute{position:absolute}:where(.cmt) .tk .relative{position:relative}:where(.cmt) .tk .sticky{position:sticky}:where(.cmt) .tk .inset-0{inset:0}:where(.cmt) .tk .bottom-3{bottom:.75rem}:where(.cmt) .tk .bottom-4{bottom:1rem}:where(.cmt) .tk .bottom-full{bottom:100%}:where(.cmt) .tk .left-0{left:0}:where(.cmt) .tk .left-1\/2{left:50%}:where(.cmt) .tk .left-2{left:.5rem}:where(.cmt) .tk .left-2\.5{left:.625rem}:where(.cmt) .tk .left-3{left:.75rem}:where(.cmt) .tk .left-3\.5{left:.875rem}:where(.cmt) .tk .left-4{left:1rem}:where(.cmt) .tk .left-5{left:1.25rem}:where(.cmt) .tk .right-0{right:0}:where(.cmt) .tk .right-1\.5{right:.375rem}:where(.cmt) .tk .right-2\.5{right:.625rem}:where(.cmt) .tk .right-3{right:.75rem}:where(.cmt) .tk .right-5{right:1.25rem}:where(.cmt) .tk .top-1\.5{top:.375rem}:where(.cmt) .tk .top-1\/2{top:50%}:where(.cmt) .tk .top-2{top:.5rem}:where(.cmt) .tk .top-2\.5{top:.625rem}:where(.cmt) .tk .top-3{top:.75rem}:where(.cmt) .tk .top-full{top:100%}:where(.cmt) .tk .isolate{isolation:isolate}:where(.cmt) .tk .z-20{z-index:20}:where(.cmt) .tk .z-30{z-index:30}:where(.cmt) .tk .z-\[2\]{z-index:2}:where(.cmt) .tk .z-\[3\]{z-index:3}:where(.cmt) .tk .z-\[4\]{z-index:4}:where(.cmt) .tk .z-\[7\]{z-index:7}:where(.cmt) .tk .order-1{order:1}:where(.cmt) .tk .order-2{order:2}:where(.cmt) .tk .order-3{order:3}:where(.cmt) .tk .order-4{order:4}:where(.cmt) .tk .col-span-2{grid-column:span 2/span 2}:where(.cmt) .tk .col-span-3{grid-column:span 3/span 3}:where(.cmt) .tk .col-span-full{grid-column:1/-1}:where(.cmt) .tk .m-0{margin:0}:where(.cmt) .tk .-mx-2\.5{margin-left:-.625rem;margin-right:-.625rem}:where(.cmt) .tk .-mx-3{margin-left:-.75rem;margin-right:-.75rem}:where(.cmt) .tk .mx-1\.5{margin-left:.375rem;margin-right:.375rem}:where(.cmt) .tk .mx-auto{margin-left:auto;margin-right:auto}:where(.cmt) .tk .my-10{margin-top:2.5rem;margin-bottom:2.5rem}:where(.cmt) .tk .my-2{margin-top:.5rem;margin-bottom:.5rem}:where(.cmt) .tk .mb-0{margin-bottom:0}:where(.cmt) .tk .mb-0\.5{margin-bottom:.125rem}:where(.cmt) .tk .mb-1{margin-bottom:.25rem}:where(.cmt) .tk .mb-1\.5{margin-bottom:.375rem}:where(.cmt) .tk .mb-10{margin-bottom:2.5rem}:where(.cmt) .tk .mb-12{margin-bottom:3rem}:where(.cmt) .tk .mb-14{margin-bottom:3.5rem}:where(.cmt) .tk .mb-2{margin-bottom:.5rem}:where(.cmt) .tk .mb-2\.5{margin-bottom:.625rem}:where(.cmt) .tk .mb-3{margin-bottom:.75rem}:where(.cmt) .tk .mb-4{margin-bottom:1rem}:where(.cmt) .tk .mb-5{margin-bottom:1.25rem}:where(.cmt) .tk .mb-6{margin-bottom:1.5rem}:where(.cmt) .tk .mb-8{margin-bottom:2rem}:where(.cmt) .tk .me-1{margin-inline-end:.25rem}:where(.cmt) .tk .me-2{margin-inline-end:.5rem}:where(.cmt) .tk .ml-1{margin-left:.25rem}:where(.cmt) .tk .ml-2{margin-left:.5rem}:where(.cmt) .tk .ml-auto{margin-left:auto}:where(.cmt) .tk .mr-1{margin-right:.25rem}:where(.cmt) .tk .mr-1\.5{margin-right:.375rem}:where(.cmt) .tk .mr-2{margin-right:.5rem}:where(.cmt) .tk .ms-1{margin-inline-start:.25rem}:where(.cmt) .tk .ms-2{margin-inline-start:.5rem}:where(.cmt) .tk .mt-0{margin-top:0}:where(.cmt) .tk .mt-0\.5{margin-top:.125rem}:where(.cmt) .tk .mt-1{margin-top:.25rem}:where(.cmt) .tk .mt-1\.5{margin-top:.375rem}:where(.cmt) .tk .mt-10{margin-top:2.5rem}:where(.cmt) .tk .mt-12{margin-top:3rem}:where(.cmt) .tk .mt-14{margin-top:3.5rem}:where(.cmt) .tk .mt-16{margin-top:4rem}:where(.cmt) .tk .mt-2{margin-top:.5rem}:where(.cmt) .tk .mt-2\.5{margin-top:.625rem}:where(.cmt) .tk .mt-3{margin-top:.75rem}:where(.cmt) .tk .mt-4{margin-top:1rem}:where(.cmt) .tk .mt-5{margin-top:1.25rem}:where(.cmt) .tk .mt-6{margin-top:1.5rem}:where(.cmt) .tk .mt-7{margin-top:1.75rem}:where(.cmt) .tk .mt-8{margin-top:2rem}:where(.cmt) .tk .mt-auto{margin-top:auto}:where(.cmt) .tk .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}:where(.cmt) .tk .block{display:block}:where(.cmt) .tk .inline-block{display:inline-block}:where(.cmt) .tk .inline{display:inline}:where(.cmt) .tk .flex{display:flex}:where(.cmt) .tk .inline-flex{display:inline-flex}:where(.cmt) .tk .\!table{display:table!important}:where(.cmt) .tk .table{display:table}:where(.cmt) .tk .\!grid{display:grid!important}:where(.cmt) .tk .grid{display:grid}:where(.cmt) .tk .contents{display:contents}:where(.cmt) .tk .hidden{display:none}:where(.cmt) .tk .aspect-\[3\/2\]{aspect-ratio:3/2}:where(.cmt) .tk .aspect-\[4\/3\]{aspect-ratio:4/3}:where(.cmt) .tk .aspect-\[808\/632\]{aspect-ratio:808/632}:where(.cmt) .tk .aspect-square{aspect-ratio:1/1}:where(.cmt) .tk .aspect-video{aspect-ratio:16/9}:where(.cmt) .tk .h-1{height:.25rem}:where(.cmt) .tk .h-1\.5{height:.375rem}:where(.cmt) .tk .h-10{height:2.5rem}:where(.cmt) .tk .h-11{height:2.75rem}:where(.cmt) .tk .h-12{height:3rem}:where(.cmt) .tk .h-14{height:3.5rem}:where(.cmt) .tk .h-16{height:4rem}:where(.cmt) .tk .h-2{height:.5rem}:where(.cmt) .tk .h-2\.5{height:.625rem}:where(.cmt) .tk .h-20{height:5rem}:where(.cmt) .tk .h-24{height:6rem}:where(.cmt) .tk .h-3{height:.75rem}:where(.cmt) .tk .h-3\.5{height:.875rem}:where(.cmt) .tk .h-4{height:1rem}:where(.cmt) .tk .h-5{height:1.25rem}:where(.cmt) .tk .h-6{height:1.5rem}:where(.cmt) .tk .h-7{height:1.75rem}:where(.cmt) .tk .h-8{height:2rem}:where(.cmt) .tk .h-9{height:2.25rem}:where(.cmt) .tk .h-\[120px\]{height:120px}:where(.cmt) .tk .h-\[150px\]{height:150px}:where(.cmt) .tk .h-\[180px\]{height:180px}:where(.cmt) .tk .h-\[200px\]{height:200px}:where(.cmt) .tk .h-\[22px\]{height:22px}:where(.cmt) .tk .h-\[26px\]{height:26px}:where(.cmt) .tk .h-\[30px\]{height:30px}:where(.cmt) .tk .h-\[34px\]{height:34px}:where(.cmt) .tk .h-\[5px\]{height:5px}:where(.cmt) .tk .h-\[clamp\(160px\2c 26vw\2c 240px\)\]{height:clamp(160px,26vw,240px)}:where(.cmt) .tk .h-auto{height:auto}:where(.cmt) .tk .h-full{height:100%}:where(.cmt) .tk .max-h-\[160px\]{max-height:160px}:where(.cmt) .tk .max-h-\[220px\]{max-height:220px}:where(.cmt) .tk .max-h-\[240px\]{max-height:240px}:where(.cmt) .tk .max-h-\[320px\]{max-height:320px}:where(.cmt) .tk .max-h-\[360px\]{max-height:360px}:where(.cmt) .tk .max-h-\[420px\]{max-height:420px}:where(.cmt) .tk .max-h-\[60vh\]{max-height:60vh}:where(.cmt) .tk .max-h-\[70vh\]{max-height:70vh}:where(.cmt) .tk .max-h-\[78vh\]{max-height:78vh}:where(.cmt) .tk .max-h-\[min\(520px\2c 70vh\)\]{max-height:min(520px,70vh)}:where(.cmt) .tk .min-h-\[1\.5em\]{min-height:1.5em}:where(.cmt) .tk .min-h-\[120px\]{min-height:120px}:where(.cmt) .tk .min-h-\[180px\]{min-height:180px}:where(.cmt) .tk .min-h-\[18px\]{min-height:18px}:where(.cmt) .tk .min-h-\[2\.4em\]{min-height:2.4em}:where(.cmt) .tk .min-h-\[2\.6em\]{min-height:2.6em}:where(.cmt) .tk .min-h-\[20px\]{min-height:20px}:where(.cmt) .tk .min-h-\[22px\]{min-height:22px}:where(.cmt) .tk .min-h-\[240px\]{min-height:240px}:where(.cmt) .tk .min-h-\[40px\]{min-height:40px}:where(.cmt) .tk .min-h-\[50vh\]{min-height:50vh}:where(.cmt) .tk .min-h-\[560px\]{min-height:560px}:where(.cmt) .tk .min-h-\[64px\]{min-height:64px}:where(.cmt) .tk .min-h-\[72px\]{min-height:72px}:where(.cmt) .tk .min-h-\[84px\]{min-height:84px}:where(.cmt) .tk .w-0{width:0}:where(.cmt) .tk .w-10{width:2.5rem}:where(.cmt) .tk .w-11{width:2.75rem}:where(.cmt) .tk .w-12{width:3rem}:where(.cmt) .tk .w-14{width:3.5rem}:where(.cmt) .tk .w-16{width:4rem}:where(.cmt) .tk .w-2\.5{width:.625rem}:where(.cmt) .tk .w-20{width:5rem}:where(.cmt) .tk .w-24{width:6rem}:where(.cmt) .tk .w-4{width:1rem}:where(.cmt) .tk .w-5{width:1.25rem}:where(.cmt) .tk .w-6{width:1.5rem}:where(.cmt) .tk .w-7{width:1.75rem}:where(.cmt) .tk .w-8{width:2rem}:where(.cmt) .tk .w-9{width:2.25rem}:where(.cmt) .tk .w-\[100px\]{width:100px}:where(.cmt) .tk .w-\[120px\]{width:120px}:where(.cmt) .tk .w-\[180px\]{width:180px}:where(.cmt) .tk .w-\[200px\]{width:200px}:where(.cmt) .tk .w-\[240px\]{width:240px}:where(.cmt) .tk .w-\[260px\]{width:260px}:where(.cmt) .tk .w-\[26px\]{width:26px}:where(.cmt) .tk .w-\[30px\]{width:30px}:where(.cmt) .tk .w-\[34px\]{width:34px}:where(.cmt) .tk .w-\[72px\]{width:72px}:where(.cmt) .tk .w-\[76px\]{width:76px}:where(.cmt) .tk .w-\[90px\]{width:90px}:where(.cmt) .tk .w-\[min\(240px\2c 100\%\)\]{width:min(240px,100%)}:where(.cmt) .tk .w-\[min\(240px\2c 60\%\)\]{width:min(240px,60%)}:where(.cmt) .tk .w-\[min\(260px\2c 100\%\)\]{width:min(260px,100%)}:where(.cmt) .tk .w-\[min\(260px\2c 92vw\)\]{width:min(260px,92vw)}:where(.cmt) .tk .w-\[min\(300px\2c 100\%\)\]{width:min(300px,100%)}:where(.cmt) .tk .w-\[min\(300px\2c 92vw\)\]{width:min(300px,92vw)}:where(.cmt) .tk .w-\[min\(320px\2c 100\%\)\]{width:min(320px,100%)}:where(.cmt) .tk .w-\[min\(320px\2c 70\%\)\]{width:min(320px,70%)}:where(.cmt) .tk .w-\[min\(320px\2c 92vw\)\]{width:min(320px,92vw)}:where(.cmt) .tk .w-\[min\(340px\2c 92vw\)\]{width:min(340px,92vw)}:where(.cmt) .tk .w-\[min\(360px\2c 100\%\)\]{width:min(360px,100%)}:where(.cmt) .tk .w-\[min\(360px\2c 92vw\)\]{width:min(360px,92vw)}:where(.cmt) .tk .w-\[min\(380px\2c 92vw\)\]{width:min(380px,92vw)}:where(.cmt) .tk .w-\[min\(400px\2c 100\%\)\]{width:min(400px,100%)}:where(.cmt) .tk .w-\[min\(400px\2c 92vw\)\]{width:min(400px,92vw)}:where(.cmt) .tk .w-\[min\(420px\2c 100\%\)\]{width:min(420px,100%)}:where(.cmt) .tk .w-\[min\(420px\2c 92vw\)\]{width:min(420px,92vw)}:where(.cmt) .tk .w-\[min\(440px\2c 100\%\)\]{width:min(440px,100%)}:where(.cmt) .tk .w-\[min\(440px\2c 92vw\)\]{width:min(440px,92vw)}:where(.cmt) .tk .w-auto{width:auto}:where(.cmt) .tk .w-fit{width:-moz-fit-content;width:fit-content}:where(.cmt) .tk .w-full{width:100%}:where(.cmt) .tk .w-max{width:-moz-max-content;width:max-content}:where(.cmt) .tk .min-w-0{min-width:0}:where(.cmt) .tk .min-w-\[150px\]{min-width:150px}:where(.cmt) .tk .min-w-\[180px\]{min-width:180px}:where(.cmt) .tk .min-w-\[20px\]{min-width:20px}:where(.cmt) .tk .min-w-\[28px\]{min-width:28px}:where(.cmt) .tk .min-w-\[30px\]{min-width:30px}:where(.cmt) .tk .min-w-\[32px\]{min-width:32px}:where(.cmt) .tk .min-w-\[38px\]{min-width:38px}:where(.cmt) .tk .min-w-\[40px\]{min-width:40px}:where(.cmt) .tk .min-w-\[52px\]{min-width:52px}:where(.cmt) .tk .max-w-\[1160px\]{max-width:1160px}:where(.cmt) .tk .max-w-\[190px\]{max-width:190px}:where(.cmt) .tk .max-w-\[200px\]{max-width:200px}:where(.cmt) .tk .max-w-\[260px\]{max-width:260px}:where(.cmt) .tk .max-w-\[320px\]{max-width:320px}:where(.cmt) .tk .max-w-\[340px\]{max-width:340px}:where(.cmt) .tk .max-w-\[360px\]{max-width:360px}:where(.cmt) .tk .max-w-\[40\%\]{max-width:40%}:where(.cmt) .tk .max-w-\[400px\]{max-width:400px}:where(.cmt) .tk .max-w-\[420px\]{max-width:420px}:where(.cmt) .tk .max-w-\[480px\]{max-width:480px}:where(.cmt) .tk .max-w-\[560px\]{max-width:560px}:where(.cmt) .tk .max-w-\[600px\]{max-width:600px}:where(.cmt) .tk .max-w-\[640px\]{max-width:640px}:where(.cmt) .tk .max-w-\[760px\]{max-width:760px}:where(.cmt) .tk .max-w-\[92vw\]{max-width:92vw}:where(.cmt) .tk .max-w-full{max-width:100%}:where(.cmt) .tk .flex-1{flex:1 1 0%}:where(.cmt) .tk .flex-\[1\.6\]{flex:1.6}:where(.cmt) .tk .flex-\[1\.8\]{flex:1.8}:where(.cmt) .tk .flex-auto{flex:1 1 auto}:where(.cmt) .tk .flex-shrink,:where(.cmt) .tk .shrink{flex-shrink:1}:where(.cmt) .tk .shrink-0{flex-shrink:0}:where(.cmt) .tk .grow{flex-grow:1}:where(.cmt) .tk .border-collapse{border-collapse:collapse}:where(.cmt) .tk .-translate-x-1\/2{--tw-translate-x:-50%}:where(.cmt) .tk .-translate-x-1\/2,:where(.cmt) .tk .-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.cmt) .tk .-translate-y-1\/2{--tw-translate-y:-50%}:where(.cmt) .tk .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}:where(.cmt) .tk .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}:where(.cmt) .tk .cursor-crosshair{cursor:crosshair}:where(.cmt) .tk .cursor-default{cursor:default}:where(.cmt) .tk .cursor-pointer{cursor:pointer}:where(.cmt) .tk .touch-none{touch-action:none}:where(.cmt) .tk .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cmt) .tk .resize-none{resize:none}:where(.cmt) .tk .resize-y{resize:vertical}:where(.cmt) .tk .resize{resize:both}:where(.cmt) .tk .scroll-mt-24{scroll-margin-top:6rem}:where(.cmt) .tk .list-disc{list-style-type:disc}:where(.cmt) .tk .list-none{list-style-type:none}:where(.cmt) .tk .columns-2{-moz-columns:2;column-count:2}:where(.cmt) .tk .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}:where(.cmt) .tk .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.cmt) .tk .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.cmt) .tk .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:where(.cmt) .tk .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}:where(.cmt) .tk .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}:where(.cmt) .tk .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}:where(.cmt) .tk .grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}:where(.cmt) .tk .grid-cols-\[1fr_1fr_36px\]{grid-template-columns:1fr 1fr 36px}:where(.cmt) .tk .grid-cols-\[1fr_32px\]{grid-template-columns:1fr 32px}:where(.cmt) .tk .grid-cols-\[1fr_34px\]{grid-template-columns:1fr 34px}:where(.cmt) .tk .grid-cols-\[1fr_64px_1fr\]{grid-template-columns:1fr 64px 1fr}:where(.cmt) .tk .grid-cols-\[28px_minmax\(0\2c 1fr\)\]{grid-template-columns:28px minmax(0,1fr)}:where(.cmt) .tk .grid-cols-\[repeat\(auto-fit\2c minmax\(80px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}:where(.cmt) .tk .flex-col{flex-direction:column}:where(.cmt) .tk .flex-wrap{flex-wrap:wrap}:where(.cmt) .tk .content-start{align-content:flex-start}:where(.cmt) .tk .items-start{align-items:flex-start}:where(.cmt) .tk .items-end{align-items:flex-end}:where(.cmt) .tk .items-center{align-items:center}:where(.cmt) .tk .items-baseline{align-items:baseline}:where(.cmt) .tk .justify-end{justify-content:flex-end}:where(.cmt) .tk .justify-center{justify-content:center}:where(.cmt) .tk .justify-between{justify-content:space-between}:where(.cmt) .tk .gap-0\.5{gap:.125rem}:where(.cmt) .tk .gap-1{gap:.25rem}:where(.cmt) .tk .gap-1\.5{gap:.375rem}:where(.cmt) .tk .gap-2{gap:.5rem}:where(.cmt) .tk .gap-2\.5{gap:.625rem}:where(.cmt) .tk .gap-3{gap:.75rem}:where(.cmt) .tk .gap-3\.5{gap:.875rem}:where(.cmt) .tk .gap-4{gap:1rem}:where(.cmt) .tk .gap-5{gap:1.25rem}:where(.cmt) .tk .gap-6{gap:1.5rem}:where(.cmt) .tk .gap-8{gap:2rem}:where(.cmt) .tk .gap-\[3px\]{gap:3px}:where(.cmt) .tk .gap-\[7px\]{gap:7px}:where(.cmt) .tk .gap-\[9px\]{gap:9px}:where(.cmt) .tk .gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}:where(.cmt) .tk .gap-x-2\.5{-moz-column-gap:.625rem;column-gap:.625rem}:where(.cmt) .tk .gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}:where(.cmt) .tk .gap-x-4{-moz-column-gap:1rem;column-gap:1rem}:where(.cmt) .tk .gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}:where(.cmt) .tk .gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}:where(.cmt) .tk .gap-y-0\.5{row-gap:.125rem}:where(.cmt) .tk .gap-y-1{row-gap:.25rem}:where(.cmt) .tk .gap-y-1\.5{row-gap:.375rem}:where(.cmt) .tk .gap-y-10{row-gap:2.5rem}:where(.cmt) .tk .gap-y-2{row-gap:.5rem}:where(.cmt) .tk .gap-y-3{row-gap:.75rem}:where(.cmt) .tk .gap-y-5{row-gap:1.25rem}:where(.cmt) .tk .gap-y-8{row-gap:2rem}:where(.cmt) .tk :is(.space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}:where(.cmt) .tk .justify-self-start{justify-self:start}:where(.cmt) .tk .overflow-auto{overflow:auto}:where(.cmt) .tk .overflow-hidden{overflow:hidden}:where(.cmt) .tk .overflow-y-auto{overflow-y:auto}:where(.cmt) .tk .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.cmt) .tk .whitespace-nowrap{white-space:nowrap}:where(.cmt) .tk .whitespace-pre-wrap{white-space:pre-wrap}:where(.cmt) .tk .text-wrap{text-wrap:wrap}:where(.cmt) .tk .text-nowrap{text-wrap:nowrap}:where(.cmt) .tk .break-words{overflow-wrap:break-word}:where(.cmt) .tk .break-all{word-break:break-all}:where(.cmt) .tk .rounded-\[10px\]{border-radius:10px}:where(.cmt) .tk .rounded-\[12px\]{border-radius:12px}:where(.cmt) .tk .rounded-\[14px\]{border-radius:14px}:where(.cmt) .tk .rounded-\[3px\]{border-radius:3px}:where(.cmt) .tk .rounded-\[6px\]{border-radius:6px}:where(.cmt) .tk .rounded-\[8px\]{border-radius:8px}:where(.cmt) .tk .rounded-\[9px\]{border-radius:9px}:where(.cmt) .tk .rounded-full{border-radius:9999px}:where(.cmt) .tk .rounded-lg{border-radius:var(--r-lg,20px)}:where(.cmt) .tk .rounded-md{border-radius:var(--r-md,14px)}:where(.cmt) .tk .rounded-none{border-radius:0}:where(.cmt) .tk .rounded-xl{border-radius:var(--r-xl,28px)}:where(.cmt) .tk .border{border-width:1px}:where(.cmt) .tk .border-0{border-width:0}:where(.cmt) .tk .border-t{border-top-width:1px}:where(.cmt) .tk .border-solid{border-style:solid}:where(.cmt) .tk .border-hairline{border-color:var(--hairline,rgba(0,0,0,.08))}:where(.cmt) .tk .bg-\[rgba\(15\2c 23\2c 42\2c \.55\)\]{background-color:rgba(15,23,42,.55)}:where(.cmt) .tk .bg-accent{background-color:var(--accent,#1d1d1f)}:where(.cmt) .tk .bg-hairline{background-color:var(--hairline,rgba(0,0,0,.08))}:where(.cmt) .tk .bg-inset{background-color:var(--inset,#f5f5f7)}:where(.cmt) .tk .bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}:where(.cmt) .tk .bg-surface{background-color:var(--surface,#fff)}:where(.cmt) .tk .bg-transparent{background-color:transparent}:where(.cmt) .tk .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}:where(.cmt) .tk .bg-white\/25{background-color:hsla(0,0%,100%,.25)}:where(.cmt) .tk .bg-white\/90{background-color:hsla(0,0%,100%,.9)}:where(.cmt) .tk .bg-cover{background-size:cover}:where(.cmt) .tk .bg-center{background-position:50%}:where(.cmt) .tk .bg-repeat{background-repeat:repeat}:where(.cmt) .tk .object-contain{-o-object-fit:contain;object-fit:contain}:where(.cmt) .tk .object-cover{-o-object-fit:cover;object-fit:cover}:where(.cmt) .tk .p-0{padding:0}:where(.cmt) .tk .p-1{padding:.25rem}:where(.cmt) .tk .p-1\.5{padding:.375rem}:where(.cmt) .tk .p-12{padding:3rem}:where(.cmt) .tk .p-2{padding:.5rem}:where(.cmt) .tk .p-3{padding:.75rem}:where(.cmt) .tk .p-4{padding:1rem}:where(.cmt) .tk .p-5{padding:1.25rem}:where(.cmt) .tk .px-0{padding-left:0;padding-right:0}:where(.cmt) .tk .px-0\.5{padding-left:.125rem;padding-right:.125rem}:where(.cmt) .tk .px-1{padding-left:.25rem;padding-right:.25rem}:where(.cmt) .tk .px-1\.5{padding-left:.375rem;padding-right:.375rem}:where(.cmt) .tk .px-2{padding-left:.5rem;padding-right:.5rem}:where(.cmt) .tk .px-2\.5{padding-left:.625rem;padding-right:.625rem}:where(.cmt) .tk .px-3{padding-left:.75rem;padding-right:.75rem}:where(.cmt) .tk .px-3\.5{padding-left:.875rem;padding-right:.875rem}:where(.cmt) .tk .px-4{padding-left:1rem;padding-right:1rem}:where(.cmt) .tk .px-5{padding-left:1.25rem;padding-right:1.25rem}:where(.cmt) .tk .px-6{padding-left:1.5rem;padding-right:1.5rem}:where(.cmt) .tk .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}:where(.cmt) .tk .py-1{padding-top:.25rem;padding-bottom:.25rem}:where(.cmt) .tk .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}:where(.cmt) .tk .py-10{padding-top:2.5rem;padding-bottom:2.5rem}:where(.cmt) .tk .py-12{padding-top:3rem;padding-bottom:3rem}:where(.cmt) .tk .py-14{padding-top:3.5rem;padding-bottom:3.5rem}:where(.cmt) .tk .py-16{padding-top:4rem;padding-bottom:4rem}:where(.cmt) .tk .py-2{padding-top:.5rem;padding-bottom:.5rem}:where(.cmt) .tk .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}:where(.cmt) .tk .py-3{padding-top:.75rem;padding-bottom:.75rem}:where(.cmt) .tk .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}:where(.cmt) .tk .py-4{padding-top:1rem;padding-bottom:1rem}:where(.cmt) .tk .py-5{padding-top:1.25rem;padding-bottom:1.25rem}:where(.cmt) .tk .py-6{padding-top:1.5rem;padding-bottom:1.5rem}:where(.cmt) .tk .py-7{padding-top:1.75rem;padding-bottom:1.75rem}:where(.cmt) .tk .py-px{padding-top:1px;padding-bottom:1px}:where(.cmt) .tk .pb-1{padding-bottom:.25rem}:where(.cmt) .tk .pb-1\.5{padding-bottom:.375rem}:where(.cmt) .tk .pb-10{padding-bottom:2.5rem}:where(.cmt) .tk .pb-12{padding-bottom:3rem}:where(.cmt) .tk .pb-14{padding-bottom:3.5rem}:where(.cmt) .tk .pb-2{padding-bottom:.5rem}:where(.cmt) .tk .pb-2\.5{padding-bottom:.625rem}:where(.cmt) .tk .pb-4{padding-bottom:1rem}:where(.cmt) .tk .pb-6{padding-bottom:1.5rem}:where(.cmt) .tk .pl-11{padding-left:2.75rem}:where(.cmt) .tk .pl-5{padding-left:1.25rem}:where(.cmt) .tk .pl-\[18px\]{padding-left:18px}:where(.cmt) .tk .pr-3{padding-right:.75rem}:where(.cmt) .tk .pr-4{padding-right:1rem}:where(.cmt) .tk .ps-px{padding-inline-start:1px}:where(.cmt) .tk .pt-0\.5{padding-top:.125rem}:where(.cmt) .tk .pt-1{padding-top:.25rem}:where(.cmt) .tk .pt-1\.5{padding-top:.375rem}:where(.cmt) .tk .pt-12{padding-top:3rem}:where(.cmt) .tk .pt-14{padding-top:3.5rem}:where(.cmt) .tk .pt-2{padding-top:.5rem}:where(.cmt) .tk .pt-2\.5{padding-top:.625rem}:where(.cmt) .tk .pt-3{padding-top:.75rem}:where(.cmt) .tk .pt-8{padding-top:2rem}:where(.cmt) .tk .text-left{text-align:left}:where(.cmt) .tk .text-center{text-align:center}:where(.cmt) .tk .text-right{text-align:right}:where(.cmt) .tk .align-middle{vertical-align:middle}:where(.cmt) .tk .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:where(.cmt) .tk .text-\[11px\]{font-size:11px}:where(.cmt) .tk .text-\[12px\]{font-size:12px}:where(.cmt) .tk .text-\[13px\]{font-size:13px}:where(.cmt) .tk .text-\[14px\]{font-size:14px}:where(.cmt) .tk .text-\[15px\]{font-size:15px}:where(.cmt) .tk .text-\[16px\]{font-size:16px}:where(.cmt) .tk .text-\[17px\]{font-size:17px}:where(.cmt) .tk .text-\[19px\]{font-size:19px}:where(.cmt) .tk .text-\[20px\]{font-size:20px}:where(.cmt) .tk .text-\[22px\]{font-size:22px}:where(.cmt) .tk .text-\[24px\]{font-size:24px}:where(.cmt) .tk .text-\[26px\]{font-size:26px}:where(.cmt) .tk .text-\[28px\]{font-size:28px}:where(.cmt) .tk .text-\[30px\]{font-size:30px}:where(.cmt) .tk .text-\[44px\]{font-size:44px}:where(.cmt) .tk .text-\[52px\]{font-size:52px}:where(.cmt) .tk .text-\[56px\]{font-size:56px}:where(.cmt) .tk .text-\[88px\]{font-size:88px}:where(.cmt) .tk .text-\[clamp\(24px\2c 5vw\2c 32px\)\]{font-size:clamp(24px,5vw,32px)}:where(.cmt) .tk .text-\[clamp\(30px\2c 5vw\2c 52px\)\]{font-size:clamp(30px,5vw,52px)}:where(.cmt) .tk .text-sm{font-size:.875rem;line-height:1.25rem}:where(.cmt) .tk .text-xl{font-size:1.25rem;line-height:1.75rem}:where(.cmt) .tk .font-extrabold{font-weight:800}:where(.cmt) .tk .font-medium{font-weight:500}:where(.cmt) .tk .font-normal{font-weight:400}:where(.cmt) .tk .font-semibold{font-weight:600}:where(.cmt) .tk .uppercase{text-transform:uppercase}:where(.cmt) .tk .italic{font-style:italic}:where(.cmt) .tk .not-italic{font-style:normal}:where(.cmt) .tk .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}:where(.cmt) .tk .leading-\[0\]{line-height:0}:where(.cmt) .tk .leading-\[1\.05\]{line-height:1.05}:where(.cmt) .tk .leading-none{line-height:1}:where(.cmt) .tk .leading-normal{line-height:1.5}:where(.cmt) .tk .leading-relaxed{line-height:1.625}:where(.cmt) .tk .leading-snug{line-height:1.375}:where(.cmt) .tk .leading-tight{line-height:1.25}:where(.cmt) .tk .tracking-\[-0\.02em\]{letter-spacing:-.02em}:where(.cmt) .tk .tracking-\[-0\.03em\]{letter-spacing:-.03em}:where(.cmt) .tk .tracking-tight{letter-spacing:-.025em}:where(.cmt) .tk .text-\[\#101828\]{--tw-text-opacity:1;color:rgb(16 24 40/var(--tw-text-opacity,1))}:where(.cmt) .tk .text-\[\#1D1D1F\]{--tw-text-opacity:1;color:rgb(29 29 31/var(--tw-text-opacity,1))}:where(.cmt) .tk .text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}:where(.cmt) .tk .text-ink{color:var(--ink,#1d1d1f)}:where(.cmt) .tk .text-ink2{color:var(--ink-2,#6e6e73)}:where(.cmt) .tk .text-ink3{color:var(--ink-3,#a1a1a6)}:where(.cmt) .tk .text-onaccent{color:var(--on-accent,#fff)}:where(.cmt) .tk .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}:where(.cmt) .tk .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}:where(.cmt) .tk .underline{text-decoration-line:underline}:where(.cmt) .tk .no-underline{text-decoration-line:none}:where(.cmt) .tk .underline-offset-2{text-underline-offset:2px}:where(.cmt) .tk .underline-offset-\[3px\]{text-underline-offset:3px}:where(.cmt) .tk .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.cmt) .tk .opacity-0{opacity:0}:where(.cmt) .tk .opacity-40{opacity:.4}:where(.cmt) .tk .opacity-60{opacity:.6}:where(.cmt) .tk .opacity-80{opacity:.8}:where(.cmt) .tk .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:where(.cmt) .tk .shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c \.06\)\]{--tw-shadow:inset 0 0 0 1px rgba(0,0,0,.06);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:where(.cmt) .tk .shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c \.08\)\]{--tw-shadow:inset 0 0 0 1px rgba(0,0,0,.08);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:where(.cmt) .tk .shadow-\[inset_0_0_0_1px_rgba\(0\2c 0\2c 0\2c \.14\)\]{--tw-shadow:inset 0 0 0 1px rgba(0,0,0,.14);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:where(.cmt) .tk .shadow-\[inset_0_0_0_1px_rgba\(16\2c 24\2c 40\2c \.08\)\]{--tw-shadow:inset 0 0 0 1px rgba(16,24,40,.08);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}:where(.cmt) .tk .shadow-\[inset_0_0_0_1px_rgba\(16\2c 24\2c 40\2c \.08\)\],:where(.cmt) .tk .shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:where(.cmt) .tk .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}:where(.cmt) .tk .shadow-pop{--tw-shadow:0 1px 2px rgba(17,19,21,.06),0 18px 40px -16px rgba(17,19,21,.28);--tw-shadow-colored:0 1px 2px var(--tw-shadow-color),0 18px 40px -16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:where(.cmt) .tk .outline-none{outline:2px solid transparent;outline-offset:2px}:where(.cmt) .tk .\!outline{outline-style:solid!important}:where(.cmt) .tk .outline{outline-style:solid}:where(.cmt) .tk .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}:where(.cmt) .tk .blur{--tw-blur:blur(8px)}:where(.cmt) .tk .blur,:where(.cmt) .tk .drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.cmt) .tk .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}:where(.cmt) .tk .invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.cmt) .tk .\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}:where(.cmt) .tk .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:where(.cmt) .tk .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}:where(.cmt) .tk .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.cmt) .tk .transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:where(.cmt) .tk .duration-200{transition-duration:.2s}:where(.cmt) .tk .duration-300{transition-duration:.3s}:where(.cmt) .tk .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:where(.cmt) .tk .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:where(.cmt) .tk .\[-\:T\]{-:T}:where(.cmt) .tk .\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}:where(.cmt) .tk .\[text-wrap\:pretty\]{text-wrap:pretty}:where(.cmt) .tk{font-family:var(--font,"Geist",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif);color:var(--ink,#1d1d1f);letter-spacing:-.005em;-webkit-font-smoothing:antialiased}:where(.cmt) .tk :is(button,input,textarea,select){font:inherit;letter-spacing:inherit}:where(.cmt) .tk [hidden]{display:none!important}:where(.cmt) .tk .flex:has(>button.h-11,>a.h-11,>.relative>button.h-11){flex-wrap:wrap}:where(.cmt) .tk .placeholder\:text-ink3::-moz-placeholder{color:var(--ink-3,#a1a1a6)}:where(.cmt) .tk .placeholder\:text-ink3::placeholder{color:var(--ink-3,#a1a1a6)}:where(.cmt) .tk .first\:mt-0:first-child{margin-top:0}:where(.cmt) .tk .empty\:hidden:empty{display:none}:where(.cmt) .tk .hover\:bg-accent-press:hover{background-color:var(--accent-press,#3a3a3c)}:where(.cmt) .tk .hover\:bg-hairline:hover{background-color:var(--hairline,rgba(0,0,0,.08))}:where(.cmt) .tk .hover\:bg-inset:hover{background-color:var(--inset,#f5f5f7)}:where(.cmt) .tk .hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}:where(.cmt) .tk .hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}:where(.cmt) .tk .hover\:text-ink:hover{color:var(--ink,#1d1d1f)}:where(.cmt) .tk .hover\:text-ink2:hover{color:var(--ink-2,#6e6e73)}:where(.cmt) .tk .hover\:underline:hover{text-decoration-line:underline}:where(.cmt) .tk .focus\:bg-surface:focus{background-color:var(--surface,#fff)}:where(.cmt) .tk .focus\:shadow-focus:focus{--tw-shadow:0 0 0 1.5px var(--ink,#1d1d1f);--tw-shadow-colored:0 0 0 1.5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:where(.cmt) .tk .focus-visible\:bg-inset:focus-visible{background-color:var(--inset,#f5f5f7)}:where(.cmt) .tk .disabled\:pointer-events-none:disabled{pointer-events:none}:where(.cmt) .tk .disabled\:opacity-35:disabled{opacity:.35}:where(.cmt) .tk .disabled\:opacity-40:disabled{opacity:.4}:where(.cmt) .tk .disabled\:opacity-50:disabled{opacity:.5}:where(.cmt) .tk .disabled\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:reduce){:where(.cmt) .tk .motion-reduce\:transition-none{transition-property:none}}@media (min-width:640px){:where(.cmt) .tk .sm\:col-span-1{grid-column:span 1/span 1}:where(.cmt) .tk .sm\:h-20{height:5rem}:where(.cmt) .tk .sm\:w-20{width:5rem}:where(.cmt) .tk .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.cmt) .tk .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}:where(.cmt) .tk .sm\:grid-cols-\[150px_1fr_32px\]{grid-template-columns:150px 1fr 32px}:where(.cmt) .tk .sm\:gap-3\.5{gap:.875rem}:where(.cmt) .tk .sm\:p-8{padding:2rem}}@media (min-width:1024px){:where(.cmt) .tk .lg\:inline{display:inline}:where(.cmt) .tk .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

    :where(.cmt) :where(.cmlp, .cmt, .tool-hero, .st, .tl, [data-tool-body], .tl-seo) {
        --cm-font: var(--font, "Geist", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif);
        --cm-text: var(--ink, #1D1D1F); --cm-text-2: var(--ink-2, #6E6E73); --cm-muted: var(--ink-2, #6E6E73); --cm-faint: var(--ink-3, #A1A1A6);
        --cm-surface: var(--surface, #FFFFFF); --cm-surface-2: var(--inset, #F5F5F7); --cm-surface-3: #EBEBF0; --cm-bg-subtle: var(--surface, #FFFFFF);
        --cm-elevated: var(--surface, #FFFFFF); --cm-bg: var(--ground, #FFFFFF);
        --cm-line: var(--hairline, rgba(0, 0, 0, .08)); --cm-line-2: rgba(0, 0, 0, .14);
        --cm-inverse: var(--accent, #1D1D1F); --cm-on-inverse: var(--on-accent, #FFFFFF); --cm-inverse-hover: var(--accent-press, #3A3A3C); --cm-inverse-text: var(--on-accent, #FFFFFF);
        --cm-fw-medium: 500; --cm-fw-semibold: 500; --cm-fw-heading: 600; --cm-fw-bold: 600;
        --cm-radius: var(--r-md, 14px);
        --cm-shadow-card: 0 1px 2px rgba(17, 19, 21, .05), 0 12px 28px -18px rgba(17, 19, 21, .28);
        --cm-shadow-card-hover: 0 1px 2px rgba(17, 19, 21, .06), 0 18px 36px -18px rgba(17, 19, 21, .32);
        --cm-shadow-2: 0 1px 2px rgba(17, 19, 21, .06), 0 18px 40px -16px rgba(17, 19, 21, .28);
        --cm-focus-color: var(--ink, #1D1D1F); --cm-focus: 0 0 0 2px var(--ink, #1D1D1F);
        --cm-link: var(--link, #B4231A);
    }
    :root[data-theme="dark"] :where(.cmt) :where(.cmlp, .cmt, .tool-hero, .st, .tl, [data-tool-body], .tl-seo) {
        --cm-surface-3: #26262B; --cm-line-2: rgba(255, 255, 255, .16);
        --cm-shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 28px -18px rgba(0, 0, 0, .7);
    }
    :where(.cmt) :where(.tool-hero, .st, .tl, [data-tool-body]) { font-family: var(--cm-font); letter-spacing: -0.005em; -webkit-font-smoothing: antialiased; }
    :where(.cmt) :where(.tool-hero, .st, .tl, [data-tool-body]):not(.tk) :is(h1, h2, h3, .tl-title, .st-title, .tools-hero-title) { font-family: var(--cm-font); font-weight: 600; letter-spacing: -0.025em; color: var(--cm-text); }
    :where(.cmt) :where(.tool-hero, .st, .tl, [data-tool-body]):not(.tk) :is(button, input, select, textarea) { font-family: inherit; letter-spacing: inherit; }
    /* nen: khung studio cua trang moi da co nen, cong cu khong to them mau */
    :where(.cmt) :where(.cmlp, .cmt) :is(.tl, .st, .tools-page) { background: transparent; }

    /* Nut: chu nhat bo tron 14px nhu .btn cua trang moi (khong con vien thuoc) */
    .cmt .cm-btn-inverse { border-radius: var(--r-md, 14px); font-weight: 500; letter-spacing: -0.01em; transition: background-color .15s, transform .15s; }
    .cmt .cm-btn-inverse:active:not(:disabled) { transform: scale(.98); }
    .cmt :is(.tl-primary, .tl-upload-btn, .st-go, .cm-fb-send, .tl-rating-btn) { border-radius: var(--r-md, 14px); font-weight: 500; }
    .cmt .tl-upload-btn { height: 48px; padding: 0 24px; box-shadow: none; font-size: 16px; }
    .cmt .tl-primary { height: 38px; padding: 0 16px; border-radius: 12px; }
    .cmt .btn-outline-dark, .cmt .btn-light, .cmt .tl-tool { border-radius: 12px; font-weight: 500; }
    .cmt .tl-tool { color: var(--cm-text); }
    .cmt .tl-tool:hover { background: var(--cm-surface-2); }

    /* Seg: ranh xam, o dang chon trang (nhu .seg cua trang moi) */
    .cmt :is(.tl-seg, .st-seg) { background: var(--cm-surface-2); border-radius: var(--r-md, 14px); padding: 4px; gap: 2px; }
    .cmt :is(.tl-seg, .st-seg) button { border-radius: 10px; min-height: 32px; font-weight: 500; color: var(--cm-text-2); }
    .cmt :is(.tl-seg, .st-seg) button.active { background: var(--cm-surface); color: var(--cm-text); box-shadow: 0 1px 2px rgba(17, 19, 21, .08), 0 2px 6px -2px rgba(17, 19, 21, .08); }
    :root[data-theme="dark"] :where(.cmt) :is(.cmlp, .cmt, .tool-hero, .st, .tl) :is(.tl-seg, .st-seg) button.active { background: var(--cm-surface-3); }

    /* Thanh cong cu, bang tuy chinh, menu: vien manh + bong nhe, bo 18-20px */
    .cmt .tl-toolbar { border-radius: 18px; padding: 6px; box-shadow: var(--cm-shadow-2); border: 1px solid var(--cm-line); }
    @media (max-width: 575.98px) { :where(.cmt) .tl-toolbar { border-radius: 18px; } }
    .cmt :is(.tl-panel, .tools-panel, .tl-dropdown-panel) { border-radius: var(--r-lg, 20px); border: 1px solid var(--cm-line); box-shadow: none; }
    .cmt :is(.tl-menu, .st-pop) { border-radius: var(--r-md, 14px); border: 1px solid var(--cm-line); box-shadow: var(--cm-shadow-2); }
    .cmt .tl-menu button { border-radius: 10px; }

    /* O nhap: nen xam, khong vien, vong tap trung 2px mau muc */
    :where(.cmt) :where(.tool-hero, .st, .tl, [data-tool-body]):not(.tk) :is(.form-control, .form-select, input[type=text], input[type=url], input[type=number], input[type=email], input[type=search], textarea):not(.st-prompt):not([type=range]):not(.cw-hex):not(.tk *) {
        background-color: var(--cm-surface-2); border: 1px solid transparent; border-radius: 12px; color: var(--cm-text); box-shadow: none;
    }
    :where(.cmt) :where(.tool-hero, .st, .tl, [data-tool-body]):not(.tk) :is(.form-control, .form-select, input[type=text], input[type=url], input[type=number], input[type=email], input[type=search], textarea):not(.st-prompt):not([type=range]):not(.tk *):focus {
        background-color: var(--cm-surface); border-color: var(--cm-text); box-shadow: none; outline: 0;
    }
    :where(.cmt) :where(.tool-hero, .st, .tl, [data-tool-body]):not(.tk) :is(input, textarea)::placeholder { color: var(--cm-faint); }

    /* Thanh truot kieu he thong: ranh 4px, nut tron trang co bong */
    .cmt .tool-hero input[type=range] {
        height: 20px; background: linear-gradient(var(--cm-text), var(--cm-text)) 0 50% / calc(10px + (100% - 20px) * var(--p, .5)) 4px no-repeat, linear-gradient(var(--cm-line-2), var(--cm-line-2)) 0 50% / 100% 4px no-repeat;
    }
    .cmt .tool-hero input[type=range]::-webkit-slider-runnable-track { height: 20px; }
    .cmt .tool-hero input[type=range]::-webkit-slider-thumb { width: 20px; height: 20px; border: 0; background: #FFFFFF; box-shadow: 0 0 0 .5px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .22); }
    .cmt .tool-hero input[type=range]::-moz-range-thumb { width: 20px; height: 20px; border: 0; background: #FFFFFF; box-shadow: 0 0 0 .5px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .22); }
    .cmt .tool-hero .form-switch .form-check-input:checked { background-color: #34C759; border-color: #34C759; }

    /* Studio AI (Tao anh, Mockup...): khung soan phang, vien manh */
    .cmt .st-composer { border-radius: var(--r-lg, 20px); border: 1px solid var(--cm-line); box-shadow: var(--cm-shadow-card); }
    .cmt .st-pill { border-radius: 12px; font-weight: 500; }
    .cmt .st-credit { border-radius: 12px; background: var(--cm-surface-2); border-color: transparent; color: var(--cm-text-2); }
    .cmt .st-option { border-radius: 12px; border-width: 1.5px; }
    .cmt .st-chip { border-radius: 8px; }
    .cmt .st-cell { border-radius: var(--r-md, 14px); }

    /* Hop danh gia, hang danh gia */
    .cmt .cm-fb { border-radius: var(--r-lg, 20px); box-shadow: var(--cm-shadow-2); font-family: var(--cm-font); }
    .cmt .tl-rating { border-radius: var(--r-lg, 20px); }
    .cmt .tl-status { border-radius: 12px; font-weight: 500; }


    /* ===== Bo khung cong cu moi (tk-*): mot mat phang, khong hop long hop, khong bong; dung cho moi cong cu viet lai ===== */
    :where(.cmt) .tk { max-width: 1120px; margin: 0 auto; padding: 4px 0 48px; color: var(--cm-text); text-align: left; }
    :where(.cmt) .tk-grid { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 40px; align-items: start; }
    :where(.cmt) .tk-grid.is-wide-side { grid-template-columns: minmax(0, 420px) minmax(0, 1fr); }
    @media (max-width: 899.98px) { :where(.cmt) .tk-grid, :where(.cmt) .tk-grid.is-wide-side { grid-template-columns: minmax(0, 1fr); gap: 24px; } }
    :where(.cmt) .tk-side { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
    :where(.cmt) .tk-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
    :where(.cmt) .tk-field[hidden] { display: none; }
    :where(.cmt) .tk-label { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin: 0; font-size: 13px; font-weight: 500; color: var(--cm-text-2); }
    :where(.cmt) .tk-label output, :where(.cmt) .tk-label .tk-val { color: var(--cm-text); font-variant-numeric: tabular-nums; }
    :where(.cmt) .tk .tk-input { display: block; width: 100%; min-height: 44px; padding: 11px 14px; border: 1px solid transparent; border-radius: 12px; background: var(--cm-surface-2); color: var(--cm-text); font: inherit; font-size: 15px; line-height: 1.45; outline: 0; box-shadow: none; transition: background-color .15s, border-color .15s; }
    :where(.cmt) .tk .tk-input:focus { background: var(--cm-surface); border-color: var(--cm-text); }
    :where(.cmt) .tk textarea.tk-input { resize: none; }
    :where(.cmt) .tk .tk-input::placeholder { color: var(--cm-faint); }
    :where(.cmt) .tk-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    :where(.cmt) .tk-seg { display: flex; background: var(--cm-surface-2); border-radius: 14px; padding: 4px; gap: 2px; }
    :where(.cmt) .tk-seg button { flex: 1; height: 36px; padding: 0 14px; border: 0; border-radius: 10px; background: none; color: var(--cm-text-2); font: inherit; font-size: 14px; font-weight: 500; white-space: nowrap; transition: background-color .15s, color .15s; }
    :where(.cmt) .tk-seg button:hover { color: var(--cm-text); }
    :where(.cmt) .tk-seg button.active { background: var(--cm-surface); color: var(--cm-text); box-shadow: 0 1px 2px rgba(17, 19, 21, .08), 0 2px 6px -2px rgba(17, 19, 21, .08); }
    :root[data-theme="dark"] :where(.cmt) .tk-seg button.active { background: var(--cm-surface-3); }
    :where(.cmt) .tk .tk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 18px; margin: 0; border: 0; border-radius: 14px; background: var(--cm-surface-2); color: var(--cm-text); font: inherit; font-size: 15px; font-weight: 500; letter-spacing: -0.01em; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .15s, transform .15s; }
    :where(.cmt) .tk .tk-btn:hover { background: var(--cm-surface-3); color: var(--cm-text); }
    :where(.cmt) .tk .tk-btn:active { transform: scale(.98); }
    :where(.cmt) .tk .tk-btn.ink { background: var(--cm-inverse); color: var(--cm-on-inverse); }
    :where(.cmt) .tk .tk-btn.ink:hover { background: var(--cm-inverse-hover); color: var(--cm-on-inverse); }
    :where(.cmt) .tk .tk-btn.sm { height: 36px; padding: 0 14px; border-radius: 12px; font-size: 14px; }
    :where(.cmt) .tk .tk-btn:disabled { opacity: .45; pointer-events: none; }
    :where(.cmt) .tk .tk-btn .icon { width: 18px; height: 18px; margin: 0; }
    :where(.cmt) .tk .tk-btn img { width: 22px; height: 22px; border-radius: 6px; object-fit: contain; background: var(--cm-surface); }
    :where(.cmt) .tk-view { position: relative; display: flex; align-items: center; justify-content: center; min-height: 440px; padding: 32px; border-radius: var(--r-lg, 20px); background: var(--cm-surface-2); overflow: hidden; }
    @media (max-width: 575.98px) { :where(.cmt) .tk-view { min-height: 0; padding: 20px; } }
    :where(.cmt) .tk-actions { display: flex; gap: 8px; margin-top: 12px; }
    :where(.cmt) .tk-actions .tk-btn { flex: 1; }
    :where(.cmt) .tk-note { margin: 10px 0 0; font-size: 13px; line-height: 1.45; color: var(--cm-text-2); }
    :where(.cmt) .tk-note.is-error { color: var(--cm-danger, #D92D20); font-weight: 500; }
    :where(.cmt) .tk-color { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 14px 0 6px; margin: 0; border-radius: 12px; background: var(--cm-surface-2); font-size: 14px; font-weight: 500; color: var(--cm-text); cursor: pointer; }
    :where(.cmt) .tk-color input { width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: none; cursor: pointer; }
    :where(.cmt) .tk-color input::-webkit-color-swatch-wrapper { padding: 0; }
    :where(.cmt) .tk-color input::-webkit-color-swatch { border: 0; border-radius: 8px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
    :where(.cmt) .tk-color input::-moz-color-swatch { border: 0; border-radius: 8px; }
    :where(.cmt) .tk input[type=range] { width: 100%; }


    /* ===== Khung tai anh / chinh sua dung chung (_shell, 125 cong cu): phang, mot mat, khong bong ===== */
    .cmt :is(.tool-hero, .tl) { min-height: 0; justify-content: flex-start; }
    .cmt .tl-landing { padding: 4px 0 48px; }
    .cmt .tl-landing > .container, .cmt .tl-editor > .container { max-width: 1120px; padding-left: 0; padding-right: 0; }
    .cmt .tl-upload { max-width: 760px; padding: 72px 24px; border: 0; border-radius: var(--r-xl, 28px); background: var(--cm-surface-2); transition: background-color .15s, box-shadow .15s; }
    .cmt .tl-upload:hover { background: var(--cm-surface-3); }
    .cmt .tl-upload.is-dragover { background: var(--cm-surface-3); box-shadow: inset 0 0 0 1.5px var(--cm-text); }
    .cmt .tl-upload .icon-2x, .cmt .tl-upload > div > .icon:first-child { color: var(--cm-faint) !important; }
    .cmt .tl-upload :is(.fw-bold, .fw-semibold) { font-weight: 500 !important; font-size: 15px !important; color: var(--cm-text-2) !important; }
    .cmt .tl-upload :is(small, .small) { color: var(--cm-faint) !important; }
    .cmt .tl-upload-btn { height: 44px; padding: 0 20px; font-size: 15px; border-radius: var(--r-md, 14px); box-shadow: none; transform: none; }
    .cmt .tl-upload-btn:hover { transform: none; }
    .cmt .tl-samples button { width: 52px; height: 52px; border-radius: 12px; box-shadow: none; outline: 0; }
    .cmt .tl-samples button:hover { transform: none; opacity: .85; }
    .cmt .tl-editor { padding: 0 0 48px; }
    .cmt .tl-toolbar { background: var(--cm-surface-2); border: 0; border-radius: 16px; box-shadow: none; padding: 4px; gap: 2px; }
    .cmt .tl-toolbar .tl-tool:hover { background: var(--cm-surface); }
    .cmt .tl-toolbar .tl-seg { background: transparent; padding: 0; }
    .cmt .tl-toolbar .tl-sep { background: var(--cm-line-2); height: 18px; }
    .cmt :is(.tl-panel, .tl-dropdown-panel) { border: 1px solid var(--cm-line); border-radius: var(--r-lg, 20px); box-shadow: none; animation: none; }
    .cmt .tl-menu { border: 1px solid var(--cm-line); box-shadow: 0 1px 2px rgba(17, 19, 21, .06), 0 18px 40px -16px rgba(17, 19, 21, .28); }
    .cmt .tl-status { box-shadow: none; }
    /* khung anh / canvas cua cong cu: nen xam nhat, khong bong to */
    .cmt [data-slot="stage"] { box-shadow: none !important; }
    .cmt .tools-panel { border: 1px solid var(--cm-line); border-radius: var(--r-lg, 20px); }


    :where(.cmt) .tl { background: var(--cm-bg-subtle); min-height: 70vh; padding-bottom: 24px; }
    :where(.cmt) .tl [hidden] { display: none !important; }
    :where(.cmt) .tl-landing { padding: 48px 0 40px; }
    :where(.cmt) .tl-title { font-size: clamp(30px, 3.6vw, 44px); font-weight: var(--cm-fw-heading); line-height: 1.1; letter-spacing: -0.03em; color: var(--cm-text); margin-bottom: 12px; text-wrap: balance; } /* tieu de trang cong cu: 700, thang chu gon (phase 5) */
    :where(.cmt) .tl-lead { font-size: var(--cm-fs-h3); line-height: var(--cm-lh-body); color: var(--cm-text-2); }
    :where(.cmt) .tl-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
    :where(.cmt) .tl-badges span { background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: 999px; padding: 5px 12px; font-size: var(--cm-fs-small); font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); }
    :where(.cmt) .tl-badges :is(i, .icon) { margin-right: 4px; color: var(--cm-muted); }
    @media (max-width: 991.98px) { :where(.cmt) .tl-lead { margin-left: auto; margin-right: auto; } :where(.cmt) .tl-badges { justify-content: center; } }
    :where(.cmt) .tl-upload {
        max-width: 820px; margin: 0 auto; border: 2px dashed var(--cm-line-2); border-radius: 28px; padding: 64px 24px; text-align: center;
        cursor: pointer; transition: border-color .15s, background-color .15s;
    }
    :where(.cmt) .tl-upload:hover, :where(.cmt) .tl-upload.is-dragover { border-color: var(--cm-line-2); background: var(--cm-surface); }
    :where(.cmt) .tl-upload-btn {
        font-size: var(--cm-fs-h3); font-weight: var(--cm-fw-semibold); padding: 13px 32px;
        box-shadow: 0 8px 20px -10px rgba(16, 24, 40, .6); transition: transform .15s, background-color .15s;
    }
    :where(.cmt) .tl-upload-btn:hover { transform: translateY(-1px); }
    :where(.cmt) .tl-samples { display: flex; align-items: center; justify-content: center; gap: 10px; }
    :where(.cmt) .tl-samples button { width: 58px; height: 58px; border-radius: 14px; overflow: hidden; border: 0; padding: 0; box-shadow: 0 2px 6px rgba(16, 24, 40, .12); transition: transform .15s; }
    :where(.cmt) .tl-samples button:hover { transform: translateY(-2px); }
    :where(.cmt) .tl-samples img { width: 100%; height: 100%; object-fit: cover; }
    :where(.cmt) .tl-editor { padding: 24px 0 40px; }
    :where(.cmt) .tl-toolbar {
        display: flex; align-items: center; gap: 6px; background: var(--cm-surface); border-radius: 999px; padding: 6px; margin: 0 auto;
        box-shadow: 0 8px 30px -12px rgba(16, 24, 40, .25); width: max-content; max-width: 100%; flex-wrap: wrap; justify-content: center;
    }
    @media (max-width: 575.98px) { :where(.cmt) .tl-toolbar { border-radius: 22px; width: 100%; } }
    :where(.cmt) .tl-toolbar-label { font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-muted); padding-left: 10px; }
    :where(.cmt) .tl-seg { display: inline-flex; background: var(--cm-surface-2); border-radius: 999px; padding: 3px; }
    :where(.cmt) .tl-seg button { border: 0; background: none; border-radius: 999px; min-width: 40px; padding: 6px 12px; font-weight: var(--cm-fw-semibold); font-size: var(--cm-fs-caption); color: var(--cm-text-2); white-space: nowrap; }
    :where(.cmt) .tl-seg button.active { background: var(--cm-surface); color: var(--cm-text); box-shadow: 0 1px 3px rgba(16, 24, 40, .15); }
    /* Dark: the active segment must sit ABOVE the track (surface is darker than surface-2 in dark) */
    :root[data-theme="dark"] :where(.cmt) .tl-seg button.active { background: var(--cm-surface-3); }
    :where(.cmt) .tl-tool { border: 0; background: none; border-radius: 999px; padding: 8px 14px; font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); font-size: var(--cm-fs-body-sm); white-space: nowrap; }
    :where(.cmt) .tl-tool:hover { background: var(--cm-surface-2); }
    :where(.cmt) .tl-sep { width: 1px; height: 22px; background: var(--cm-line); margin: 0 2px; }
    :where(.cmt) .tl-primary { padding: 8px 18px; font-weight: var(--cm-fw-semibold); font-size: var(--cm-fs-body-sm); line-height: 1.5; white-space: nowrap; }
    :where(.cmt) .tl-menu { position: absolute; right: 0; top: calc(100% + 8px); background: var(--cm-elevated); border-radius: 14px; min-width: 220px; box-shadow: var(--cm-shadow-2); padding: 6px; z-index: 20; }
    :where(.cmt) .tl-menu button { display: block; width: 100%; text-align: left; border: 0; background: none; color: var(--cm-text); padding: 10px 12px; border-radius: 10px; }
    :where(.cmt) .tl-menu button:hover { background: var(--cm-surface-2); }
    :where(.cmt) .tl-panel { background: var(--cm-surface); border-radius: 20px; padding: 16px; box-shadow: var(--cm-shadow-card); }
    :where(.cmt) .tl-scan { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 4; }
    :where(.cmt) .tl-scan-dim { position: absolute; inset: 0; background: rgba(15, 23, 42, .3); }
    :where(.cmt) .tl-scan-line {
        position: absolute; left: -5%; right: -5%; height: 34%; top: -34%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .12) 55%, rgba(255, 255, 255, .45) 90%, rgba(255, 255, 255, .95) 100%);
        border-bottom: 2px solid #fff; box-shadow: 0 8px 26px 4px rgba(255, 255, 255, .6);
        animation: tlScan 2.1s cubic-bezier(.45, 0, .55, 1) infinite alternate;
    }
    @keyframes  tlScan { from { top: -34%; } to { top: 100%; } }
    :where(.cmt) .tl-status {
        display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, .95); border-radius: 999px;
        padding: 6px 14px; color: #101828; /* on the white pill, in both themes */ font-weight: var(--cm-fw-semibold); font-size: var(--cm-fs-caption); line-height: 1.4; box-shadow: 0 8px 24px -8px rgba(16, 24, 40, .35); white-space: nowrap;
    }
    :where(.cmt) .tl-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #101828; /* dot on the white status pill, both themes */ animation: tlPulse 1s ease-in-out infinite; }
    /* Moi app co hieu ung quet anh: chu "dang xu ly" la huy hieu noi tren anh (giong Xoa nen), cham nhap nhay thay spinner */
    :where(.cmt) .tl-scan ~ .tl-status { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 6; line-height: normal; color: #101828; max-width: calc(100% - 24px); }
    :where(.cmt) .tl-scan ~ .tl-status[hidden] { display: none !important; }
    :where(.cmt) .tl-scan[data-status]::after { content: attr(data-status); position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 2; white-space: nowrap; padding: 6px 14px 6px 30px; border-radius: 999px; font-weight: var(--cm-fw-semibold); font-size: 13px; line-height: 1.4; color: #101828; box-shadow: 0 8px 24px -8px rgba(16, 24, 40, .35); background: radial-gradient(circle at 17px 50%, #101828 4px, transparent 4.5px), rgba(255, 255, 255, .95); }
    :where(.cmt) .tl-status > .cm-spin { width: 8px; height: 8px; min-width: 8px; border: 0; border-radius: 50%; background: #101828; /* dot on the white status pill, both themes */ -webkit-mask: none; mask: none; vertical-align: middle; margin: 0 !important; animation: tlPulse 1s ease-in-out infinite; }
    @keyframes  tlPulse { 50% { transform: scale(1.6); opacity: .4; } }
    /* Khung anh + thanh so sanh truoc/sau + dai anh nho: dung chung cho cac cong cu xu ly anh */
    :where(.cmt) .tl-stage-wrap { display: flex; justify-content: center; margin-top: 18px; }
    :where(.cmt) .tl-stage { position: relative; border-radius: 22px; overflow: hidden; background: var(--cm-surface-3); box-shadow: 0 24px 60px -30px rgba(16, 24, 40, .45); user-select: none; touch-action: none; }
    :where(.cmt) .tl-stage > img, :where(.cmt) .tl-compare-after > img, :where(.cmt) .tl-compare-after > canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
    /* Anh trong khung khong bi keo tha (de thanh so sanh keo muot) */
    :where(.cmt) .tl-stage img, :where(.cmt) .tl-stage canvas, :where(.cmt) .tl-stage svg { pointer-events: none; -webkit-user-drag: none; user-select: none; }
    :where(.cmt) .tl-compare-after { position: absolute; inset: 0; clip-path: inset(0 0 0 50%); }
    :where(.cmt) .tl-compare-after.is-svg { display: flex; align-items: center; justify-content: center; }
    :where(.cmt) .tl-compare-after.is-svg svg { width: 100%; height: 100%; display: block; }
    :where(.cmt) .tl-divider { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); z-index: 5; }
    :where(.cmt) .tl-handle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .3); display: flex; align-items: center; justify-content: center; color: #101828; cursor: ew-resize; }
    :where(.cmt) .tl-tag { position: absolute; top: 12px; z-index: 5; background: rgba(16, 24, 40, .72); color: #fff; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); border-radius: 999px; padding: 4px 11px; white-space: nowrap; }
    :where(.cmt) .tl-tag.left { left: 12px; } :where(.cmt) .tl-tag.right { right: 12px; }
    :where(.cmt) .tl-stage .tl-status { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 6; }
    :where(.cmt) .tl-checker { background-color: #fff; background-image: linear-gradient(45deg, #EEF0F3 25%, transparent 25%), linear-gradient(-45deg, #EEF0F3 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #EEF0F3 75%), linear-gradient(-45deg, transparent 75%, #EEF0F3 75%); background-size: 22px 22px; background-position: 0 0, 0 11px, 11px -11px, -11px 0; }
    :where(.cmt) .tl-thumbs { display: flex; justify-content: center; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
    :where(.cmt) .tl-thumb, :where(.cmt) .tl-add { width: 58px; height: 58px; border-radius: 14px; border: 0; padding: 0; position: relative; overflow: hidden; background: var(--cm-surface); box-shadow: 0 2px 8px rgba(16, 24, 40, .12); transition: transform .15s; }
    :where(.cmt) .tl-thumb:hover, :where(.cmt) .tl-add:hover { transform: translateY(-2px); }
    :where(.cmt) .tl-thumb.is-active { box-shadow: 0 0 0 3px var(--cm-text); }
    :where(.cmt) .tl-thumb img { width: 100%; height: 100%; object-fit: cover; }
    :where(.cmt) .tl-thumb-badge { position: absolute; left: 3px; right: 3px; bottom: 3px; background: rgba(16, 24, 40, .8); color: #fff; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); border-radius: 6px; line-height: 1.5; }
    :where(.cmt) .tl-thumb-busy { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, .45); color: #fff; }
    :where(.cmt) .tl-add { font-size: 24px; color: var(--cm-text-2); background: var(--cm-surface-2); }
    :where(.cmt) .tl-inline { display: inline-flex; align-items: center; gap: 8px; padding: 0 8px; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); white-space: nowrap; }
    :where(.cmt) .tl-inline input[type=range] { width: 110px; }
    :where(.cmt) .tl-inline input[type=number] { width: 84px; border: 1px solid var(--cm-line); background: var(--cm-surface); color: var(--cm-text); border-radius: 999px; padding: 5px 10px; font-weight: var(--cm-fw-semibold); }
    /* Thanh phat video toi gian: the trang, thanh tien trinh mong nhu thanh do tin cay cua Tim font */
    :where(.cmt) .tl-player { display: flex; align-items: center; gap: 12px; background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: 16px; padding: 8px 14px 8px 8px; }
    :where(.cmt) .tl-player-btn { width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; border: 0; background: var(--cm-surface-2); color: var(--cm-text); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; transition: background-color .15s; }
    :where(.cmt) .tl-player-btn:hover { background: var(--cm-surface-3); }
    :where(.cmt) .tl-player-time { font-size: 12px; font-weight: var(--cm-fw-semibold); color: var(--cm-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
    :where(.cmt) .tool-hero .tl-player input[type=range] { flex: 1; min-width: 0; height: 6px; background: linear-gradient(to right, var(--cm-text) 0 calc(var(--p, 0) * 100%), var(--cm-surface-2) calc(var(--p, 0) * 100%) 100%); }
    :where(.cmt) .tool-hero .tl-player input[type=range]::-webkit-slider-thumb { width: 14px; height: 14px; border: 0; background: var(--cm-inverse); transform: scale(0); transition: transform .15s; }
    :where(.cmt) .tool-hero .tl-player:hover input[type=range]::-webkit-slider-thumb, :where(.cmt) .tool-hero .tl-player input[type=range]:active::-webkit-slider-thumb, :where(.cmt) .tool-hero .tl-player input[type=range]:focus-visible::-webkit-slider-thumb { transform: scale(1); }
    :where(.cmt) .tool-hero .tl-player input[type=range]::-moz-range-thumb { width: 12px; height: 12px; border: 0; background: var(--cm-inverse); }
    @media (hover: none) { :where(.cmt) .tool-hero .tl-player input[type=range]::-webkit-slider-thumb { transform: scale(1); } }
    /* Tuy chinh: hang thu 2 ngay duoi thanh cong cu, mo rong muot va day noi dung xuong (khong che anh / video) */
    :where(.cmt) .tl-dropdown-panel { position: static; width: 100%; max-width: 100%; margin: 10px auto 0; background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: 16px; padding: 14px 16px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); text-align: left; overflow: hidden; animation: tl-row-open .35s cubic-bezier(.2, .8, .2, 1); }
    :where(.cmt) .tl-panel-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px 24px; align-items: end; }
    :where(.cmt) .tl-panel-grid > * { margin: 0 !important; }
    @keyframes  tl-row-open { from { max-height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; } to { max-height: 420px; opacity: 1; } }
    @media (prefers-reduced-motion: reduce) { :where(.cmt) .tl-dropdown-panel { animation: none; } }
    @media (prefers-reduced-motion: reduce) { :where(.cmt) .tl-scan-line, :where(.cmt) .tl-status-dot { animation: none !important; } }


            :where(.cmt) .tl-acts { display: inline-flex; align-items: center; gap: 6px; vertical-align: top; margin: 0 0 12px 2px; }
            :where(.cmt) .tl-act {
                display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 999px;
                border: 1px solid var(--cm-line); background: var(--cm-surface); color: var(--cm-text-2); font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); line-height: 1; white-space: nowrap;
                transition: background-color .15s, border-color .15s, color .15s; cursor: pointer;
            }
            :where(.cmt) .tl-act:hover { background: var(--cm-bg-subtle); border-color: var(--cm-line-2); color: var(--cm-text); }
            :where(.cmt) .tl-act:focus-visible { outline: 2px solid var(--cm-text); outline-offset: 2px; }
            :where(.cmt) .tl-act-ico { flex-shrink: 0; transition: transform .2s; }
            :where(.cmt) .tl-act-save.is-saved { color: var(--cm-text); border-color: var(--cm-line-2); }
            :where(.cmt) .tl-act-save.is-saved .tl-act-ico { fill: currentColor; }
            :where(.cmt) .tl-act-save:active .tl-act-ico { transform: scale(.86); }
            :where(.cmt) .tl-act-mi .tl-act-ico { color: var(--cm-muted); }
            :where(.cmt) .tl-act-mi.is-saved .tl-act-ico { fill: currentColor; color: var(--cm-text); }
            :where(.cmt) .tl-acts.is-flat .tl-act { width: 32px; height: 32px; border-color: transparent; border-radius: 8px; background: transparent; }
            :where(.cmt) .tl-acts.is-flat .tl-act:hover { background: var(--cm-surface-2); }
            :where(.cmt) .tl-acts-start { text-align: center; margin-bottom: 4px; }
            :where(.cmt) .tl-acts-start .tl-acts { margin: 0 0 8px; }
            :where(.cmt) .tl-acts.is-icon { margin: 0; gap: 4px; }
            :where(.cmt) .tl-acts.is-icon .tl-act { width: 34px; height: 34px; padding: 0; }
            :where(.cmt) .tl-acts.is-icon .tl-act-l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
            /* Dien thoai: chi icon (co aria-label) */
            @media (max-width: 575.98px) {
                :where(.cmt) .tl-act { width: 32px; height: 32px; padding: 0; }
                :where(.cmt) .tl-act-l { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
            }
            @media (prefers-reduced-motion: reduce) { :where(.cmt) .tl-act, :where(.cmt) .tl-act-ico { transition: none; } }

            /* Popover chia se (tao boi tool-actions.js) */
            :where(.cmt) .cm-share-pop {
                position: fixed; z-index: 1085; width: 280px; max-width: calc(100vw - 24px); background: var(--cm-surface); border-radius: 16px; padding: 12px;
                box-shadow: 0 20px 48px -16px rgba(16, 24, 40, .32), 0 0 0 1px var(--cm-line); text-align: left; font-family: inherit;
                animation: cmSharePop .16s ease-out;
            }
            :where(.cmt) .cm-share-pop[hidden] { display: none !important; }
            @keyframes  cmSharePop { from { opacity: 0; transform: translateY(-4px); } }
            :where(.cmt) .cm-share-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 2px 8px 6px; }
            :where(.cmt) .cm-share-title { font-size: var(--cm-fs-body-sm); font-weight: var(--cm-fw-semibold); color: var(--cm-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            :where(.cmt) .cm-share-x { width: 28px; height: 28px; flex-shrink: 0; border: 0; border-radius: 8px; background: none; color: var(--cm-muted); display: inline-flex; align-items: center; justify-content: center; }
            :where(.cmt) .cm-share-x:hover { background: var(--cm-surface-2); color: var(--cm-text); }
            :where(.cmt) .cm-share-link { margin: 0 4px 8px; padding: 7px 10px; border-radius: 10px; background: var(--cm-bg-subtle); box-shadow: inset 0 0 0 1px var(--cm-line); font-size: var(--cm-fs-caption); color: var(--cm-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            :where(.cmt) .cm-share-list { display: flex; flex-direction: column; gap: 2px; }
            :where(.cmt) .cm-share-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; border: 0; background: none; border-radius: 10px; padding: 6px 8px; font-size: var(--cm-fs-body-sm); font-weight: var(--cm-fw-medium); color: var(--cm-text); text-align: left; }
            :where(.cmt) .cm-share-item:hover, :where(.cmt) .cm-share-item:focus-visible { background: var(--cm-surface-2); outline: none; }
            :where(.cmt) .cm-share-ico { width: 30px; height: 30px; border-radius: 9px; background: var(--cm-surface-2); color: var(--cm-text-2); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; }
            :where(.cmt) .cm-share-item.is-facebook .cm-share-ico { color: #1877F2; }
            :where(.cmt) .cm-share-item.is-messenger .cm-share-ico { color: #0A7CFF; }
            :where(.cmt) .cm-share-item.is-x .cm-share-ico { color: var(--cm-text); }
            :where(.cmt) .cm-share-zalo { font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: #fff; background: #0068FF; border-radius: 5px; padding: 3px 3px; letter-spacing: -.02em; line-height: 1; }
            @media (prefers-reduced-motion: reduce) { :where(.cmt) .cm-share-pop { animation: none; } }
        

            :where(.cmt) #ae-drop.is-dragover { box-shadow: inset 0 0 0 1.5px var(--ink, #1D1D1F); }
            :where(.cmt) .ae-frame > img { display: block; max-width: 100%; max-height: 68vh; }
            @media (max-width: 575.98px) { :where(.cmt) .ae-frame > img { max-height: 60vh; } }
            :where(.cmt) #ae-stage { border-radius: var(--r-lg, 20px); background: var(--inset, #F5F5F7); box-shadow: none; }
            :where(.cmt) .ae-seg button.active { background: var(--surface, #fff); color: var(--ink, #1D1D1F); box-shadow: 0 1px 2px rgba(17, 19, 21, .1); }
            :where(.cmt) .tk .ae-chip.active { background: var(--ink, #1D1D1F); color: var(--surface, #fff); }
            :where(.cmt) .ae-thumbs .tl-thumb { border-radius: 12px; background: var(--inset, #F5F5F7); box-shadow: none; }
            :where(.cmt) .ae-thumbs .tl-thumb.is-active { box-shadow: 0 0 0 2px var(--ink, #1D1D1F); }
            /* Khung cho ket qua (khong can anh dau vao): chi hien khi AI dang ve */
            :where(.cmt) #ae-empty:has(> #ae-busy-none[hidden]) { display: none; }
        

    :where(.cmt) .mk-stage { position: relative; width: min(100%, 960px); border-radius: 22px; overflow: hidden; background: #0B0F17; box-shadow: 0 24px 60px -30px rgba(16, 24, 40, .45); }
    :where(.cmt) .mk-stage video, :where(.cmt) .mk-stage canvas, :where(.cmt) .mk-stage img { display: block; width: 100%; max-height: 62vh; object-fit: contain; background: #0B0F17; }
    :where(.cmt) .mk-meta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 14px; margin-top: 14px; font-size: var(--cm-fs-body-sm); color: var(--cm-text-2); }
    :where(.cmt) .mk-meta b { color: var(--cm-text); }
    :where(.cmt) .mk-progress { width: min(100%, 520px); margin: 18px auto 0; background: var(--cm-surface); border-radius: 18px; padding: 14px 16px; box-shadow: 0 12px 34px -18px rgba(16, 24, 40, .3); }
    :where(.cmt) .mk-bar { height: 8px; border-radius: 999px; background: var(--cm-surface-3); overflow: hidden; }
    :where(.cmt) .mk-bar span { display: block; height: 100%; width: 0; background: var(--cm-inverse); border-radius: 999px; transition: width .2s; }
    :where(.cmt) .mk-progress-row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); }
    :where(.cmt) .mk-link { border: 0; background: none; color: var(--cm-muted); font-weight: var(--cm-fw-semibold); font-size: var(--cm-fs-caption); padding: 0; }
    :where(.cmt) .mk-link:hover { color: var(--cm-text); }
    :where(.cmt) .mk-error { max-width: 560px; margin: 16px auto 0; padding: 12px 16px; border-radius: 14px; background: var(--cm-danger-bg); color: var(--cm-danger); font-size: var(--cm-fs-body-sm); text-align: center; }
    :where(.cmt) .mk-note { max-width: 560px; margin: 12px auto 0; font-size: var(--cm-fs-caption); color: var(--cm-muted); text-align: center; }
    :where(.cmt) .mk-result { margin-top: 22px; text-align: center; }
    :where(.cmt) .mk-result video, :where(.cmt) .mk-result audio { display: block; margin: 0 auto; max-width: min(100%, 960px); }
    :where(.cmt) .mk-result video { max-height: 62vh; border-radius: 22px; background: #0B0F17; box-shadow: 0 24px 60px -30px rgba(16, 24, 40, .45); }
    :where(.cmt) .mk-result audio { width: min(100%, 560px); }
    :where(.cmt) .mk-result-info { margin-top: 12px; font-size: var(--cm-fs-body-sm); color: var(--cm-text-2); }
    :where(.cmt) .mk-result-info b { color: var(--cm-text); }
    :where(.cmt) .mk-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 14px; }
    :where(.cmt) .mk-label { display: flex; justify-content: space-between; gap: 8px; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); margin-bottom: 8px; }
    :where(.cmt) .mk-label span:last-child { color: var(--cm-muted); font-weight: var(--cm-fw-semibold); }
    :where(.cmt) .mk-field input[type=text], :where(.cmt) .mk-field input[type=number] { width: 100%; border: 1px solid var(--cm-line); border-radius: 12px; padding: 8px 12px; font-size: var(--cm-fs-body-sm); outline: 0; }
    :where(.cmt) .mk-field input[type=text]:focus, :where(.cmt) .mk-field input[type=number]:focus { border-color: var(--cm-line-2); }
    :where(.cmt) .mk-swatches { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
    :where(.cmt) .mk-swatch { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--cm-surface); box-shadow: 0 0 0 1px var(--cm-line-2); padding: 0; }
    :where(.cmt) .mk-swatch.active { box-shadow: 0 0 0 2px var(--cm-text); }
    :where(.cmt) .mk-swatch-input { width: 28px; height: 28px; border: 0; padding: 0; background: none; border-radius: 50%; overflow: hidden; }
    :where(.cmt) .mk-list { width: min(100%, 720px); margin: 18px auto 0; display: flex; flex-direction: column; gap: 8px; }
    :where(.cmt) .mk-item { display: flex; align-items: center; gap: 12px; background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: 14px; padding: 8px 10px; }
    :where(.cmt) .mk-item-thumb { width: 72px; height: 44px; flex-shrink: 0; border-radius: 8px; background: #101828 center/cover no-repeat; }
    :where(.cmt) .mk-item-body { flex: 1; min-width: 0; text-align: left; }
    :where(.cmt) .mk-item-name { font-size: var(--cm-fs-body-sm); font-weight: var(--cm-fw-semibold); color: var(--cm-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    :where(.cmt) .mk-item-sub { font-size: var(--cm-fs-caption); color: var(--cm-muted); }
    :where(.cmt) .mk-icon-btn { width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; border: 0; background: var(--cm-surface-2); color: var(--cm-text-2); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }
    :where(.cmt) .mk-icon-btn:hover { background: var(--cm-surface-3); color: var(--cm-text); }
    :where(.cmt) .mk-icon-btn:disabled { opacity: .35; }
    :where(.cmt) .mk-pill { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; background: var(--cm-surface-2); color: var(--cm-text-2); font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); }
    :where(.cmt) .mk-pill.is-ok { background: var(--cm-success-bg); color: var(--cm-success); }
    :where(.cmt) .mk-pill.is-bad { background: var(--cm-danger-bg); color: var(--cm-danger); }
    @media (max-width: 575.98px) {
        :where(.cmt) .mk-stage { border-radius: 16px; }
        :where(.cmt) .mk-item-thumb { width: 56px; height: 36px; }
    }


            :where(.cmt) #aw-drop.is-dragover { box-shadow: inset 0 0 0 1.5px var(--ink, #1D1D1F); }
            /* O tai anh: chua co anh thi hien nut tai len, co anh thi hien anh (script thay noi dung #aw-thumb) */
            :where(.cmt) .aw-drop-lg:has(#aw-thumb img) .aw-drop-empty { display: none; }
            :where(.cmt) .aw-drop-lg #aw-thumb:not(:has(img)) { display: none; }
            :where(.cmt) .aw-drop-lg #aw-thumb img { display: block; max-width: 100%; max-height: 320px; margin: 0 auto; border-radius: var(--r-md, 14px); }
            :where(.cmt) .aw-drop-sm #aw-thumb img { width: 100%; height: 100%; object-fit: cover; }
            :where(.cmt) .tk .aw-chip.active { background: var(--ink, #1D1D1F); color: var(--surface, #fff); }
            :where(.cmt) .aw-skel { height: 12px; border-radius: 6px; background: var(--inset, #F5F5F7); animation: aw-pulse 1.4s ease-in-out infinite; }
            @keyframes  aw-pulse { 50% { opacity: .45; } }
            @media (prefers-reduced-motion: reduce) { :where(.cmt) .aw-skel { animation: none; } }

            /* Tai lieu ket qua (script tao): phang, khong the/vien */
            :where(.cmt) .aw-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
            :where(.cmt) .aw-head h2 { font-size: 17px; font-weight: 600; color: var(--ink, #1D1D1F); margin: 0 0 4px; letter-spacing: -.01em; }
            :where(.cmt) .aw-head p { color: var(--ink-2, #6E6E73); margin: 0; font-size: 15px; line-height: 1.5; }
            :where(.cmt) .aw-score { flex-shrink: 0; border-radius: 12px; padding: 6px 12px; font-weight: 600; font-size: 17px; line-height: 1.2; white-space: nowrap; }
            :where(.cmt) .aw-score small { font-size: 13px; font-weight: 500; opacity: .8; }
            :where(.cmt) .aw-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0 8px; }
            :where(.cmt) .aw-ghost { display: inline-flex; align-items: center; gap: 6px; height: 36px; border: 0; border-radius: 12px; padding: 0 12px; background: var(--inset, #F5F5F7); color: var(--ink, #1D1D1F); font-size: 13px; font-weight: 500; }
            :where(.cmt) .aw-ghost:hover { background: var(--hairline, rgba(0, 0, 0, .08)); }
            :where(.cmt) .aw-block { margin-top: 32px; }
            :where(.cmt) .aw-block h3 { font-size: 13px; font-weight: 500; color: var(--ink-2, #6E6E73); margin: 0 0 10px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
            :where(.cmt) .aw-copy-row { display: flex; gap: 10px; align-items: flex-start; padding: 12px 0; border-top: 1px solid var(--hairline, rgba(0, 0, 0, .08)); }
            :where(.cmt) .aw-copy-row:first-of-type { border-top: 0; padding-top: 0; }
            :where(.cmt) .aw-copy-row div { flex: 1; white-space: pre-wrap; color: var(--ink, #1D1D1F); font-size: 15px; line-height: 1.55; }
            :where(.cmt) .aw-copy { display: inline-flex; align-items: center; justify-content: center; border: 0; background: var(--inset, #F5F5F7); color: var(--ink-2, #6E6E73); width: 32px; height: 32px; border-radius: 10px; flex-shrink: 0; }
            :where(.cmt) .aw-copy:hover { background: var(--hairline, rgba(0, 0, 0, .08)); color: var(--ink, #1D1D1F); }
            :where(.cmt) .aw-copy.is-done { color: var(--cm-success, #079455); }
            :where(.cmt) .aw-list { margin: 0; padding-left: 18px; color: var(--ink, #1D1D1F); font-size: 15px; line-height: 1.6; }
            :where(.cmt) .aw-list li { list-style: disc; }
            :where(.cmt) .aw-list li + li { margin-top: 6px; }
            :where(.cmt) .aw-text { color: var(--ink, #1D1D1F); font-size: 15px; line-height: 1.65; margin: 0; white-space: pre-wrap; }
            :where(.cmt) .aw-score-row + .aw-score-row { margin-top: 14px; }
            :where(.cmt) .aw-score-top { display: flex; justify-content: space-between; font-size: 15px; font-weight: 500; color: var(--ink, #1D1D1F); }
            :where(.cmt) .aw-bar { height: 6px; border-radius: 99px; background: var(--inset, #F5F5F7); margin: 6px 0 4px; overflow: hidden; }
            :where(.cmt) .aw-bar span { display: block; height: 100%; border-radius: 99px; }
            :where(.cmt) .aw-score-note { font-size: 13px; color: var(--ink-2, #6E6E73); }
            :where(.cmt) .aw-swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; }
            :where(.cmt) .aw-swatch { border: 0; background: none; padding: 0; text-align: left; }
            :where(.cmt) .aw-swatch i { display: block; height: 72px; border-radius: var(--r-md, 14px); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); font-style: normal; }
            :where(.cmt) .aw-swatch b { display: block; font-size: 13px; font-weight: 500; color: var(--ink, #1D1D1F); margin-top: 8px; }
            :where(.cmt) .aw-swatch small { display: block; font-size: 13px; color: var(--ink-2, #6E6E73); }
            :where(.cmt) .aw-font { padding: 12px 0; border-top: 1px solid var(--hairline, rgba(0, 0, 0, .08)); }
            :where(.cmt) .aw-font:first-of-type { border-top: 0; padding-top: 0; }
            :where(.cmt) .aw-font-sample { font-size: 28px; line-height: 1.25; color: var(--ink, #1D1D1F); }
            :where(.cmt) .aw-font-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 13px; color: var(--ink-2, #6E6E73); margin-top: 4px; }
            :where(.cmt) .aw-font-meta b { color: var(--ink, #1D1D1F); font-weight: 500; }
            :where(.cmt) .aw-font-meta a { color: var(--ink-2, #6E6E73); }
            :where(.cmt) .aw-table { overflow-x: auto; }
            :where(.cmt) .aw-table table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 520px; }
            :where(.cmt) .aw-table th { text-align: left; font-size: 13px; color: var(--ink-2, #6E6E73); font-weight: 500; padding: 8px 10px; border-bottom: 1px solid var(--hairline, rgba(0, 0, 0, .08)); }
            :where(.cmt) .aw-table td { padding: 10px; border-bottom: 1px solid var(--hairline, rgba(0, 0, 0, .08)); color: var(--ink, #1D1D1F); vertical-align: top; line-height: 1.5; }
            :where(.cmt) .aw-tags { display: flex; flex-wrap: wrap; gap: 6px; }
            :where(.cmt) .aw-tag { border-radius: 10px; padding: 5px 10px; font-size: 13px; color: var(--ink, #1D1D1F); background: var(--inset, #F5F5F7); }
        

            /* Dang tro chuyen: an hang bat dau (script an #ac-start) */
            :where(.cmt) #ac-setup:has(#ac-start[hidden]) { display: none; }
            :where(.cmt) .ac-chips .ac-chip.active, :where(.cmt) .tk .ac-spk.is-on, :where(.cmt) .tk .ac-mic.is-on { background: var(--ink, #1D1D1F); color: var(--surface, #fff); }
            :where(.cmt) .ac-chip:disabled { opacity: .6; }
            /* Tin nhan (script tao) */
            :where(.cmt) .ac-msg { max-width: 82%; padding: 10px 14px; border-radius: 18px; font-size: 15px; line-height: 1.5; white-space: pre-wrap; }
            :where(.cmt) .ac-msg.is-ai { align-self: flex-start; background: var(--inset, #F5F5F7); color: var(--ink, #1D1D1F); border-bottom-left-radius: 6px; }
            :where(.cmt) .ac-msg.is-me { align-self: flex-end; background: var(--accent, #1D1D1F); color: var(--on-accent, #fff); border-bottom-right-radius: 6px; }
            :where(.cmt) .ac-who { font-size: 13px; font-weight: 500; color: var(--ink-2, #6E6E73); margin-bottom: 2px; }
            :where(.cmt) .ac-msg.is-me .ac-who { color: inherit; opacity: .7; }
            :where(.cmt) .ac-typing { align-self: flex-start; display: flex; align-items: center; gap: 8px; color: var(--ink-2, #6E6E73); font-size: 14px; }
            @media (max-width: 575.98px) { :where(.cmt) .ac-msg { max-width: 92%; } }
            /* Nhan xet cuoi buoi (script tao): phang, khong the/vien */
            :where(.cmt) .ac-rhead { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; }
            :where(.cmt) .ac-rhead h2 { font-size: 17px; font-weight: 600; color: var(--ink, #1D1D1F); margin: 0 0 4px; letter-spacing: -.01em; }
            :where(.cmt) .ac-rhead p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ink-2, #6E6E73); }
            :where(.cmt) .ac-score { flex-shrink: 0; border-radius: 12px; padding: 6px 12px; font-weight: 600; font-size: 17px; line-height: 1.2; white-space: nowrap; }
            :where(.cmt) .ac-score small { font-size: 13px; font-weight: 500; opacity: .8; }
            :where(.cmt) .ac-block { margin-top: 32px; }
            :where(.cmt) .ac-block h3 { font-size: 13px; font-weight: 500; color: var(--ink-2, #6E6E73); margin: 0 0 10px; }
            :where(.cmt) .ac-block ul { margin: 0; padding-left: 18px; font-size: 15px; line-height: 1.6; color: var(--ink, #1D1D1F); }
            :where(.cmt) .ac-block li { list-style: disc; }
            :where(.cmt) .ac-block li + li { margin-top: 6px; }
            :where(.cmt) .ac-block p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--ink, #1D1D1F); white-space: pre-wrap; }
            :where(.cmt) .ac-block .ac-copy { padding: 12px 0; border-top: 1px solid var(--hairline, rgba(0, 0, 0, .08)); font-size: 15px; line-height: 1.55; white-space: pre-wrap; color: var(--ink, #1D1D1F); }
            :where(.cmt) .ac-block .ac-copy:first-of-type { border-top: 0; padding-top: 0; }
            :where(.cmt) .ac-srow + .ac-srow { margin-top: 14px; }
            :where(.cmt) .ac-stop { display: flex; justify-content: space-between; font-size: 15px; font-weight: 500; color: var(--ink, #1D1D1F); }
            :where(.cmt) .ac-bar { height: 6px; border-radius: 99px; background: var(--inset, #F5F5F7); margin: 6px 0 4px; overflow: hidden; }
            :where(.cmt) .ac-bar span { display: block; height: 100%; border-radius: 99px; }
            :where(.cmt) .ac-note { font-size: 13px; color: var(--ink-2, #6E6E73); }
        

    :where(.cmt) .ck-wrap { max-width: 1120px; margin: 22px auto 0; text-align: left; }
    :where(.cmt) .ck-cols { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px; align-items: start; }
    :where(.cmt) .ck-cols.is-even { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    @media (max-width: 991.98px) { :where(.cmt) .ck-cols, :where(.cmt) .ck-cols.is-even { grid-template-columns: minmax(0, 1fr); } }
    :where(.cmt) .ck-card { background: var(--cm-surface); border: 1px solid var(--cm-line); border-radius: 16px; padding: 18px; min-width: 0; }
    :where(.cmt) .ck-card + .ck-card { margin-top: 16px; }
    :where(.cmt) .ck-cols > .ck-card + .ck-card { margin-top: 0; }
    :where(.cmt) .ck-card-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); margin-bottom: 12px; }
    :where(.cmt) .ck-card-title small { font-weight: var(--cm-fw-semibold); color: var(--cm-muted); }
    :where(.cmt) .ck-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px 16px; }
    :where(.cmt) .ck-field label, :where(.cmt) .ck-field .ck-flabel { display: flex; justify-content: space-between; gap: 8px; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); margin-bottom: 6px; }
    :where(.cmt) .ck-field label span:last-child, :where(.cmt) .ck-field .ck-flabel span:last-child { color: var(--cm-text); font-variant-numeric: tabular-nums; }
    :where(.cmt) .ck-input { width: 100%; border: 1px solid var(--cm-line); border-radius: 12px; padding: 9px 12px; font-size: var(--cm-fs-body-sm); font-weight: var(--cm-fw-semibold); color: var(--cm-text); background: var(--cm-surface); transition: border-color .15s, box-shadow .15s; }
    :where(.cmt) .ck-input:focus { outline: none; border-color: var(--cm-line-2); box-shadow: var(--cm-focus); }
    :where(.cmt) .ck-input.is-mono, :where(.cmt) .ck-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
    :where(.cmt) .ck-input.is-bad { border-color: #FDA29B; }
    :where(.cmt) .ck-colorfield { display: flex; align-items: center; gap: 8px; border: 1px solid var(--cm-line); border-radius: 12px; padding: 5px 6px 5px 5px; background: var(--cm-surface); }
    :where(.cmt) .ck-colorfield:focus-within { border-color: var(--cm-line-2); box-shadow: var(--cm-focus); }
    :where(.cmt) .ck-colorfield input[type=text] { border: 0; outline: none; min-width: 0; flex: 1; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-weight: var(--cm-fw-semibold); font-size: var(--cm-fs-body-sm); color: var(--cm-text); text-transform: none; background: transparent; }
    :where(.cmt) .ck-dot { position: relative; width: 32px; height: 32px; border-radius: 9px; overflow: hidden; flex-shrink: 0; cursor: pointer; margin: 0; box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .14); }
    :where(.cmt) .ck-dot input { position: absolute; inset: -8px; width: calc(100% + 16px); height: calc(100% + 16px); border: 0; padding: 0; cursor: pointer; opacity: 0; }
    :where(.cmt) .ck-dot span { position: absolute; inset: 0; }
    :where(.cmt) .ck-code { position: relative; background: var(--cm-bg-subtle); border: 1px solid var(--cm-line); border-radius: 12px; }
    :where(.cmt) .ck-code pre { margin: 0; padding: 14px 16px; padding-right: 92px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--cm-fs-caption); line-height: 1.6; color: var(--cm-text); white-space: pre-wrap; word-break: break-all; max-height: 320px; overflow: auto; }
    :where(.cmt) .ck-copy { position: absolute; top: 8px; right: 8px; border: 1px solid var(--cm-line); background: var(--cm-surface); border-radius: 999px; padding: 4px 12px; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-text-2); }
    :where(.cmt) .ck-copy:hover { border-color: var(--cm-line-2); color: var(--cm-text); }
    :where(.cmt) .ck-rows { display: flex; flex-direction: column; }
    :where(.cmt) .ck-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cm-line); }
    :where(.cmt) .ck-row:last-child { border-bottom: 0; }
    :where(.cmt) .ck-row > b { width: 76px; flex-shrink: 0; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-muted); }
    :where(.cmt) .ck-row > code, :where(.cmt) .ck-row > .ck-val { flex: 1; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--cm-fs-body-sm); font-weight: var(--cm-fw-semibold); color: var(--cm-text); background: none; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    :where(.cmt) .ck-icon-btn { width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; border: 0; background: var(--cm-surface-2); color: var(--cm-text-2); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; transition: background-color .15s; }
    :where(.cmt) .ck-icon-btn:hover { background: var(--cm-surface-3); color: var(--cm-text); }
    :where(.cmt) .ck-swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
    :where(.cmt) .ck-swatch { border: 0; padding: 0; background: var(--cm-surface); border-radius: 14px; overflow: hidden; text-align: left; box-shadow: 0 0 0 1px var(--cm-line); transition: transform .15s, box-shadow .15s; }
    :where(.cmt) .ck-swatch:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px var(--cm-line-2), 0 8px 18px -10px rgba(16, 24, 40, .35); }
    :where(.cmt) .ck-swatch i { display: block; height: 64px; }
    :where(.cmt) .ck-swatch span { display: block; padding: 7px 10px 8px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-text); }
    :where(.cmt) .ck-swatch small { display: block; font-family: inherit; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); color: var(--cm-muted); margin-top: 1px; }
    :where(.cmt) .ck-note { font-size: var(--cm-fs-caption); color: var(--cm-muted); }
    :where(.cmt) .ck-pill { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; padding: 3px 10px; font-size: var(--cm-fs-caption); font-weight: var(--cm-fw-semibold); }
    :where(.cmt) .ck-pill.is-pass { background: var(--cm-success-bg); color: var(--cm-success); }
    :where(.cmt) .ck-pill.is-fail { background: var(--cm-danger-bg); color: var(--cm-danger); }
    :where(.cmt) .ck-preview { border-radius: 14px; box-shadow: inset 0 0 0 1px rgba(16, 24, 40, .08); }
    @media (max-width: 575.98px) { :where(.cmt) .ck-card { padding: 14px; } :where(.cmt) .tl-toolbar .tl-sep { display: none; } :where(.cmt) .tl-toolbar .tl-seg { flex-wrap: wrap; justify-content: center; border-radius: 16px; } }


            :where(.cmt) #dc-drop.is-dragover { box-shadow: inset 0 0 0 1.5px var(--ink, #1D1D1F); }
            :where(.cmt) .dc-side { display: flex; flex-direction: column; }
            :where(.cmt) .dc-col { display: contents; }
            :where(.cmt) .dc-layout:not(.has-result) .dc-side { display: none; }
            :where(.cmt) .dc-layout.has-result .dc-in { animation: dcIn .55s cubic-bezier(.2, .8, .2, 1) both; animation-delay: var(--d, 0ms); }
            @keyframes  dcIn { from { opacity: 0; transform: translateY(8px); } }
            /* Anh + ghim */
            :where(.cmt) .dc-stage { position: relative; line-height: 0; max-width: 100%; border-radius: 20px; }
            :where(.cmt) .dc-stage img { display: block; max-width: 100%; max-height: calc(100vh - 160px); border-radius: 20px; }
            @media (max-width: 767.98px) { :where(.cmt) .dc-stage img { max-height: 72vh; } }
            :where(.cmt) .dc-stage .tl-scan { border-radius: 20px; overflow: hidden; }
            :where(.cmt) .dc-clip { position: absolute; inset: 0; overflow: hidden; border-radius: 20px; pointer-events: none; z-index: 2; }
            :where(.cmt) .dc-region { position: absolute; border-radius: 6px; border: 1.5px solid rgba(16, 24, 40, .35); opacity: 0; transition: opacity .2s; }
            :where(.cmt) .dc-region.is-on { opacity: 1; }
            :where(.cmt) .dc-region.is-active { opacity: 1; border-color: rgba(16, 24, 40, .5); box-shadow: 0 0 0 9999px rgba(255, 255, 255, .35); }
            :where(.cmt) .dc-pin { position: absolute; width: 26px; height: 26px; margin: -13px 0 0 -13px; padding: 0; border-radius: 50%; border: 1px solid var(--hairline, rgba(0, 0, 0, .08)); background: var(--surface, #fff); color: var(--ink, #1D1D1F); font-size: 12px; font-weight: 600; line-height: 1; display: flex; align-items: center; justify-content: center;
                box-shadow: 0 4px 12px rgba(16, 24, 40, .12); cursor: pointer; z-index: 3; transition: transform .18s ease, box-shadow .18s, border-color .18s; animation: dcDrop .4s cubic-bezier(.2, 1.3, .4, 1) both; }
            :where(.cmt) .dc-pin::before { content: ''; position: absolute; inset: -9px; }
            :where(.cmt) .dc-pin:hover { transform: scale(1.08); }
            :where(.cmt) .dc-pin:not(.is-plus) { background: #1D1D1F; color: #fff; border: 2px solid #fff; box-shadow: 0 4px 12px rgba(16, 24, 40, .28); }
            :where(.cmt) .dc-pin.is-on { border-color: var(--ink, #1D1D1F); box-shadow: 0 0 0 1px var(--ink, #1D1D1F), 0 4px 12px rgba(16, 24, 40, .16); }
            :where(.cmt) .dc-pin.is-on:not(.is-plus) { border-color: #fff; box-shadow: 0 0 0 2px #1D1D1F, 0 6px 16px rgba(16, 24, 40, .3); }
            :where(.cmt) .dc-pin.is-plus { color: var(--ink-2, #6E6E73); font-weight: 400; font-size: 16px; }
            :where(.cmt) .dc-pin.sev-cao::after { content: ''; position: absolute; right: -1px; top: -1px; width: 7px; height: 7px; border-radius: 50%; background: #F04438; opacity: .7; box-shadow: 0 0 0 1.5px #fff; }
            :where(.cmt) .dc-stage.pins-off .dc-pin, :where(.cmt) .dc-stage.pins-off .dc-clip { display: none; }
            @keyframes  dcDrop { from { opacity: 0; transform: translateY(-8px) scale(.8); } }
            /* The goi y canh ghim */
            :where(.cmt) .dc-callout { position: absolute; z-index: 5; width: 320px; max-width: calc(100% - 16px); background: var(--surface, #fff); border: 1px solid var(--hairline, rgba(0, 0, 0, .08)); border-radius: 14px; padding: 14px; line-height: 1.5; text-align: left; box-shadow: 0 1px 2px rgba(17, 19, 21, .06), 0 18px 40px -16px rgba(17, 19, 21, .28); animation: dcPop .16s ease-out both; }
            @keyframes  dcPop { from { opacity: 0; transform: translateY(2px) scale(.98); } }
            :where(.cmt) .dc-co-head { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
            :where(.cmt) .dc-co-num, :where(.cmt) .dc-num { width: 22px; height: 22px; border-radius: 50%; background: var(--inset, #F5F5F7); color: var(--ink-2, #6E6E73); font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
            :where(.cmt) .dc-co-num:not(.is-plus), :where(.cmt) .dc-num:not(.is-plus) { background: var(--ink, #1D1D1F); color: var(--surface, #fff); }
            :where(.cmt) .dc-co-title { font-size: 14px; font-weight: 600; color: var(--ink, #1D1D1F); padding-top: 1px; }
            :where(.cmt) .dc-co-body { font-size: 14px; color: var(--ink-2, #6E6E73); }
            :where(.cmt) .dc-co-fix { display: flex; gap: 8px; font-size: 14px; line-height: 1.5; color: var(--ink-2, #6E6E73); background: var(--inset, #F5F5F7); border-radius: 10px; padding: 8px 10px; margin-top: 10px; }
            :where(.cmt) .dc-co-fix :is(i, .icon) { margin-top: 3px; font-size: 12px; flex-shrink: 0; }
            :where(.cmt) .dc-co-nav { display: flex; align-items: center; gap: 2px; margin-top: 10px; font-size: 13px; color: var(--ink-2, #6E6E73); }
            :where(.cmt) .dc-co-nav button { border: 0; background: transparent; border-radius: 8px; width: 28px; height: 28px; color: var(--ink-2, #6E6E73); }
            :where(.cmt) .dc-co-nav button:hover { background: var(--inset, #F5F5F7); color: var(--ink, #1D1D1F); }
            :where(.cmt) .dc-co-close { margin-left: auto; }
            :where(.cmt) .dc-sev { font-size: 12px; font-weight: 500; border-radius: 6px; padding: 1px 7px; background: var(--inset, #F5F5F7); color: var(--ink-2, #6E6E73); margin-left: auto; white-space: nowrap; }
            :where(.cmt) .dc-sev.sev-cao { background: #FEF3F2; color: #B42318; }
            /* Diem + tieu chi */
            :where(.cmt) .dc-gauge { position: relative; width: 84px; height: 84px; flex-shrink: 0; }
            :where(.cmt) .dc-gauge svg { width: 100%; height: 100%; transform: rotate(-90deg); }
            :where(.cmt) .dc-gauge circle { fill: none; stroke-width: 4; }
            :where(.cmt) .dc-gauge .track { stroke: var(--inset, #F5F5F7); }
            :where(.cmt) .dc-gauge .val { stroke: #079455; stroke-linecap: round; transition: stroke-dashoffset 1s cubic-bezier(.2, .8, .2, 1); }
            :where(.cmt) .dc-gauge span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 600; color: #079455; letter-spacing: -.03em; }
            :where(.cmt) .dc-crit-fb { display: none; }
            :where(.cmt) .dc-crit.is-open .dc-crit-fb { display: block; }
            :where(.cmt) .dc-crit-name :is(i, .icon) { font-size: 10px; color: var(--ink-3, #A1A1A6); margin-left: 4px; transition: transform .2s; }
            :where(.cmt) .dc-crit.is-open .dc-crit-name :is(i, .icon) { transform: rotate(180deg); }
            :where(.cmt) .dc-crit .dc-bar span { display: block; height: 100%; border-radius: 999px; width: 0; transition: width .9s cubic-bezier(.2, .8, .2, 1); }
            :where(.cmt) .dc-crit.is-good .dc-crit-score { color: #079455; } :where(.cmt) .dc-crit.is-good .dc-bar span { background: #17B26A; }
            :where(.cmt) .dc-crit.is-mid .dc-crit-score { color: #B54708; } :where(.cmt) .dc-crit.is-mid .dc-bar span { background: #F79009; }
            :where(.cmt) .dc-crit.is-bad .dc-crit-score { color: #B42318; } :where(.cmt) .dc-crit.is-bad .dc-bar span { background: #F04438; }
            :where(.cmt) .dc-fix { transition: background-color .15s; }
            :where(.cmt) .dc-fix:hover, :where(.cmt) .dc-fix.is-on { background: var(--inset, #F5F5F7); }
            :where(.cmt) .dc-plus-list li[data-i] { cursor: pointer; }
            :where(.cmt) .dc-plus-list li[data-i]:hover, :where(.cmt) .dc-plus-list li.is-on { color: var(--ink, #1D1D1F); }
            /* Dien thoai: the goi y thanh bang truot duoi man hinh */
            @media (max-width: 767.98px) {
                :where(.cmt) .dc-callout { position: fixed; left: 12px !important; right: 12px; top: auto !important; bottom: 12px; width: auto; max-width: none; border-radius: 16px; padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px)); box-shadow: 0 -8px 32px -12px rgba(16, 24, 40, .25); animation: dcSheet .2s ease-out both; }
                @keyframes  dcSheet { from { transform: translateY(16px); opacity: 0; } }
                :where(.cmt) .dc-pin { width: 28px; height: 28px; margin: -14px 0 0 -14px; }
            }
            @media (prefers-reduced-motion: reduce) {
                :where(.cmt) .dc-pin, :where(.cmt) .dc-callout, :where(.cmt) .dc-layout.has-result .dc-in { animation: none; }
                :where(.cmt) .dc-gauge .val, :where(.cmt) .dc-crit .dc-bar span, :where(.cmt) .dc-region { transition: none; }
            }
        

            :where(.cmt) #av-drop.is-dragover { box-shadow: inset 0 0 0 1.5px var(--ink, #1D1D1F); }
            /* O tai anh: chua co anh thi hien nut tai len, co anh thi hien anh (script thay noi dung #av-thumb) */
            :where(.cmt) #av-drop:has(#av-thumb img) .av-drop-empty { display: none; }
            :where(.cmt) #av-thumb:not(:has(img)) { display: none; }
            :where(.cmt) #av-thumb img { display: block; max-width: 100%; max-height: 320px; margin: 0 auto; border-radius: var(--r-md, 14px); }
            :where(.cmt) .av-chips .av-chip.active { background: var(--ink, #1D1D1F); color: var(--surface, #fff); }
            /* Khung cho video (script tao): nen toi cho media o ca hai giao dien */
            :where(.cmt) .av-wait { position: relative; aspect-ratio: 16 / 9; border-radius: var(--r-lg, 20px); overflow: hidden; background: #101828; display: flex; align-items: center; justify-content: center; color: #D0D5DD; flex-direction: column; gap: 10px; font-size: 14px; padding: 0 16px; text-align: center; }
            :where(.cmt) .av-wait.is-portrait { aspect-ratio: 9 / 16; max-width: 380px; margin: 0 auto; }
            :where(.cmt) .av-wait img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .35; filter: blur(2px); }
            :where(.cmt) .av-wait > span { position: relative; z-index: 2; }
            :where(.cmt) .av-progress { position: relative; z-index: 2; width: min(320px, 70%); height: 6px; border-radius: 99px; background: rgba(255, 255, 255, .15); overflow: hidden; }
            :where(.cmt) .av-progress i { display: block; height: 100%; background: #fff; border-radius: 99px; transition: width 1s linear; }
            :where(.cmt) .av-video { display: block; width: 100%; max-height: 72vh; border-radius: var(--r-lg, 20px); background: #101828; }