body[data-theme=dark]{--principal-color: #B1D5EF;--secondary-color: #A0CCEB;--third-color: #6CD6EA;--fourth-color: #5a7fc9;--text-color: #FFFFFF;--bg-color: #3b5f9e;--bg-gradient: radial-gradient(circle at center, #37578e 0%, #051836 100%);--center-gradient: linear-gradient(135deg, #4A6DAA, #395c8c);--icon-filter: brightness(0) saturate(100%) invert(29%) sepia(21%) saturate(1483%) hue-rotate(196deg) brightness(93%) contrast(86%);--icon-hover-filter: brightness(0) saturate(100%) invert(29%) sepia(21%) saturate(1483%) hue-rotate(196deg) brightness(110%) contrast(86%);--icon-return-filter-color: brightness(0) saturate(100%) invert(85%) sepia(17%) saturate(468%) hue-rotate(174deg) brightness(96%) contrast(92%);--button-hover-bg: rgba(255, 255, 255, .1);--menu-icon-filter: brightness(0) invert(1);--menu-icon-hover-filter: brightness(0) invert(.9);--send-arc-color: #e6e6e656}body[data-theme=light]{--principal-color: #4A6DAA;--secondary-color: #395c8c;--third-color: #6CD6EA;--fourth-color: #5a7fc9;--text-color: #000000;--bg-color: #E0E5EC;--bg-gradient: radial-gradient(circle at center, #cae1f7 0%, #74a6f7 100%);--center-gradient: linear-gradient(135deg, #B1D5EF, #A0CCEB);--icon-filter: brightness(0) invert(1);--icon-hover-filter: brightness(0) invert(.9);--icon-return-filter-color: brightness(0) saturate(100%) invert(35%) sepia(23%) saturate(1142%) hue-rotate(184deg) brightness(91%) contrast(86%);--button-hover-bg: rgba(0, 0, 0, .1);--menu-icon-filter: brightness(0) saturate(100%) invert(20%) sepia(21%) saturate(1483%) hue-rotate(196deg) brightness(93%) contrast(86%);--menu-icon-hover-filter: brightness(0) saturate(100%) invert(29%) sepia(21%) saturate(1483%) hue-rotate(196deg) brightness(110%) contrast(86%);--send-arc-color: #404a7567}:root{--principal-color: #B1D5EF;--secondary-color: #A0CCEB;--third-color: #6CD6EA;--fourth-color: #5a7fc9;--text-color: #000000;--center-gradient: linear-gradient(135deg, #4A6DAA, #395c8c)}body{margin:0;font:14px Lucida Grande,Helvetica,Arial,sans-serif;user-select:none}body *{touch-action:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#5e5e5e;border-radius:10px}::-webkit-scrollbar-track{background:none}.ZP{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-gradient)}.ZE{justify-content:center;font-size:14px;transition:background-color .3s;overflow:hidden;background-color:#ffffff1a;border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.ZE:not(.ze-in-column){background-color:#ffffff4d;backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000004d}.ZE:not(.ze-in-column):hover{background-color:#fff6}.ZE:hover{background-color:#fff3}.ZE .user{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.ZE .user span{display:block;overflow:hidden;max-height:4em;max-width:4em;color:var(--text-color)}.ZE .avatar{width:50px;height:50px;border-radius:50%;background-size:cover;background-position:center}.avatar#avatar0{background-image:url(/assets/avatar0-c81b59d8.png)}.avatar#avatar1{background-image:url(/assets/avatar1-3edc322e.png)}.avatar#avatar2{background-image:url(/assets/avatar2-5bfcb881.png)}.avatar#avatar3{background-image:url(/assets/avatar3-343bc646.png)}.avatar#avatar4{background-image:url(/assets/avatar4-b1b7aa38.png)}.avatar#avatar5{background-image:url(/assets/avatar5-d9fd9e38.png)}.avatar#avatar6{background-image:url(/assets/avatar6-3beb434a.png)}.avatar#avatar7{background-image:url(/assets/avatar7-9dced16f.png)}.ZE .container{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;overflow-x:hidden;overflow-y:auto}.ZE .tool{display:flex;position:absolute;align-items:center;background-image:inherit;box-shadow:inherit;border-radius:inherit}.ZE .ZE-notification{font-size:15px;width:25px;height:25px;background-color:#ef2e2b;border-radius:50%;box-shadow:0 2px 4px #0000004d;position:absolute;top:2px;right:2px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.7);z-index:10}.ze-column{z-index:10;width:90px;height:100vh;margin:0;list-style-type:none;position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:15px;padding:10px;height:100%;overflow-y:auto;background-color:#0003;backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.2);box-sizing:border-box}.ze-column li{display:flex;justify-content:center;flex-shrink:0;position:relative}.ze-column li .ZE{position:relative!important;width:70px;height:70px;font-size:12px;border-radius:5px;padding:0;display:flex;transition:all .3s ease;background-color:var(--bg-color);cursor:pointer;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important}.ze-column li .ZE:hover{transform:translateY(-5px)!important}.ze-column li .ZE .container{display:none}.ze-column .ZE .user{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.ze-column .ZE .user .avatar{width:45px;height:45px;background-size:cover}.ze-column .ZE .user span{white-space:normal;font-size:11px;color:var(--text-color);font-weight:600}.overlay{z-index:99999;position:absolute;top:0;right:0;bottom:0;left:0;padding-top:calc(50vh - 2em);text-align:center;font-size:2em;font-weight:700;color:#fff;background-color:#00000080;width:100%;height:100%}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:1fr;gap:10px;padding:10px;box-sizing:border-box}.background.ecran{width:calc(100vw - 70px)}.background-canvas{position:absolute;top:0;left:0}.ZP>.background>.artifact{position:static!important;width:100%!important;height:100%!important;border-radius:0;left:auto!important;top:auto!important;transform:none!important;margin:0!important;z-index:10}.ZP>.background>.artifact .user-informations{z-index:1;font-size:32px;display:flex;gap:.5em;padding:0 .5em}.ZE:not(.ze-in-column) .container{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:flex-start;overflow:visible;max-height:none;padding:5px;width:calc(100% - 130px);margin-left:20px}.ZE:not(.ze-in-column) .container .artifact.miniature{width:80px!important;height:60px!important;border-radius:6px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;background-color:var(--artifact-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px #00000026}[data-theme=dark] .ZE:not(.ze-in-column) .container .artifact.miniature{background-color:#2b3d59e6;border:1px solid rgba(177,213,239,.3);box-shadow:0 2px 8px #0006}[data-theme=light] .ZE:not(.ze-in-column) .container .artifact.miniature{background-color:#e6f0fae6;border:1px solid rgba(74,109,170,.4);box-shadow:0 2px 8px #00000026}.ZE:not(.ze-in-column) .container .artifact.miniature:hover{transform:scale(1.1);z-index:10}[data-theme=dark] .ZE:not(.ze-in-column) .container .artifact.miniature:hover{box-shadow:0 6px 16px #0009;background-color:#3c506ef2}[data-theme=light] .ZE:not(.ze-in-column) .container .artifact.miniature:hover{box-shadow:0 6px 16px #0000004d;background-color:#d1e5f5f2}.ZE:not(.ze-in-column) .container .artifact.miniature .header{height:18px;padding:0 6px;font-size:10px;display:flex;align-items:center;flex-shrink:0;background-color:var(--header-bg)}[data-theme=dark] .ZE:not(.ze-in-column) .container .artifact.miniature .header{background-color:#3c506ee6}[data-theme=light] .ZE:not(.ze-in-column) .container .artifact.miniature .header{background-color:#d1e5f5e6}.ZE:not(.ze-in-column) .container .artifact.miniature .header .artifact-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--text-primary)}[data-theme=dark] .ZE:not(.ze-in-column) .container .artifact.miniature .header .artifact-title{color:#e1e8f0}[data-theme=light] .ZE:not(.ze-in-column) .container .artifact.miniature .header .artifact-title{color:#1e2733}.ZE:not(.ze-in-column) .container .artifact.miniature .inside{flex:1;position:relative;overflow:hidden}.ZE:not(.ze-in-column) .container .artifact.miniature .content{position:absolute;top:0;left:0;right:0;bottom:0;font-size:10px;line-height:1.2;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-primary);background:transparent}[data-theme=dark] .ZE:not(.ze-in-column) .container .artifact.miniature .content{color:#e1e8f0}[data-theme=light] .ZE:not(.ze-in-column) .container .artifact.miniature .content{color:#1e2733}.ZE:not(.ze-in-column) .container .artifact.miniature.code .content{padding:2px;align-items:flex-start;justify-content:flex-start}.ZE:not(.ze-in-column) .container .artifact.miniature.code .content pre{font-family:Consolas,Monaco,Courier New,monospace;font-size:7px;margin:0;white-space:pre-wrap;word-break:break-all;text-align:left;width:100%;height:100%;overflow:hidden;padding:0;background:transparent;border:none;line-height:1.1}[data-theme=dark] .ZE:not(.ze-in-column) .container .artifact.miniature.code .content pre{color:#a0cced}[data-theme=light] .ZE:not(.ze-in-column) .container .artifact.miniature.code .content pre{color:#395c8c}.ZE:not(.ze-in-column) .container .artifact.miniature.image .content{padding:0}.ZE:not(.ze-in-column) .container .artifact.miniature.image .content img{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;display:block}.ZE:not(.ze-in-column) .container .artifact.miniature.video .content{padding:0}.ZE:not(.ze-in-column) .container .artifact.miniature.video .content video{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;display:block}.ZE:not(.ze-in-column) .container .artifact.miniature.document .content{text-align:center;font-size:8px;font-weight:500;padding:4px}.ZE:not(.ze-in-column) .container .artifact.miniature.document .content embed{width:100%;height:100%;pointer-events:none;border:none;border-radius:0}.ZE:not(.ze-in-column) .container .artifact.miniature.message .content{padding:4px;text-align:center}.ZE:not(.ze-in-column) .container .artifact.miniature.message .content p{margin:0;font-size:9px;text-align:center;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;width:100%}.ZE:not(.ze-in-column) .container .artifact.miniature .placeholder{font-size:18px;opacity:.6;text-align:center;display:flex;align-items:center;justify-content:center;width:100%;height:100%}[data-theme=dark] .ZE:not(.ze-in-column) .container .artifact.miniature .placeholder{opacity:.5}.ZE:not(.ze-in-column) .container .artifact.miniature:before{content:"↑";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:1;backdrop-filter:blur(4px)}[data-theme=dark] .ZE:not(.ze-in-column) .container .artifact.miniature:before{background:rgba(43,61,89,.9);box-shadow:0 2px 8px #0006;color:#e1e8f0}[data-theme=light] .ZE:not(.ze-in-column) .container .artifact.miniature:before{background:rgba(255,255,255,.9);box-shadow:0 2px 8px #0003;color:#1e2733}.ZE:not(.ze-in-column) .container .artifact.miniature:hover:before{opacity:1}body[data-theme=dark] .artifact{--artifact-bg: rgba(43, 61, 89, .85);--header-bg: rgba(60, 80, 110, .9);--text-primary: #e1e8f0;--text-secondary: #a0cced;--border-color: rgba(177, 213, 239, .3);--icon-filter-color: brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(191%) hue-rotate(176deg) brightness(105%) contrast(86%);--icon-return-filter-color: brightness(0) saturate(100%) invert(85%) sepia(17%) saturate(468%) hue-rotate(174deg) brightness(96%) contrast(92%)}body[data-theme=light] .artifact{--artifact-bg: rgba(230, 240, 250, .85);--header-bg: rgba(209, 229, 245, .9);--text-primary: #1e2733;--text-secondary: #395c8c;--border-color: rgba(74, 109, 170, .4);--icon-filter-color: brightness(0) saturate(100%) invert(13%) sepia(16%) saturate(1247%) hue-rotate(175deg) brightness(92%) contrast(88%);--icon-return-filter-color: brightness(0) saturate(100%) invert(35%) sepia(23%) saturate(1142%) hue-rotate(184deg) brightness(91%) contrast(86%)}.artifact{width:320px;height:220px;border-radius:8px;background-color:var(--artifact-bg);backdrop-filter:blur(10px);border:none;box-shadow:0 5px 15px #0003;overflow:hidden;position:relative;transition:transform .2s}.artifact .header{position:absolute;top:0;left:0;right:0;height:40px;background-color:var(--header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border-color);z-index:3;cursor:grab;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.artifact .header.visible{opacity:1;transform:translateY(0)}.title-section{display:flex;align-items:center;gap:8px;color:var(--text-primary);min-width:0}.artifact-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 0;min-width:0;display:block}.creator-info{display:flex;align-items:center;gap:6px;color:var(--text-secondary);background:none;border:none;padding:4px;border-radius:4px;cursor:default;transition:background-color .2s ease-in-out}button.creator-info{cursor:pointer}button.creator-info:hover{background-color:var(--button-hover-bg)}.return-icon{height:14px;margin-left:4px;filter:var(--icon-return-filter-color)}.offline-icon{height:14px;margin-left:4px;filter:invert(64%) sepia(35%) saturate(889%) hue-rotate(315deg) brightness(94%) contrast(92%)}.creator-info.offline .creator-name{color:#e57373}.creator-info .avatar{width:20px;height:20px;border-radius:50%;background-size:cover;margin-right:6px}.header .actions{display:flex;align-items:center;gap:2px}.header .actions button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease-in-out}.header .actions button img{height:26px;filter:var(--icon-filter-color);transition:filter .2s ease-in-out}.header .actions button:hover{background-color:var(--button-hover-bg)}.artifact .inside{position:relative;width:100%;height:100%;padding:20px;box-sizing:border-box;overflow:visible;color:var(--text-primary);transition:padding-top .3s ease-in-out}.artifact.is-background .inside{overflow:visible!important;height:100%;width:100%}.artifact.drag-over-send{opacity:.4;transition:opacity .2s;transition:transform .2s;transform:scale(.8)}.artifact.drag-over-ze{opacity:.5;transform:scale(.7);transition:all .2s ease}.artifact.image>.inside{padding:0;overflow:visible;display:flex;justify-content:center;align-items:center;background-position:center;background-repeat:no-repeat;background-size:contain}.artifact>.inside>.content,.artifact>.content{width:100%;height:100%;border:0;object-fit:contain;object-position:center;touch-action:none;pointer-events:none}body[data-theme=dark] .artifact.code .cm-editor{background-color:#283b59}body[data-theme=dark] .artifact.code .cm-gutters{background-color:#40506bcc;border-right:1px solid rgba(177,213,239,.3)}body[data-theme=dark] .artifact.code .cm-lineNumbers .cm-gutterElement{color:#8bb3d9;opacity:.9}body[data-theme=dark] .artifact.code .cm-activeLine .cm-gutterElement{color:#fff;background-color:#818e9733;opacity:1;font-weight:600}body[data-theme=dark] .cm-activeLineGutter{background-color:#516586}body[data-theme=dark] .artifact.code .cm-activeLine{background-color:#b1d5ef1a}body[data-theme=light] .artifact.code .cm-editor{background-color:transparent}body[data-theme=light] .artifact.code .cm-gutters{background-color:#e6f0fa99;border-right:1px solid rgba(74,109,170,.3)}body[data-theme=light] .artifact.code .cm-lineNumbers .cm-gutterElement{color:#395c8c;opacity:.8}body[data-theme=light] .artifact.code .cm-activeLine .cm-gutterElement{color:#1e2733;background-color:#4a6daa1a;opacity:1}body[data-theme=light] .artifact.code .cm-activeLine{background-color:#4a6daa0d}.preview-unavailable{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;background-color:var(--background-color-secondary);color:var(--text-color);border-radius:5px}.preview-unavailable p{margin:0 0 15px;font-size:1.1em;color:var(--text-secondary)}.download-button{display:inline-block;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;transition:background-color .3s,transform .2s}.download-button:hover{transform:scale(1.05)}body[data-theme=dark] .download-button{background-color:var(--fourth-color);color:var(--text-color)}body[data-theme=dark] .download-button:hover{background-color:#6a8fd9}body[data-theme=light] .download-button{background-color:var(--principal-color);color:#fff}body[data-theme=light] .download-button:hover{background-color:#5a7fc9}.pdf-embed{width:100%;height:100%;border:none;overflow:hidden}.pdf-embed:after{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:var(--background-color);z-index:10;pointer-events:none}.artifact .lock-toggle{position:absolute;bottom:8px;left:8px;background:var(--header-bg);border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026;z-index:3;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,background-color .2s ease-in-out}.artifact .lock-toggle img{height:16px;width:16px;filter:var(--icon-filter-color);transition:filter .2s ease-in-out}.artifact .lock-toggle:hover{background-color:var(--button-hover-bg)}.artifact .header.visible~.lock-toggle,.artifact.is-locked .lock-toggle{opacity:1;transform:translateY(0)}.artifact.is-locked .header{opacity:1!important;transform:translateY(0)!important}.artifact.is-locked .inside{overflow:visible!important;pointer-events:auto!important;touch-action:auto!important}.artifact.is-locked .inside *{pointer-events:auto!important;touch-action:auto!important;user-select:text!important}.artifact:not(.is-locked) .inside{overflow:hidden!important;pointer-events:none!important;touch-action:none!important}.artifact:not(.is-locked) .inside *{pointer-events:none!important;touch-action:none!important;user-select:none!important}.artifact .header,.artifact .header *,.artifact .lock-toggle,.artifact .lock-toggle *{pointer-events:auto!important;touch-action:auto!important}.artifact.is-locked{cursor:default!important}.artifact.is-locked{position:absolute!important}.artifact.is-locked .header{cursor:default!important}.artifact.is-locked .header *{cursor:pointer!important}.artifact:not(.is-locked){cursor:grab}.artifact:not(.is-locked):active{cursor:grabbing}.artifact:not(.is-locked) video.content{pointer-events:none!important}.artifact.is-locked video.content{pointer-events:auto!important}.artifact:not(.is-locked) .pdf-embed{pointer-events:none!important}.artifact.is-locked .pdf-embed{pointer-events:auto!important}.artifact:not(.is-locked) .cm-editor{pointer-events:none!important}.artifact.is-locked .cm-editor{pointer-events:auto!important}.artifact:not(.is-locked) .inside::-webkit-scrollbar{display:none}.artifact:not(.is-locked) .inside{-ms-overflow-style:none;scrollbar-width:none}body[data-theme=dark] .artifact{--button-hover-bg: rgba(255, 255, 255, .1)}body[data-theme=light] .artifact{--button-hover-bg: rgba(0, 0, 0, .1)}.artifact.is-locked{touch-action:manipulation}.artifact:not(.is-locked){touch-action:none}.artifact .canvas-drawable{pointer-events:auto!important;touch-action:auto!important}.artifact .lock-toggle{border:1px solid var(--border-color)}.artifact.is-locked .lock-toggle{background-color:#528eff33;border-color:#528eff}.artifact .inside{transition:overflow .2s ease,pointer-events .2s ease}.artifact.is-locked .inside{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.artifact.is-locked .inside::-webkit-scrollbar{width:8px;height:8px}.artifact.is-locked .inside::-webkit-scrollbar-track{background:transparent}.artifact.is-locked .inside::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.artifact.is-locked .inside::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.artifact.is-locked.dragged{opacity:1!important}.artifact.is-locked,.artifact.is-locked .header{cursor:default!important}.artifact.is-locked .inside{cursor:auto!important}.artifact.is-background{z-index:5}.artifact.is-background .header{cursor:default!important}.artifact.is-background .header.visible{opacity:1}.artifact.is-background.dragged{opacity:1!important}.message-content.locked-mode::-webkit-scrollbar,.code-content.locked-mode::-webkit-scrollbar{display:none}.message-content.locked-mode,.code-content.locked-mode{scrollbar-width:none;-ms-overflow-style:none}ul.menu{margin:0;padding:0;position:fixed;width:120px;height:120px;z-index:4;list-style-type:none}ul.menu li{padding-top:15px;width:120px!important;height:105px!important;box-shadow:.2em .2em .7em #000,inset 0 0 10px #000;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:60%;border-radius:50%!important}ul.menu li.hand{background-image:url(../img/icon/hand.png);background-size:100%}ul.menu li.qr-code svg{position:absolute;top:50%;left:50%;width:60%;height:60%;transform:translate(-50%,-50%)}ul.menu li.trash{background-image:url(../img/icon/trash.png)}ul.menu li.send-background{background-image:url(../img/icon/background.png)}ul.menu li.remove-background{background-image:url(../img/icon/remove-background.png)}ul.menu li.save{background-image:url(../img/icon/save.png);background-position:center;background-size:50%}ul.menu li.send{background-image:url(../img/icon/send.png);background-position:center 70%;background-size:40%;text-align:center}ul.menu li.switch-mode{background-image:url(../img/icon/changemoderightleft.png)}.menu-container{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}.center-button{position:relative;width:120px;height:120px;border-radius:50%;background:var(--center-gradient);border:none;cursor:pointer;z-index:4;justify-content:center;box-shadow:0 4px 10px #00000040}.center-button img,.center-button .qr-code-wrapper{position:absolute;top:0;left:0}.center-button img{width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none;filter:grayscale(1) sepia(1) hue-rotate(180deg) saturate(5) brightness(.9);transition:transform .4s ease-in-out,opacity .3s ease-in-out}.circular-menu.open .center-button img{transform:rotate(360deg)}.circular-menu.qr-active .center-button img{transform:rotate(360deg) scale(.5);opacity:0}.center-button .qr-code-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;background-color:#fff;border-radius:50%;transform:scale(.5) rotate(-90deg);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),opacity .3s ease-out}.circular-menu.qr-active .center-button .qr-code-wrapper{transform:scale(3) rotate(0);opacity:1;pointer-events:all}.center-button .qr-code-wrapper svg{width:100%;height:100%}.icons-container{position:absolute;top:50%;left:50%;width:240px;height:240px;margin-left:-120px;margin-top:-120px;pointer-events:none;border-radius:50%;z-index:1;transition:transform .4s ease-in-out;transform:scale(0);opacity:.9;box-shadow:0 4px 10px #00000040}.icons-container.open{pointer-events:all;transform:scale(1) rotate(360deg)}.menu-item{position:absolute;width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;padding:0}.menu-item img{width:70%;height:70%;object-fit:contain;pointer-events:none;transition:transform .2s ease,filter .2s ease;filter:var(--menu-icon-filter)}.menu-item:hover img{transform:scale(1.2);filter:var(--menu-icon-hover-filter)}body[data-theme=dark] .icons-container{background:#395c8c}body[data-theme=light] .icons-container{background:#B1D5EF}.send-arc-path{stroke:var(--send-arc-color);animation:dash-rotate 1.2s linear infinite}@keyframes dash-rotate{to{stroke-dashoffset:-36}}.palette{background:var(--center-gradient);border-radius:25px;padding:8px 12px;box-shadow:0 8px 25px #0006,0 4px 12px #0003;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(.5px);position:relative;display:flex;flex-direction:row;align-items:center;gap:8px}body[data-theme=light] .palette{box-shadow:0 8px 25px #00000026,0 4px 12px #00000014;border:1px solid rgba(255,255,255,.8)}.palette-draw{--center-gradient: linear-gradient(135deg, rgba(74, 109, 170, .1), rgba(45, 71, 117, .15))}.palette-link{--center-gradient: linear-gradient(135deg, rgba(90, 75, 172, .1), rgba(61, 41, 115, .15))}body[data-theme=light] .palette-draw{--center-gradient: linear-gradient(135deg, rgba(177, 213, 239, .15), rgba(139, 181, 217, .2))}body[data-theme=light] .palette-link{--center-gradient: linear-gradient(135deg, rgba(196, 168, 232, .15), rgba(166, 133, 209, .2))}.palette-switch-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:50%;width:32px;height:32px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-right:4px}.palette-switch-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.1)}body[data-theme=light] .palette-switch-btn{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1)}body[data-theme=light] .palette-switch-btn:hover{background:rgba(255,255,255,.9)}.palette-switch-btn img{width:16px;height:16px;filter:var(--menu-icon-filter)}.palette-mode-header{display:flex;align-items:center;gap:6px;margin-right:8px}.palette-avatar-mini{width:20px;height:20px;border-radius:50%;object-fit:cover}.palette-pseudo{font-size:12px;color:var(--text-color);font-weight:500;white-space:nowrap;opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}body[data-theme=light] .palette-avatar-mini{filter:contrast(1.1)}body[data-theme=light] .palette-pseudo{font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8);color:#000000e6}.palette-mode-content{display:flex;align-items:center;gap:6px}.palette-icon-btn{background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.palette-icon-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.palette-icon-btn.active{background:rgba(255,255,255,.25);box-shadow:0 0 12px #b1d5ef99;border:1px solid rgba(177,213,239,.8)}body[data-theme=light] .palette-icon-btn:hover{background:rgba(255,255,255,.7)}body[data-theme=light] .palette-icon-btn.active{background:rgba(255,255,255,.9);box-shadow:0 0 12px #4a6daa66;border:1px solid rgba(74,109,170,.6)}.palette-icon-btn img{width:18px;height:18px;filter:var(--menu-icon-filter);transition:transform .2s ease}.palette-icon-btn:hover img{transform:scale(1.1)}.color-picker-container{display:flex;align-items:center;justify-content:center;margin-left:4px}.color-picker-container .picker{width:32px!important;height:32px!important;border-radius:8px!important;border:2px solid rgba(255,255,255,.4)!important;box-shadow:0 2px 8px #0000004d!important}body[data-theme=light] .color-picker-container .picker{border:2px solid rgba(0,0,0,.2)!important;box-shadow:0 2px 8px #0000001a!important}.close-palette-btn{background:rgba(255,255,255,.15);color:var(--text-color);border:1px solid rgba(255,255,255,.25);border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-left:8px;flex-shrink:0}.close-palette-btn:hover{background:rgba(244,67,54,.8);color:#fff;transform:scale(1.1);border-color:#f44336cc}body[data-theme=light] .close-palette-btn{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1)}body[data-theme=light] .close-palette-btn:hover{background:rgba(244,67,54,.9);border-color:#f44336e6}.palette-draggable{animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.palette:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.15) 0%,rgba(255,255,255,.08) 100%);border-radius:25px;pointer-events:none}body[data-theme=light] .palette:before{background:linear-gradient(45deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 100%)}.drawing-area-indicator{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:-1}.drawing-area-overlay{width:300px;height:200px;background:rgba(255,255,255,.05);border:3px solid rgba(74,109,170,.95);border-radius:10px;position:relative;box-shadow:0 0 0 3px #4a6daa40}body[data-theme=light] .drawing-area-overlay{background:rgba(255,255,255,.18);border:3px solid rgba(74,109,170,.95);box-shadow:0 0 0 4px #4a6daa40}.drawing-area-indicator.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;transform:none;z-index:2}.drawing-area-indicator.fullscreen .drawing-area-overlay{width:100%;height:100%;border:none;border-radius:0;background:rgba(74,109,170,.1);box-shadow:none}body[data-theme=light] .drawing-area-indicator.fullscreen .drawing-area-overlay{background:rgba(74,109,170,.05)}.color-picker{position:relative;font-size:16px;height:100%;display:flex;align-items:center}.picker{width:48px;height:100%;border-radius:12px;box-shadow:0 4px 12px #00000040;border:2px solid rgba(255,255,255,.5);cursor:pointer;transition:all .2s ease}.picker:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.color-picker-interface{position:absolute;transform:translate(-80%,10%);background:var(--center-gradient);box-shadow:0 8px 25px #0003;border-radius:15px;padding:8px;z-index:9999999999;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);min-width:180px}.color-picker-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;margin-bottom:8px}.color-picker-title{font-size:12px;color:var(--text-color);font-weight:500;opacity:.8}.color-picker-close{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:20px;height:20px;color:var(--text-color);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.color-picker-close:hover{background:rgba(244,67,54,.8);color:#fff;transform:scale(1.1);border-color:#f44336cc}.color-picker-grid{display:flex;flex-wrap:wrap;gap:8px;width:164px}body[data-theme=light] .color-picker-close{background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1)}body[data-theme=light] .color-picker-close:hover{background:rgba(244,67,54,.9);border-color:#f44336e6}.color-picker-interface .item{width:35px;height:35px;border-radius:8px;box-shadow:0 2px 8px #00000026;border:2px solid #fff;cursor:pointer;transition:all .2s ease}.color-picker-interface .item:hover{transform:scale(1.1)}.color-picker-interface .item.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #007bff;transform:scale(1.1)}.confirmation-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;z-index:1001;padding:1.5vh 0;box-sizing:border-box;height:100%}.confirmation-popup-content{background:var(--artifact-bg);border-radius:12px;width:260px;box-shadow:0 4px 24px #0000002e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text-primary);font-size:1.08em;text-align:center;height:100%}.send-zone-title{color:var(--text-primary);margin-bottom:25px}.send-zone-btn-list{display:flex;flex-direction:row;gap:15px;flex-wrap:wrap;justify-content:space-between;padding-bottom:8px}.send-zone-btn{background:#25609c;border:none;border-radius:10px;padding:10px 22px;font-size:1.08em;font-weight:700;cursor:pointer;color:#fff;transition:background .18s,box-shadow .18s,transform .13s}.send-zone-btn:hover{background:#357fc1;transform:translateY(-2px) scale(1.04)}.send-zone-cancel:hover{background:#ff6f61;transform:translateY(-2px) scale(1.04)}.send-zone-cancel{background:#e74c3c;border:none;border-radius:10px;padding:10px 22px;font-size:1.08em;font-weight:700;cursor:pointer;color:#fff;transition:background .18s,box-shadow .18s,transform .13s}.confirmation-popup-content,.send-zone-popup{background:rgba(34,54,90,.97);border-radius:18px;box-shadow:0 6px 24px #0000002e;padding:32px 28px 20px;width:100%;height:100%;align-items:center;text-align:center}.confirmation-popup-content:not(.send-zone-popup) .popup-actions{display:flex;gap:18px;margin-top:18px;justify-content:center}.confirmation-popup-content:not(.send-zone-popup) button{background:#25609c;color:#fff;border:none;border-radius:10px;font-size:1.08em;font-weight:700;padding:10px 22px;cursor:pointer;transition:background .18s,box-shadow .18s,transform .13s}.confirmation-popup-content:not(.send-zone-popup) button:last-child{background:#e74c3c}.confirmation-popup-content:not(.send-zone-popup) button:hover{background:#357fc1;transform:translateY(-2px) scale(1.04)}.confirmation-popup-content:not(.send-zone-popup) button:last-child:hover{background:#ff6f61}body[data-theme=light] .confirmation-popup-content:not(.send-zone-popup){background:#f7fbff;color:#1e2733;box-shadow:0 6px 24px #4a6daa1a}body[data-theme=light] .send-zone-popup{background:#eaf6ff;color:#1e2733;box-shadow:0 8px 32px #4a6daa1a;border:1.5px solid #B1D5EF}.codemirror{height:100%;width:100%}.codemirror .cm-editor{height:100%;width:100%;background-color:transparent;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px}.codemirror .cm-scroller{overflow:auto}.codemirror .cm-content{padding:8px}body[data-theme=dark] .codemirror .cm-editor{color:#abb2bf;background-color:#282c34e6}body[data-theme=dark] .codemirror .cm-gutters{background-color:#23272ee6;border-right:1px solid rgba(255,255,255,.1)}body[data-theme=dark] .codemirror .cm-lineNumbers .cm-gutterElement{color:#636d83;font-size:12px}body[data-theme=light] .codemirror .cm-editor{color:#2c3e50;background-color:#f8f9fae6}body[data-theme=light] .codemirror .cm-gutters{background-color:#f0f2f5e6;border-right:1px solid rgba(0,0,0,.1)}body[data-theme=light] .codemirror .cm-lineNumbers .cm-gutterElement{color:#8e99a6;font-size:12px}.crown-draggable{z-index:15!important}.ZE.crown-hover{border:3px solid #ffd700!important;box-shadow:0 0 20px #ffd70099!important;transform:scale(1.05)!important;transition:all .2s ease!important}[data-theme=dark] .ZE.crown-hover{border:3px solid #ffd700!important;box-shadow:0 0 20px #ffd700cc!important}[data-theme=light] .ZE.crown-hover{border:3px solid #b8860b!important;box-shadow:0 0 20px #b8860b99!important}.ZE.admin{border:2px solid #ffd700!important;box-shadow:0 0 15px #ffd70066!important}.ZE.admin:before{content:"👑";position:absolute;top:-10px;right:-10px;font-size:20px;z-index:10;background:rgba(255,215,0,.9);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .ZE.admin{border:2px solid #ffd700!important;box-shadow:0 0 15px #ffd70099!important}[data-theme=light] .ZE.admin{border:2px solid #b8860b!important;box-shadow:0 0 15px #b8860b66!important}.crown{width:50px;height:50px;background-color:#fff3;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;transition:all .3s ease;box-shadow:0 4px 12px #0003;position:absolute;user-select:none}.crown:hover{background-color:#ffffff4d;transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.crown-draggable.dragging .crown{cursor:grabbing!important;transform:scale(1.15);box-shadow:0 8px 20px #0006;z-index:1000}.crown-icon{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:filter .3s ease;pointer-events:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.crown:hover .crown-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}[data-theme=dark] .crown{background-color:#2b3d59cc;border:1px solid rgba(177,213,239,.3)}[data-theme=dark] .crown:hover{background-color:#3c506ee6}[data-theme=dark] .crown-icon{filter:brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0,0,0,.3))}[data-theme=dark] .crown:hover .crown-icon{filter:brightness(0) invert(1) drop-shadow(0 3px 6px rgba(0,0,0,.4))}[data-theme=light] .crown{background-color:#e6f0facc;border:1px solid rgba(74,109,170,.4)}[data-theme=light] .crown:hover{background-color:#d1e5f5e6}@media (max-width: 800px){.crown{width:40px;height:40px}.crown-icon{width:22px;height:22px}}.admin-panel{position:relative;z-index:15;width:200px;min-height:160px;background-color:#fff3;backdrop-filter:blur(15px);border:2px solid rgba(255,215,0,.6);border-radius:10px;padding:12px;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;cursor:move}.admin-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(255,215,0,.3)}.admin-user-info{display:flex;align-items:center;gap:8px;cursor:grab}.admin-panel-draggable.dragging .admin-panel{cursor:grabbing;transform:scale(1.02);box-shadow:0 8px 24px #0006}.admin-user{cursor:grab}.admin-actions{display:flex;align-items:center;gap:6px}.admin-avatar{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;flex-shrink:0}.admin-pseudo{font-weight:600;font-size:16px;color:var(--text-color);text-shadow:0 1px 2px rgba(0,0,0,.3);margin-left:0}.admin-crown{font-size:13px;margin-left:3px}.admin-crown-bottom{position:absolute;right:12px;bottom:12px;font-size:22px;pointer-events:none;filter:drop-shadow(0 0 4px gold)}.admin-palette-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-palette-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.admin-palette-btn img{width:16px;height:16px;filter:var(--menu-icon-filter)}body[data-theme=light] .admin-palette-btn{background:rgba(0,0,0,.05);border-color:#0000001a}body[data-theme=light] .admin-palette-btn:hover{background:rgba(0,0,0,.1)}.admin-artifacts{margin-top:15px;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;align-items:flex-start;flex:1;overflow-y:auto;max-height:200px}.admin-panel .artifact.miniature{width:80px!important;height:60px!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column;background-color:var(--artifact-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}.admin-panel .artifact.miniature .header{height:18px;padding:0 6px;font-size:10px;display:flex;align-items:center;flex-shrink:0;background-color:var(--header-bg)}.admin-panel .artifact.miniature .header .artifact-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--text-primary)}.admin-panel .artifact.miniature .inside{flex:1;position:relative;overflow:hidden}.admin-panel .artifact.miniature .content{position:absolute;top:0;left:0;right:0;bottom:0;font-size:10px;line-height:1.2;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;color:var(--text-primary);background:transparent}.admin-panel .artifact.miniature.code .content{padding:2px;align-items:flex-start;justify-content:flex-start}.admin-panel .artifact.miniature.code .content pre{font-family:Consolas,Monaco,Courier New,monospace;font-size:7px;margin:0;white-space:pre-wrap;word-break:break-all;text-align:left;width:100%;height:100%;overflow:hidden;padding:0;background:transparent;border:none;line-height:1.1}.admin-panel .artifact.miniature.image .content{padding:0}.admin-panel .artifact.miniature.image .content img{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;display:block}.admin-panel .artifact.miniature.video .content{padding:0}.admin-panel .artifact.miniature.video .content video{width:100%;height:100%;object-fit:cover;border:none;border-radius:0;display:block}.admin-panel .artifact.miniature.document .content{text-align:center;padding:2px}.admin-no-artifacts{font-size:11px;color:var(--text-color);opacity:.7;font-style:italic;text-align:center;padding:20px 0;width:100%}[data-theme=dark] .admin-panel{background-color:#2b3d59d9;border-color:#ffd700b3}[data-theme=dark] .admin-pseudo,[data-theme=dark] .admin-no-artifacts{color:#e1e8f0}[data-theme=dark] .admin-panel .artifact.miniature{background-color:#2b3d59e6;border:1px solid rgba(177,213,239,.3);box-shadow:0 2px 8px #0006}[data-theme=dark] .admin-panel .artifact.miniature .header{background-color:#3c506ee6}[data-theme=dark] .admin-panel .artifact.miniature .header .artifact-title,[data-theme=dark] .admin-panel .artifact.miniature .content{color:#e1e8f0}[data-theme=dark] .admin-panel .artifact.miniature.code .content pre{color:#a0cced}[data-theme=light] .admin-panel{background-color:#e6f0fad9;border-color:#ffd700cc}[data-theme=light] .admin-pseudo,[data-theme=light] .admin-no-artifacts{color:#1e2733}[data-theme=light] .admin-panel .artifact.miniature{background-color:#e6f0fae6;border:1px solid rgba(74,109,170,.4);box-shadow:0 2px 8px #00000026}[data-theme=light] .admin-panel .artifact.miniature .header{background-color:#d1e5f5e6}[data-theme=light] .admin-panel .artifact.miniature .header .artifact-title,[data-theme=light] .admin-panel .artifact.miniature .content{color:#1e2733}[data-theme=light] .admin-panel .artifact.miniature.code .content pre{color:#395c8c}@media (max-width: 768px){.admin-panel{width:160px;padding:8px;gap:8px;min-height:140px}.admin-avatar{width:32px;height:32px}.admin-pseudo{font-size:11px}.admin-panel .artifact.miniature{width:65px!important;height:48px!important}.admin-panel .artifact.miniature .header{height:15px;font-size:9px;padding:0 4px}.admin-panel .artifact.miniature .content{font-size:8px}.admin-panel .artifact.miniature.code .content pre{font-size:6px}}.admin-panel.drop-hover{border-color:gold!important;box-shadow:0 0 20px #ffd70080,0 4px 16px #0000004d!important;transform:scale(1.02);background-color:#ffd7001a!important}[data-theme=dark] .admin-panel.drop-hover{background-color:#ffd70026!important}[data-theme=light] .admin-panel.drop-hover{background-color:#ffd7001a!important}.admin-panel .artifact.miniature:hover{transform:scale(1.1)!important;z-index:100;cursor:pointer!important;box-shadow:0 4px 12px #0000004d!important;transition:all .2s ease!important}[data-theme=dark] .admin-panel .artifact.miniature:hover{background-color:#3c506ef2!important;border-color:#b1d5ef99!important}[data-theme=light] .admin-panel .artifact.miniature:hover{background-color:#d1e5f5f2!important;border-color:#4a6daa99!important}.admin-panel .artifact.miniature:hover:before{content:"↗";position:absolute;top:2px;right:2px;width:16px;height:16px;background-color:#28a745e6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:10;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.admin-remove-btn{position:relative;top:auto;right:auto;width:28px;height:28px;background-color:#dc3545b3;border:none;border-radius:50%;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;line-height:1}.admin-remove-btn:hover{background-color:#dc3545;transform:scale(1.1);box-shadow:0 2px 8px #dc354566}.admin-remove-btn:active{transform:scale(.95)}@media (max-width: 768px){.admin-remove-btn{width:18px;height:18px;font-size:10px;top:6px;right:6px}}.admin-container::-webkit-scrollbar{width:4px}.admin-container::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.admin-container::-webkit-scrollbar-thumb{background:rgba(255,215,0,.5);border-radius:2px}.admin-container::-webkit-scrollbar-thumb:hover{background:rgba(255,215,0,.7)}.ZP .ZE:not(.ze-in-column){position:absolute;margin:0}.ZP .ZE:not(.ze-in-column).ZE1,.ZP .ZE:not(.ze-in-column).ZE2,.ZP .ZE:not(.ze-in-column).ZE5,.ZP .ZE:not(.ze-in-column).ZE6,.ZP .ZE:not(.ze-in-column).ZE7,.ZP .ZE:not(.ze-in-column).ZE8{border-radius:0 0 15px 15px}.ZP .ZE:not(.ze-in-column).ZE2,.ZP .ZE:not(.ze-in-column).ZE6,.ZP .ZE:not(.ze-in-column).ZE8{border-radius:15px 15px 0 0}.ZP .ZE:not(.ze-in-column).ZE3,.ZP .ZE:not(.ze-in-column).ZE4{border-radius:15px 0 0 15px}.ZP .ZE:not(.ze-in-column).ZE4{border-radius:0 15px 15px 0}@media (max-width: 800px){.n1,.n2{width:500px;height:150px}.n3,.n4{width:350px;height:100px}.n5,.n6{width:300px;height:80px}.n7,.n8{width:250px;height:80px}.ZE1{top:0;left:calc(50% - 250px);transform:rotate(180deg);margin-top:0}.ZE1.n3,.ZE1.n4{left:calc(50% - 175px)}.ZE1.n5,.ZE1.n6{left:calc(25% - 150px)}.ZE1.n7,.ZE1.n8{left:calc(30% - 125px)}.ZE2{bottom:0;right:calc(50% - 250px);transform:rotate(0);margin-bottom:0}.ZE2.n3,.ZE2.n4{right:calc(50% - 175px)}.ZE2.n5,.ZE2.n6{right:calc(25% - 150px)}.ZE2.n7,.ZE2.n8{right:calc(30% - 125px)}.ZE3{top:calc(50% - 50px);right:0;transform:rotate(270deg);margin-right:0}.ZE3.n5,.ZE3.n6{top:calc(50% - 40px)}.ZE3.n7,.ZE3.n8{top:calc(30% - 40px)}.ZE4{bottom:calc(50% - 50px);left:0;transform:rotate(90deg);margin-left:0}.ZE4.n5,.ZE4.n6{bottom:calc(50% - 40px)}.ZE4.n7,.ZE4.n8{bottom:calc(30% - 40px)}.ZE5{top:0;right:calc(25% - 150px);transform:rotate(180deg);margin-top:0}.ZE5.n7,.ZE5.n8{right:calc(30% - 125px)}.ZE6{bottom:0;left:calc(25% - 150px);transform:rotate(0);margin-bottom:0}.ZE6.n7,.ZE6.n8{left:calc(30% - 125px)}.ZE7{bottom:calc(30% - 40px);right:-85px;transform:rotate(270deg)}.ZE8{top:calc(30% - 40px);left:-85px;transform:rotate(90deg)}}@media (min-width: 801px) and (max-width: 1400px){.n1,.n2{width:600px;height:150px}.n3,.n4{width:500px;height:120px}.n5,.n6{width:400px;height:100px}.n7,.n8{width:300px;height:80px}.ZE1{top:0;left:calc(50% - 300px);transform:rotate(180deg)}.ZE1.n3,.ZE1.n4{left:calc(50% - 250px)}.ZE1.n5,.ZE1.n6{left:calc(25% - 200px)}.ZE1.n7,.ZE1.n8{left:calc(30% - 150px)}.ZE2{bottom:0;right:calc(50% - 300px);transform:rotate(0)}.ZE2.n3,.ZE2.n4{right:calc(50% - 250px)}.ZE2.n5,.ZE2.n6{right:calc(25% - 200px)}.ZE2.n7,.ZE2.n8{right:calc(30% - 150px)}.ZE3{top:calc(50% - 60px);right:0;transform:rotate(270deg);margin-right:0}.ZE3.n5,.ZE3.n6{top:calc(50% - 50px)}.ZE3.n7,.ZE3.n8{top:calc(30% - 40px)}.ZE4{bottom:calc(50% - 60px);left:0;transform:rotate(90deg);margin-left:0}.ZE4.n5,.ZE4.n6{bottom:calc(50% - 50px)}.ZE4.n7,.ZE4.n8{bottom:calc(30% - 40px)}.ZE5{top:0;right:calc(25% - 200px);transform:rotate(180deg)}.ZE5.n7,.ZE5.n8{right:calc(30% - 150px)}.ZE6{bottom:0;left:calc(25% - 200px);transform:rotate(0)}.ZE6.n7,.ZE6.n8{left:calc(30% - 150px)}.ZE7{bottom:calc(30% - 40px);right:-110px;transform:rotate(270deg)}.ZE8{top:calc(30% - 40px);left:-110px;transform:rotate(90deg)}}@media (min-width: 1401px){.n1,.n2,.n3,.n4{width:600px;height:150px}.n5,.n6{width:500px;height:120px}.n7,.n8{width:400px;height:100px}.ZE1{top:0;left:calc(50% - 300px);transform:rotate(180deg)}.ZE1.n3,.ZE1.n4{left:calc(50% - 300px)}.ZE1.n5,.ZE1.n6{left:calc(25% - 250px)}.ZE1.n7,.ZE1.n8{left:calc(15% - 200px)}.ZE2{bottom:0;right:calc(50% - 300px);transform:rotate(0)}.ZE2.n3,.ZE2.n4{right:calc(50% - 300px)}.ZE2.n5,.ZE2.n6{right:calc(25% - 250px)}.ZE2.n7,.ZE2.n8{right:calc(15% - 200px)}.ZE3{top:calc(50% - 75px);right:0;transform:rotate(270deg);margin-right:0}.ZE3.n5,.ZE3.n6{top:calc(50% - 60px)}.ZE3.n7,.ZE3.n8{top:calc(50% - 50px)}.ZE4{bottom:calc(50% - 75px);left:0;transform:rotate(90deg);margin-left:0}.ZE4.n5,.ZE4.n6{bottom:calc(50% - 60px)}.ZE4.n7,.ZE4.n8{bottom:calc(50% - 50px)}.ZE5{top:0;right:calc(25% - 250px);transform:rotate(180deg)}.ZE5.n7,.ZE5.n8{right:calc(50% - 200px)}.ZE6{bottom:0;left:calc(25% - 250px);transform:rotate(0)}.ZE6.n7,.ZE6.n8{left:calc(50% - 200px)}.ZE7{top:0;right:calc(15% - 200px);transform:rotate(180deg)}.ZE8{bottom:0;left:calc(15% - 200px);transform:rotate(0)}}.ZE .container{margin-left:20px;padding:5px;width:calc(100% - 130px);height:calc(100% - 20px)}.ZE .tool{margin-top:-120px;padding:0 20px;width:50%;height:80px}.ZE .tool.hidden{display:none}.ze-palette-button{position:absolute;top:5px;right:5px;width:32px;height:32px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #0003;z-index:10}.ze-palette-button img{width:20px;height:20px}.content-navigator{position:relative;width:100%;height:100%;overflow:visible;user-select:none}.content-navigator.navigation-enabled{cursor:grab}.content-navigator.navigation-enabled:active{cursor:grabbing}.content-navigator.navigation-enabled{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.content-navigator-reset{position:absolute;bottom:-10px;right:-10px;background:var(--artifact-bg);border:1px solid var(--border-color);border-radius:8px;padding:8px;cursor:pointer;z-index:1000;transition:all .2s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026}.content-navigator-reset:hover{background:var(--header-bg);transform:scale(1.05);box-shadow:0 4px 12px #00000040}.content-navigator-reset:active{transform:scale(.95)}.content-navigator-reset img{width:16px;height:16px;filter:var(--icon-filter-color);transition:filter .2s ease}.artifact.is-unlocked .content-navigator{width:100%;height:100%}.content-navigator.dragging *{user-select:none!important;pointer-events:none}.content-navigator .message-content{width:fit-content;min-width:100%;min-height:100%;padding:10px;box-sizing:border-box;overflow:visible}.content-navigator .content{width:100%;height:100%;object-fit:contain}.content-navigator .codemirror{width:fit-content;min-width:100%;min-height:100%;font-size:14px;overflow:visible!important}.content-navigator .cm-editor{width:fit-content;min-width:100%;min-height:100%;overflow:visible!important}.content-navigator .cm-scroller{overflow:visible!important;width:fit-content!important;min-width:100%!important;min-height:100%!important}.content-navigator .cm-content{overflow:visible!important;white-space:pre!important;width:fit-content!important;min-width:100%!important}.content-navigator video{width:100%;height:100%;object-fit:contain}.content-navigator .image-container{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.content-navigator:after{content:"";position:absolute;bottom:8px;left:8px;width:20px;height:20px;background:rgba(0,0,0,.5);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease}.content-navigator.zoomed:after{opacity:1}.content-navigator .navigation-help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#fff;padding:10px 15px;border-radius:6px;font-size:12px;text-align:center;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:5}.content-navigator:hover .navigation-help{opacity:1}.navigation-help p{margin:0;line-height:1.4}@media (max-width: 768px){.content-navigator-reset{padding:12px;bottom:16px;right:16px}.content-navigator-reset img{width:18px;height:18px}}@media (hover: none) and (pointer: coarse){.content-navigator-reset{padding:12px;border-radius:10px;bottom:20px;right:20px}.content-navigator-reset img{width:20px;height:20px}}[data-theme=dark] .reset-navigation{background:rgba(255,255,255,.2);color:#fff}[data-theme=dark] .reset-navigation:hover{background:rgba(255,255,255,.3)}.content-navigator button:not(.content-navigator-reset),.content-navigator input,.content-navigator textarea,.content-navigator select,.content-navigator video[controls]{pointer-events:auto;user-select:auto}.content-navigator.navigation-enabled *{overflow:visible!important;scrollbar-width:none;-ms-overflow-style:none}.content-navigator.navigation-enabled *::-webkit-scrollbar{display:none}.content-navigator .inside,.content-navigator .cm-scroller{padding-top:15px!important;transition:none!important}.artifact.is-locked .content-navigator,.artifact.is-locked .inside{overflow:visible}.content-navigator .animated-content{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.content-navigator .animated-content.dragging{transition:none}