.media-design-workspace--advanced{--mdx-surface:#0d141d;--mdx-surface-2:#111a24;--mdx-line:#2b3947;--mdx-muted:#7f90a1;--mdx-cyan:#5fe3e8;--mdx-pink:#ed67c7;--mdx-green:#67dfa8;gap:11px}
.md-head--advanced h3{font-size:23px}.md-head--advanced .md-private{display:flex;align-items:center;gap:7px}.mdx-commandbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 11px;border:1px solid var(--mdx-line);border-radius:7px;background:linear-gradient(90deg,#111a24,#0b121a 58%,#17101b)}
.mdx-commandbar>div:first-child{display:flex;align-items:center;gap:8px}.mdx-commandbar>div:first-child span{display:grid;place-items:center;min-width:54px;height:30px;border:1px solid #5fe3e85e;border-radius:5px;background:#5fe3e80d;color:var(--mdx-cyan);font-size:8px;font-weight:900}.mdx-commandbar strong{font-size:10px}.mdx-commandbar>div:nth-child(2){display:flex;flex-wrap:wrap;gap:5px}.mdx-commandbar>div:nth-child(2) span{padding:4px 6px;border:1px solid #334453;border-radius:4px;color:#99a8b7;font-size:8px}.mdx-commandbar>b{color:var(--mdx-green);font-size:8px}

.mdx-editor{overflow:hidden;border:1px solid var(--mdx-line);border-radius:8px;background:#090f16}.mdx-editor-toolbar{display:flex;align-items:center;gap:5px;min-height:48px;padding:7px 9px;overflow-x:auto;border-bottom:1px solid var(--mdx-line);background:#101821;scrollbar-width:thin}.mdx-editor-toolbar>span:not(.mdx-toolbar-spacer){width:1px;height:25px;margin:0 3px;background:#2b3947}.mdx-toolbar-spacer{flex:1}.mdx-editor-toolbar button,.mdx-file-button{display:grid;place-items:center;min-height:31px;padding:0 10px;border:1px solid #344453;border-radius:5px;background:#141e28;color:#b7c4d0;font:inherit;font-size:9px;font-weight:750;white-space:nowrap;cursor:pointer}.mdx-editor-toolbar button:hover,.mdx-file-button:hover{border-color:#5fe3e86b;color:#6ce7eb}.mdx-editor-toolbar button.is-primary{border-color:#59e2e8;background:#59e2e8;color:#071114}.mdx-file-button input{position:absolute;width:1px;height:1px;opacity:0}.mdx-editor-toolbar label:not(.mdx-file-button){display:flex;align-items:center;gap:6px;color:#8192a3;font-size:8px}.mdx-editor-toolbar select{min-height:31px;border:1px solid #344453;border-radius:5px;background:#0b1219;color:#dce6ef;font-size:9px}
.mdx-editor-body{display:grid;grid-template-columns:54px minmax(420px,1fr) 270px;min-height:670px}.mdx-editor-tools{display:grid;align-content:start;gap:5px;padding:9px 6px;border-right:1px solid var(--mdx-line);background:#0d141c}.mdx-editor-tools button{display:grid;place-items:center;gap:2px;min-height:48px;padding:4px;border:1px solid transparent;border-radius:5px;background:transparent;color:#8c9baa;font-size:16px;cursor:pointer}.mdx-editor-tools button span{font-size:7px;font-weight:750}.mdx-editor-tools button:hover,.mdx-editor-tools button.is-active{border-color:#45dbe54d;background:#17252e;color:#68e3e7}
.mdx-editor-stage-wrap{display:grid;grid-template-rows:auto minmax(0,1fr) 30px;min-width:0;background:#080c12}.mdx-editor-options{display:flex;align-items:center;gap:10px;min-height:40px;padding:5px 10px;overflow-x:auto;border-bottom:1px solid var(--mdx-line);background:linear-gradient(90deg,#101b25,#0b1219);color:#8192a2;font-size:8px;scrollbar-width:thin}.mdx-editor-options>span{white-space:nowrap}.mdx-editor-options>span:first-child{padding-right:9px;border-right:1px solid #33414e}.mdx-editor-options b{color:#dfe9ef}.mdx-editor-options label{display:flex;align-items:center;gap:5px;white-space:nowrap}.mdx-editor-options input[type=color]{width:28px;height:26px;padding:2px;border:1px solid #3a4a58;border-radius:4px;background:#0a1118}.mdx-editor-options input[type=range]{width:78px;accent-color:var(--mdx-cyan)}.mdx-editor-options .mdx-option-check{padding:4px 6px;border:1px solid #2d3d4b;border-radius:4px;background:#101923}.mdx-editor-options .mdx-option-check input{accent-color:var(--mdx-cyan)}.mdx-editor-options [data-adv-pointer-info]{margin-left:auto;color:#5fe3e8}.mdx-editor-stage{display:grid;place-items:center;min-height:570px;padding:34px;overflow:auto;background-color:#101720;background-image:linear-gradient(45deg,#17212b 25%,transparent 25%),linear-gradient(-45deg,#17212b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#17212b 75%),linear-gradient(-45deg,transparent 75%,#17212b 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;scrollbar-width:thin;scrollbar-color:#3c4c5c transparent}.mdx-editor-stage canvas{display:block;max-width:none;box-shadow:0 18px 55px #000b;touch-action:none}.mdx-editor-stage canvas[data-tool=brush],.mdx-editor-stage canvas[data-tool=eraser],.mdx-editor-stage canvas[data-tool=eyedropper]{cursor:crosshair}.mdx-editor-stage canvas[data-tool=pan]{cursor:grab}.mdx-editor-stage canvas[data-tool=pan]:active{cursor:grabbing}.mdx-editor-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px;border-top:1px solid var(--mdx-line);background:#0d141c;color:#738496;font-size:8px}
.mdx-editor-panel{display:grid;grid-template-rows:auto minmax(150px,auto) auto auto;align-content:start;min-width:0;max-height:700px;overflow:auto;border-left:1px solid var(--mdx-line);background:#0d141c;scrollbar-width:thin;scrollbar-color:#354657 transparent}.mdx-panel-tabs{display:grid;grid-template-columns:1fr 1fr;padding:7px;border-bottom:1px solid var(--mdx-line)}.mdx-panel-tabs button{min-height:28px;border:0;border-bottom:2px solid transparent;background:transparent;color:#748596;font-size:8px;font-weight:800}.mdx-panel-tabs button.is-active{border-color:var(--mdx-cyan);color:#dce6ee}
.mdx-layers,.mdx-inspector,.mdx-document-settings{padding:10px;border-bottom:1px solid var(--mdx-line)}.mdx-layers>header,.mdx-inspector>header,.mdx-document-settings>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.mdx-layers header strong,.mdx-inspector header strong,.mdx-document-settings header strong{font-size:9px}.mdx-layers header div{display:flex;gap:3px}.mdx-layers header button{width:25px;height:24px;padding:0;border:1px solid #344453;border-radius:4px;background:#131d27;color:#8c9cab;cursor:pointer}.mdx-layers>[data-adv-layer-list]{display:grid;gap:4px;max-height:210px;overflow:auto}.mdx-layers article{display:grid;grid-template-columns:22px 22px 28px minmax(0,1fr);align-items:center;gap:4px;min-height:43px;padding:4px;border:1px solid #293746;border-radius:5px;background:#101821}.mdx-layers article.is-active{border-color:#58e0e768;background:#14242c;box-shadow:inset 2px 0 var(--mdx-cyan)}.mdx-layers article>button:nth-child(-n+2){width:21px;height:23px;padding:0;border:0;background:transparent;color:#8292a1;cursor:pointer}.mdx-layers article>span{display:grid;place-items:center;height:27px;border-radius:4px;background:#22303b;color:#64e0e5;font-size:7px;font-weight:900}.mdx-layers article>button:last-child{display:grid;gap:1px;min-width:0;padding:0;border:0;background:transparent;color:#dce6ef;text-align:left;cursor:pointer}.mdx-layers article strong,.mdx-layers article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdx-layers article strong{font-size:9px}.mdx-layers article small{color:#718294;font-size:7px}.mdx-layer-empty{padding:22px 8px;color:#718294;font-size:8px;text-align:center}
.mdx-inspector{display:grid;gap:8px}.mdx-inspector header small{color:#738496;font-size:7px}.mdx-inspector>label,.mdx-text-controls label,.mdx-shape-controls label,.mdx-gradient-controls label,.mdx-document-settings>label,.mdx-effect-controls label{display:grid;gap:4px;color:#7f90a2;font-size:8px}.mdx-inspector :where(input,select,textarea),.mdx-document-settings :where(input,select){width:100%;min-height:30px;padding:5px 7px;border:1px solid #2f3e4c;border-radius:4px;background:#090f16;color:#dce6ee;font:inherit;font-size:9px}.mdx-inspector input[type=color],.mdx-document-settings input[type=color]{height:31px;padding:2px}.mdx-inspector input[type=range]{padding:0;accent-color:var(--mdx-cyan)}.mdx-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mdx-inspector-grid label{display:grid;gap:3px;color:#7f90a2;font-size:7px}.mdx-effect-controls,.mdx-text-controls,.mdx-shape-controls,.mdx-gradient-controls{display:grid;gap:7px;padding:8px;border:1px solid #263542;border-radius:5px;background:#0a1118}.mdx-effect-controls label b{color:#c7d2dd;font-size:7px}.mdx-effect-controls fieldset{display:grid;gap:7px;margin:1px 0 0;padding:8px;border:1px solid #2b3b48;border-radius:5px}.mdx-effect-controls legend{padding:0 5px;color:#65dfe4;font-size:7px;font-weight:800}.mdx-inspector>button{min-height:30px;border:1px solid #354554;border-radius:4px;background:#121b25;color:#94a4b4;font-size:8px;cursor:pointer}.mdx-document-settings{display:grid;gap:7px}.mdx-document-settings label{display:grid;gap:4px;color:#7f90a2;font-size:8px}.mdx-document-settings .mdx-check{display:flex;align-items:center;gap:6px}.mdx-document-settings .mdx-check input{width:auto;min-height:0;accent-color:var(--mdx-cyan)}.mdx-document-settings input[type=range]{padding:0;accent-color:var(--mdx-cyan)}

.mdx-remover,.mdx-collage,.mdx-inspector-tool{display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px}.mdx-settings{display:grid;align-content:start;gap:11px;padding:12px;border:1px solid var(--mdx-line);border-radius:7px;background:#0d141c}.mdx-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mdx-control-grid label{display:grid;gap:5px;color:#8292a2;font-size:8px}.mdx-control-grid :where(input,select){width:100%;min-height:34px;padding:5px 7px;border:1px solid #30404f;border-radius:5px;background:#090f16;color:#dfe7ef;font:inherit;font-size:9px}.mdx-control-grid input[type=color]{padding:2px}.mdx-control-grid input[type=range]{padding:0;accent-color:var(--mdx-cyan)}.mdx-control-grid label b{color:#d9e4ec;text-align:right}.mdx-tip{margin:0;color:#768799;font-size:8px;line-height:1.55}
.mdx-remove-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mdx-remove-preview article,.mdx-collage-preview,.mdx-inspector-tool>section:last-child{min-width:0;border:1px solid var(--mdx-line);border-radius:7px;background:#0d141c}.mdx-remove-preview header,.mdx-collage-preview>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 11px;border-bottom:1px solid var(--mdx-line)}.mdx-remove-preview header strong,.mdx-collage-preview header strong{font-size:10px}.mdx-remove-preview header small,.mdx-collage-preview header span{color:#768798;font-size:8px}.mdx-remove-preview article>div,.mdx-collage-preview>div{position:relative;display:grid;place-items:center;min-height:520px;overflow:auto;padding:15px;background-color:#111a23;background-image:linear-gradient(45deg,#1c2732 25%,transparent 25%),linear-gradient(-45deg,#1c2732 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1c2732 75%),linear-gradient(-45deg,transparent 75%,#1c2732 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.mdx-remove-preview canvas{display:block;max-width:100%;height:auto;box-shadow:0 14px 38px #0007;cursor:crosshair}.mdx-remove-preview [data-preview=white]{background:#fff;background-image:none}.mdx-remove-preview [data-preview=black]{background:#050505;background-image:none}.mdx-remove-preview [data-preview=pink]{background:#f4a8d5;background-image:none}.mdx-remove-preview article>div>span,.mdx-collage-preview>div>span{position:absolute;color:#718294;font-size:9px}

.mdx-collage-files{display:grid;gap:5px;max-height:190px;overflow:auto}.mdx-collage-files>p{margin:0;padding:18px;color:#728396;font-size:9px;text-align:center}.mdx-collage-files article{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;align-items:center;gap:7px;padding:6px;border:1px solid #2b3947;border-radius:5px;background:#101821}.mdx-collage-files article>span{display:grid;place-items:center;width:24px;height:24px;border-radius:4px;background:#20303b;color:#69e3e7;font-size:8px;font-weight:850}.mdx-collage-files article>div{display:grid;min-width:0}.mdx-collage-files strong,.mdx-collage-files small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mdx-collage-files strong{font-size:8px}.mdx-collage-files small{color:#718294;font-size:7px}.mdx-collage-files button{width:24px;height:24px;padding:0;border:0;border-radius:4px;background:#2a1820;color:#ec8aa8;cursor:pointer}.mdx-collage-preview>div{min-height:620px}.mdx-collage-preview canvas{display:block;max-width:100%;height:auto;box-shadow:0 18px 48px #0008}

.mdx-inspector-preview{position:relative;display:grid;place-items:center;min-height:270px;overflow:hidden;border:1px solid #2b3947;border-radius:6px;background:#090f16}.mdx-inspector-preview canvas{display:block;max-width:100%;max-height:340px}.mdx-inspector-preview span{position:absolute;color:#718294;font-size:9px}.mdx-inspector-tool>section:last-child{display:grid;align-content:start;gap:12px;padding:12px}.mdx-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mdx-meta-grid article{position:relative;display:grid;align-content:start;gap:4px;min-height:78px;padding:10px;border:1px solid #2a3947;border-radius:6px;background:#101821}.mdx-meta-grid span{color:#748698;font-size:7px;font-weight:800;text-transform:uppercase}.mdx-meta-grid strong{overflow-wrap:anywhere;color:#e0e8ef;font-size:10px}.mdx-meta-grid small{color:#708194;font-size:8px}.mdx-meta-grid i{position:absolute;right:9px;bottom:9px;width:20px;height:20px;border:1px solid #ffffff42;border-radius:4px}.mdx-hash{display:grid;gap:6px;padding:10px;border:1px solid #2b3947;border-radius:6px;background:#090f16}.mdx-hash span{color:#718395;font-size:8px;font-weight:800}.mdx-hash code{overflow-wrap:anywhere;color:#67e1e6;font-size:9px;line-height:1.6}

@media(max-width:1280px){.mdx-editor-body{grid-template-columns:48px minmax(380px,1fr) 240px}.mdx-editor-panel{max-height:680px}.mdx-remover,.mdx-collage,.mdx-inspector-tool{grid-template-columns:280px minmax(0,1fr)}.mdx-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.mdx-editor-body{grid-template-columns:48px minmax(0,1fr)}.mdx-editor-options{max-width:calc(100vw - 115px)}.mdx-editor-panel{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr 1fr;max-height:none;border-top:1px solid var(--mdx-line);border-left:0}.mdx-panel-tabs{display:none}.mdx-layers,.mdx-inspector,.mdx-document-settings{border-right:1px solid var(--mdx-line);border-bottom:0}.mdx-remover,.mdx-collage,.mdx-inspector-tool{grid-template-columns:1fr}.mdx-remove-preview article>div,.mdx-collage-preview>div{min-height:430px}}
@media(max-width:700px){.mdx-commandbar{grid-template-columns:1fr auto}.mdx-commandbar>div:nth-child(2){grid-column:1/-1;grid-row:2}.mdx-editor-body{grid-template-columns:1fr}.mdx-editor-tools{grid-row:1;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--mdx-line)}.mdx-editor-tools button{flex:0 0 54px}.mdx-editor-stage-wrap{grid-row:2}.mdx-editor-options{max-width:calc(100vw - 32px)}.mdx-editor-options [data-adv-pointer-info]{margin-left:0}.mdx-editor-stage{min-height:420px;padding:20px}.mdx-editor-panel{grid-row:3;grid-template-columns:1fr}.mdx-layers,.mdx-inspector,.mdx-document-settings{border-right:0;border-bottom:1px solid var(--mdx-line)}.mdx-remove-preview{grid-template-columns:1fr}.mdx-remove-preview article>div{min-height:330px}.mdx-control-grid{grid-template-columns:1fr 1fr}.mdx-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.mdx-editor-toolbar>span:not(.mdx-toolbar-spacer){display:none}.mdx-editor-options input[type=range]{width:64px}.mdx-control-grid,.mdx-inspector-grid,.mdx-meta-grid{grid-template-columns:1fr}.mdx-editor-stage{min-height:340px;padding:12px}.mdx-remove-preview article>div{min-height:280px}}

/* Photo Editor desktop workspace */
.media-design-workspace--advanced[data-md-tool="Photo Editor"]{gap:0;min-height:calc(100vh - 126px);padding:0!important;background:#171717;color:#d5d5d5}
.media-design-workspace--advanced[data-md-tool="Photo Editor"]>:is(.md-head,.md-status,.mdx-commandbar){display:none}
.mdx-ps{--ps-bg:#1b1b1b;--ps-panel:#252525;--ps-panel-2:#303030;--ps-line:#3a3a3a;--ps-text:#d7d7d7;--ps-muted:#999;--ps-blue:#31a8ff;position:relative;display:grid;grid-template-rows:38px 42px minmax(0,1fr);min-height:calc(100vh - 128px);overflow:hidden;border:1px solid #383838;border-radius:5px;background:var(--ps-bg);box-shadow:0 16px 50px #0007;font-family:"Be Vietnam Pro",Arial,sans-serif}
.mdx-ps-menubar{position:relative;z-index:20;display:flex;align-items:center;min-width:0;padding:0 8px;border-bottom:1px solid #0e0e0e;background:#242424;box-shadow:0 1px #383838;color:var(--ps-text)}
.mdx-ps-brand{display:flex;align-items:center;gap:5px;height:26px;margin-right:7px;padding:0 7px;border-radius:3px;background:#001e36;color:#31a8ff}.mdx-ps-brand svg{width:15px;height:15px}.mdx-ps-brand b{font-size:10px;letter-spacing:0}
.mdx-ps-menu{position:relative;height:100%}.mdx-ps-menu>summary{display:flex;align-items:center;height:100%;padding:0 9px;color:#cecece;font-size:9px;list-style:none;cursor:pointer;user-select:none}.mdx-ps-menu>summary::-webkit-details-marker{display:none}.mdx-ps-menu:hover>summary,.mdx-ps-menu[open]>summary{background:#3a3a3a;color:#fff}
.mdx-ps-menu>div{position:absolute;top:37px;left:0;z-index:30;display:grid;width:230px;padding:6px;border:1px solid #515151;border-radius:4px;background:#292929;box-shadow:0 14px 34px #000c}.mdx-ps-menu>div button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:29px;padding:0 10px;border:0;border-radius:2px;background:transparent;color:#e1e1e1;font:inherit;font-size:9px;text-align:left;cursor:pointer}.mdx-ps-menu>div button:hover{background:#1473e6;color:#fff}.mdx-ps-menu>div button:disabled{color:#686868;pointer-events:none}.mdx-ps-menu>div hr{width:100%;height:1px;margin:4px 0;border:0;background:#474747}.mdx-ps-menu kbd{color:#a7a7a7;font:inherit;font-size:8px}.mdx-ps-menu button:hover kbd{color:#fff}
.mdx-menu-spacer{flex:1}.mdx-menu-icon,.mdx-menu-export{display:flex;align-items:center;justify-content:center;height:27px;border:1px solid transparent;border-radius:3px;background:transparent;color:#bcbcbc;cursor:pointer}.mdx-menu-icon{width:29px;padding:0}.mdx-menu-icon:hover{border-color:#555;background:#333;color:#fff}.mdx-menu-export{gap:6px;margin-left:5px;padding:0 12px;border-color:#1473e6;background:#1473e6;color:#fff;font:inherit;font-size:9px;font-weight:750}.mdx-menu-export:hover{background:#2680eb}.mdx-menu-export svg{width:13px}
.mdx-ps>.mdx-editor-options{position:relative;z-index:10;display:flex;align-items:center;gap:11px;min-width:0;min-height:42px;padding:5px 9px;overflow-x:auto;border-bottom:1px solid #090909;background:#303030;color:#b5b5b5;box-shadow:0 1px #3d3d3d;font-size:8px;scrollbar-width:thin}.mdx-ps>.mdx-editor-options :where(button,input,select){font:inherit}.mdx-active-tool{display:flex;align-items:center;gap:7px;min-width:125px;padding-right:10px;border-right:1px solid #4b4b4b;color:#eee}.mdx-active-tool svg{color:#31a8ff}.mdx-ps [data-adv-option-group]{display:flex;align-items:center;gap:10px}.mdx-ps [data-adv-option-group][hidden]{display:none}.mdx-ps [data-adv-option-group] label{display:flex;align-items:center;gap:5px;white-space:nowrap}.mdx-ps [data-adv-option-group] input[type=range]{width:78px;accent-color:#31a8ff}.mdx-ps [data-adv-option-group] input[type=number]{width:52px;height:27px;padding:0 5px;border:1px solid #555;border-radius:3px;background:#1c1c1c;color:#eee}.mdx-ps [data-adv-option-group] button{min-height:27px;padding:0 8px;border:1px solid #555;border-radius:3px;background:#383838;color:#ddd;cursor:pointer}.mdx-ps [data-adv-option-group] button:hover{border-color:#31a8ff}.mdx-option-spacer{flex:1}.mdx-ps>.mdx-editor-options .mdx-option-check{padding:4px 6px;border-color:#505050;background:#282828}
.mdx-ps>.mdx-editor-body{display:grid;grid-template-columns:49px minmax(430px,1fr) 300px;min-height:0;height:calc(100vh - 208px);background:#181818}
.mdx-ps .mdx-editor-tools{position:relative;z-index:8;display:grid;grid-template-columns:1fr;align-content:start;gap:1px;padding:5px 4px;border-color:#0d0d0d;background:#252525;box-shadow:1px 0 #3a3a3a}
.mdx-ps .mdx-editor-tools>button{position:relative;display:grid;place-items:center;width:39px;height:39px;min-height:0;padding:0;border:1px solid transparent;border-radius:3px;color:#c9c9c9}.mdx-ps .mdx-editor-tools>button svg{width:18px;height:18px}.mdx-ps .mdx-editor-tools>button span{position:absolute;top:3px;left:44px;z-index:40;display:none;width:max-content;padding:6px 8px;border:1px solid #4a4a4a;border-radius:3px;background:#161616;color:#eee;font-size:8px;box-shadow:0 8px 20px #000a}.mdx-ps .mdx-editor-tools>button:hover span{display:block}.mdx-ps .mdx-editor-tools>button kbd{position:absolute;right:2px;bottom:1px;color:#696969;font-size:6px}.mdx-ps .mdx-editor-tools>button:hover,.mdx-ps .mdx-editor-tools>button.is-active{border-color:#535353;background:#3c3c3c;color:#fff}.mdx-ps .mdx-editor-tools>button.is-active:before{position:absolute;left:-4px;width:2px;height:26px;background:#31a8ff;content:""}
.mdx-color-wells{position:relative;width:41px;height:48px;margin-top:5px;border-top:1px solid #444}.mdx-color-wells input[type=color]{position:absolute;width:27px;height:27px;padding:1px;border:1px solid #ddd;border-radius:2px;background:#222}.mdx-color-wells input:first-child{top:8px;left:3px;z-index:2}.mdx-color-wells input:nth-child(2){right:2px;bottom:1px}.mdx-color-wells button{position:absolute;top:4px;right:0;width:15px;height:15px;padding:0;border:0;background:transparent;color:#aaa}.mdx-color-wells button svg{width:11px}
.mdx-ps .mdx-editor-stage-wrap{display:grid;grid-template-rows:33px minmax(0,1fr) 25px;min-width:0;min-height:0;background:#171717}.mdx-document-tabs{display:flex;align-items:center;min-width:0;border-bottom:1px solid #080808;background:#202020}.mdx-document-tabs>button{display:flex;align-items:center;gap:6px;align-self:stretch;min-width:190px;padding:0 12px;border:0;border-right:1px solid #101010;background:#2d2d2d;color:#ddd;font:inherit;font-size:8px}.mdx-document-tabs>button svg{width:13px;color:#31a8ff}.mdx-document-tabs>button small{color:#999}.mdx-document-tabs>span{flex:1}.mdx-document-tabs>label{display:flex;align-items:center;gap:5px;padding:0 8px;color:#999;font-size:8px}.mdx-document-tabs select{height:24px;border:1px solid #505050;border-radius:3px;background:#1b1b1b;color:#ddd;font-size:8px}
.mdx-editor-viewport{display:grid;grid-template-columns:21px minmax(0,1fr);grid-template-rows:21px minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.mdx-ruler-corner{border-right:1px solid #3d3d3d;border-bottom:1px solid #3d3d3d;background:#252525}.mdx-ruler{position:relative;overflow:hidden;background:#252525;color:#898989;font-size:6px;user-select:none}.mdx-ruler:after{position:absolute;inset:0;content:"";opacity:.55}.mdx-ruler--x{display:flex;justify-content:space-around;border-bottom:1px solid #3d3d3d}.mdx-ruler--x:after{background:repeating-linear-gradient(90deg,transparent 0 9px,#888 9px 10px,transparent 10px 49px,#aaa 49px 50px)}.mdx-ruler--y{display:flex;flex-direction:column;justify-content:space-around;border-right:1px solid #3d3d3d;writing-mode:vertical-rl}.mdx-ruler--y:after{background:repeating-linear-gradient(180deg,transparent 0 9px,#888 9px 10px,transparent 10px 49px,#aaa 49px 50px)}.mdx-editor-viewport.rulers-hidden{grid-template-columns:0 minmax(0,1fr);grid-template-rows:0 minmax(0,1fr)}.mdx-editor-viewport.rulers-hidden>:not(.mdx-editor-stage){visibility:hidden}
.mdx-ps .mdx-editor-stage{position:relative;grid-column:2;grid-row:2;display:grid;place-items:center;min-width:0;min-height:0;padding:58px;overflow:auto;background:#141414;background-image:radial-gradient(circle at 50% 40%,#292929 0,#1d1d1d 38%,#151515 75%);scrollbar-color:#555 #232323}.mdx-ps .mdx-editor-stage canvas{position:relative;z-index:2;outline:1px solid #050505;box-shadow:0 14px 45px #000c;image-rendering:auto}.mdx-ps .mdx-editor-stage.is-dragging:after{position:absolute;inset:20px;z-index:5;display:grid;place-items:center;border:2px dashed #31a8ff;background:#1473e626;color:#fff;font-size:14px;font-weight:800;content:"Thả ảnh để thêm vào project";pointer-events:none}.mdx-drop-hint{position:absolute;z-index:1;display:grid;place-items:center;gap:5px;color:#777;text-align:center;pointer-events:none}.mdx-drop-hint svg{width:28px;height:28px;color:#31a8ff}.mdx-drop-hint b{color:#aaa;font-size:10px}.mdx-drop-hint span{font-size:8px}.has-editor-content .mdx-drop-hint{display:none}.mdx-ps .mdx-editor-stage canvas[data-tool=marquee],.mdx-ps .mdx-editor-stage canvas[data-tool=lasso],.mdx-ps .mdx-editor-stage canvas[data-tool=crop],.mdx-ps .mdx-editor-stage canvas[data-tool=clone],.mdx-ps .mdx-editor-stage canvas[data-tool=gradient],.mdx-ps .mdx-editor-stage canvas[data-tool=shape],.mdx-ps .mdx-editor-stage canvas[data-tool=text]{cursor:crosshair}.mdx-ps .mdx-editor-stage canvas[data-tool=zoom]{cursor:zoom-in}.mdx-ps .mdx-editor-foot{height:25px;padding:0 8px;border-color:#0c0c0c;background:#252525;color:#888}.mdx-ps .mdx-editor-foot span:last-child{margin-left:auto;color:#6bbd73}
.mdx-ps .mdx-editor-panel{display:grid;grid-template-rows:auto 32px minmax(0,1fr);align-content:stretch;min-width:0;max-height:none;overflow:hidden;border-color:#101010;background:#252525;box-shadow:-1px 0 #3a3a3a}.mdx-color-panel{padding:9px;border-bottom:1px solid #111}.mdx-color-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.mdx-color-panel header strong{font-size:8px}.mdx-color-panel header span{color:#31a8ff;font-size:7px}.mdx-color-panel>div{display:grid;grid-template-columns:37px 1fr;gap:8px}.mdx-color-panel input[type=color]{width:37px;height:36px;padding:2px;border:1px solid #555;background:#1b1b1b}.mdx-swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.mdx-swatches button{min-width:0;height:15px;padding:0;border:1px solid #ffffff38;border-radius:2px;background:var(--swatch);cursor:pointer}.mdx-swatches button:hover{outline:1px solid #31a8ff;outline-offset:1px}
.mdx-ps .mdx-panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0;border-top:1px solid #3a3a3a;border-bottom:1px solid #111;background:#292929}.mdx-ps .mdx-panel-tabs button{min-height:32px;border-bottom-width:2px;font-size:8px}.mdx-panel-pane{min-height:0;overflow:auto;scrollbar-color:#555 #232323}.mdx-panel-pane[hidden]{display:none}.mdx-panel-pane.is-active{display:block}
.mdx-ps .mdx-layers{display:grid;grid-template-rows:auto minmax(0,1fr) 31px;height:100%;min-height:0;padding:0;border:0}.mdx-layer-mix{display:grid;grid-template-columns:1fr;gap:6px;padding:7px;border-bottom:1px solid #111}.mdx-layer-mix select{height:27px;border:1px solid #4d4d4d;border-radius:3px;background:#191919;color:#ddd;font-size:8px}.mdx-layer-mix label{display:grid;grid-template-columns:auto 1fr 30px;align-items:center;gap:6px;color:#999;font-size:7px}.mdx-layer-mix input{width:100%;accent-color:#31a8ff}.mdx-ps .mdx-layers>[data-adv-layer-list]{align-content:start;max-height:none;padding:4px;overflow:auto}.mdx-ps .mdx-layers article{grid-template-columns:20px 20px 32px minmax(0,1fr);min-height:45px;border:0;border-bottom:1px solid #353535;border-radius:0;background:#292929}.mdx-ps .mdx-layers article.is-active{border-color:#4a4a4a;background:#3d3d3d;box-shadow:inset 3px 0 #31a8ff}.mdx-ps .mdx-layers article>span{height:31px;border:1px solid #4b4b4b;border-radius:2px;background:#1d1d1d;color:#31a8ff}.mdx-ps .mdx-layers footer{display:grid;grid-template-columns:28px 28px 28px 1fr 28px;gap:3px;padding:3px 5px;border-top:1px solid #111;background:#292929}.mdx-ps .mdx-layers footer button{display:grid;place-items:center;width:27px;height:24px;padding:0;border:0;border-radius:2px;background:transparent;color:#aaa;cursor:pointer}.mdx-ps .mdx-layers footer button:hover{background:#404040;color:#fff}.mdx-ps .mdx-layers footer svg{width:13px}
.mdx-history-panel{display:grid;grid-template-rows:35px minmax(0,1fr);height:100%}.mdx-history-panel>header{display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid #111}.mdx-history-panel header strong{font-size:8px}.mdx-history-panel header button{height:23px;border:1px solid #4b4b4b;border-radius:3px;background:#303030;color:#aaa;font-size:7px}.mdx-history-panel>div{align-content:start;overflow:auto}.mdx-history-panel>div>button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:5px;width:100%;min-height:43px;padding:5px 8px;border:0;border-bottom:1px solid #353535;background:#292929;color:#bbb;text-align:left;cursor:pointer}.mdx-history-panel>div>button:hover{background:#363636}.mdx-history-panel>div>button.is-active{background:#164d75;color:#fff}.mdx-history-panel>div>button>span{display:grid}.mdx-history-panel b{font-size:8px}.mdx-history-panel small{color:#888;font-size:7px}.mdx-history-panel button.is-active small{color:#c5e7ff}
.mdx-panel-pane[data-adv-panel="properties"]{height:100%}.mdx-panel-pane[data-adv-panel="properties"]>.mdx-inspector,.mdx-panel-pane[data-adv-panel="properties"]>.mdx-document-settings{border-bottom:1px solid #111;background:#252525}.mdx-ps .mdx-inspector :where(input,select,textarea),.mdx-ps .mdx-document-settings :where(input,select){border-color:#4b4b4b;background:#191919}.mdx-ps :is(.mdx-effect-controls,.mdx-text-controls,.mdx-shape-controls,.mdx-gradient-controls){border-color:#3d3d3d;background:#202020}
.mdx-dialog{position:absolute;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:#0009;backdrop-filter:blur(3px)}.mdx-dialog[hidden]{display:none}.mdx-dialog>form,.mdx-dialog>section{display:grid;width:min(520px,96%);max-height:88%;overflow:auto;border:1px solid #555;border-radius:6px;background:#292929;box-shadow:0 24px 70px #000e}.mdx-dialog header{display:grid;grid-template-columns:35px 1fr 30px;align-items:center;gap:8px;min-height:55px;padding:7px 11px;border-bottom:1px solid #444}.mdx-dialog header>svg{color:#31a8ff}.mdx-dialog header>div{display:grid}.mdx-dialog header strong{font-size:12px}.mdx-dialog header span{color:#999;font-size:8px}.mdx-dialog header>button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:3px;background:transparent;color:#aaa}.mdx-dialog header>button:hover{background:#444;color:#fff}.mdx-dialog-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 12px 0}.mdx-dialog-presets button{height:46px;border:1px solid #505050;border-radius:4px;background:#202020;color:#ddd;font-size:8px}.mdx-dialog-presets button:hover{border-color:#31a8ff;background:#233544}.mdx-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px}.mdx-dialog-grid label{display:grid;gap:5px;color:#aaa;font-size:8px}.mdx-dialog-grid :where(input,select){width:100%;min-height:34px;padding:5px 7px;border:1px solid #505050;border-radius:3px;background:#181818;color:#eee;font:inherit;font-size:9px}.mdx-dialog-grid input[type=color]{padding:2px}.mdx-dialog-grid input[type=range]{padding:0;accent-color:#31a8ff}.mdx-dialog-wide{grid-column:1/-1}.mdx-dialog-check{display:flex!important;align-items:center}.mdx-dialog-check input{width:auto;min-height:0}.mdx-dialog footer{display:flex;justify-content:flex-end;gap:7px;padding:9px 12px;border-top:1px solid #444}.mdx-dialog footer button{height:31px;padding:0 14px;border:1px solid #555;border-radius:3px;background:#353535;color:#ddd;font:inherit;font-size:8px}.mdx-dialog footer button.is-primary{border-color:#1473e6;background:#1473e6;color:#fff}.mdx-export-preview{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:12px;padding:12px}.mdx-export-preview canvas{width:200px;height:112px;border:1px solid #444;background-color:#eee;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.mdx-export-preview>div{display:grid;gap:5px}.mdx-export-preview span{font-size:10px}.mdx-export-preview b{color:#69c3ff;font-size:8px}.mdx-shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px}.mdx-shortcut-grid span{display:flex;align-items:center;gap:7px;min-height:34px;padding:5px 7px;border:1px solid #444;border-radius:3px;background:#222;color:#bbb;font-size:8px}.mdx-shortcut-grid kbd{min-width:34px;padding:3px;border:1px solid #666;border-radius:3px;background:#363636;color:#fff;font:inherit;font-size:7px;text-align:center}
.mdx-ps:fullscreen{width:100vw;height:100vh;border:0;border-radius:0}.mdx-ps:fullscreen>.mdx-editor-body{height:calc(100vh - 80px)}

@media(max-width:1180px){.mdx-ps>.mdx-editor-body{grid-template-columns:45px minmax(390px,1fr) 260px}.mdx-ps-menu>summary{padding:0 6px}.mdx-ps .mdx-editor-stage{padding:36px}}
@media(max-width:900px){.mdx-ps{min-height:760px}.mdx-ps>.mdx-editor-body{grid-template-columns:45px minmax(0,1fr);grid-template-rows:minmax(500px,1fr) 310px;height:auto}.mdx-ps .mdx-editor-panel{grid-column:1/-1;display:grid;grid-template-columns:165px minmax(0,1fr);grid-template-rows:32px 278px;border-top:1px solid #444;border-left:0}.mdx-color-panel{grid-row:1/3}.mdx-ps .mdx-panel-tabs{grid-column:2}.mdx-panel-pane{grid-column:2}.mdx-ps .mdx-editor-tools{grid-row:1}.mdx-ps .mdx-editor-stage-wrap{grid-row:1}.mdx-ps-menu:nth-of-type(n+7){display:none}}
@media(max-width:680px){.mdx-ps{grid-template-rows:38px auto minmax(0,1fr)}.mdx-ps-menubar{overflow-x:auto}.mdx-ps-brand{position:sticky;left:0;z-index:2}.mdx-menu-spacer,.mdx-menu-icon{display:none}.mdx-ps>.mdx-editor-options{flex-wrap:nowrap}.mdx-ps>.mdx-editor-body{grid-template-columns:1fr;grid-template-rows:46px minmax(430px,1fr) 380px}.mdx-ps .mdx-editor-tools{grid-row:1;display:flex;overflow-x:auto;padding:3px;border-right:0}.mdx-ps .mdx-editor-tools>button{flex:0 0 38px}.mdx-color-wells{flex:0 0 42px;margin:0}.mdx-ps .mdx-editor-stage-wrap{grid-row:2}.mdx-ps .mdx-editor-panel{grid-row:3;grid-template-columns:1fr;grid-template-rows:auto 32px 300px}.mdx-color-panel{grid-row:auto}.mdx-ps .mdx-panel-tabs,.mdx-panel-pane{grid-column:1}.mdx-editor-viewport{grid-template-columns:0 minmax(0,1fr);grid-template-rows:0 minmax(0,1fr)}.mdx-editor-viewport>:not(.mdx-editor-stage){visibility:hidden}.mdx-ps .mdx-editor-stage{min-height:420px;padding:24px}.mdx-document-tabs>button{min-width:145px}.mdx-export-preview{grid-template-columns:1fr}.mdx-shortcut-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.mdx-menu-export{padding:0 8px}.mdx-ps-menu>summary{padding:0 7px}.mdx-ps-menu:nth-of-type(n+5){display:none}.mdx-active-tool{min-width:100px}.mdx-ps [data-adv-option-group] label:nth-of-type(n+3){display:none}.mdx-dialog-grid,.mdx-dialog-presets{grid-template-columns:1fr 1fr}.mdx-shortcut-grid{grid-template-columns:1fr}.mdx-ps .mdx-editor-stage{padding:14px}}