@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#292735;background:#f7f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:13px;--purple:#7754d8;--purple-dark:#6542c4;--muted:#92909e;--border:#eae9ef;--lavender:#f0ebfa}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #b4a0ec;outline-offset:3px}button{transition:background .15s,color .15s,box-shadow .15s}svg{flex-shrink:0}a{color:inherit;text-decoration:none}kbd{display:inline-flex;align-items:center;justify-content:center;background:#f7f6fa;border:1px solid #e6e4ec;border-radius:4px;min-width:21px;height:21px;padding:0 5px;font-family:inherit;font-size:10px;font-weight:500;color:#94909f;box-shadow:0 1px #eae8ef}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{height:100dvh;min-height:650px;display:flex;flex-direction:column}.app-header{height:80px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--border);gap:20px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:35px;height:35px}.brand>span:first-of-type{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1.4px;font-weight:800;margin-top:-2px}.brand-dot{color:var(--purple)}.brand-description{font-size:12px;color:#97939f;border-left:1px solid #e5e3eb;padding-left:15px;margin-left:8px}.header-actions{display:flex;align-items:center;gap:12px}.local-badge{display:flex;align-items:center;gap:7px;color:#82828c;font-size:11px;margin-right:13px;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#83b899;box-shadow:0 0 0 3px #f0f7f2}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e3e0eb;background:#fff;border-radius:7px;min-height:38px;padding:0 14px;line-height:1;font-size:12px;font-weight:550;white-space:nowrap}.button:hover:not(:disabled){background:#f7f5fc;border-color:#d4c9ee}.button.primary{background:var(--purple);border-color:var(--purple);color:#fff}.button.primary:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.button.primary:disabled{background:#ece6f8;border-color:#ece6f8;color:#b39edc}.save-control{position:relative;display:flex}.save-button{border-radius:7px 0 0 7px;gap:9px;padding:0 15px}.save-toggle{border-radius:0 7px 7px 0;border-left-color:#997ce0!important;padding:0 9px}.save-toggle:disabled{border-left-color:#dcd1ef!important}.menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;border:0;z-index:25;cursor:default}.export-menu{position:absolute;top:48px;right:0;width:290px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 40px #28203d20;z-index:30;padding:7px}.export-menu>p{font-size:11px;color:#9892a2;margin:8px 10px 9px}.export-menu>button{display:flex;align-items:center;gap:12px;border:0;border-radius:6px;background:transparent;width:100%;padding:12px 10px;text-align:left;font-size:12px}.export-menu>button:hover{background:#f4f0fc}.export-menu>button>span{flex:1}.export-menu small{display:block;font-size:10px;color:#918a9b;margin-top:6px}.export-tip{border-top:1px solid var(--border);padding:13px 8px 8px;color:#938b9e;font-size:10px;display:flex;align-items:center;gap:7px;line-height:1.5}.editor-layout{display:grid;grid-template-columns:76px minmax(0,1fr) 270px;flex:1;min-height:0;margin:22px 24px 0 0}.tool-rail{display:flex;flex-direction:column;align-items:center;min-height:0}.rail-label{font-size:10px;color:#a29baa;margin:7px 0 14px}.tool-list{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.tool-slot{width:42px}.tool-button{width:42px;height:39px;border:1px solid transparent;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;position:relative;color:#8b8795}.tool-button:hover{background:#ede9f5;color:var(--purple)}.tool-button.active{background:#ede6fb;border-color:#ddd0f5;color:var(--purple)}.tool-button.active:before{content:"";width:3px;height:17px;border-radius:2px;background:var(--purple);position:absolute;left:-17px}.tool-separator{height:1px;background:#e7e3ee;margin:7px 7px 11px}.tool-tooltip{position:absolute;left:52px;top:4px;background:#fff;box-shadow:0 3px 12px #21133218;border:1px solid var(--border);padding:6px 8px;border-radius:6px;display:none;align-items:center;gap:14px;white-space:nowrap;font-size:11px;color:#5a5368;z-index:25}.tool-button:hover .tool-tooltip,.tool-button:focus-visible .tool-tooltip{display:flex}.keyboard-button{margin-top:auto;margin-bottom:16px;border:0;background:transparent;color:#aaa3b2;padding:8px;border-radius:6px}.keyboard-button:hover{color:var(--purple);background:var(--lavender)}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;border:1px solid #e5e2ed;border-radius:10px 0 0 10px;overflow:hidden}.workspace-toolbar{height:54px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;flex-shrink:0;gap:16px}.document-info{display:flex;align-items:center;gap:9px;min-width:0}.document-icon{display:flex;color:#aaa3b5}.document-name{font-size:12px;color:#736a80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edited-dot{width:5px;height:5px;border-radius:50%;background:#b5a3d8;flex-shrink:0}.history-controls{display:flex;align-items:center;gap:4px}.icon-button{background:transparent;border:0;border-radius:5px;padding:6px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#82788f;flex-shrink:0}.icon-button:hover:not(:disabled){background:#f0ebf8;color:var(--purple)}.icon-button:disabled{color:#d0cbd8}.toolbar-divider{display:block;width:1px;height:17px;background:var(--border);margin:0 5px;flex-shrink:0}.canvas-area{position:relative;min-height:0;flex:1;background-color:#f9f8fc;background-image:radial-gradient(#dfdbe9 .7px,transparent .7px);background-size:15px 15px;overflow:auto;overscroll-behavior:contain}.canvas-space{padding:44px;min-height:100%;min-width:100%;width:max-content}.canvas-frame{position:relative;flex:none;margin:auto;box-shadow:0 5px 25px #2f264022;background-color:#fff;background-image:conic-gradient(#eceaf0 25%,#fff 0,#fff 50%,#eceaf0 0,#eceaf0 75%,#fff 0);background-size:16px 16px}.image-canvas,.selection-overlay{width:100%;height:100%;display:block;touch-action:none}.selection-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cursor-select,.cursor-pixelate,.cursor-blur,.cursor-crop,.cursor-arrow,.cursor-rectangle,.cursor-ellipse,.cursor-marker,.cursor-pen{cursor:crosshair}.cursor-text{cursor:text}.cursor-eraser{cursor:cell}.text-composer{position:absolute;z-index:4;background:#fff;border:1px solid #d6c4f4;box-shadow:0 4px 25px #28193b29;border-radius:8px;width:260px;overflow:hidden}.text-composer textarea{display:block;width:100%;min-height:80px;resize:vertical;border:0;padding:14px;outline:none;background:#fff;font-size:15px;color:#3f3451}.text-composer>div{display:flex;align-items:center;padding:6px;gap:4px;border-top:1px solid var(--border)}.text-composer>div>span{font-size:9px;color:#9a90a6;flex:1}.button.small{min-height:29px;font-size:10px;padding:0 8px}.empty-state{height:100%;min-height:430px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;padding:40px 20px 60px}.empty-content{position:relative;max-width:430px;margin-top:-5px}.image-illustration{position:relative;width:142px;height:122px;margin:0 auto 27px}.illustration-back{position:absolute;width:98px;height:87px;left:7px;top:10px;border:1px solid #e0d5f4;background:#ece5f9;border-radius:10px;transform:rotate(-12deg)}.illustration-main{position:absolute;width:100px;height:87px;left:31px;top:19px;border:3px solid #fff;border-radius:9px;background:#f1ebfc;transform:rotate(6deg);box-shadow:0 3px 9px #a590bf18;overflow:hidden}.illustration-main svg{position:absolute;bottom:0;left:0;width:100%;height:52px}.illustration-sun{height:15px;width:15px;position:absolute;right:17px;top:14px;background:#b6a0e3;border-radius:50%}.illustration-plus{position:absolute;left:107px;top:80px;border-radius:50%;width:32px;height:32px;background:#fff;border:1px solid #ece4f9;display:flex;align-items:center;justify-content:center;color:var(--purple);box-shadow:0 2px 5px #5e2e9f0b}.illustration-spark{position:absolute;left:1px;top:81px;color:#bda8e2;transform:rotate(-10deg)}h1{font-family:Manrope,sans-serif;font-size:32px;font-weight:750;letter-spacing:-1.3px;line-height:1.25;margin:0 0 13px;color:#393145}.empty-content>p{font-size:13px;line-height:1.85;color:#9890a3;margin:0 0 26px}.upload-button{height:43px;padding:0 17px;gap:10px;font-size:12px;box-shadow:0 3px 7px #7450d21c;min-width:194px}.upload-button>span{margin-left:13px;display:flex;color:#e3d6ff}.paste-hint{display:flex;align-items:center;justify-content:center;gap:4px;color:#9d95a7;font-size:11px;margin-top:17px}.paste-hint>kbd:first-of-type{margin-left:5px}.paste-hint>span{font-size:10px;color:#b4acbd}.file-types{display:block;font-size:10px;color:#b4aabb;margin-top:11px}.sample-divider{display:flex;align-items:center;gap:13px;font-size:10px;color:#b0a6bb;margin:31px auto 14px;width:274px}.sample-divider>span{height:1px;flex:1;background:#e7e1ef}.sample-button{border:0;background:transparent;color:#857197;font-size:11px;display:inline-flex;align-items:center;gap:7px;padding:6px;border-radius:5px}.sample-button:hover{background:#ede6f6;color:var(--purple)}.sample-button>svg:last-child{color:#b2a0c5;margin-left:3px}.privacy-note{position:absolute;bottom:23px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:7px;color:#b0a6bc;font-size:10px}.stage-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:12px;z-index:8;background:#f9f8fcdc;color:#76628d;font-size:14px}.spinner{width:20px;height:20px;border:2px solid #ddd0f1;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drop-overlay{position:fixed;top:92px;right:25px;bottom:50px;left:76px;z-index:40;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#f3edfdf2;border:2px dashed #a990db;border-radius:12px;color:var(--purple);pointer-events:none}.drop-overlay strong{font-family:Manrope,sans-serif;font-size:24px}.drop-overlay span{font-size:13px;color:#9c86b9}.canvas-status{display:flex;align-items:center;justify-content:space-between;height:43px;padding:0 14px 0 17px;background:#fff;border-top:1px solid var(--border);flex-shrink:0;gap:12px}.image-dimensions{display:flex;align-items:center;gap:7px;font-size:10px;color:#aca3b7}.zoom-controls{display:flex;align-items:center;gap:1px}.zoom-controls .icon-button{width:24px;height:26px;padding:4px}.zoom-value{min-width:44px;font-size:10px;color:#8c8199;background:transparent;border:0;padding:6px}.zoom-value:disabled{color:#b9b1c3}.inspector{display:flex;flex-direction:column;min-height:0;border:1px solid #e5e2ed;border-left:0;border-radius:0 10px 10px 0;background:#fff;overflow:hidden}.inspector-heading{display:flex;align-items:center;gap:8px;padding:0 22px;height:54px;flex-shrink:0;border-bottom:1px solid var(--border);font-size:12px;color:#796f87}.inspector-heading>svg{color:#a69bad}.inspector-body{flex:1;min-height:0;overflow:auto;padding:24px 22px 18px;scrollbar-width:thin;scrollbar-color:#e6dfef transparent}.active-tool-heading{display:flex;align-items:center;gap:10px}.active-tool-icon{background:#f1ebfc;color:var(--purple);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9px;flex-shrink:0}.active-tool-heading>div{flex:1;min-width:0}.active-tool-heading h2{font-size:15px;letter-spacing:-.3px;font-weight:650;margin:0 0 4px}.active-tool-heading>div>span{font-size:9px;color:#ada3ba;display:block;line-height:1.4}.active-tool-heading kbd{color:#b1a6bd;border-color:#ebe5f2;background:#fbf9fe}.tool-description{font-size:11px;color:#94889f;line-height:1.8;margin:15px 0 23px;padding-bottom:20px;border-bottom:1px solid #eee9f4}.setting-group{margin-bottom:25px}.setting-group>label{font-size:11px;font-weight:550;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#766880}.setting-group>label>span{font-size:10px;color:#afa0bb;font-weight:400}.setting-group>label>.color-hex{font-size:9px;letter-spacing:.3px}.color-swatches{display:flex;align-items:center;gap:7px;margin-top:15px;margin-bottom:12px}.color-swatch{width:24px;height:24px;border-radius:50%;border:1px solid #0000000b;display:flex;align-items:center;justify-content:center;padding:0;position:relative;flex-shrink:0}.color-swatch.selected:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid #ba9fe7}.custom-color{height:32px;border:1px solid #ece7f2;border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;margin-top:15px}.custom-color label{font-size:10px;color:#a294b0}input[type=color]{height:22px;width:23px;padding:0;background:none;border:0;cursor:pointer;border-radius:4px;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#e8e2f2;border-radius:3px;display:block;outline:none;cursor:pointer;margin:19px 0 12px;accent-color:var(--purple)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:3.5px solid #8864d8;width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 3px #fff;cursor:pointer}input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #8864d8;width:8px;height:8px;border-radius:50%;cursor:pointer}input[type=range]:focus-visible{outline:2px solid #ccb7ec;outline-offset:6px}.range-labels{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b6aabe}.setting-group select{width:100%;height:35px;border:1px solid #e7e1ee;border-radius:6px;padding:0 9px;font-size:11px;background:#fff;color:#8a799b;outline-color:#b295e3}.segmented{display:flex;background:#f6f3fa;border:1px solid #ebe5f3;border-radius:6px;padding:3px;gap:3px}.segmented button{background:transparent;border:0;flex:1;border-radius:4px;font-size:11px;padding:7px;color:#a293b0}.segmented button.selected{background:#fff;color:var(--purple);box-shadow:0 1px 4px #27163912}.setting-note{font-size:10px;line-height:1.7;color:#ac9cb9;margin-top:12px}.stroke-preview{background:#faf8fd;border:1px solid #eee8f6;border-radius:7px;overflow:hidden;margin:1px 0 23px}.stroke-preview>span,.effect-preview>span{font-size:9px;color:#b3a4c0;display:block;margin:12px 13px 0}.stroke-preview>svg{display:block;width:100%;height:69px}.effect-preview{border:1px solid #eee8f6;border-radius:7px;background:#faf8fd;margin-bottom:23px;overflow:hidden}.effect-sample{height:95px;margin:12px;position:relative;overflow:hidden;background:#e5e1f6;border-radius:3px}.effect-landscape{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,#e5def6,#c7d6e9)}.effect-landscape:after{position:absolute;content:"";width:135px;height:80px;background:#91a8b0;border-radius:50% 50% 0 0;left:5px;top:55px;transform:rotate(-15deg)}.effect-landscape>span{position:absolute;width:24px;height:24px;border-radius:50%;background:#faf1d7;top:17px;right:35px}.effect-region{position:absolute;right:22px;top:9px;width:67px;height:77px;background:linear-gradient(#d7d8e5 65%,#91a8b0 65%)}.pixelate .effect-region{background:conic-gradient(#e3deec 25%,#c6cadb 0,#c6cadb 50%,#d2d3e3 0,#d2d3e3 75%,#d7dbea 0);background-size:26px 26px}.blur .effect-region{filter:blur(7px)}.effect-region>span{position:absolute;background:#e9e4d4;height:25px;width:25px;right:17px;top:8px}.pixelate .effect-region>span{height:26px;width:26px;right:15px;border-radius:0;top:12px}.preview-selection{position:absolute;right:22px;top:9px;width:67px;height:77px;border:1px dashed #9774cd}.effect-preview>p{font-size:9px;color:#b3a4c0;padding:0 12px 10px;line-height:1.5;margin:0}.selection-settings{padding:12px;border:1px solid #e3d6f6;border-radius:7px;background:#fbf9ff;margin-bottom:20px}.selection-settings>div:first-child{display:flex;align-items:center;font-size:10px;gap:5px;color:#8f74b4;margin-bottom:14px;flex-wrap:wrap}.selection-settings>div:first-child>span{margin-left:auto;font-size:9px;color:#b2a0c9}.selection-settings .button{width:100%;margin-bottom:7px;font-size:10px;min-height:33px;gap:6px}.selection-settings .button kbd{margin-left:auto;background:#ffffff1c;color:#fff;border-color:#ffffff2b}.clear-selection{background:none;border:0;font-size:9px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:5px;color:#ab99bd}.clear-selection kbd{font-size:9px;height:17px}.info-note{display:flex;gap:8px;border:1px solid #ece4f7;border-radius:7px;padding:12px;color:#aa93c0;background:#fbf9ff;margin-bottom:22px}.info-note>p{margin:0;font-size:10px;line-height:1.8}.tool-tip{border-top:1px solid #eee9f4;padding-top:18px}.tool-tip>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#aa9bb9}.tool-tip>p{font-size:10px;color:#b2a3be;line-height:1.85;margin:10px 0 0}.inspector-footer{border-top:1px solid var(--border);padding:18px 22px;display:flex;align-items:center;gap:10px;flex-shrink:0;background:#fdfcfe;color:#a08eb3}.inspector-footer strong{display:block;font-size:10px;font-weight:500;color:#9b89af;margin-bottom:4px}.inspector-footer span{font-size:9px;color:#bcb0c7;white-space:nowrap}.app-footer{height:47px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b0a9ba;padding:0 27px 0 77px;flex-shrink:0;gap:16px}.app-footer>button{display:flex;align-items:center;gap:7px;font-size:10px;border:0;background:transparent;color:#aa9bb8;padding:5px}.app-footer kbd{font-size:9px;width:17px;min-width:17px;height:17px;margin-left:2px;color:#b6a8c4;background:#faf8fd}.footer-credit{display:flex;align-items:center;gap:8px}.footer-credit>span{color:#bbaad1;font-size:15px}.toast{position:fixed;bottom:63px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:min(540px,calc(100% - 32px));padding:13px 14px;background:#fff;border:1px solid #dfd5ef;border-radius:9px;box-shadow:0 6px 28px #30234221;z-index:60;font-size:12px;color:#7b5aa6}.toast.error{color:#a54c5b;border-color:#f1cdd4}.toast>span{line-height:1.6}.toast>button{display:flex;padding:3px;background:none;border:0;color:#b4a5c3;margin-left:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#2c223b48;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.shortcuts-modal{background:#fff;border:1px solid #e9e1f1;border-radius:13px;box-shadow:0 15px 50px #24133530;padding:25px;width:480px;max-height:90dvh;overflow:auto}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.modal-heading>div{display:flex;align-items:center;gap:10px;color:var(--purple)}.modal-heading h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px;color:#554664;margin:0}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;font-size:12px;color:#8d7d9e}.shortcuts-grid>div,.general-shortcuts>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.general-shortcuts{margin-top:23px;padding-top:22px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:13px;font-size:11px;color:#9886a9}.brand-description,.local-badge,.rail-label,.image-dimensions,.zoom-value,.app-footer,.app-footer>button{color:#7d748b}.empty-content>p,.paste-hint,.sample-button,.tool-description{color:#82748f}.file-types,.sample-divider,.privacy-note,.active-tool-heading>div>span,.setting-group>label>span,.range-labels,.custom-color label,.stroke-preview>span,.effect-preview>span,.effect-preview>p,.setting-note,.tool-tip>span,.tool-tip>p,.inspector-footer strong,.inspector-footer span{color:#867692}.setting-group>label{color:#62556e}.inspector-footer{color:#9076ac}.shortcuts-grid,.general-shortcuts{color:#796687}@media(min-width:1600px){.app-header{padding:0 40px}.editor-layout{grid-template-columns:88px minmax(0,1fr) 290px;margin:28px 32px 0 0}.inspector-body{padding:28px}.inspector-heading{padding:0 28px}.color-swatches{gap:9px}.empty-content{transform:scale(1.08)}.tool-button.active:before{left:-23px}.app-footer{padding-left:89px}}@media(max-height:760px)and (min-width:761px){.app-shell{min-height:570px}.app-header{height:68px}.editor-layout{margin-top:16px}.rail-label{margin:4px 0 9px}.tool-list{gap:2px}.tool-button{height:33px}.tool-separator{margin:4px 7px 7px}.inspector-body{padding-top:18px}.inspector-footer{padding:13px 22px}.empty-state{min-height:360px;padding-top:25px;padding-bottom:45px}.image-illustration{transform:scale(.83);height:102px;margin-bottom:17px}.empty-content>p{margin-bottom:20px}.sample-divider{margin-top:23px}.app-footer{height:38px}.privacy-note{bottom:16px}.inspector-body .setting-group{margin-bottom:20px}.stroke-preview{margin-bottom:17px}}@media(max-width:1050px){.local-badge,.brand-description{display:none}.editor-layout{grid-template-columns:64px minmax(0,1fr) 240px;margin-right:16px}.tool-button.active:before{left:-11px}.inspector-body{padding:20px 16px}.inspector-heading{padding:0 16px}.inspector-footer{padding:16px}.color-swatches{gap:6px}.color-swatch{width:22px;height:22px}.app-footer{padding-left:65px}.footer-credit{display:none}h1{font-size:28px}.image-dimensions{font-size:9px}.empty-content>p{font-size:12px}.brand>span:first-of-type{font-size:23px}}@media(max-width:760px){.app-shell{height:auto;min-height:100dvh}.app-header{height:67px;padding:0 16px;gap:10px}.brand img{width:30px;height:30px}.brand{gap:7px}.brand>span:first-of-type{font-size:22px}.header-actions{gap:7px}.open-button{padding:0 10px;min-height:35px}.open-button>span{display:none}.save-button{padding:0 10px;font-size:11px;min-height:35px;gap:6px}.save-toggle{padding:0 6px;min-height:35px}.editor-layout{grid-template-columns:1fr;margin:0;gap:0;flex:none}.tool-rail{height:59px;flex-direction:row;background:#fff;border-bottom:1px solid var(--border);padding:0 12px;gap:5px;overflow:visible}.rail-label,.keyboard-button{display:none}.tool-list{flex-direction:row;gap:3px;overflow-x:auto;scrollbar-width:none;height:100%;justify-content:space-between}.tool-slot{flex:none;width:36px}.tool-separator{display:none}.tool-button{width:36px;height:36px}.tool-button.active:before{display:none}.tool-tooltip{display:none!important}.workspace{height:calc(100dvh - 179px);min-height:455px;border-radius:0;border-left:0;border-right:0;border-top:0}.workspace-toolbar{height:46px;padding:0 14px}.empty-state{min-height:355px;padding:25px 18px 45px}.image-illustration{height:106px;transform:scale(.88);margin-bottom:14px}.empty-content>p{font-size:12px;margin-bottom:20px}.sample-divider{margin-top:24px}.privacy-note{bottom:16px;font-size:9px}h1{font-size:29px}.canvas-status{padding:0 10px;height:39px}.image-dimensions{font-size:9px}.canvas-space{padding:28px}.inspector{border:0;border-radius:0;overflow:visible}.inspector-heading{height:42px;padding:0 18px;border-top:1px solid var(--border)}.inspector-body{padding:20px;overflow:visible;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.active-tool-heading,.tool-description,.selection-settings,.info-note{grid-column:1/-1}.tool-description{margin-bottom:23px}.active-tool-heading>div>span{font-size:10px}.setting-group{margin-bottom:24px}.color-swatches{gap:7px}.color-swatch{width:23px;height:23px}.tool-tip{grid-column:1/-1}.stroke-preview{height:105px}.inspector-footer{padding:17px 20px}.inspector-footer strong{font-size:11px}.inspector-footer span{font-size:10px}.app-footer{height:48px;padding:0 17px}.app-footer>span:first-child{font-size:9px}.app-footer>button{font-size:9px}.toast{position:fixed;bottom:22px;min-width:260px}.drop-overlay{top:75px;right:12px;bottom:25px;left:12px}.shortcuts-modal{padding:20px}.text-composer{width:240px}}@media(max-width:410px){.brand>span:first-of-type{font-size:20px}.brand img{height:27px;width:27px}.header-actions{gap:5px}.save-button{padding:0 9px;gap:5px}.app-header{padding:0 12px}.inspector-body{column-gap:20px;padding:18px}.color-swatches{gap:5px}.color-swatch{height:21px;width:21px}.app-footer{padding:0 13px}.paste-hint{font-size:10px}.image-dimensions{max-width:180px}.image-dimensions span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:760px){.editor-layout{grid-template-columns:minmax(0,1fr)}.tool-rail,.tool-list,.inspector{min-width:0}.inspector-body{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.spinner{border-color:var(--purple)}}