/* Focused creative tools: preserve the original warm v23 editor. */
.creative-fx{width:min(1000px,96vw)}.creative-search{padding:10px 16px}.creative-search input{width:100%;padding:11px;border:1px solid #d7b58d;border-radius:8px;background:#fffaf2;color:#553526}.creative-fx .fx-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:44vh;padding:10px 16px;gap:10px}.creative-fx .fx-grid button{align-items:stretch;text-align:center;padding:8px;min-height:126px}.creative-fx .fx-grid button[hidden]{display:none}.creative-fx-thumb{display:block;position:relative;width:100%;height:82px;overflow:hidden;background:#302321;border-radius:7px;isolation:isolate}.creative-fx-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.creative-fx-thumb .after{opacity:0;filter:saturate(.7) hue-rotate(28deg)}.fx-grid button:hover .after,.fx-grid button.active .after{animation:creative-fade var(--fx-time,1.8s) ease-in-out infinite}.fx-grid [data-fx*=left]:hover .after,.fx-grid [data-fx*=left].active .after{animation-name:creative-left}.fx-grid [data-fx*=right]:hover .after,.fx-grid [data-fx*=right].active .after{animation-name:creative-right}.fx-grid [data-fx*=up]:hover .after,.fx-grid [data-fx*=up].active .after{animation-name:creative-up}.fx-grid [data-fx*=down]:hover .after,.fx-grid [data-fx*=down].active .after{animation-name:creative-down}.fx-grid [data-fx=zoomin]:hover .after,.fx-grid [data-fx=zoomin].active .after{animation-name:creative-zoom}.fx-grid [data-fx*=circle]:hover .after,.fx-grid [data-fx*=circle].active .after,.fx-grid [data-fx=radial].active .after{animation-name:creative-circle}.fx-grid [data-fx=rectcrop].active .after,.fx-grid [data-fx*=diag].active .after{animation-name:creative-rect}.fx-grid [data-fx=hblur].active .after,.fx-grid [data-fx=pixelize].active .after{animation-name:creative-blur}.creative-fx .fx-settings{display:flex;gap:14px;flex-wrap:wrap;align-items:center;background:#fff8ed;padding:15px 18px}.creative-fx .fx-settings>label:first-child{flex:1;min-width:160px}.creative-all{font-size:12px;color:#795336;display:flex;align-items:center;gap:8px}.creative-fx .fx-actions button{padding:11px 14px;border-radius:8px}.creative-fx #fxSave{background:#a45624;color:white}.creative-fx .fx-note{font-size:11px;padding:0 16px;line-height:1.6}.creative-fx #fxResult{padding:0 16px 16px}.creative-fx #fxEmpty{padding:0 20px;color:#957454}.creative-fx #fxResult:empty{display:none}
@keyframes creative-fade{0%,15%{opacity:0}65%,85%{opacity:1}100%{opacity:0}}@keyframes creative-left{0%,10%{opacity:1;transform:translateX(100%)}65%,85%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(-100%)}}@keyframes creative-right{0%,10%{opacity:1;transform:translateX(-100%)}65%,85%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(100%)}}@keyframes creative-up{0%,10%{opacity:1;transform:translateY(100%)}65%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@keyframes creative-down{0%,10%{opacity:1;transform:translateY(-100%)}65%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(100%)}}@keyframes creative-zoom{0%,10%{opacity:0;transform:scale(.4)}65%,85%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}@keyframes creative-circle{0%,10%{opacity:1;clip-path:circle(0)}65%,85%{opacity:1;clip-path:circle(100%)}100%{opacity:0;clip-path:circle(100%)}}@keyframes creative-rect{0%,10%{opacity:1;clip-path:inset(50%)}65%,85%{opacity:1;clip-path:inset(0)}100%{opacity:0}}@keyframes creative-blur{0%,10%{opacity:0;filter:blur(15px)}65%,85%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(12px)}}
.prop-tabs button[data-prop=stickers]{font-size:11px;white-space:normal}.prop-tabs{flex-wrap:wrap}.prop-tabs button{min-width:70px}#propStickers{padding-top:8px}#propStickers .btn{width:100%;font-size:12px}#stickerList{display:flex;flex-direction:column;gap:5px;margin:10px 0;max-height:140px;overflow:auto}.sticker-row{padding:8px;border:1px solid #dab88e;background:#fff6e8;color:#75492c;text-align:left;border-radius:6px;font-size:12px}.sticker-row.active{background:#ffe0a5;border-color:#cf8c25}#stickerControls{display:flex;flex-direction:column;gap:9px}#stickerControls[hidden]{display:none}#stickerControls label{font-size:11px;color:#846042}#stickerControls .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}#stickerControls input[type=number]{width:100%;padding:7px;box-sizing:border-box}#stickerControls textarea{width:100%;box-sizing:border-box;border:1px solid #dcb68c;border-radius:7px;padding:8px;background:#fffaf2;font:13px system-ui;color:#573923}#stickerControls input[type=color]{display:block;width:100%;height:32px}#stickerStage{position:absolute;inset:0;z-index:35;pointer-events:none;overflow:hidden}.sticker-preview{position:absolute;height:auto;pointer-events:auto;touch-action:none;cursor:grab;user-select:none;max-width:none}.sticker-preview.chosen{outline:2px dashed #ffca61;outline-offset:3px}.sticker-preview[hidden]{display:none!important}#stickerDialog{width:min(920px,95vw);max-height:90dvh;border:1px solid #d8b28a;border-radius:15px;padding:0;background:#fff3e3;color:#523521;overflow:auto}#stickerDialog::backdrop{background:#24180eca;backdrop-filter:blur(4px)}#stickerDialog .fx-header{background:#6b422e;color:#fff1d8}#stickerDialog .fx-header small{color:#ebcdab}.sticker-library-tools{display:flex;gap:10px;padding:14px 16px}.sticker-library-tools input[type=search]{flex:1;min-width:0;padding:10px;border:1px solid #d7b58d;border-radius:8px}.sticker-library-tools .btn{flex:0 0 auto;font-size:12px}#stickerGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:10px 16px;max-height:52vh;overflow:auto}#stickerGrid button{border:1px solid #dfc49f;border-radius:10px;background:#f6e3c9;cursor:pointer;padding:10px;color:#65452f;min-width:0}#stickerGrid button:hover{background:#ffdb91;border-color:#c58b39}#stickerGrid button[hidden]{display:none}#stickerGrid img{display:block;width:100%;height:110px;object-fit:contain;background:repeating-conic-gradient(#e2d4c3 0 25%,#f4eadb 0 50%) 50%/14px 14px;border-radius:5px}#stickerGrid small{display:block;font-size:11px;margin-top:7px}.sticker-library-note{padding:5px 16px 15px;line-height:1.6}#stickerDialog [hidden]{display:none!important}
@media(max-width:750px){.creative-fx .fx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-fx .fx-actions{display:flex;width:100%}.creative-fx .fx-actions button{flex:1;font-size:12px}.creative-all{width:100%}#stickerGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px}#stickerGrid img{height:80px}.sticker-library-tools{flex-wrap:wrap}.sticker-library-tools input[type=search]{flex-basis:100%}.sticker-library-tools .btn{width:100%}.sticker-preview{min-width:16px}}
@media(prefers-reduced-motion:reduce){.creative-fx-thumb img{animation:none!important}}
.fx-grid [data-fx=none].active .after,.fx-grid [data-fx=none]:hover .after{animation:creative-fade var(--fx-time,1.8s) steps(1,end) infinite}#stickerDialog{max-width:min(920px,95vw)}
#stickerResults{padding:0 16px;color:#895d3d}#stickerGrid .template-image-error::before{content:'Ảnh mẫu chưa tải được';display:grid;place-items:center;height:110px;padding:8px;color:#9b4934;font-size:12px;background:#ffe4ca;border:1px dashed #ce9b68;border-radius:6px}#stickerGrid .template-image-error{outline:2px solid #d69c6f}#stickerControls [hidden]{display:none!important}
#textEffectReset{margin:4px 16px 8px;padding:9px 12px;background:#f0d4af;color:#654124;border-radius:7px}#textEffectReset[hidden]{display:none!important}