*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #10172d;--ad-bg: #171B1F;--surface: #161513;--surface2: #1e1c19;--surface3: #252320;--border: #2a2720;--border2: #3a3630;--text1: #f0ece4;--text2: #b0aba2;--text3: #6a6660;--copper: #3b7fd4;--copper2: #1f5aab;--copper-glow: rgba(59,127,212,.18);--danger: #c45050;--green: #4a9e6a;--sidebar-w: 220px;--bottom-h: 44px;--radius: 5px;--layout-bar-size: 36px;--topbar-h: var(--layout-bar-size);--sidebar-w-tool: var(--layout-bar-size);--menubar-h: 0px;--mono: "DM Mono", monospace;--sans: "Space Grotesk", sans-serif;--serif: "Cormorant Garamond", serif}html[data-theme=light]{--bg: #c3c3c3;--ad-bg: #F5F5F6;--surface: #f8f5ee;--surface2: #ede8de;--surface3: #e4dfd4;--border: #d4cfc4;--border2: #c4bfb4;--text1: #1a1816;--text2: #6a6460;--text3: #a09890}@media (max-width: 600px){:root{--layout-bar-size: 42px}}body{font-family:var(--sans);font-size:12px;background:var(--surface, #161513);color:var(--text1);line-height:1.4;-webkit-font-smoothing:antialiased}html[data-theme=light] body{background:var(--surface, #f8f5ee)}#app{display:flex;height:calc(100dvh - var(--menubar-h, 26px) - var(--ad-h, 0px));width:calc(100vw - var(--ad-w, 0px));overflow:hidden;position:relative;background:var(--bg)}.logo-mark{background:var(--copper);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0e0d0c}.action-btn{width:100%;padding:8px 11px;background:var(--surface3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text1);font-size:12px;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .12s,border-color .12s;text-align:left}.action-btn:hover{background:#2e2c28;border-color:var(--copper)}.action-btn svg{width:14px;height:14px;flex-shrink:0;color:var(--text2)}.action-btn:hover svg{color:var(--copper)}.action-btn-pair{display:flex;gap:4px}.action-btn-pair .action-btn{flex:1;justify-content:center;font-size:11px;padding:6px}.color-btn-swatch{width:13px;height:13px;border-radius:3px;border:1px solid rgba(255,255,255,.15);background:var(--copper);flex-shrink:0}#items-list{flex:1;display:flex;flex-direction:column;gap:3px;min-height:60px}.item-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:background .1s}.item-row:hover{background:var(--surface3)}.item-row.selected{background:var(--copper-glow);border-color:#3b7fd44d}.item-thumb{width:28px;height:20px;border-radius:3px;background:var(--surface3);flex-shrink:0;border:1px solid var(--border2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text3)}.item-thumb img{width:100%;height:100%;object-fit:cover}.item-label{font-size:10px;color:var(--text2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-del{opacity:0;background:none;border:none;color:var(--danger);cursor:pointer;font-size:11px;padding:1px 3px;border-radius:2px;transition:opacity .1s}.item-row:hover .item-del{opacity:1}#canvas-area{flex:1;position:relative;overflow:hidden;background:var(--bg);cursor:default;align-self:stretch}#canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;z-index:1}.mb-item{position:absolute;cursor:default;-webkit-user-select:none;user-select:none;will-change:transform}body.round-corners-1 .item-frame{border-radius:8px;overflow:hidden}body.round-corners-1 .mb-img{border-radius:8px!important}body.round-corners-2 .item-frame{border-radius:20px;overflow:hidden}body.round-corners-2 .mb-img{border-radius:20px!important}.mb-item .item-frame{mix-blend-mode:normal}.item-frame{width:100%;height:100%;position:relative;overflow:hidden;border-radius:2px;outline:none!important;-webkit-tap-highlight-color:transparent}.mb-item,.mb-item *{outline:none!important;-webkit-tap-highlight-color:transparent}.mb-item.locked-item{opacity:.85}.mb-item.locked-item:after{content:"🔒";position:absolute;top:3px;right:3px;font-size:10px;pointer-events:none;z-index:20;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.mb-img,.mb-video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.mb-text-naked{display:block;background:transparent!important;border:none!important;outline:none!important;padding:0!important;margin:0!important;white-space:pre-wrap;word-break:break-word;cursor:inherit;user-select:none;-webkit-user-select:none;min-width:4px;line-height:inherit}.mb-text-naked[contenteditable=true]{cursor:text;user-select:text;-webkit-user-select:text;caret-color:currentColor}.mb-item.text-editing .mb-text-naked{outline:none!important}.mb-item.text-item.selected{outline:1.5px dashed rgba(255,255,255,.7);outline-offset:4px}.mb-item.text-item.text-editing{outline:1.5px solid var(--copper, #c8a96e);outline-offset:4px}.mb-item.text-item .item-frame{background:transparent!important;overflow:visible}.mb-colorblock{width:100%;height:100%}.colorblock-optbar{position:absolute;bottom:-72px;left:0;right:0;height:72px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:0 0 4px 4px;z-index:12;-webkit-user-select:none;user-select:none;flex-shrink:0}.colorblock-optbar label{font-size:11px;color:#fff9;font-family:var(--mono);flex-shrink:0}.colorblock-optbar input[type=color]{width:32px;height:32px;border:none;border-radius:3px;cursor:pointer;padding:0;background:none;flex-shrink:0}.colorblock-optbar input[type=number]{width:48px;height:28px;border:none;border-radius:3px;background:#ffffff2e;color:#fff;font-size:13px;font-family:var(--mono);text-align:center;padding:0 2px;flex-shrink:0}.colorblock-optbar .tb-sep{width:1px;height:24px;background:#ffffff47;flex-shrink:0}.colorblock-optbar button{background:#ffffff21;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:4px;padding:3px 8px;cursor:pointer;font-size:11px;font-family:var(--mono);flex-shrink:0;white-space:nowrap}.colorblock-optbar button:hover{background:#3b7fd459}.colorblock-optbar button.active{background:#3b7fd473;border-color:var(--copper)}.colorblock-optbar{display:none!important}.sel-handle{position:absolute;width:6px;height:6px;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 2px #0003;z-index:10;transform-origin:center center}.sel-handle.tl{top:-3px;left:-3px;cursor:nwse-resize}.sel-handle.tr{top:-3px;right:-3px;cursor:nesw-resize}.sel-handle.bl{bottom:-3px;left:-3px;cursor:nesw-resize}.sel-handle.br{bottom:-3px;right:-3px;cursor:nwse-resize}.sel-handle.tm{top:-3px;left:50%;margin-left:-3px;cursor:ns-resize}.sel-handle.bm{bottom:-3px;left:50%;margin-left:-3px;cursor:ns-resize}.sel-handle.ml{top:50%;margin-top:-3px;left:-3px;cursor:ew-resize}.sel-handle.mr{top:50%;margin-top:-3px;right:-3px;cursor:ew-resize}#sel-box{position:absolute;border:1px dashed rgba(255,255,255,.7);background:#ffffff08;pointer-events:none;z-index:5;display:none}#rubber-band{position:absolute;border:1px dashed rgba(255,255,255,.55);background:#ffffff0a;pointer-events:none;z-index:20;display:none}.mt-handle{position:absolute;width:6px;height:6px;background:#fff;border:none;border-radius:50%;box-shadow:0 1px 2px #0003;pointer-events:all;cursor:nwse-resize;z-index:16}.mt-handle.mt-tl{top:-3px;left:-3px;cursor:nwse-resize}.mt-handle.mt-tr{top:-3px;right:-3px;cursor:nesw-resize}.mt-handle.mt-bl{bottom:-3px;left:-3px;cursor:nesw-resize}.mt-handle.mt-br{bottom:-3px;right:-3px;cursor:nwse-resize}.mt-rotate{display:none!important}#drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b7fd414;border:3px dashed var(--copper);z-index:50;display:none;align-items:center;justify-content:center;pointer-events:none}#drop-overlay.active{display:flex}#drop-overlay span{font-size:1.1rem;color:var(--copper);font-family:var(--serif);font-style:italic}#ctx-menu{position:fixed;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:0 8px 24px #0006;min-width:160px;z-index:999;display:none;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 20px)}.ctx-item{padding:7px 12px;font-size:11px;cursor:pointer;color:var(--text1);display:flex;align-items:center;gap:8px;transition:background .1s}.ctx-item:hover{background:var(--surface3)}.ctx-item.danger{color:var(--danger)}.ctx-sep{height:1px;background:var(--border);margin:3px 0}.ctx-item kbd{margin-left:auto;font-size:9px;color:var(--text3);font-family:var(--mono);background:var(--surface);padding:2px 4px;border-radius:3px;border:1px solid var(--border2)}.ctx-sub{position:relative}.ctx-sub-arrow{margin-left:auto;opacity:.5;font-size:9px}.ctx-sub-menu{position:absolute;left:100%;top:-4px;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);box-shadow:0 8px 24px #0006;min-width:150px;z-index:1000;display:none;overflow:hidden}.ctx-sub:hover .ctx-sub-menu{display:block}.ctx-blend-item{padding:6px 12px;font-size:11px;cursor:pointer;color:var(--text1);display:flex;align-items:center;gap:8px;transition:background .1s}.ctx-blend-item:hover{background:var(--surface3)}.ctx-blend-item.active{color:var(--copper)}.blend-dot{width:10px;height:10px;border-radius:50%;background:var(--copper);opacity:0;flex-shrink:0}.ctx-blend-item.active .blend-dot{opacity:1}#zoom-indicator:hover{background:var(--surface2);color:var(--text2)}#color-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);padding:12px;z-index:500;display:none;box-shadow:0 8px 24px #0006;flex-direction:column;gap:8px;min-width:180px}#color-popup.open{display:flex}#color-popup label{font-size:10px;color:var(--text2)}#color-native{width:100%;height:36px;border:none;border-radius:4px;cursor:pointer}.color-presets{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.color-preset{width:100%;aspect-ratio:1;border-radius:3px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .1s}.color-preset:hover{transform:scale(1.1)}#url-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:20px;z-index:600;display:none;flex-direction:column;gap:10px;min-width:360px;box-shadow:0 16px 48px #00000080}#url-popup.open{display:flex}#url-popup h3{font-family:var(--mono);font-size:11px;color:var(--text1);font-weight:500}#url-popup input{padding:8px 10px;background:var(--surface3);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text1);font-size:11px;font-family:var(--sans);outline:none}#url-popup input:focus{border-color:var(--copper)}.popup-actions{display:flex;gap:6px;justify-content:flex-end}.btn-popup{padding:7px 14px;font-size:11px;font-family:var(--mono);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border2)}.btn-popup.cancel{background:var(--surface);color:var(--text2)}.btn-popup.confirm{background:var(--copper);border-color:var(--copper2);color:#0e0d0c;font-weight:500}#url-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:590;display:none}#url-overlay.open{display:block}body.hide-ui #toolbar,body.hide-ui #sidebar{display:none}body.hide-ui-noad #menu-bar,body.hide-ui-noad #top-bar,body.hide-ui-noad #canva-topbar,body.hide-ui-noad #canva-sidebar,body.hide-ui-noad #canva-zoombar,body.hide-ui-noad #canva-ctxbar{display:none!important}#fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:800;display:none;align-items:center;justify-content:center}#fullscreen-overlay.open{display:flex}#fullscreen-content{position:relative;max-width:95vw;max-height:95vh}#fullscreen-content img,#fullscreen-content video{max-width:95vw;max-height:95vh;border-radius:4px;display:block}#fullscreen-close{position:absolute;top:-12px;right:-12px;width:28px;height:28px;background:var(--surface2);border:1px solid var(--border2);border-radius:50%;color:var(--text1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}#toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:var(--surface2);border:1px solid var(--border2);color:var(--text1);font-size:11px;font-family:var(--mono);padding:8px 16px;border-radius:40px;z-index:900;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#file-input{display:none}#canvas-info-bar{position:fixed;bottom:calc(var(--czb-h, 40px) + 4px);right:calc(var(--ad-w, 0px) + 10px);left:auto;top:auto;height:24px;display:flex;align-items:center;gap:6px;z-index:340;pointer-events:none}body.hide-ui #canvas-info-bar{display:none}#canvas-area.transparent-bg{background:transparent!important}#canvas-area.transparent-bg:before{background-image:linear-gradient(45deg,#3a3a3a 25%,transparent 25%),linear-gradient(-45deg,#3a3a3a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a3a3a 75%),linear-gradient(-45deg,transparent 75%,#3a3a3a 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#252525;opacity:1!important}#bg-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;display:none}#canvas-area.has-bg-grid #bg-grid-overlay{display:block}#bg-grid-popup{display:none;position:fixed;z-index:600;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:12px 14px;box-shadow:0 8px 28px #0006;min-width:240px}#bg-grid-popup.open{display:block}#bg-grid-popup label{font-size:10px;color:var(--text2);font-family:var(--mono);display:flex;align-items:center;gap:8px;margin-bottom:8px}#bg-grid-popup input[type=color]{width:28px;height:24px;border:none;border-radius:3px;cursor:pointer;padding:0;background:none;flex-shrink:0}#bg-grid-popup input[type=range]{flex:1;min-width:80px}#bg-grid-popup input[type=number]{width:46px;height:22px;border:1px solid var(--border2);border-radius:3px;background:var(--surface3);color:var(--text1);font-family:var(--mono);font-size:10px;text-align:center;padding:0 2px;flex-shrink:0}#bg-grid-popup .bg-grid-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}#bg-grid-popup .bg-grid-row label{margin:0;flex-shrink:0;min-width:80px}#bg-grid-popup .bg-grid-val{font-size:10px;color:var(--text3);font-family:var(--mono);min-width:30px;text-align:right}.bg-color-row{display:flex;align-items:center;gap:6px;padding:6px 10px 8px}.bg-color-swatch{width:20px;height:20px;border-radius:3px;border:1px solid var(--border2);cursor:pointer;flex-shrink:0;transition:transform .1s}.bg-color-swatch:hover{transform:scale(1.12)}.bg-color-label{font-size:10px;color:var(--text2);font-family:var(--mono);flex:1}.btn-transparent-bg{padding:3px 7px;font-size:9px;font-family:var(--mono);background:var(--surface);border:1px solid var(--border2);border-radius:3px;color:var(--text2);cursor:pointer;display:flex;align-items:center;gap:4px;transition:border-color .1s,color .1s,background .1s;white-space:nowrap}.btn-transparent-bg:hover{border-color:var(--copper);color:var(--copper)}.btn-transparent-bg.active{border-color:var(--copper);color:var(--copper);background:var(--copper-glow)}#bg-color-input{display:none}.vid-ctrl{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:4px;opacity:0;transition:opacity .15s;z-index:5;pointer-events:auto}.mb-item:hover .vid-ctrl,.mb-item.selected .vid-ctrl{opacity:1}.vid-btn{background:#000000a6;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;cursor:pointer;font-size:11px;padding:2px 7px;line-height:1.4;transition:background .1s}.vid-btn:hover{background:#b87333cc}.vid-btn.active{background:#b8733380;border-color:var(--copper)}#toolbar{position:fixed;bottom:12px;left:50%;transform:translate(-50%);width:auto;max-width:calc(100vw - 16px);height:var(--layout-bar-size);max-height:none;background:var(--surface2);border:1px solid var(--border2);border-radius:16px;box-shadow:0 8px 32px #0006,0 2px 8px #00000038;display:flex;flex-direction:row;align-items:center;padding:0 6px;gap:2px;z-index:300;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}body.hide-ui #toolbar,body.hide-ui-noad #toolbar{display:none!important}#toolbar::-webkit-scrollbar{display:none}@media (max-width: 600px),(pointer: coarse) and (max-width: 900px){#toolbar{bottom:8px;padding:0 4px;border-radius:12px}.tool-btn{width:36px;height:36px}.tool-sep{width:1px;height:20px;margin:0 3px}.fp{max-height:calc(100vh - 120px);overflow-y:auto}}@media (orientation: portrait){#toolbar{display:flex!important}#toolbar .tool-sep{width:1px!important;height:24px!important;margin:0 4px!important}.fp{left:12px!important;bottom:calc(var(--layout-bar-size) + 16px)!important;top:auto!important}}.tool-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#3b7fd414;border:1px solid rgba(59,127,212,.32);border-radius:var(--radius);color:#6aaae8;cursor:pointer;transition:background .12s,color .12s,border-color .12s;position:relative}.tool-btn:hover{background:#3b7fd438;border-color:#3b7fd4a6;color:#9dcaf5}.tool-btn.active{background:#3b7fd459;border-color:#3b7fd4d9;color:#c2e0ff}.tool-btn svg{pointer-events:none}.tool-sep{width:1px;height:24px;background:var(--border);margin:0 3px;flex-shrink:0}.fp{position:fixed;right:8px;top:calc(var(--menubar-h) + 60px);left:auto;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;box-shadow:0 8px 28px #00000073;z-index:400;min-width:220px;max-width:270px;display:none;flex-direction:column;overflow:hidden}.fp.open{display:flex}.fp-title{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text1);padding:9px 10px 8px 14px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;cursor:move;-webkit-user-select:none;user-select:none}.fp-title button{background:none;border:none;color:var(--text2);cursor:pointer;font-size:15px;padding:0 3px;line-height:1}.fp-title button:hover{color:var(--text1)}.fp-burger-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:14px;padding:0 4px;line-height:1;flex-shrink:0}.fp-burger-btn:hover{color:var(--text1)}.fp-burger-menu{display:none;position:absolute;top:32px;left:6px;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;box-shadow:0 4px 16px #0006;z-index:10002;min-width:140px;padding:4px 0}.fp-burger-menu.open{display:block}.fp-burger-item{padding:6px 14px;font-size:11px;font-family:var(--mono);color:var(--text1);cursor:pointer;white-space:nowrap}.fp-burger-item:hover{background:var(--copper-glow);color:var(--copper)}#menu-bar{display:none!important}.burger-btn{position:fixed;bottom:calc(var(--bottom-h, 44px) + 10px);left:10px;z-index:10050;width:36px;height:36px;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;padding:0;box-shadow:0 2px 8px #0006}.burger-btn:hover{background:var(--copper-glow);border-color:var(--copper)}.burger-icon{display:flex;flex-direction:column;gap:4px;pointer-events:none}.burger-icon span{display:block;width:16px;height:2px;background:var(--text2);border-radius:1px;transition:background .15s}.burger-btn:hover .burger-icon span{background:var(--copper)}.burger-drawer{position:fixed;bottom:calc(var(--bottom-h, 44px) + 54px);left:10px;z-index:10049;width:240px;max-height:calc(100dvh - var(--bottom-h, 44px) - 80px);overflow-y:auto;overflow-x:hidden;background:var(--surface2);border:1px solid var(--border2);border-radius:10px;box-shadow:0 8px 32px #0009;padding:4px 0 8px;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;-webkit-user-select:none;user-select:none}.burger-drawer::-webkit-scrollbar{width:4px}.burger-drawer::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.burger-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 6px;border-bottom:1px solid var(--border);margin-bottom:4px}.burger-title{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--copper);letter-spacing:.04em}.burger-close{background:none;border:none;color:var(--text3);cursor:pointer;font-size:13px;padding:0 2px;line-height:1}.burger-close:hover{color:var(--text1)}.burger-section-header{padding:6px 12px 2px;font-size:9px;font-family:var(--mono);color:var(--copper);letter-spacing:.08em;text-transform:uppercase;opacity:.75;pointer-events:none;-webkit-user-select:none;user-select:none}.burger-item{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 6px 16px;font-size:12px;font-family:var(--sans);color:var(--text1);cursor:pointer;gap:8px;white-space:nowrap;position:relative}.burger-item:hover{background:var(--copper-glow);color:var(--copper)}.burger-item.burger-danger{color:var(--danger)}.burger-item.burger-danger:hover{background:#c450501f;color:var(--danger)}.burger-item.burger-disabled{opacity:.4;pointer-events:none}.burger-item kbd{font-size:9px;color:var(--text3);font-family:var(--mono);margin-left:auto;flex-shrink:0}.burger-sep{height:1px;background:var(--border);margin:3px 8px}.burger-submenu-toggle{cursor:pointer}.burger-arrow{font-size:14px;color:var(--text3);margin-left:auto}.burger-submenu{position:absolute;left:100%;top:0;z-index:10051;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;box-shadow:0 4px 20px #00000080;padding:4px 0;min-width:200px}.burger-item.panel-open{color:var(--copper);background:var(--copper-glow)}.burger-item.panel-open:before{content:"●";font-size:7px;margin-right:6px;opacity:.8}.mbar-item{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 6px 16px;font-size:12px;color:var(--text1);cursor:pointer}.mbar-item:hover{background:var(--copper-glow);color:var(--copper)}.mbar-item.panel-open{color:var(--copper);background:var(--copper-glow)}.mb-sep{height:1px;background:var(--border);margin:3px 0}#top-bar{position:fixed;top:calc(var(--menubar-h) + 10px);left:12px;right:8px;transform:none;height:auto;max-width:none;background:var(--surface2);border:1px solid var(--border2);border-radius:16px;box-shadow:0 8px 32px #0006,0 2px 8px #00000038;display:flex;align-items:center;padding:4px 8px;gap:4px;z-index:350;flex-shrink:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}#top-bar::-webkit-scrollbar{display:none}#top-bar-logo{display:flex;align-items:center;gap:7px;padding:0 8px 0 4px;border-right:1px solid var(--border2);margin-right:4px;height:100%;cursor:pointer;flex-shrink:0}#top-bar-logo span{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text1);letter-spacing:.02em;white-space:nowrap}.tb-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#3b7fd414;border:1px solid rgba(59,127,212,.32);border-radius:var(--radius);color:#6aaae8;cursor:pointer;transition:background .12s,color .12s,border-color .12s;position:relative;flex-shrink:0}.tb-icon-btn:hover{background:#3b7fd438;border-color:#3b7fd4a6;color:#9dcaf5}.tb-icon-btn.active{background:#3b7fd459;border-color:#3b7fd4d9;color:#c2e0ff}.tb-icon-btn svg{pointer-events:none}.tb-undo-redo{width:auto!important;padding:0 8px!important;gap:4px;font-size:10px;font-family:var(--mono);color:var(--text2)}.tb-undo-redo span{font-size:10px;font-family:var(--mono)}.tb-sep{width:1px;height:22px;background:var(--border2);margin:0 3px;flex-shrink:0}.tb-align-group{display:flex;align-items:center;gap:1px}#app{padding-top:var(--menubar-h)}body.hide-ui-noad #top-bar,body.hide-ui #top-bar{display:none!important}.tb-icon-btn.has-open{background:#3b7fd42e;border-color:#3b7fd480;color:var(--copper)}#topbar-obj-flyout .tb-icon-btn.active,#topbar-fx-flyout .tb-icon-btn.active{background:#3b7fd459;border-color:#3b7fd4d9;color:#c2e0ff}body.basic-mode #topbar-round-corners,body.basic-mode #mb-merge,body.basic-mode #mb-collage,body.basic-mode #mb-rotate-cw,body.basic-mode #mb-rotate-ccw,.basic-only-btn{display:none!important}body.basic-mode .basic-only-btn{display:flex!important}#mbe-pro-toggle.is-pro{border-color:#e8a030}#mbe-pro-toggle.is-pro #mbe-pro-label{color:#e8a030}.burger-item{padding:8px 16px;font-size:11px;color:var(--text1);font-family:var(--sans);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .1s}.burger-item:hover{background:var(--surface3)}.burger-item kbd{margin-left:auto;font-size:9px;color:var(--text3);font-family:var(--mono);background:var(--surface);padding:2px 4px;border-radius:3px;border:1px solid var(--border2)}.burger-sep{height:1px;background:var(--border);margin:3px 0}@media (max-width: 700px){.tb-logo-name{display:none}}@media (max-width: 500px){.tb-sep{display:none}}#js-tooltip{position:fixed;background:var(--surface3);border:1px solid var(--border2);color:var(--text1);font-size:11px;font-family:var(--mono);padding:4px 9px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:9999;opacity:0;transition:opacity .12s;max-width:260px}#js-tooltip.show{opacity:1}.dev-submenu-toggle{display:flex;align-items:center;justify-content:space-between}.dev-sub-arrow{font-size:14px;opacity:.6;flex-shrink:0}.dev-submenu-popup .mbar-item{padding:6px 14px;white-space:nowrap;font-size:11px}.dev-submenu-popup .mb-sep{margin:3px 8px}.dev-submenu-popup{scrollbar-width:thin}@media (pointer: coarse){#topbar-multiselect{display:flex!important;align-items:center}}@media (max-width: 600px) and (orientation: portrait){#top-bar{left:8px!important;right:8px!important;transform:none!important}#toolbar,html[data-ad-mode="0"] #toolbar{bottom:92px!important}html:not([data-ad-mode="0"]) #toolbar{bottom:8px!important}}@media (min-width: 601px) and (max-width: 1100px) and (orientation: portrait){#top-bar{left:12px!important;right:12px!important}#toolbar{left:50%!important;transform:translate(-50%)!important;bottom:calc(var(--layout-bar-size) + 12px)!important}html[data-ad-mode="1"] #toolbar,html[data-ad-mode="2"] #toolbar{bottom:12px!important;right:192px!important;left:12px!important;transform:none!important;max-width:calc(100vw - 204px)!important}}ARCHITECTURE - Photopea-style pure JS: - applyAdMode() dans ads.js positionne #ad-panel via element.style - applyAdMode() repositionne aussi #menu-bar,#top-bar,#toolbar,.fp en JS - Ce fichier NE contient PLUS aucun override right/bottom sur les éléments fixed - Pas de --ad-w / --ad-h CSS variables pour le layout ═══════════════════════════════════════════════════════════════ */ #ad-panel{background:var(--ad-bg);display:none;box-sizing:border-box;border-color:var(--border);overflow:hidden}html.is-rotating #ad-panel{opacity:0;pointer-events:none}#ad-consent-row{margin-top:auto;width:100%;flex-shrink:0;display:none;flex-direction:column;align-items:center;padding:4px 4px 6px;gap:2px}html[data-ad-mode="99"] #ad-panel,body.no-ad #ad-panel{display:none!important}.ad-slot-wrap{width:100%;overflow:hidden}html[data-ad-mode="0"] .ad-slot-wrap{flex:1;max-height:70px}html[data-ad-mode="1"] .ad-slot-wrap{max-height:620px}html[data-ad-mode="2"] .ad-slot-wrap{max-height:270px}#ad-fallback{display:none;flex-direction:column;align-items:center;width:100%;text-align:center;padding:8px 4px;gap:6px}html[data-ad-mode="0"] #ad-fallback{display:none!important}:root{--ctb-h: 52px;--ccb-h: 42px;--csb-w: 68px;--cdw-w: 300px;--czb-h: 40px;--menubar-h: var(--ctb-h);--topbar-h: var(--ctb-h)}#canva-topbar{position:fixed;top:0;left:0;right:0;height:var(--ctb-h);background:linear-gradient(90deg,#6d28d9,#7c3aed);display:flex;align-items:center;gap:0;padding:0 10px 0 0;z-index:500;flex-shrink:0;overflow:visible;box-shadow:0 1px #00000040}.ctb-logo{width:52px;height:var(--ctb-h);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s;border-right:1px solid rgba(255,255,255,.12)}.ctb-logo:hover{background:#ffffff1f}.ctb-menus{display:flex;align-items:center;height:100%;flex-shrink:0;padding:0 4px}.ctb-menu-wrap{position:relative;height:100%;display:flex;align-items:center}.ctb-menu-btn{height:34px;padding:0 12px;background:transparent;border:none;color:#ffffffeb;font-size:13px;font-family:var(--sans);cursor:pointer;border-radius:6px;transition:background .12s;white-space:nowrap;display:flex;align-items:center}.ctb-menu-btn:hover,.ctb-menu-btn.active{background:#ffffff2e}.ctb-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--surface2, #1e1c19);border:1px solid var(--border2, #3a3630);border-radius:8px;min-width:220px;padding:4px 0;box-shadow:0 8px 32px #00000073;z-index:600}html[data-theme=light] .ctb-dropdown{background:#fff;border-color:#e5e7eb;box-shadow:0 8px 32px #00000026}.ctb-dd-item{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:13px;color:var(--text1);cursor:pointer;white-space:nowrap;gap:12px;transition:background .1s}.ctb-dd-item:hover{background:var(--surface3, #252320)}html[data-theme=light] .ctb-dd-item:hover{background:#f3f4f6}.ctb-dd-kbd{font-size:11px;color:var(--text3);font-family:var(--mono)}.ctb-dd-sep{height:1px;background:var(--border2);margin:4px 0}.ctb-dd-sub{position:relative}.ctb-dd-arrow{margin-left:auto;color:var(--text3)}.ctb-submenu{position:absolute;left:100%;top:0;background:var(--surface2, #1e1c19);border:1px solid var(--border2);border-radius:8px;min-width:200px;padding:4px 0;box-shadow:0 8px 32px #00000073;z-index:700}html[data-theme=light] .ctb-submenu{background:#fff;border-color:#e5e7eb}.ctb-sep{width:1px;height:22px;background:#fff3;margin:0 6px;flex-shrink:0}.ctb-btn{height:32px;min-width:32px;padding:0 8px;border:none;border-radius:6px;background:transparent;color:#ffffffe6;font-size:13px;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background .12s;flex-shrink:0;white-space:nowrap}.ctb-btn:hover{background:#ffffff2e}.ctb-btn.ctb-btn-dim{opacity:.4}.ctb-btn.ctb-btn-dim:hover{opacity:.6;background:transparent}.ctb-title{flex:1;min-width:0;text-align:center;font-size:14px;font-weight:500;color:#fffffff2;cursor:text;padding:5px 12px;border-radius:6px;outline:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:background .12s}.ctb-title:hover{background:#ffffff1a}.ctb-title:focus{background:#ffffff2e}.ctb-right{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.ctb-export-btn{height:32px;padding:0 16px;background:#fffffff2;color:#6d28d9;border:none;border-radius:7px;font-size:13px;font-weight:700;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .12s,transform .1s;flex-shrink:0;white-space:nowrap}.ctb-export-btn:hover{background:#fff;transform:translateY(-1px)}.ctb-zoom-btn{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#ffffffe6;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s}.ctb-zoom-btn:hover{background:#ffffff40}.ctb-zoom-input{font-family:var(--mono);font-size:11px;color:#ffffffe6;width:44px;text-align:center;padding:3px 2px;border-radius:4px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);outline:none;transition:background .1s;cursor:text}.ctb-zoom-input:focus{background:#ffffff38}.ctb-pro-toggle{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);border-radius:7px;color:#ffffffe6;font-size:10px;font-family:var(--mono);font-weight:700;cursor:pointer;padding:5px 10px;height:30px;white-space:nowrap;flex-shrink:0;letter-spacing:.05em;transition:background .12s}.ctb-pro-toggle:hover{background:#ffffff38}#top-bar,#menu-bar{display:none!important}#canva-ctxbar{position:fixed;top:var(--ctb-h);left:calc(var(--csb-w) + var(--cdw-open, 0px));right:var(--ad-w, 0px);height:var(--ccb-h);background:var(--surface2, #1e1c19);border-bottom:1px solid var(--border2, #3a3630);display:flex;align-items:center;gap:2px;padding:0 10px;z-index:480;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}#canva-ctxbar::-webkit-scrollbar{display:none}html[data-theme=light] #canva-ctxbar{background:#fff;border-bottom-color:#e5e7eb}.ccb-sep{width:1px;height:22px;background:var(--border2);margin:0 4px;flex-shrink:0}.ccb-btn{height:30px;padding:0 8px;border:none;border-radius:6px;background:transparent;color:var(--text1);font-size:12px;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .12s;white-space:nowrap;flex-shrink:0}.ccb-btn:hover{background:var(--surface3, #252320)}.ccb-btn.active{background:#7c3aed38;color:#a78bfa}html[data-theme=light] .ccb-btn:hover{background:#f3f4f6}html[data-theme=light] .ccb-btn.active{background:#ede9fe;color:#7c3aed}.ccb-font-select{height:30px;border:1px solid var(--border2);border-radius:6px;padding:0 8px;font-size:13px;background:var(--surface3);color:var(--text1);cursor:pointer;min-width:130px;flex-shrink:0}html[data-theme=light] .ccb-font-select{background:#f9fafb;border-color:#d1d5db;color:#111}.ccb-size-input{height:30px;width:52px;border:1px solid var(--border2);border-radius:6px;text-align:center;font-size:13px;background:var(--surface3);color:var(--text1);outline:none;flex-shrink:0;-moz-appearance:textfield}.ccb-size-input::-webkit-outer-spin-button,.ccb-size-input::-webkit-inner-spin-button{-webkit-appearance:none}html[data-theme=light] .ccb-size-input{background:#f9fafb;border-color:#d1d5db;color:#111}.ccb-color-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--border2);cursor:pointer;flex-shrink:0;transition:border-color .12s}.ccb-color-dot:hover{border-color:var(--copper)}.ccb-slider{width:80px;flex-shrink:0}.ccb-val{font-size:12px;color:var(--text3);min-width:34px;flex-shrink:0;font-family:var(--mono)}.ccb-label{font-size:12px;color:var(--text3);white-space:nowrap;flex-shrink:0}#canva-sidebar{position:fixed;top:var(--ctb-h);left:0;bottom:0;width:var(--csb-w);background:var(--surface2, #1e1c19);border-right:1px solid var(--border2, #3a3630);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;z-index:450;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}#canva-sidebar::-webkit-scrollbar{display:none}html[data-theme=light] #canva-sidebar{background:#f9fafb;border-right-color:#e5e7eb}.csb-item{width:60px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;border-radius:8px;background:transparent;color:var(--text2);cursor:pointer;transition:background .12s,color .12s;flex-shrink:0}.csb-item:hover{background:var(--surface3, #252320);color:var(--text1)}.csb-item.active{background:#7c3aed38;color:#a78bfa}html[data-theme=light] .csb-item:hover{background:#f3f4f6;color:#111827}html[data-theme=light] .csb-item.active{background:#ede9fe;color:#7c3aed}.csb-label{font-size:10px;font-weight:500;text-align:center;line-height:1.2;pointer-events:none}.csb-sep{width:40px;height:1px;background:var(--border2);margin:4px 0;flex-shrink:0}html[data-theme=light] .csb-sep{background:#e5e7eb}#canva-drawer{position:fixed;top:var(--ctb-h);left:var(--csb-w);bottom:0;width:0;overflow:hidden;transition:width .22s cubic-bezier(.25,.46,.45,.94);background:var(--surface, #161513);border-right:1px solid var(--border2);z-index:440;display:flex;flex-direction:column}#canva-drawer.open{width:var(--cdw-w)}html[data-theme=light] #canva-drawer{background:#fff;border-right-color:#e5e7eb}.cdw-inner{width:var(--cdw-w);flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.cdw-inner::-webkit-scrollbar{width:4px}.cdw-inner::-webkit-scrollbar-track{background:transparent}.cdw-inner::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.cdw-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid var(--border, #2a2720);flex-shrink:0}html[data-theme=light] .cdw-head{border-bottom-color:#f3f4f6}.cdw-title{font-size:14px;font-weight:700;color:var(--text1)}.cdw-head-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s}.cdw-head-btn:hover{background:var(--surface3);color:var(--text1)}.cdw-search-wrap{display:flex;align-items:center;gap:8px;margin:10px 14px 6px;background:var(--surface3, #252320);border:1px solid var(--border2);border-radius:8px;padding:0 10px;flex-shrink:0}html[data-theme=light] .cdw-search-wrap{background:#f3f4f6;border-color:#d1d5db}.cdw-search-wrap svg{color:var(--text3);flex-shrink:0}.cdw-search{flex:1;border:none;background:transparent;padding:8px 0;font-size:13px;color:var(--text1);outline:none;font-family:var(--sans)}.cdw-search::placeholder{color:var(--text3)}.cdw-tabs{display:flex;border-bottom:1px solid var(--border, #2a2720);padding:0 14px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.cdw-tabs::-webkit-scrollbar{display:none}html[data-theme=light] .cdw-tabs{border-bottom-color:#e5e7eb}.cdw-tab{padding:8px 10px;font-size:12px;font-weight:500;color:var(--text3);cursor:pointer;border:none;border-bottom:2px solid transparent;background:transparent;transition:color .12s,border-color .12s;white-space:nowrap;margin-bottom:-1px}.cdw-tab:hover{color:var(--text1)}.cdw-tab.active{color:#a78bfa;border-bottom-color:#7c3aed}html[data-theme=light] .cdw-tab.active{color:#7c3aed}.cdw-section{padding:12px 14px 6px;flex-shrink:0}.cdw-section-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cdw-see-all{font-size:11px;color:#a78bfa;cursor:pointer;text-transform:none;letter-spacing:0;font-weight:500}.cdw-see-all:hover{text-decoration:underline}html[data-theme=light] .cdw-see-all{color:#7c3aed}.cdw-action-row{display:flex;gap:6px;padding:4px 14px 8px;flex-wrap:wrap}.cdw-action-btn{flex:1;min-width:80px;padding:9px 10px;background:var(--surface3, #252320);border:1px solid var(--border2);border-radius:8px;color:var(--text1);font-size:12px;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .12s,border-color .12s}.cdw-action-btn:hover{background:var(--surface2);border-color:var(--copper)}.cdw-action-btn.cdw-primary{background:#7c3aed;border-color:#6d28d9;color:#fff;font-weight:600}.cdw-action-btn.cdw-primary:hover{background:#6d28d9;border-color:#5b21b6}.cdw-action-btn.cdw-full{width:100%}html[data-theme=light] .cdw-action-btn{background:#f3f4f6;border-color:#d1d5db;color:#111}html[data-theme=light] .cdw-action-btn:hover{background:#e5e7eb;border-color:#7c3aed}.cdw-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cdw-media-item{background:var(--surface3, #252320);border-radius:6px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;transition:border-color .12s,background .12s;color:var(--text3)}.cdw-media-item:hover{border-color:#7c3aed;background:#7c3aed26}html[data-theme=light] .cdw-media-item{background:#f3f4f6}.cdw-shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.cdw-shape-item{background:var(--surface3, #252320);border-radius:6px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;color:var(--text1);transition:background .12s,border-color .12s}.cdw-shape-item:hover{background:#7c3aed33;border-color:#7c3aed}html[data-theme=light] .cdw-shape-item{background:#f3f4f6}.cdw-text-style{display:block;width:100%;padding:10px 12px;background:transparent;border:1px solid var(--border2);border-radius:8px;color:var(--text1);cursor:pointer;margin-bottom:6px;text-align:left;font-family:var(--sans);line-height:1.3;transition:border-color .12s,background .12s}.cdw-text-style:hover{border-color:#7c3aed;background:#7c3aed14}html[data-theme=light] .cdw-text-style{background:#fff;border-color:#d1d5db;color:#111}.cdw-fx-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border, #2a2720)}.cdw-fx-row:last-child{border-bottom:none}html[data-theme=light] .cdw-fx-row{border-bottom-color:#f3f4f6}.cdw-fx-label{font-size:12px;color:var(--text2);flex:1}.cdw-fx-slider{width:90px;flex-shrink:0}.cdw-fx-val{font-size:11px;color:var(--text3);min-width:24px;text-align:right;font-family:var(--mono)}.cdw-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.cdw-filter-item{padding:7px 4px;background:var(--surface3);border:1px solid transparent;border-radius:6px;font-size:11px;text-align:center;cursor:pointer;color:var(--text2);transition:background .12s,border-color .12s}.cdw-filter-item:hover{background:#7c3aed26;border-color:#7c3aed;color:var(--text1)}.cdw-filter-item.active{background:#7c3aed40;border-color:#7c3aed;color:#c4b5fd}html[data-theme=light] .cdw-filter-item{background:#f3f4f6;color:#6b7280}html[data-theme=light] .cdw-filter-item.active{background:#ede9fe;color:#7c3aed;border-color:#7c3aed}.cdw-items-list{flex:1;display:flex;flex-direction:column;gap:2px;padding:4px 6px;min-height:80px}.cdw-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.cdw-format-item{padding:8px 10px;background:var(--surface3);border:1px solid var(--border2);border-radius:6px;font-size:11px;cursor:pointer;color:var(--text2);text-align:left;transition:background .12s,border-color .12s}.cdw-format-item:hover{background:#7c3aed26;border-color:#7c3aed;color:var(--text1)}.cdw-format-item.active{background:#7c3aed40;border-color:#7c3aed;color:#c4b5fd}html[data-theme=light] .cdw-format-item{background:#f3f4f6;color:#374151}html[data-theme=light] .cdw-format-item.active{background:#ede9fe;color:#7c3aed;border-color:#7c3aed}.cdw-dim-row{display:flex;align-items:flex-end;gap:8px}.cdw-dim-field{flex:1}.cdw-dim-field label{display:block;font-size:11px;color:var(--text3);margin-bottom:4px}.cdw-dim-input{width:100%;padding:7px 8px;border:1px solid var(--border2);border-radius:6px;background:var(--surface3);color:var(--text1);font-size:13px;outline:none;font-family:var(--sans)}.cdw-dim-input:focus{border-color:#7c3aed}html[data-theme=light] .cdw-dim-input{background:#f9fafb;border-color:#d1d5db;color:#111}.cdw-dim-x{font-size:16px;color:var(--text3);padding-bottom:6px;flex-shrink:0}.cdw-opt-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:13px;color:var(--text1);border-bottom:1px solid var(--border, #2a2720)}.cdw-opt-row:last-child{border-bottom:none}html[data-theme=light] .cdw-opt-row{border-bottom-color:#f3f4f6}.cdw-color-swatch{width:28px;height:28px;background:var(--bg-color, #1a1816);border-radius:6px;border:1px solid var(--border2);cursor:pointer;transition:border-color .12s}.cdw-color-swatch:hover{border-color:#7c3aed}.cdw-toggle{width:38px;height:21px;background:var(--border2);border-radius:11px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.cdw-toggle.on{background:#7c3aed}.cdw-toggle:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.cdw-toggle.on:after{transform:translate(17px)}.cdw-tools-grid{display:flex;flex-direction:column;gap:3px}.cdw-tool-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text2);cursor:pointer;font-size:13px;font-family:var(--sans);text-align:left;transition:background .12s,color .12s}.cdw-tool-item:hover{background:var(--surface3);color:var(--text1)}.cdw-tool-item.active{background:#7c3aed38;color:#a78bfa;border-color:#7c3aed66}html[data-theme=light] .cdw-tool-item:hover{background:#f3f4f6;color:#111}html[data-theme=light] .cdw-tool-item.active{background:#ede9fe;color:#7c3aed}.cdw-hint{font-size:12px;color:var(--text3);padding:8px 14px;line-height:1.5}.cdw-collapse-btn{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:22px;height:40px;background:var(--surface2);border:1px solid var(--border2);border-left:none;border-radius:0 6px 6px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);z-index:441;transition:background .12s,color .12s}.cdw-collapse-btn:hover{background:var(--surface3);color:var(--text1)}#canva-zoombar{position:fixed;bottom:0;left:var(--csb-w);right:var(--ad-w, 0px);height:var(--czb-h);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:420;pointer-events:none;background:var(--surface, #161513);border-top:1px solid var(--border, #2a2825)}#canva-zoombar>*{pointer-events:auto}.czb-zoom-group{display:flex;align-items:center;gap:3px;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:4px 6px;box-shadow:0 2px 8px #00000040}html[data-theme=light] .czb-zoom-group{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.czb-btn{width:24px;height:24px;border-radius:5px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:16px;transition:background .12s,color .12s}.czb-btn:hover{background:var(--surface3);color:var(--text1)}.czb-zoom-pct{font-size:12px;font-weight:500;color:var(--text2);padding:0 6px;min-width:44px;text-align:center;cursor:pointer;background:none;border:none;font-family:var(--mono);transition:color .12s}.czb-zoom-pct:hover{color:#a78bfa}.czb-sep{width:1px;height:16px;background:var(--border2);margin:0 3px;flex-shrink:0}.czb-timer-group{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;padding:4px 10px;box-shadow:0 2px 8px #00000040;transition:border-color .2s}.czb-timer-group.running{border-color:#7c3aed80}.czb-timer-group.low{border-color:#ef444499;animation:timer-pulse 1s ease infinite}@keyframes timer-pulse{0%,to{box-shadow:0 2px 8px #ef444433}50%{box-shadow:0 2px 16px #ef444480}}.czb-timer-group svg{color:var(--text3);flex-shrink:0}html[data-theme=light] .czb-timer-group{background:#fff;border-color:#d1d5db}.czb-timer-display{background:none;border:none;font-family:var(--mono);font-size:14px;font-weight:600;color:var(--text1);cursor:pointer;padding:0 2px;letter-spacing:.08em;transition:color .12s;line-height:1}.czb-timer-display:hover{color:#a78bfa}.czb-timer-group.low .czb-timer-display{color:#f87171}.czb-timer-mode{font-size:10px;font-family:var(--mono);color:var(--text3);white-space:nowrap}.czb-timer-reset{width:20px;height:20px;border-radius:4px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);transition:background .12s,color .12s}.czb-timer-reset:hover{background:var(--surface3);color:var(--text1)}.czb-right-group{display:flex;align-items:center;gap:5px}.czb-pill-btn{height:30px;padding:0 10px;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;color:var(--text2);font-size:12px;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;gap:5px;box-shadow:0 2px 8px #00000040;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.czb-pill-btn:hover{background:var(--surface3);color:var(--text1);border-color:var(--copper)}html[data-theme=light] .czb-pill-btn{background:#fff;border-color:#d1d5db;color:#374151}#canvas-area{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important}#toolbar{display:none!important}body.ctx-active #canvas-area{top:var(--ccb-h)!important}#app{padding-top:var(--ctb-h)!important}#top-bar,#menu-bar,#burger-btn{display:none!important}@media (max-width: 900px){:root{--csb-w: 56px;--cdw-w: 260px}.ctb-menus{display:none}.ctb-title{font-size:13px}}@media (max-width: 600px){:root{--csb-w: 0px;--cdw-w: 260px}#canva-sidebar{display:none}#canva-drawer{left:0}.ctb-export-btn span{display:none}}[data-ad-mode="1"] #canva-zoombar,[data-ad-mode="2"] #canva-zoombar{right:var(--ad-w, 0px)}[data-ad-mode="0"] #canva-zoombar{bottom:88px}.czb-zoom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:90px;height:4px;border-radius:2px;background:var(--border2);outline:none;cursor:pointer;flex-shrink:0;transition:width .15s}.czb-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#7c3aed;cursor:pointer;box-shadow:0 1px 4px #0006;transition:transform .1s}.czb-zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.czb-zoom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#7c3aed;border:none;cursor:pointer}html[data-theme=light] .czb-zoom-slider{background:#d1d5db}.czb-zoom-step{width:26px!important;padding:0!important;font-size:16px!important;font-weight:500;justify-content:center}.cdw-font-select{width:100%;padding:8px 10px;background:var(--surface3);border:1px solid var(--border2);border-radius:8px;color:var(--text1);font-size:13px;font-family:var(--sans);cursor:pointer;outline:none}.cdw-font-select:focus{border-color:#7c3aed}html[data-theme=light] .cdw-font-select{background:#f9fafb;border-color:#d1d5db;color:#111}.cdw-text-controls{padding:0 0 4px}.cdw-text-size-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.cdw-text-style-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.cdw-style-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}.cdw-style-btn:hover{background:var(--surface3);color:var(--text1)}.cdw-style-btn.active{background:#7c3aed38;color:#a78bfa;border-color:#7c3aed80}html[data-theme=light] .cdw-style-btn{border-color:#d1d5db;color:#374151}html[data-theme=light] .cdw-style-btn.active{background:#ede9fe;color:#7c3aed;border-color:#7c3aed}body.hide-ui-fullscreen #canva-topbar,body.hide-ui-fullscreen #canva-sidebar,body.hide-ui-fullscreen #canva-zoombar,body.hide-ui-fullscreen #canva-ctxbar,body.hide-ui-fullscreen #canvas-info-bar,body.hide-ui-fullscreen .fp{display:none!important}