:root{color:#20222a;font-synthesis:none;text-rendering:optimizelegibility;--purple:#6f4be8;--purple-dark:#5d35cc;--purple-soft:#815ff0;--ink:#20222a;--muted:#6d7180;--line:#e4e5ec;--surface:#fff;--workspace:#2d2f35;--motricialy-header-height:66px;background:#f7f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app,.app *{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f7f7fb;min-width:320px}.app button,.app input,.app select{font:inherit}.app button{cursor:pointer}.app button:disabled{cursor:not-allowed;opacity:.45}.app h1{color:#1f2027;letter-spacing:-2.1px;margin:0;font-size:clamp(38px,5vw,64px);line-height:1.02}.motricialy-fallback-header{background:#fff;border-bottom:1px solid #ececf2}.motricialy-fallback-header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1200px,90%);min-height:66px;margin:0 auto;display:flex}.motricialy-fallback-header a{color:#333642;font-size:15px;font-weight:650;text-decoration:none}.motricialy-fallback-header .motricialy-fallback-brand{color:var(--purple-dark);letter-spacing:-.6px;font-size:25px;font-weight:800}.motricialy-fallback-nav{align-items:center;gap:20px;display:flex}.motricialy-fallback-footer{background:#fff;border-top:1px solid #ececf2}.motricialy-fallback-footer-inner{color:#777b88;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:28px;width:min(1200px,90%);min-height:150px;margin:0 auto;padding:28px 0;font-size:14px;display:grid}.motricialy-fallback-footer-brand{color:var(--purple-dark);font-size:22px;font-weight:800}.motricialy-fallback-footer-links{flex-wrap:wrap;gap:10px 22px;display:flex}.motricialy-fallback-footer a{color:#565b68;font-weight:650;text-decoration:none}.motricialy-fallback-footer a:hover{color:var(--purple-dark)}.motricialy-fallback-copyright{white-space:nowrap}.app{min-height:620px}.editor-intro{width:min(1200px,90%);margin:0 auto;padding:64px 0 48px}.intro-copy{max-width:800px;margin-bottom:28px}.eyebrow,.section-kicker{color:var(--purple-dark);text-transform:uppercase;letter-spacing:.11em;margin:0 0 10px;font-size:13px;font-weight:800}.intro-copy>p:last-child{color:#646875;max-width:760px;margin:18px 0 0;font-size:18px;line-height:1.65}.upload-zone{cursor:pointer;text-align:center;background:linear-gradient(#fff 0%,#fbfaff 100%);border:1px solid #dcd9eb;border-radius:24px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:335px;padding:42px 24px;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 18px 50px #211a4412}.upload-zone:hover,.upload-zone:focus-visible{border-color:#b9abec;box-shadow:0 22px 58px #4a35991c}.upload-zone:focus-visible{box-shadow:0 0 0 4px #6f4be829,0 22px 58px #4a35991c}.upload-icon{width:62px;height:62px;color:var(--purple-dark);background:#f0ecff;border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.upload-zone h2{letter-spacing:-.5px;margin:0 0 7px;font-size:24px}.upload-zone p{color:#777b89;margin:0 0 21px;font-size:16px}.primary-action{background:var(--purple);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:16px;font-weight:760;transition:background .16s,transform .16s;display:inline-flex}.primary-action:hover{background:var(--purple-dark)}.primary-action:active{transform:translateY(1px)}.upload-open-action{pointer-events:none}.upload-error{color:#a82e2e;margin-top:15px;font-size:14px;font-weight:700}.visually-hidden-input{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.privacy-note{color:#666b78;text-align:center;justify-content:center;align-items:flex-start;gap:9px;max-width:900px;margin:17px auto 0;font-size:15px;line-height:1.55;display:flex}.note-dot{background:var(--purple);border-radius:50%;flex:none;width:8px;height:8px;margin-top:7px}.content-section{width:min(1200px,90%);margin:0 auto;padding:70px 0}.content-section+.content-section{border-top:1px solid #eeeaf8}.content-section h2{letter-spacing:-1px;color:#22242b;margin:0 0 28px;font-size:clamp(28px,3vw,38px);line-height:1.12}.feature-section,.faq-section,.related-section{position:relative}.feature-section:before,.faq-section:before,.related-section:before{content:"";z-index:-1;background:linear-gradient(#fbfaff 0%,#f8f5ff 100%);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-grid article{background:#f7f3ff;border:1px solid #e2dcf5;border-radius:18px;min-height:178px;padding:26px;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 8px 24px #452d8b0a}.feature-grid article:after{content:"";background:#815ff017;border-radius:50%;width:78px;height:78px;transition:transform .16s,background .16s;position:absolute;top:-28px;right:-24px}.feature-grid article:hover{border-color:#b9a9ec;transform:translateY(-3px);box-shadow:0 14px 34px #452d8b1a}.feature-grid article:hover:after{background:#815ff024;transform:scale(1.08)}.feature-grid h3{z-index:1;color:#292b33;margin:0 0 9px;font-size:18px;position:relative}.feature-grid p{z-index:1;color:#666b78;margin:0;font-size:15px;line-height:1.6;position:relative}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{background:#fff;border:1px solid #e5e0f4;border-radius:17px;gap:16px;padding:24px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 8px 24px #452d8b08}.steps li:hover{border-color:#b9a9ec;transform:translateY(-3px);box-shadow:0 14px 34px #452d8b17}.steps>li>span{width:38px;height:38px;color:var(--purple-dark);background:#efeaff;border-radius:11px;flex:none;place-items:center;font-weight:850;display:grid}.steps strong{color:#292b33;margin-top:1px;font-size:17px;display:block}.steps p{color:#686d79;margin:6px 0 0;font-size:15px;line-height:1.58}.guidance-section{padding-top:62px;padding-bottom:62px}.guidance-panel{background:linear-gradient(135deg,#f5f0ff 0%,#fbf9ff 60%,#f0ebff 100%);border:1px solid #ddd4f6;border-radius:24px;padding:clamp(28px,5vw,50px)}.guidance-panel h2{max-width:780px;margin-bottom:16px}.guidance-panel>p:last-child{color:#626775;max-width:900px;margin:0;font-size:16px;line-height:1.7}.faq-list{gap:10px;display:grid}.faq-list details{background:#fff;border:1px solid #e4def4;border-radius:15px;transition:border-color .16s,background .16s,box-shadow .16s;overflow:hidden}.faq-list details:hover{background:#fbf9ff;border-color:#c8bbed}.faq-list details[open]{box-shadow:inset 4px 0 0 var(--purple);background:#f3eeff;border-color:#b7a6ea}.faq-list summary{cursor:pointer;color:#30323a;padding:19px 52px 19px 20px;font-size:16px;font-weight:760;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--purple-dark);font-size:23px;font-weight:500;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#636876;margin:0;padding:0 20px 20px;font-size:15px;line-height:1.65}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;display:grid}.related-card{min-height:92px;color:inherit;background:#fff;border:1px solid #e2dcf3;border-radius:15px;align-items:center;padding:18px 52px 18px 22px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative}.related-card:before{content:"";background:#d9cff8;border-radius:0 4px 4px 0;width:4px;transition:top .16s,bottom .16s,background .16s;position:absolute;top:17px;bottom:17px;left:0}.related-card:hover{border-color:#b9a9ec;transform:translateY(-2px);box-shadow:0 11px 26px #452d8b14}.related-card:hover:before{background:var(--purple);top:10px;bottom:10px}.related-copy{gap:4px;min-width:0;display:grid}.related-copy strong{color:#30323a;font-size:16px}.related-copy small{color:#717583;font-size:14px;line-height:1.45}.related-arrow{color:var(--purple-dark);font-size:20px;transition:transform .16s;position:absolute;right:22px}.related-card:hover .related-arrow{transform:translate(3px)}.app :is(a,button,input,select,textarea,summary):focus-visible{outline-offset:2px;outline:3px solid #6f4be852}@media (max-width:960px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr}}@media (max-width:620px){.motricialy-fallback-header-inner{width:92%;min-height:58px}.motricialy-fallback-header .motricialy-fallback-brand{font-size:22px}.motricialy-fallback-nav{display:none}.motricialy-fallback-footer-inner{grid-template-columns:1fr;align-items:start;gap:14px;width:92%;min-height:0;padding:28px 0}.motricialy-fallback-footer-links{gap:9px 18px}.editor-intro{width:92%;padding:42px 0 30px}.app h1{letter-spacing:-1.4px;font-size:40px}.intro-copy>p:last-child{font-size:16px;line-height:1.55}.upload-zone{border-radius:19px;min-height:285px;padding:32px 18px}.privacy-note{text-align:left;justify-content:flex-start;font-size:14px}.content-section{width:92%;padding:50px 0}.feature-grid,.related-grid{grid-template-columns:1fr}.feature-grid article,.steps li,.related-card{transform:none!important}.feature-grid article{min-height:0}.guidance-panel{border-radius:19px}}@media (prefers-reduced-motion:reduce){.upload-zone,.primary-action,.feature-grid article,.feature-grid article:after,.steps li,.faq-list details,.related-card,.related-card:before,.related-arrow{transition:none!important}.feature-grid article:hover,.steps li:hover,.related-card:hover{transform:none!important}}.app-has-document{background:linear-gradient(#faf9ff 0%,#f5f4fb 100%);padding:18px 0 24px}.editor-shell{width:calc(100% - 32px);height:calc(100dvh - var(--motricialy-header-height,66px) - 42px);color:#f4f4f6;isolation:isolate;background:#202228;border:1px solid #6f4be8b8;border-radius:16px;flex-direction:column;min-height:600px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 0 4px #6f4be80f,0 18px 48px #251d492e}.editor-menubar{background:#26282f;border-bottom:1px solid #353842;flex:0 0 54px;grid-template-columns:1fr minmax(180px,420px) 1fr;align-items:center;gap:12px;height:54px;padding:0 14px;display:grid}.menu-left{align-items:center;gap:2px;display:flex}.text-menu{color:#dadce3;background:0 0;border:0;border-radius:8px;min-height:36px;padding:0 10px;font-size:14px}.text-menu:hover:not(:disabled){color:#fff;background:#343640}.document-name-wrap{justify-content:center;min-width:0;display:flex}.document-name-input{color:#c8cbd3;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:8px;outline:0;width:min(100%,420px);min-width:0;height:32px;padding:0 10px;font-size:14px;font-weight:600}.document-name-input:hover{color:#fff;background:#2d2f37;border-color:#3f424c}.document-name-input:focus{color:#fff;background:#30323a;border-color:#7659d7;box-shadow:0 0 0 2px #6f4be82e}.editor-menubar>.primary-action{border-radius:9px;justify-self:end;min-height:36px;padding:0 15px;font-size:14px}.editor-main{flex:1;grid-template-columns:58px minmax(0,1fr) 294px;min-height:0;display:grid}.tool-rail{background:#25272e;border-right:1px solid #353842;padding:9px 7px}.tool-button{color:#aaadb7;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:44px;min-height:51px;font-size:10px;display:flex}.tool-button:hover{color:#fff;background:#343640}.tool-button.is-active{color:#fff;box-shadow:inset 3px 0 0 var(--purple-soft);background:#3c315f}.canvas-column{background:var(--workspace);grid-template-rows:44px minmax(0,1fr) 38px;min-width:0;min-height:0;display:grid}.context-bar{background:#2a2c33;border-bottom:1px solid #383a44;align-items:center;gap:18px;padding:0 14px;font-size:13px;display:flex}.context-title{color:#f4f4f6;align-items:center;gap:7px;font-weight:700;display:inline-flex}.context-hint{color:#9498a4}.canvas-viewport{touch-action:none;background:#2d2f35;min-height:0;position:relative;overflow:hidden}.canvas-viewport canvas{cursor:grab;width:100%;height:100%;display:block}.canvas-viewport.is-dragging canvas{cursor:grabbing}.status-bar{color:#aeb1bc;background:#272930;border-top:1px solid #3b3d47;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;display:flex}.zoom-controls{align-items:center;gap:5px;display:flex}.zoom-controls button{color:#b9bcc6;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.zoom-controls button:hover{color:#fff;background:#393b45}.zoom-input-wrap{color:#b9bcc6;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:1px;min-width:58px;height:28px;display:inline-flex}.zoom-input-wrap:hover{background:#30323a;border-color:#41444f}.zoom-input-wrap:focus-within{background:#30323a;border-color:#7659d7;box-shadow:0 0 0 2px #6f4be824}.zoom-input{color:#e5e7ec;text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:38px;min-width:0;height:24px;padding:0;font-size:12px}.zoom-input-wrap>span{text-align:left;color:#9ea2ad;min-width:12px;font-size:11px}.zoom-controls .fit-button{width:auto;padding:0 8px}.right-panel{background:#25272e;border-left:1px solid #353842;min-height:0;overflow:auto}.panel-heading{color:#f1f1f4;border-bottom:1px solid #363842;align-items:center;min-height:44px;padding:0 15px;font-size:13px;font-weight:760;display:flex}.layer-heading{border-top:1px solid #3a3c45}.properties-card{grid-template-columns:1fr 1fr;gap:9px;padding:13px;display:grid}.properties-card label{background:#2d2f37;border:1px solid #3b3d47;border-radius:8px;grid-template-columns:26px 1fr;align-items:center;display:grid;overflow:hidden}.properties-card label span{color:#9195a1;text-align:center;font-size:11px;font-weight:800}.properties-card input{color:#e8e9ed;background:#33353e;border:0;outline:0;width:100%;min-width:0;padding:8px;font-size:12px}.panel-empty{color:#9195a1;padding:14px;font-size:13px}.layer-list{padding:8px}.layer-row{color:#c9cbd2;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:49px;padding:5px 8px;display:flex}.layer-row:hover{background:#30323a}.layer-row.is-active{color:#fff;background:#3b3159;border-color:#7659c7;box-shadow:inset 3px 0 #815ff0,0 0 0 1px #815ff02e}.layer-thumb{color:#5f626d;background:#fff;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;display:grid}.layer-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.mobile-actions{display:none}.workspace-toast{z-index:10010;color:#9e2929;background:#fff0f0;border-radius:10px;max-width:min(520px,90vw);padding:11px 14px;font-size:14px;font-weight:700;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000038}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0b0e9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.export-dialog{color:#24262d;background:#fff;border-radius:18px;width:min(420px,100%);padding:22px;box-shadow:0 30px 90px #00000059}.dialog-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dialog-head h2{letter-spacing:-.6px;margin:0;font-size:25px}.dialog-close{color:#676b78;background:#f1f1f5;border:0;border-radius:9px;width:34px;height:34px;font-size:23px;line-height:1}.export-field{color:#4b4f5a;gap:8px;margin-top:24px;font-size:14px;font-weight:700;display:grid}.export-field select{color:#252730;background:#fff;border:1px solid #dcdde5;border-radius:10px;height:44px;padding:0 12px}.export-meta{color:#707481;background:#f6f5fa;border-radius:10px;justify-content:space-between;margin-top:13px;padding:12px;font-size:13px;display:flex}.export-meta strong{color:#2e3038}.export-button{width:100%;margin-top:18px}@media (max-width:960px){.app-has-document{padding:12px 0 18px}.editor-shell{width:calc(100% - 20px);height:calc(100dvh - var(--motricialy-header-height,66px) - 30px);border-radius:14px}.editor-main{grid-template-columns:54px minmax(0,1fr) 240px}.right-panel{font-size:12px}}@media (max-width:620px){.app-has-document{top:var(--motricialy-header-height,58px);z-index:50;background:#202228;padding:0;position:fixed;bottom:0;left:0;right:0}.editor-shell{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;margin:0}.editor-menubar{flex-basis:49px;grid-template-columns:1fr auto;height:49px;padding:0 9px}.menu-left .text-menu:first-child{display:none}.menu-left .text-menu{padding:0 7px;font-size:12px}.document-name-wrap{min-width:0;display:flex}.document-name-input{width:100%;height:30px;padding:0 6px;font-size:11px}.editor-menubar>.primary-action{min-height:34px;padding:0 11px}.editor-main{flex:1;min-height:0;padding-bottom:62px;display:block;position:relative}.tool-rail,.right-panel,.context-bar,.status-bar{display:none}.canvas-column{width:100%;height:100%;display:block}.canvas-viewport{width:100%;height:100%}.mobile-actions{z-index:5;background:#25272e;border-top:1px solid #3a3c45;grid-template-columns:repeat(4,1fr);height:62px;display:grid;position:absolute;bottom:0;left:0;right:0}.mobile-actions button{color:#aeb1bc;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;display:flex}.mobile-actions button.is-active{color:#fff;background:#362d50}}.context-bar{min-width:0}.context-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.context-button{color:#d9dbe2;background:#33353d;border:1px solid #464954;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.context-button:hover{color:#fff;background:#3b3d46;border-color:#656875}.context-button.is-primary{color:#fff;background:#6544d4;border-color:#7759dc}.context-button.icon-only{width:32px;padding:0}.context-button.light{color:#555965;background:#f5f5f8;border-color:#d9dbe4}.context-select-label{color:#aaaeba;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.context-select-label select{color:#f0f1f4;background:#33353d;border:1px solid #484b56;border-radius:8px;min-width:82px;height:30px;padding:0 8px;font-size:12px}.crop-context{gap:14px}.canvas-viewport.is-cropping canvas{cursor:default}.crop-frame{z-index:3;cursor:move;touch-action:none;border:2px solid #f4f1ff;position:absolute;box-shadow:0 0 0 9999px #0a0b0e8c,0 0 0 1px #6f4be8e6}.crop-grid{z-index:1;pointer-events:none;background:#ffffff7a;position:absolute}.crop-grid-v{width:1px;top:0;bottom:0}.crop-grid-v.one{left:33.333%}.crop-grid-v.two{left:66.666%}.crop-grid-h{height:1px;left:0;right:0}.crop-grid-h.one{top:33.333%}.crop-grid-h.two{top:66.666%}.crop-handle{z-index:4;touch-action:none;background:#fff;border:2px solid #6f4be8;border-radius:4px;width:16px;height:16px;padding:0;position:absolute;transform:translate(-50%,-50%)}.crop-handle-nw{cursor:nwse-resize;top:0;left:0}.crop-handle-ne{cursor:nesw-resize;top:0;left:100%}.crop-handle-sw{cursor:nesw-resize;top:100%;left:0}.crop-handle-se{cursor:nwse-resize;top:100%;left:100%}.zoom-controls .fit-button{grid-auto-flow:column;gap:5px;width:auto;min-width:48px;padding:0 8px;display:inline-flex}.image-actions-dialog{width:min(470px,100%)}.image-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.image-action-grid button{color:#32353e;text-align:left;background:#f8f8fb;border:1px solid #dedee7;border-radius:12px;align-items:center;gap:11px;min-height:64px;padding:0 15px;font-weight:750;display:flex}.image-action-grid button:hover{color:#5737bd;background:#f3efff;border-color:#c7bdf0}.resize-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.resize-dialog .export-field input{color:#252730;background:#fff;border:1px solid #dcdde5;border-radius:10px;width:100%;height:44px;padding:0 12px;font-size:15px}.resize-lock{color:#4b4f5a;cursor:pointer;align-items:center;gap:9px;margin-top:15px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.ui-checkbox-native{clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.ui-checkbox-visual{background:#fff;border:1.5px solid #aeb1bd;border-radius:5px;flex:0 0 18px;place-items:center;width:18px;height:18px;transition:background .14s,border-color .14s,box-shadow .14s;display:grid}.ui-checkbox-native:checked+.ui-checkbox-visual{background:#6f4be8;border-color:#6f4be8}.ui-checkbox-native:checked+.ui-checkbox-visual:after{content:"✓";color:#fff;font-size:13px;font-weight:900;line-height:1}.ui-checkbox-native:focus-visible+.ui-checkbox-visual{box-shadow:0 0 0 3px #6f4be833}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.dialog-actions .primary-action{min-height:40px}.crop-properties{padding-bottom:15px}@media (max-width:820px) and (min-width:621px){.context-hint{display:none}.context-image-actions .context-button:first-child{padding:0 8px}}@media (max-width:620px){.editor-menubar{grid-template-columns:1fr auto}.menu-left .text-menu:nth-child(3),.menu-left .text-menu:nth-child(4){display:none}.mobile-actions{grid-template-columns:repeat(6,1fr)}.crop-frame{border-width:2px}.crop-handle{width:20px;height:20px}.resize-grid{grid-template-columns:1fr;gap:0}.image-action-grid{grid-template-columns:1fr 1fr}.image-action-grid button{min-height:60px;padding:0 12px;font-size:13px}.canvas-column{position:relative}.crop-context{z-index:7;border:1px solid #454852;border-radius:12px;min-height:52px;padding:8px 10px;position:absolute;bottom:70px;left:8px;right:8px;box-shadow:0 10px 30px #00000052;display:flex!important}.crop-context .context-title{display:none}.crop-context .context-select-label{flex:none}.crop-context .context-actions{gap:6px}.crop-context .context-button{min-height:34px;padding:0 9px}}.adjust-panel{border-top:1px solid #3a3c45}.adjust-panel-head{color:#f1f1f4;border-bottom:1px solid #363842;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 13px 0 15px;font-size:13px;font-weight:760;display:flex}.adjust-reset{color:#aaaeba;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;min-height:28px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.adjust-reset:hover:not(:disabled){color:#fff;background:#343640}.adjust-group{border-bottom:1px solid #343741;padding:12px 13px 13px}.adjust-group h3{color:#8f93a0;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:800}.adjust-control{padding:6px 0 8px}.adjust-control-head{justify-content:space-between;align-items:center;gap:10px;min-height:29px;display:flex}.adjust-control-head label{color:#d9dbe2;min-width:0;font-size:13px;font-weight:650}.adjust-number{color:#eef0f4;text-align:right;font-variant-numeric:tabular-nums;background:#30323a;border:1px solid #41444f;border-radius:7px;outline:0;width:58px;height:28px;padding:0 7px;font-size:12px}.adjust-number:focus{border-color:#8063e4;box-shadow:0 0 0 2px #6f4be82e}.adjust-slider-row{grid-template-columns:28px minmax(0,1fr) 32px;align-items:center;gap:6px;display:grid}.adjust-end{color:#777c89;text-align:center;font-variant-numeric:tabular-nums;font-size:9px}.adjust-slider{cursor:pointer;appearance:none;background:0 0;width:100%;height:24px;margin:0}.adjust-slider::-webkit-slider-runnable-track{background:#464954;border-radius:999px;height:4px}.adjust-slider::-webkit-slider-thumb{appearance:none;background:#6f4be8;border:2px solid #f7f5ff;border-radius:999px;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #00000059}.adjust-slider::-moz-range-track{background:#464954;border:0;border-radius:999px;height:4px}.adjust-slider::-moz-range-thumb{background:#6f4be8;border:2px solid #f7f5ff;border-radius:999px;width:12px;height:12px;box-shadow:0 1px 4px #00000059}.adjust-slider:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #8f72ee}.adjustments-dialog{width:min(500px,100%);max-height:min(760px,88vh);overflow:auto}.adjustments-dialog .adjust-panel{background:#272930;border:1px solid #e4e2ec;border-radius:13px;margin:18px -8px -8px;overflow:hidden}.adjustments-dialog .adjust-panel-head{min-height:42px}.adjustments-dialog .adjust-group{padding-left:16px;padding-right:16px}.adjust-panel.is-compact .adjust-control-head label{font-size:14px}@media (min-width:1100px){.editor-main{grid-template-columns:58px minmax(0,1fr) 318px}}@media (max-width:620px){.mobile-actions{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-actions button{min-width:0}.adjustments-dialog{max-height:86vh;padding:18px}.adjustments-dialog .adjust-panel{margin-top:14px}.adjust-number{width:64px;height:32px;font-size:13px}.adjust-slider{height:30px}}.app button,.app input,.app select,.app textarea{font:inherit}.tool-divider{background:#3a3c45;height:1px;margin:7px 6px}.tool-rail{scrollbar-width:thin;overflow-y:auto}.canvas-viewport.tool-text canvas{cursor:text}.canvas-viewport.tool-shape canvas,.canvas-viewport.tool-brush canvas,.canvas-viewport.tool-eraser canvas,.canvas-viewport.tool-eyedropper canvas{cursor:crosshair}.creative-context{scrollbar-width:thin;gap:12px;overflow:auto hidden}.creative-context>*{flex:none}.context-color,.context-number{color:#aeb1bc;align-items:center;gap:7px;min-height:30px;font-size:11px;font-weight:750;display:inline-flex}.context-color>span,.context-number>span{color:#969aa6}.context-color input[type=color]{background:#33353d;border:1px solid #4a4d57;border-radius:7px;width:28px;height:28px;padding:2px}.context-color code{color:#e4e6eb;min-width:63px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.context-number input{color:#f0f1f4;text-align:right;background:#33353d;border:1px solid #484b56;border-radius:7px;outline:0;width:58px;height:29px;padding:0 7px;font-size:12px}.context-number input:focus{border-color:#8063e4;box-shadow:0 0 0 2px #6f4be829}.context-number em{color:#777c88;margin-left:-4px;font-size:10px;font-style:normal}.sampled-color{color:#e5e7ec;background:#33353d;border:1px solid #464954;border-radius:8px;align-items:center;gap:8px;min-height:30px;padding:0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:inline-flex}.sampled-color>span,.color-dot{border:1px solid #ffffff8c;border-radius:5px;width:16px;height:16px;box-shadow:0 0 0 1px #0003}.stroke-preview{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.shape-draft{z-index:4;pointer-events:none;opacity:.78;border-style:solid;position:absolute}.shape-draft.shape-ellipse{border-radius:999px}.shape-draft.shape-line,.shape-draft.shape-arrow{transform-origin:0;border-style:solid none none;border-bottom-width:0;border-bottom-color:currentColor;border-left-width:0;border-left-color:currentColor;border-right-width:0;border-right-color:currentColor;background:0 0!important;height:0!important}.status-bar{gap:14px}.status-color{color:#989ca7;align-items:center;gap:7px;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-flex}.layer-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.layer-type{color:#858996;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.layer-row.is-active .layer-type{color:#bfb4e9}.layer-thumb-text{color:#6841d8;background:#f5efff}.layer-thumb-shape{color:#2472a4;background:#eef8ff}.layer-thumb-drawing{color:#a95b1f;background:#fff3e9}.layer-thumb-raster{color:#5f626d;background:#fff}.creative-properties{border-top:1px solid #343741;gap:11px;padding:13px;display:grid}.creative-properties label{color:#a9adb8;gap:6px;font-size:11px;font-weight:750;display:grid}.creative-properties textarea,.creative-properties input[type=number],.creative-properties select{color:#eef0f4;background:#30323a;border:1px solid #41444f;border-radius:8px;outline:0;width:100%;min-width:0;padding:8px 9px;font-size:13px}.creative-properties textarea{resize:vertical;min-height:72px;line-height:1.4}.creative-properties textarea:focus,.creative-properties input:focus,.creative-properties select:focus{border-color:#8063e4;box-shadow:0 0 0 2px #6f4be82e}.property-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.property-color{align-items:center;grid-template-columns:1fr auto auto!important;gap:9px!important}.property-color>span{min-width:0}.property-color input[type=color]{background:#33353d;border:1px solid #484b56;border-radius:7px;width:34px;height:30px;padding:2px}.property-color code{color:#d9dbe2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}@media (max-width:1180px) and (min-width:621px){.creative-context .context-hint,.context-color code{display:none}.context-number input{width:52px}}@media (max-width:620px){.editor-main{padding-bottom:66px}.mobile-actions{scroll-snap-type:x proximity;scrollbar-width:none;height:66px;display:flex;overflow:auto hidden}.mobile-actions::-webkit-scrollbar{display:none}.mobile-actions button{scroll-snap-align:start;flex:0 0 62px;min-width:62px}.mobile-actions button:disabled{opacity:.32}.stroke-preview{z-index:6}}.shape-line-preview{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.filter-panel{border-top:1px solid #3a3c45}.filter-panel-head{color:#f1f1f4;border-bottom:1px solid #363842;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 13px 0 15px;font-size:13px;font-weight:760;display:flex}.filter-reset{color:#aaaeba;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;min-height:28px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.filter-reset:hover:not(:disabled){color:#fff;background:#343640}.filter-group{border-bottom:1px solid #343741;padding:12px 13px 14px}.filter-group h3{color:#8f93a0;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.filter-look-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.filter-look{color:#bfc2cb;text-align:center;background:#2e3038;border:1px solid #3f424c;border-radius:9px;gap:5px;min-width:0;padding:5px 5px 7px;font-size:10px;font-weight:700;transition:border-color .15s,background .15s,color .15s;display:grid}.filter-look:hover{color:#fff;background:#343640;border-color:#5a5d69}.filter-look.is-active{color:#fff;background:#3b3159;border-color:#8063e4;box-shadow:0 0 0 1px #815ff033}.filter-preview{background:linear-gradient(135deg,#6549e8 0 28%,#16ad87 28% 55%,#f1a238 55% 76%,#d44b72 76% 100%);border:1px solid #ffffff21;border-radius:6px;height:34px;overflow:hidden}.filter-preview-original{filter:none}.filter-preview-bw{filter:grayscale()contrast(1.08)}.filter-preview-sepia{filter:sepia(.95)saturate(.9)}.filter-preview-warm{filter:sepia(.22)saturate(1.12)hue-rotate(-7deg)brightness(1.03)}.filter-preview-cool{filter:saturate(1.06)hue-rotate(12deg)brightness(1.01)}.filter-preview-vintage{filter:sepia(.4)saturate(.72)contrast(.88)brightness(1.05)}.filter-preview-contrast{filter:contrast(1.48)saturate(1.08)}.filter-detail-group{padding-bottom:12px}.filter-control{padding:5px 0 10px}.filter-control-head{justify-content:space-between;align-items:center;gap:10px;min-height:30px;display:flex}.filter-control-head label{color:#d9dbe2;font-size:13px;font-weight:650}.filter-value-wrap{color:#7f8490;align-items:center;gap:4px;font-size:10px;display:flex}.filter-number{color:#eef0f4;text-align:right;font-variant-numeric:tabular-nums;background:#30323a;border:1px solid #41444f;border-radius:7px;outline:0;width:58px;height:28px;padding:0 7px;font-size:12px}.filter-number:focus{border-color:#8063e4;box-shadow:0 0 0 2px #6f4be82e}.filter-slider{cursor:pointer;appearance:none;background:0 0;width:100%;height:26px;margin:0}.filter-slider::-webkit-slider-runnable-track{background:#464954;border-radius:999px;height:4px}.filter-slider::-webkit-slider-thumb{appearance:none;background:#6f4be8;border:2px solid #f7f5ff;border-radius:999px;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 4px #00000059}.filter-slider::-moz-range-track{background:#464954;border:0;border-radius:999px;height:4px}.filter-slider::-moz-range-thumb{background:#6f4be8;border:2px solid #f7f5ff;border-radius:999px;width:12px;height:12px;box-shadow:0 1px 4px #00000059}.filter-slider:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #8f72ee}.filters-dialog{width:min(520px,100%);max-height:min(760px,88vh);overflow:auto}.filters-dialog .filter-panel{background:#272930;border:1px solid #e4e2ec;border-radius:13px;margin:18px -8px -8px;overflow:hidden}.filters-dialog .filter-look-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filters-dialog .filter-preview{height:54px}.filter-panel.is-compact .filter-look{font-size:11px}.filter-panel.is-compact .filter-control-head label{font-size:14px}@media (max-width:620px){.filters-dialog{max-height:86vh;padding:18px}.filters-dialog .filter-panel{margin-top:14px}.filters-dialog .filter-look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-dialog .filter-preview{height:64px}.filter-number{width:64px;height:32px;font-size:13px}.filter-slider{height:32px}}.layer-heading{justify-content:space-between;gap:8px}.layer-heading-actions{align-items:center;gap:4px;display:inline-flex}.layer-heading-actions button{color:#aeb2bd;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.layer-heading-actions button:hover:not(:disabled){color:#fff;background:#343640}.layer-heading-actions button:disabled{opacity:.3}.layer-list{position:relative}.layer-row{cursor:default;-webkit-user-select:none;user-select:none;position:relative}.layer-row:focus-visible{outline-offset:-2px;outline:2px solid #815ff0}.layer-row.is-hidden{opacity:.58}.layer-row.drop-before:before,.layer-row.drop-after:after{content:"";z-index:3;background:#9a7cff;border-radius:2px;height:2px;position:absolute;left:7px;right:7px;box-shadow:0 0 0 1px #815ff033}.layer-row.drop-before:before{top:-2px}.layer-row.drop-after:after{bottom:-2px}.layer-grip{color:#707582;cursor:grab;flex:0 0 14px;place-items:center;width:14px;display:grid}.layer-row:active .layer-grip{cursor:grabbing}.layer-visibility{color:#9ea2ae;background:0 0;border:0;border-radius:6px;flex:0 0 25px;place-items:center;width:25px;height:30px;display:grid}.layer-visibility:hover{color:#fff;background:#ffffff12}.layer-thumb{background-image:linear-gradient(45deg,#ececf0 25%,#0000 25%),linear-gradient(-45deg,#ececf0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ececf0 75%),linear-gradient(-45deg,#0000 75%,#ececf0 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;overflow:hidden}.layer-thumb-canvas{width:32px;height:32px;display:block}.layer-copy{flex:auto}.layer-name-input{color:#fff;background:#262831;border:1px solid #8063e4;border-radius:6px;outline:0;width:100%;min-width:0;height:25px;padding:0 6px;font-size:13px;font-weight:650;box-shadow:0 0 0 2px #6f4be82b}.layer-opacity-control{border-bottom:1px solid #343741;gap:7px;padding:0 13px 13px;display:grid}.layer-opacity-control>div{color:#a9adb8;justify-content:space-between;align-items:center;font-size:11px;font-weight:750;display:flex}.layer-opacity-control strong{color:#e4e6eb;font-size:11px}.layer-opacity-control input[type=range]{accent-color:#6f4be8;width:100%}.layer-heading-actions button{width:30px;height:30px}.layer-visibility{flex-basis:28px;width:28px;height:32px}.help-dialog{width:min(620px,100%);max-height:min(760px,88vh);overflow:auto}.shortcut-groups{gap:20px;margin-top:20px;display:grid}.shortcut-group h3{color:#666b78;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:850}.shortcut-list{border:1px solid #e3e3ea;border-radius:12px;overflow:hidden}.shortcut-row{border-top:1px solid #ececf1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;min-height:54px;padding:10px 12px;display:grid}.shortcut-row:first-child{border-top:0}.shortcut-copy{gap:2px;min-width:0;display:grid}.shortcut-copy strong{color:#2d3038;font-size:14px}.shortcut-copy span{color:#7a7e89;font-size:12px;line-height:1.35}.shortcut-keys{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.shortcut-keys kbd{color:#3f424c;white-space:nowrap;background:#f7f7fa;border:1px solid #d9d9e2;border-bottom-width:2px;border-radius:7px;justify-content:center;align-items:center;min-width:30px;min-height:28px;padding:3px 8px;font-family:inherit;font-size:11px;font-weight:760;display:inline-flex;box-shadow:0 1px #00000008}@media (max-width:620px){.help-dialog{max-height:86vh;padding:18px}.shortcut-row{grid-template-columns:1fr;gap:7px}.shortcut-keys{justify-content:flex-start}}.mobile-top-actions{display:none}.recovery-badge{color:#969aa6;white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.recovery-badge.is-saved{color:#9cc8a9}.recovery-badge.is-error,.recovery-badge.is-disabled{color:#e3ad80}.recovery-dialog{text-align:left;width:min(470px,100%)}.recovery-icon{color:#6544d4;background:#efeaff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:14px;display:grid}.recovery-dialog h2{letter-spacing:-.7px;margin:2px 0 0;font-size:28px}.recovery-copy{color:#676b78;margin:12px 0 0;font-size:14px;line-height:1.55}.recovery-meta{color:#6f7380;background:#f6f5fa;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13px;font-weight:700}.recovery-actions{justify-content:stretch}.recovery-actions>*{flex:1;min-height:42px}.mobile-sheet{display:none}@media (max-width:620px){.desktop-menu-left{display:none}.mobile-top-actions{align-items:center;gap:2px;display:flex}.mobile-top-actions button{color:#c4c7cf;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.mobile-top-actions button:disabled{opacity:.28}.mobile-top-actions button:active{color:#fff;background:#373943}.editor-menubar{grid-template-columns:auto minmax(72px,1fr) auto;gap:6px}.editor-menubar>.primary-action{min-width:78px;padding-left:9px;padding-right:9px}.document-name-wrap{min-width:72px}.editor-main{padding-bottom:66px}.mobile-actions{z-index:12;background:#25272e;border-top:1px solid #3a3c45;height:66px;position:absolute;bottom:0;left:0;right:0;overflow:visible;grid-template-columns:repeat(4,1fr)!important;display:grid!important}.mobile-actions button{color:#aeb1bc;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex;flex:none!important;min-width:0!important}.mobile-actions button.is-active{color:#fff;background:#382f53}.mobile-sheet{z-index:11;color:#f2f2f5;overscroll-behavior:contain;background:#25272e;border-top:1px solid #474a55;border-radius:16px 16px 0 0;max-height:min(66vh,560px);display:block;position:absolute;bottom:66px;left:0;right:0;overflow:auto;box-shadow:0 -18px 50px #00000059}.mobile-sheet-head{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25272efa;border-bottom:1px solid #393b45;justify-content:space-between;align-items:center;min-height:49px;padding:0 14px;display:flex;position:sticky;top:0}.mobile-sheet-head strong{font-size:15px}.mobile-sheet-head button{color:#cdd0d7;background:#32343d;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.mobile-tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;display:grid}.mobile-tool-button{color:#b8bbc5;background:#2e3038;border:1px solid #3c3f49;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:62px;padding:7px 4px;font-size:11px;font-weight:700;display:flex}.mobile-tool-button.is-active{color:#fff;background:#3a3157;border-color:#7659d7;box-shadow:inset 0 0 0 1px #815ff02e}.mobile-tool-options{gap:11px;padding:0 14px 16px;display:grid}.mobile-tool-options:empty{display:none}.mobile-tool-options .context-color,.mobile-tool-options .context-number{border-bottom:1px solid #373a43;justify-content:space-between;min-height:42px}.mobile-tool-options .context-color code{display:inline}.mobile-tool-options .context-number input{width:76px;height:34px}.mobile-field{color:#c3c6cf;justify-content:space-between;align-items:center;gap:12px;min-height:42px;font-size:13px;font-weight:700;display:flex}.mobile-field select{color:#fff;background:#33353d;border:1px solid #484b56;border-radius:8px;min-width:126px;height:36px;padding:0 10px}.mobile-option-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-option-actions .context-button{min-height:40px}.mobile-sheet-hint,.mobile-empty{color:#a2a6b1;margin:0;font-size:13px;line-height:1.5}.mobile-sampled-color{color:#e8e9ed;align-items:center;gap:10px;min-height:42px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}.mobile-sampled-color span{border:1px solid #ffffff8c;border-radius:7px;width:24px;height:24px}.mobile-segmented{background:#30323a;border-radius:10px;grid-template-columns:1fr 1fr;margin:10px 12px 4px;padding:3px;display:grid}.mobile-segmented button{color:#9da1ad;background:0 0;border:0;border-radius:8px;min-height:36px;font-size:12px;font-weight:750}.mobile-segmented button.is-active{color:#fff;background:#433664}.mobile-sheet-scroll{padding-bottom:8px}.mobile-sheet-scroll .adjust-panel,.mobile-sheet-scroll .filter-panel{border-top:0}.mobile-sheet-scroll .adjust-panel-head,.mobile-sheet-scroll .filter-panel-head{display:none}.mobile-sheet-scroll .adjust-group,.mobile-sheet-scroll .filter-group{padding-left:14px;padding-right:14px}.mobile-layer-list{gap:5px;padding:8px 10px;display:grid}.mobile-layer-row{color:#c9cbd2;background:#2d2f37;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;min-height:54px;padding:6px 8px;display:flex}.mobile-layer-row.is-active{color:#fff;background:#3b3159;border-color:#7659c7;box-shadow:inset 3px 0 #815ff0}.mobile-layer-row.is-hidden{opacity:.55}.mobile-layer-row .layer-copy{flex:1;min-width:0}.mobile-layer-row .layer-visibility{flex:0 0 34px;width:34px;height:34px}.mobile-layer-controls{border-top:1px solid #3b3d47;gap:12px;padding:11px 12px 18px;display:grid}.mobile-layer-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.mobile-layer-actions button{color:#cfd1d8;background:#30323a;border:1px solid #41444f;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:48px;padding:5px 3px;font-size:9px;font-weight:700;display:flex}.mobile-layer-actions button.is-danger{color:#efadad}.mobile-opacity{color:#bfc2cb;gap:7px;font-size:12px;font-weight:700;display:grid}.mobile-opacity>span{justify-content:space-between;display:flex}.mobile-opacity input{width:100%}.mobile-layer-controls .creative-properties{margin:0 -12px -18px}.mobile-sheet-open .crop-context{display:none!important}.recovery-badge{display:none}.modal-backdrop{align-items:end;padding:0}.export-dialog{border-radius:18px 18px 0 0;width:100%;max-height:90vh;padding:19px;overflow:auto}.image-actions-dialog,.adjustments-dialog,.filters-dialog,.help-dialog,.recovery-dialog{width:100%;max-height:90vh}.recovery-backdrop{align-items:center;padding:16px}.recovery-backdrop .recovery-dialog{border-radius:18px;width:min(440px,100%)}.workspace-toast{max-width:calc(100vw - 24px);top:66px}.canvas-viewport{touch-action:none}.crop-handle{width:24px;height:24px}.editor-shell{position:relative}}.mobile-zoom-input{color:#dfe1e7;background:#33353d;border:1px solid #484b56;border-radius:8px;justify-content:flex-end;align-items:center;gap:3px;min-width:86px;height:36px;padding:0 9px;display:inline-flex}.mobile-zoom-input:focus-within{border-color:#8063e4;box-shadow:0 0 0 2px #6f4be82e}.mobile-zoom-input input{color:#fff;text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:52px;font-size:14px}.mobile-zoom-input>span{color:#9fa3ae;font-size:12px}@media (max-width:380px){.mobile-top-actions button{width:31px}.editor-menubar{padding-left:6px;padding-right:6px}.document-name-input{font-size:10px}.editor-menubar>.primary-action{min-width:72px;font-size:12px}}