@font-face{font-family:Studio Sans;src:url(/assets/dm-sans-regular-CB7WfZ8W.ttf) format("truetype");font-display:swap}@font-face{font-family:Studio Display;src:url(/assets/manrope-medium-C3q1kWH5.ttf) format("truetype");font-display:swap}:root{font-family:Studio Sans,PingFang SC,Microsoft YaHei,sans-serif;color:#39414e;background:#f5f6f8;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;--blue:#3f6ee8;--line:#e7eaf0;--muted:#9098a5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;padding:0;touch-action:manipulation}button:disabled{cursor:default;opacity:.3}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7595e6;outline-offset:2px}svg{flex-shrink:0}input,select,textarea{color:inherit}input[type=range]{accent-color:#6486d7;width:100%;height:3px;margin:0;cursor:pointer}input[type=checkbox]{accent-color:var(--blue);width:11px;height:11px;margin:0}input[type=color]{appearance:none;-webkit-appearance:none;border:0;background:none;width:22px;height:22px;padding:0;cursor:pointer;flex-shrink:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid #00000012;border-radius:4px}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none}select{cursor:pointer}.preview-desktop{height:100dvh;min-height:360px}.studio-shell{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff}.studio-header{height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line);gap:8px}.studio-brand{display:flex;align-items:center;gap:7px;font:600 17px/1 Studio Display,sans-serif;letter-spacing:-.55px;color:#30353d;white-space:nowrap}.studio-symbol{height:16px;width:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;transform:rotate(-7deg)}.studio-symbol i{background:#343b45;border-radius:1px}.studio-symbol i:last-child{background:var(--blue);border-bottom-right-radius:4px}.editor-wordmark{font:400 10px/1 Studio Sans,sans-serif;letter-spacing:0;color:#979eaa;margin:2px 0 0 1px}.header-actions{display:flex;align-items:center;gap:3px}.icon-button{display:grid;place-items:center;width:25px;height:25px;border-radius:5px;color:#9299a4}.icon-button:hover{background:#f0f3f8;color:#45536a}.header-divider{height:12px;width:1px;background:var(--line);margin:0 6px}.profile-button{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;border-radius:50%;background:#e5ebf2;border:2px solid white;box-shadow:0 0 0 1px #dce2eb;color:#6b7b91;font:500 10px Studio Display,sans-serif;overflow:hidden}.profile-button .account-avatar{width:19px;height:19px;font-size:9px}.profile-button:hover,.profile-button.is-active{box-shadow:0 0 0 1.5px #9ab2e7}.studio-workspace{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;background-color:#f5f6f8;background-image:radial-gradient(#d9dee6 .6px,transparent .6px);background-size:14px 14px;overflow:hidden}.studio-workspace:focus{outline:none}.workspace-topline{height:31px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.document-title{display:flex;align-items:center;gap:6px;font-size:9px;color:#788496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.document-dot{height:4px;width:4px;border-radius:50%;background:#8c9ba8;flex-shrink:0}.workspace-history{display:flex;gap:1px;flex-shrink:0}.workspace-history .icon-button{width:22px;height:22px;color:#a1a8b2}.canvas-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:17px 28px 18px;overflow:hidden;container-type:size}.artboard{position:relative;aspect-ratio:var(--image-ratio);width:min(100cqw,calc(100cqh*var(--image-ratio)),620px);transform:scale(var(--image-zoom));transform-origin:center;transition:transform .12s ease;flex-shrink:0}.image-selection{height:100%;width:100%;position:relative;box-shadow:0 4px 18px #27334c0e;background:#fff}.canvas-photo{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.crop-grid{position:absolute;inset:8%;outline:1px solid #fff;box-shadow:0 0 0 99999px #151c2d30;background:linear-gradient(90deg,transparent 33.1%,#ffffffb3 33.1%,#ffffffb3 33.5%,transparent 33.5%,transparent 66.4%,#ffffffb3 66.4%,#ffffffb3 66.8%,transparent 66.8%),linear-gradient(0deg,transparent 33.1%,#ffffffb3 33.1%,#ffffffb3 33.5%,transparent 33.5%,transparent 66.4%,#ffffffb3 66.4%,#ffffffb3 66.8%,transparent 66.8%)}.image-selection:has(.crop-grid){overflow:hidden}.polygon-preview{position:absolute;inset:0;height:100%;width:100%;overflow:visible}.polygon-preview polygon{fill:#3f6ee815;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}.polygon-preview rect{fill:#fff;stroke:#3f6ee8;stroke-width:1;vector-effect:non-scaling-stroke}.canvas-bottomline{height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 13px 4px;gap:8px}.image-info{font-size:9px;color:#7e899a;font-variant-numeric:tabular-nums;white-space:nowrap}.image-info>span{margin-left:4px;color:#afb5bf}.canvas-zoom{display:flex;align-items:center;gap:5px;font-size:9px;color:#9099a6}.canvas-zoom>span{width:31px;text-align:center;font-variant-numeric:tabular-nums}.canvas-zoom button{height:21px;width:18px;display:grid;place-items:center;border-radius:4px}.canvas-zoom button:hover{background:#e8ecf2}.canvas-zoom>i{height:10px;width:1px;background:#dce1e9;margin:0 3px}.editor-dock{flex-shrink:0;background:#fff;border-top:1px solid var(--line);position:relative;z-index:2;padding:0 9px 5px}.tool-options{height:29px;display:flex;align-items:center;gap:7px;padding:0 5px;border-bottom:1px solid #f0f2f5;min-width:0;font-size:9px;color:#8993a3}.active-tool-name{display:flex;align-items:center;gap:5px;color:#647187;flex-shrink:0;white-space:nowrap}.active-tool-name svg{color:#7184a4}.option-divider{width:1px;height:10px;background:#e5e9ef;flex-shrink:0}.option-hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8390a3;font-size:9px}.option-label{color:#9aa3b0;white-space:nowrap}.inline-number{border:1px solid #e7eaf0;width:30px;height:19px;padding:1px 3px;border-radius:3px;text-align:center;font-size:9px;background:#fafbfd}.inline-color{height:14px;width:14px;border-radius:3px;border:1px solid #00000014;flex-shrink:0}.tool-options input.inline-color[type=color]{width:14px;height:14px;flex-shrink:0;border:0;border-radius:3px}.tool-options input.inline-color[type=color]::-webkit-color-swatch{border-radius:3px}.color-code{font-size:9px;color:#8b95a3;white-space:nowrap}.options-more{display:grid;place-items:center;margin-left:auto;height:21px;width:23px;border-radius:4px}.options-more:hover{background:#f0f3f8}.toolbar-color{position:relative;width:26px;height:23px;margin-left:auto;flex:0 0 26px}.toolbar-swatch{position:absolute;width:14px;height:14px;cursor:pointer}.toolbar-swatch-foreground{left:0;top:2px;z-index:2}.toolbar-swatch-background{left:8px;top:9px;z-index:1}.toolbar-swatch>span{position:absolute;inset:0;border:1px solid #00000026;border-radius:3px;box-shadow:0 0 0 1px #fff;pointer-events:none}.tool-options .toolbar-swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0}.toolbar-swatch:hover>span,.toolbar-swatch:has(:focus-visible)>span{outline:1px solid #7595e6;outline-offset:1px}.toolbar-swap{position:absolute;right:0;top:-2px;width:12px;height:10px;display:grid;place-items:center;border-radius:2px;color:#8996aa}.toolbar-swap:hover{background:#f0f3f8;color:#3f6ee8}.tool-options>.option-hint,.tool-options>.fill-options,.tool-options>.text-options{flex:1;min-width:0}.toolbar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px 3px;padding:4px 0 0;max-width:540px;margin:auto}.toolbar-tool{position:relative;display:grid;place-items:center;width:100%;height:26px;border-radius:5px;color:#707f94;outline-offset:0!important;background:none}.toolbar-tool:before{content:"";position:absolute;left:50%;top:50%;width:30px;height:26px;transform:translate(-50%,-50%);border-radius:5px;pointer-events:none;z-index:0;opacity:0}.toolbar-tool:hover:before{background:#f1f4f9;opacity:1}.toolbar-tool.is-active:before{background:#edf2fd;opacity:1}.toolbar-tool:hover{color:#3d536e}.toolbar-tool.is-active{color:#3f6ee8}.toolbar-tool>svg{position:relative;z-index:1}.toolbar-tool>i{z-index:2}.toolbar-tool.export-tool{color:#4a66a1}.toolbar-tool>i{position:absolute;right:calc(50% - 9px);bottom:4px;height:4px;width:4px;border-radius:1px;border:.5px solid #fff}.toolbar-tool:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);font-size:10px;background:#3d4655;color:#fff;white-space:nowrap;padding:5px 7px;border-radius:4px;pointer-events:none;opacity:0;z-index:20}.toolbar-tool:hover:after,.toolbar-tool:focus-visible:after{opacity:1}.toolbar-tool:nth-child(7n+1):after{left:0;transform:none}.toolbar-tool:nth-child(7n):after{left:auto;right:0;transform:none}.context-menu,.tool-popover{position:absolute;z-index:10;background:#fff;border:1px solid #dfe4ec;border-radius:8px;box-shadow:0 8px 28px #23324c1b;max-width:calc(100% - 16px);overflow-y:auto;overscroll-behavior:contain;outline:none;scrollbar-width:thin;scrollbar-color:#d9dfe8 transparent}.context-menu{width:190px;padding:4px}.context-menu button{display:flex;align-items:center;width:100%;gap:8px;padding:6px 8px;font-size:10px;color:#717d90;border-radius:4px;text-align:left;min-height:26px}.context-menu button>span{flex:1}.context-menu button>svg{color:#94a0b2;stroke-width:1.65}.context-menu button:hover,.context-menu button:focus-visible{background:#eef3fc;color:#3f6ee8;outline:none}.context-menu kbd{font:9px Studio Sans,sans-serif;color:#acb4c0}.context-menu hr{border:0;border-top:1px solid #eceff4;margin:4px}.tool-popover{width:232px;padding:12px}.tool-popover>header{display:flex;align-items:center;gap:4px;margin:-3px -3px 10px 0}.tool-popover>header strong{flex:1;font-size:11px;font-weight:500;color:#536178}.tool-popover>header .icon-button{height:21px;width:21px}.panel-back{margin-left:-5px}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:10px;color:#718096;min-width:0}.field>input:not([type=range]),.field>select,.input-unit{width:100%;border:1px solid #e0e5ee;border-radius:4px;background:#fff;font-size:10px;color:#65728a;height:28px;padding:5px 7px;min-width:0}.field-row{display:flex;gap:9px}.field-row>.field{flex:1}.input-unit{display:flex;align-items:center;gap:3px}.input-unit>input{width:100%;border:0;outline:none;background:none;padding:0;min-width:0;font-size:10px}.input-unit>span{font-size:9px;color:#a2acba}.slider-field{display:flex;flex-direction:column;gap:11px;margin:16px 0 19px}.slider-field>span{display:flex;justify-content:space-between;font-size:10px;color:#718096}.slider-field output{font-size:9px;font-variant-numeric:tabular-nums;color:#9ba5b4}.checkbox-line{display:flex;align-items:center;gap:6px;font-size:10px;color:#7b899e;margin:13px 0}.panel-note{font-size:10px;color:#a2acba;line-height:1.7;margin:12px 0}.panel-primary,.panel-secondary{display:flex;align-items:center;justify-content:center;gap:5px;border-radius:5px;font-size:10px;min-height:29px;width:100%;padding:7px;margin-top:13px}.panel-primary{background:#3f6ee8;color:#fff}.panel-primary:hover{background:#315cc9}.panel-secondary{border:1px solid #e1e7f0;color:#8a97ac}.panel-secondary:hover{background:#f5f7fb}.panel-actions{display:flex;gap:7px}.panel-actions>button{flex:1}.segmented-control,.ratio-options,.format-options{display:grid;gap:5px}.segmented-control{grid-template-columns:repeat(4,1fr);background:#f3f5f9;padding:3px;border-radius:5px}.segmented-control>button{font-size:9px;padding:5px 0;color:#939eb0;border-radius:3px}.segmented-control .chosen{background:#fff;box-shadow:0 1px 3px #23324c12;color:#5676b3}.ratio-options{grid-template-columns:repeat(3,1fr)}.format-options{grid-template-columns:repeat(3,1fr);margin:12px 0}.ratio-options>button,.format-options>button{border:1px solid #e5e9f1;border-radius:4px;font-size:10px;padding:6px;color:#9aa4b4}.ratio-options .chosen,.format-options .chosen{background:#f3f6ff;color:#4f75cb;border-color:#afc2ef}.transform-buttons{display:flex;gap:7px}.transform-buttons>button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;border:1px solid #e6ebf3;border-radius:4px;padding:6px;font-size:10px;color:#95a0b2}.brush-preview{display:flex;align-items:center;gap:10px;height:37px;background:#f6f8fb;border-radius:5px;padding:7px 12px;color:#a4afc0;font-size:10px}.brush-preview>span:first-child{border-radius:50%;flex-shrink:0;min-height:2px;min-width:2px}.color-input{display:flex;align-items:center;gap:8px;font-size:10px;color:#8e9bae}.color-input>small{margin-left:auto;font-size:9px;color:#a4adba}.color-plane{height:105px;border-radius:4px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--selected-color);position:relative}.color-plane>span{position:absolute;height:8px;width:8px;border-radius:50%;border:1.5px solid white;box-shadow:0 0 0 1px #0004;left:51%;top:40%}.hue-strip{height:7px;border-radius:3px;margin:10px 0 12px;background:linear-gradient(90deg,#f33,#ff3,#3f3,#3ff,#33f,#f3f,#f33)}.palette-color{padding:8px 0 11px;border-bottom:1px solid #edf0f5}.swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px 0 0}.swatch-grid>button{height:21px;width:100%;border-radius:3px;border:1px solid #0000000f;display:grid;place-items:center}.swatch-grid>button:hover{outline:1px solid #95aae0;outline-offset:2px}.sample-preview{display:flex;align-items:center;gap:13px;margin:3px 0 15px}.sample-pixels{position:relative;height:64px;width:64px;border:1px solid #d7dfeb;border-radius:5px;background-color:#b6a98f;background-image:linear-gradient(90deg,#ffffff50 1px,transparent 1px),linear-gradient(#ffffff50 1px,transparent 1px),conic-gradient(#807a65 0 25%,#a2a590 0 50%,#c3b8a5 0 75%,#706f62 0);background-size:9px 9px,9px 9px,27px 27px}.sample-pixels>span{position:absolute;left:26px;top:26px;outline:1px solid white;box-shadow:0 0 0 2px #4a5f82;width:9px;height:9px;background:#526b5d}.sample-preview>div:last-child{display:flex;flex-direction:column;gap:8px}.sample-color{width:23px;height:23px;border-radius:4px}.sample-preview strong{font-size:10px;font-weight:400;color:#94a0b2}.text-content{font-size:11px;height:58px;border:1px solid #e3e8f0;border-radius:5px;resize:vertical;padding:8px;width:100%;color:#7c8a9f;line-height:1.6}.text-style-row{display:flex;gap:5px;align-items:center}.text-style-row>button{font:12px Georgia,serif;height:25px;width:27px;border:1px solid #e7ebf3;border-radius:4px;color:#8b99af}.text-style-row>span{flex:1}.text-style-row>.chosen{background:#eef3fd;border-color:#b5c6eb;color:#5c7fc5}.type-bold{font-weight:700!important}.type-italic{font-style:italic!important}.type-underline{text-decoration:underline}.anchor-grid{display:grid;grid-template-columns:repeat(3,18px);gap:2px;align-self:center}.anchor-grid>button{height:18px;border:1px solid #e0e6ef;border-radius:2px;display:grid;place-items:center}.anchor-grid i{width:3px;height:3px;border-radius:1px;background:#c0c9d6}.anchor-grid .chosen{background:#eff4ff;border-color:#b1c4ef}.anchor-grid .chosen i{background:#6a8dd7}.export-summary{display:flex;gap:10px;align-items:center;padding:7px;background:#f6f8fb;border-radius:5px;margin-bottom:13px}.export-summary>img{width:30px;height:38px;object-fit:cover;border-radius:2px}.export-summary>span{font-size:10px;color:#8c99ae}.export-summary small{display:block;font-size:9px;color:#b0bac9;margin-top:5px}.history-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 0;font-size:10px;color:#8593a9;text-align:left}.history-item>img{height:32px;width:28px;object-fit:cover;border-radius:3px}.history-item>span{flex:1;min-width:0}.history-item small{display:block;font-size:9px;color:#b0baca;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.history-item>svg{color:#6485cc}.profile-summary{display:flex;align-items:center;gap:9px;padding:2px 0 8px}.profile-avatar{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#e8eef6;color:#8599b8;font-size:11px}.profile-summary strong{font-size:11px;font-weight:400;color:#7a8aa3}.profile-summary small{display:block;color:#b2bccb;font-size:9px;margin-top:3px}.profile-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0;font-size:10px;color:#8e9db4;border-top:1px solid #f0f2f6}.profile-menu-item:hover{color:#3f6ee8}.studio-toast{position:absolute;bottom:105px;left:50%;transform:translate(-50%);background:#3d4655;color:#fff;padding:8px 10px;border-radius:5px;font-size:10px;line-height:1.6;width:max-content;max-width:calc(100% - 24px);z-index:30;box-shadow:0 4px 15px #23324c14}@media(min-width:600px){.studio-header{padding:0 20px;height:46px}.workspace-topline{padding:0 20px}.canvas-bottomline{padding-left:20px;padding-right:20px}.editor-dock{padding:0 max(12px,calc((100% - 600px)/2)) 7px}.tool-options{height:29px}.toolbar-grid{grid-template-columns:repeat(14,minmax(0,1fr));max-width:600px;gap:4px}.toolbar-tool{width:100%;height:27px}.toolbar-tool:before{height:27px}.toolbar-split-tool{width:100%;height:27px}.toolbar-split-tool .toolbar-tool-main{width:30px;height:27px}.toolbar-tool:nth-child(n):after{left:50%;right:auto;transform:translate(-50%)}.toolbar-tool:first-child:after{left:0;transform:none}.toolbar-tool:last-child:after{left:auto;right:0;transform:none}.studio-toast{bottom:78px}}@media(max-width:290px){.studio-header{padding:0 10px}.editor-wordmark{display:none}.header-divider{margin:0 4px}.editor-dock{padding-left:6px;padding-right:6px}.toolbar-grid{column-gap:1px}.workspace-topline,.canvas-bottomline{padding-left:10px;padding-right:10px}.option-hint,.color-code{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.crop-dimensions{position:absolute;z-index:3;transform:translateY(0);padding:3px 6px;border-radius:3px;background:#252a30;color:#fff;font-size:9px;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.image-selection:has(.crop-grid){overflow:visible}.canvas-stage{position:relative}.artboard{transition:none}.canvas-scrollbar{position:absolute;z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;border-radius:999px;background:#e6ebf216;outline-offset:1px!important}.canvas-scrollbar.is-horizontal{left:10px;right:10px;bottom:3px;height:12px}.canvas-scrollbar.is-vertical{top:10px;bottom:10px;right:3px;width:12px}.canvas-scrollbar.is-horizontal.has-both{right:19px}.canvas-scrollbar.is-vertical.has-both{bottom:19px}.canvas-scrollbar>span{position:absolute;display:block;border-radius:999px;background:#66758a78;box-shadow:0 0 0 1px #ffffff70;transition:background .12s,box-shadow .12s}.canvas-scrollbar.is-horizontal>span{top:3px;height:6px;min-width:28px;max-width:100%}.canvas-scrollbar.is-vertical>span{left:3px;width:6px;min-height:28px;max-height:100%}.canvas-scrollbar:hover,.canvas-scrollbar:focus-visible,.canvas-scrollbar.is-dragging{background:#dce3ed55}.canvas-scrollbar:hover>span,.canvas-scrollbar:focus-visible>span,.canvas-scrollbar.is-dragging>span{background:#526b8bb8;box-shadow:0 0 0 1px #ffffffa6}.artboard{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--image-zoom))}.artboard.is-empty{visibility:hidden;position:absolute}.image-selection{touch-action:none;background-color:#fff;background-image:conic-gradient(#edf0f5 25%,#fff 0 50%,#edf0f5 0 75%,#fff 0);background-size:14px 14px}.canvas-photo{pointer-events:none}.tool-move .image-selection{cursor:grab}.tool-move .image-selection:active{cursor:grabbing}.tool-brush .image-selection,.tool-eraser .image-selection,.tool-fill .image-selection,.tool-polygon .image-selection,.tool-crop .image-selection{cursor:crosshair}.tool-text .image-selection{cursor:text}.polygon-preview,.crop-grid,.text-placement{pointer-events:none}.polygon-preview polygon,.polygon-preview polyline{fill:#3f6ee811;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}.polygon-preview polyline{fill:none}.polygon-preview circle{fill:#fff;stroke:#3f6ee8;stroke-width:1;vector-effect:non-scaling-stroke}.text-placement{position:absolute;color:#3f6ee8;border:1px dashed #7595e6;font-size:15px;line-height:20px;padding:0 4px;background:#fffa}.empty-workspace{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#8d9bb0;pointer-events:none}.empty-workspace>svg{margin-bottom:4px;color:#95a3b8}.empty-workspace strong{font-size:13px;font-weight:400;color:#72829a}.empty-workspace>span{font-size:10px;color:#9ca8ba}.empty-workspace .panel-primary{width:auto;min-width:105px;margin-top:6px;padding:8px 18px;pointer-events:auto}.empty-capture{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:3px;pointer-events:auto;padding:5px;color:#8b9ab0}.empty-workspace>small{font-size:9px;color:#b0bac9;margin-top:15px}.selection-modes{grid-template-columns:repeat(2,1fr)}.hue-range{appearance:none;background:linear-gradient(90deg,#f33,#ff3,#3f3,#3ff,#33f,#f3f,#f33);height:7px!important;border-radius:3px;margin:12px 0!important}.hue-range::-webkit-slider-thumb{appearance:none;background:transparent;border:2px solid white;height:13px;width:7px;box-shadow:0 0 1px #000;border-radius:2px}.hex-input{width:95px;border:0;background:none;font-size:10px;padding:3px;color:#7a8aa2}.sample-preview>strong{font-size:11px;font-weight:400;color:#7c8da7}.sample-preview>.panel-secondary{width:auto;margin:0 0 0 auto;padding:5px 8px}.history-list{list-style:none;padding:0;margin:0;max-height:240px;overflow:auto}.history-list>li{display:flex;align-items:center;justify-content:space-between;font-size:10px;padding:8px;color:#9aa7bb;border-radius:4px}.history-list .current{color:#5d7fbf;background:#f0f4fc}.shortcut-details{font-size:10px;color:#7f90aa;border-top:1px solid #edf0f5;padding:10px 0}.shortcut-details summary{cursor:pointer}.shortcut-details p{line-height:1.9;color:#99a7bc}.busy-indicator{position:absolute;top:48px;left:50%;transform:translate(-50%);font-size:10px;color:#6d84ad;background:#fff;padding:7px 10px;border-radius:4px;box-shadow:0 3px 12px #23324c12;z-index:40}.toolbar-tool:disabled{opacity:.3}.toolbar-tool:disabled:hover:after{opacity:0}.toolbar-tool:disabled:hover{background:none}.toolbar-tool:disabled:hover:before{opacity:0}.color-plane{touch-action:none;cursor:crosshair}.field>.anchor-grid{align-self:center}.panel-secondary+.transform-buttons{margin-top:10px}.toolbar-split-tool{position:relative;display:grid;place-items:center;width:100%;height:26px;border-radius:5px;color:#707f94}.toolbar-split-tool.is-active{color:#3f6ee8}.toolbar-split-tool.is-active .toolbar-tool-main:before{background:#edf2fd;opacity:1}.toolbar-split-tool .toolbar-tool-main{width:100%;height:26px}.toolbar-split-tool .toolbar-tool-submenu{position:absolute;right:1px;bottom:1px;width:8px;height:8px;padding:0;border-radius:0 0 3px;color:currentColor;display:block;z-index:2}.toolbar-split-tool .toolbar-tool-submenu:after{content:"";position:absolute;right:0;bottom:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:4px solid currentColor;opacity:.85;transform:rotate(0)}.toolbar-split-tool .toolbar-tool-submenu:hover:after{opacity:1}.selection-tool-menu{position:absolute;z-index:25;left:-5px;bottom:calc(100% + 5px);width:132px;padding:5px;background:#fff;border:1px solid #dfe4ec;border-radius:7px;box-shadow:0 8px 25px #23324c1b}.selection-tool-menu>strong{display:block;padding:4px 7px 5px;color:#9aa5b5;font-size:9px;font-weight:400}.selection-tool-menu>button{display:flex;align-items:center;gap:7px;width:100%;padding:6px 7px;border-radius:4px;color:#718097;font-size:10px;text-align:left}.selection-tool-menu>button:hover,.selection-tool-menu>button.chosen{background:#eef3fc;color:#3f6ee8}.selection-tool-menu>button>span{flex:1}.polygon-preview .shape-selection-preview{fill:#3f6ee814;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}.polygon-preview .selection-fill{fill:#3f6ee814;stroke:none}.polygon-preview .selection-outline{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:4 4;stroke-linecap:butt;pointer-events:none}.polygon-preview .selection-outline-light{stroke:#fff;stroke-dasharray:none}.polygon-preview .selection-outline-dark{stroke:#000;stroke-dashoffset:0;animation:selection-march .8s linear infinite}@keyframes selection-march{0%{stroke-dashoffset:0}to{stroke-dashoffset:-8}}.fill-options{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none;height:100%}.fill-options::-webkit-scrollbar{display:none}.inline-field{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}.fill-options .inline-number{width:28px;flex-shrink:0}.gradient-options .gradient-style{width:46px}.gradient-options .gradient-preset{width:82px;border-bottom-width:2px}.gradient-options{gap:5px}.fill-tool-menu{left:auto;right:-5px}.pen-options{gap:5px}.pen-actions{display:flex;align-items:center;gap:1px;flex-shrink:0}.pen-actions>button{height:20px;padding:0 5px;border-radius:3px;font-size:9px;color:#7b889b;white-space:nowrap;display:grid;place-items:center}.pen-actions>button:hover{background:#f1f4f9;color:#3d536e}.pen-actions>button:disabled:hover{background:none}.brush-tool-menu kbd{font:9px inherit;color:#a0a8b4}.pen-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.pen-overlay path{fill:none;stroke:#3f6ee8;stroke-width:1;vector-effect:non-scaling-stroke}.pen-overlay .pen-curve-light{stroke:#fff;stroke-width:3}.pen-overlay line{stroke:#7595e6;stroke-width:1;vector-effect:non-scaling-stroke}.pen-overlay .pen-hit{fill:transparent;stroke:none;pointer-events:all;cursor:move}.pen-overlay .pen-anchor,.pen-overlay .pen-handle{fill:#fff;stroke:#3f6ee8;stroke-width:1;vector-effect:non-scaling-stroke}.pen-overlay .pen-anchor.chosen{fill:#3f6ee8}.gradient-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible}.gradient-guide line{stroke:#263954;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}.gradient-guide .gradient-guide-light{stroke:#fff;stroke-width:3;stroke-dasharray:none}.gradient-guide circle{fill:#fff;stroke:#263954;stroke-width:1;vector-effect:non-scaling-stroke}.tool-options.is-text{gap:5px}.text-options{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none;height:100%}.text-options::-webkit-scrollbar{display:none}.inline-font{width:52px;height:20px;border:1px solid #e7eaf0;border-radius:3px;padding:1px 2px;background:#fafbfd;color:#647187;font-size:9px;flex-shrink:0}.text-options .inline-number{width:28px;flex-shrink:0}.inline-tool-group{display:flex;align-items:center;flex-shrink:0}.inline-tool-group>button{display:grid;place-items:center;width:20px;height:21px;border-radius:3px;color:#7b889b;font-size:11px}.inline-tool-group>button:hover{background:#f1f4f9;color:#3d536e}.inline-tool-group>button.chosen{background:#edf2fd;color:#3f6ee8}.text-options :focus-visible{outline-offset:-2px}.text-placement{position:absolute;z-index:4;pointer-events:auto;transform-origin:top left;padding:0;border:0;background:none;line-height:normal}.text-placement textarea{display:block;min-width:0;min-height:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;outline:1px dashed #7595e6;outline-offset:3px;resize:none;overflow:hidden;background:transparent;box-shadow:none;white-space:pre;touch-action:auto;font-synthesis:weight style}.text-placement textarea:focus-visible{outline:1px dashed #7595e6;outline-offset:3px}.text-placement textarea::placeholder{color:#7184a4;opacity:.65}.text-object-selection{position:absolute;z-index:3;outline:1px solid #6e91dd;pointer-events:none}.text-object-selection>i{position:absolute;width:4px;height:4px;background:#fff;border:1px solid #6e91dd}.text-object-selection>i:nth-child(1){left:-2px;top:-2px}.text-object-selection>i:nth-child(2){right:-2px;top:-2px}.text-object-selection>i:nth-child(3){left:-2px;bottom:-2px}.text-object-selection>i:nth-child(4){right:-2px;bottom:-2px}.capture-tool-menu{width:174px;left:-5px}.capture-tool-menu small{font-size:9px;color:#a0a8b4;white-space:nowrap}.capture-tool-menu hr{border:0;border-top:1px solid #edf0f4;margin:4px}.capture-tool-menu button:disabled{opacity:.45;cursor:default}.capture-tool-menu button:disabled:hover{background:transparent;color:#718097}.layer-trigger{display:flex;align-items:center;gap:6px;min-width:0;height:27px;padding:0 6px;border-radius:5px;color:#647187;font-size:11px;white-space:nowrap}.layer-trigger:hover,.layer-trigger.is-active{background:#edf2fd;color:#3f6ee8}.layer-trigger small{font-size:9px;min-width:16px;height:16px;display:grid;place-items:center;border:1px solid #e0e6ef;border-radius:4px;color:#8593a7}.panel-layers{width:244px;padding:10px}.layer-settings{display:flex;align-items:center;gap:8px;padding:2px 2px 8px}.layer-blend-mode{width:84px;height:23px;flex-shrink:0;border:1px solid #e1e6ef;border-radius:4px;background:#fafbfd;padding:1px 3px;color:#68778e;font-size:10px}.layer-blend-mode:disabled{opacity:.5;cursor:default}.layer-opacity{display:flex;align-items:center;gap:4px;flex:1;min-width:0;font-size:9px;color:#7b899e}.layer-opacity input{min-width:0;flex:1}.layer-opacity>span:first-child{white-space:nowrap}.layer-opacity>span:last-child{min-width:27px;text-align:right;font-variant-numeric:tabular-nums}.layer-list{max-height:220px;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:2px}.layer-row{position:relative;display:flex;align-items:center;min-height:43px;border:1px solid transparent;border-radius:5px;padding:3px 4px;gap:3px}.layer-row:hover{background:#f5f7fb}.layer-row.chosen{background:#eef3fc;border-color:#d5e0f6}.layer-visibility,.layer-lock{width:20px;height:27px;display:grid;place-items:center;color:#8a98ad;border-radius:3px;flex-shrink:0}.layer-visibility:hover,.layer-lock:hover{color:#3f6ee8;background:#e6edfa}.layer-select{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;padding:1px 0}.layer-thumbnail{position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce2eb;border-radius:3px;background:conic-gradient(#e8ecf2 25%,#fff 0 50%,#e8ecf2 0 75%,#fff 0);background-size:8px 8px;flex-shrink:0;overflow:hidden}.layer-thumbnail>svg{position:absolute;right:0;bottom:0;background:#fff;color:#7184a4;padding:1px;width:10px;height:10px}.layer-name{font-size:10px;color:#68778e;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.5;flex:1}.layer-name>small{display:block;font-size:8px;color:#9aa6b8}.layer-rename{position:absolute;left:68px;right:28px;top:8px;width:calc(100% - 96px);padding:4px 3px;border:1px solid #adc2ef;border-radius:3px;font-size:10px;background:#fff}.layer-actions{display:flex;align-items:center;gap:3px;padding:8px 0 3px;margin-top:6px;border-top:1px solid #edf0f5}.layer-actions>button{display:grid;place-items:center;width:24px;height:25px;border-radius:4px;color:#7e8da3}.layer-actions>button:hover{background:#edf2fd;color:#3f6ee8}.layer-actions>span{flex:1}.layer-new-document{display:flex;align-items:center;gap:5px;font-size:9px;color:#909db0;margin-top:4px;padding:6px 2px}.layer-new-document:hover{color:#3f6ee8}.format-options{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-clone .image-selection{cursor:crosshair}.clone-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.clone-brush-ring{position:absolute;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #28303caa}.clone-source-marker{position:absolute;width:13px;height:13px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #28303caa}.clone-source-marker:before,.clone-source-marker:after{content:"";position:absolute;background:#fff;box-shadow:0 0 0 1px #28303caa}.clone-source-marker:before{left:5px;top:-3px;width:1px;height:17px}.clone-source-marker:after{top:5px;left:-3px;height:1px;width:17px}.clone-options{gap:7px}.clone-options .clone-sample{width:64px}.clone-sample-hint{white-space:nowrap}.document-tabs{display:flex;align-items:center;flex:1;min-width:0;gap:3px;height:100%}.document-tab-list{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:100%;height:100%;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.document-tab-list::-webkit-scrollbar{display:none}.document-tab{height:24px;display:flex;align-items:center;flex:0 0 auto;max-width:150px;border:1px solid transparent;border-radius:4px;color:#8994a5;position:relative}.document-tab+.document-tab{margin-left:3px}.document-tab:hover{background:#eaeef4}.document-tab.is-active{background:#fff;border-color:#dfe5ee;color:#526d9a;box-shadow:0 1px 2px #263b5810}.document-tab.is-active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:1px;background:#7595df}.document-tab>[role=tab]{display:flex;align-items:center;gap:5px;min-width:0;height:100%;padding:0 3px 0 7px;font-size:9px;white-space:nowrap;border-radius:3px}.document-tab>[role=tab]:focus-visible{outline-offset:-2px}.document-tab-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.document-tab .document-dot{width:3px;height:3px;background:#b5c0cf}.document-tab.is-active .document-dot{background:#7595df}.document-tab .document-dot.is-pending{background:#c99862}.document-tab-close{display:grid;place-items:center;width:17px;height:17px;margin-right:2px;flex-shrink:0;color:#a4adba;border-radius:3px}.document-tab-close:hover{background:#dde5f2;color:#4f6a96}.document-tab-add,.document-tab-restore{height:22px;width:21px;display:grid;place-items:center;flex-shrink:0;color:#94a0b2;border-radius:4px}.document-tab-add:hover,.document-tab-restore:hover{background:#e9edf4;color:#526d9a}.document-empty-title{font-size:9px;color:#8c98a9;white-space:nowrap}.background-removal-spinner{animation:background-removal-spin .85s linear infinite}@keyframes background-removal-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.background-removal-spinner{animation:none}}.export-size-heading{display:flex;align-items:center;justify-content:space-between;margin:11px 0 6px;font-size:10px;color:#718096}.export-limit{display:flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums;color:#7185a6}.export-limit.is-over{color:#c38532}.export-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:7px}.export-presets>button{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;border:1px solid #e5e9f1;border-radius:4px;padding:5px 2px;font-size:9px;color:#9aa4b4}.export-presets>button:hover{background:#f7f9fc;color:#607aa8}.export-presets>.chosen{background:#f3f6ff;color:#4f75cb;border-color:#afc2ef}.export-dimensions{gap:6px}.export-dimensions>.field{margin:7px 0}.export-lock{margin:6px 0 8px}.export-upgrade-note,.export-error-note{display:flex;align-items:flex-start;gap:5px;font-size:9px;line-height:1.55;margin:7px 0;color:#a77a3d}.export-upgrade-note>svg{flex:0 0 auto;color:#c28b37;margin-top:1px}.export-error-note{color:#b75f69}.export-error-note>svg{flex:0 0 auto}.tool-popover.panel-export{width:360px;max-width:calc(100vw - 16px);padding:14px}.panel-export .export-summary{padding:8px 10px;margin-bottom:10px}.panel-export .export-summary small{display:none}.panel-export .export-size-heading{margin:9px 0 6px}.panel-export .export-presets{gap:6px;margin-bottom:8px}.panel-export .export-presets>button{min-height:32px;padding:5px 6px;font-size:10px}.panel-export .export-dimensions{gap:10px}.panel-export .export-dimensions>.field{margin:7px 0}.panel-export .export-lock{margin:5px 0 7px}.panel-export .export-upgrade-note,.panel-export .export-error-note{margin:6px 0;font-size:9px;line-height:1.35}.panel-export .format-options{grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.panel-export .format-options>button{min-height:32px;padding:6px 4px}.panel-export .panel-note{margin:7px 0;font-size:9px;line-height:1.4}.panel-export .checkbox-line{margin:9px 0}.panel-export .panel-primary{margin-top:10px}.panel-export .export-presets>button{white-space:nowrap}