:root{font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#e9e7df;background:#181916;font-synthesis:none}.app-loading{display:grid;min-height:100vh;place-items:center;color:#d9d8d0;background:radial-gradient(circle at 50% 38%,#34362f,#181916 58%);font:700 14px Manrope,sans-serif;letter-spacing:.04em}.app-recovery>div{max-width:360px;padding:24px;border:1px solid #756148;border-radius:10px;background:#24251f;box-shadow:0 16px 40px #0008;text-align:center}.app-recovery strong{color:#f0d498;font-size:17px}.app-recovery p{color:#b9bbb1;font-size:12px;line-height:1.6;letter-spacing:0}.app-recovery button{border:1px solid #e65c3d;border-radius:6px;background:#e65c3d;color:#171815;padding:8px 12px;font:800 12px Manrope,sans-serif}@media(max-width:720px){.toolbar.toolbar-top .toolbar-layout,.toolbar.toolbar-double .toolbar-layout{display:grid;width:100%;min-width:0;grid-template-columns:1fr}.toolbar.toolbar-top .tool-group,.toolbar.toolbar-double .tool-group{display:grid;width:100%;min-width:0;padding:0 0 3px;border:0;border-bottom:1px solid #393b34}.toolbar.toolbar-top .tool-group-items,.toolbar.toolbar-double .tool-group-items{display:grid;width:100%;min-width:0;grid-template-columns:1fr;justify-items:center;gap:2px}.toolbar.toolbar-top .tool-group h2,.toolbar.toolbar-double .tool-group h2{display:none}.toolbar.toolbar-top .tool-group.collapsed .tool-group-items,.toolbar.toolbar-double .tool-group.collapsed .tool-group-items{display:grid}.toolbar{overflow-x:hidden}}.command-palette{width:min(520px,calc(100vw - 28px));max-height:min(660px,calc(100vh - 28px));overflow:auto;border:1px solid #6a6250;border-radius:10px;background:#252622;color:#e9e7df;box-shadow:0 22px 60px #000a;padding:14px}.command-palette .resize-title{margin:-14px -14px 0}.command-palette .resize-title kbd{margin-left:8px;color:#aaa99f;font-size:10px}.command-palette p{margin:12px 0;color:#afb1a8;font-size:12px}.command-palette>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:6px}.command-palette>div:last-child button{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;border:1px solid #4d5048;border-radius:6px;background:#30322d;color:#e7e6df;padding:9px 10px;text-align:left}.command-palette>div:last-child button:hover,.command-palette>div:last-child button:focus-visible{border-color:#e65c3d;background:#3b302a;outline:0}.command-palette>div:last-child button:disabled{opacity:.45}.command-palette>div:last-child button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette kbd{flex:none;color:#e9c476;font:10px DM Mono,monospace}.layer-create-trigger{margin:8px 10px 0;border:1px solid #78513f;border-radius:6px;background:#3b2b25;color:#f3c5b7;padding:7px 9px;font:800 11px Manrope,sans-serif;text-align:left}.layer-create-trigger:hover,.layer-create-trigger:focus-visible{border-color:#e65c3d;background:#4b3028;outline:0}.inspector-tab-layers:not(.layer-create-open)>.panel-heading .new-layer-actions{display:none}.layer-create-open>.panel-heading{display:grid;grid-template-columns:1fr;gap:7px}.layer-create-open>.panel-heading .new-layer-actions{width:100%;max-height:180px;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #45463f;padding-top:8px}.layer-create-open>.panel-heading .new-layer-actions button{min-height:34px;border-color:#50534b;background:#292b26}.layer-create-open>.panel-heading .new-layer-actions button:hover,.layer-create-open>.panel-heading .new-layer-actions button:focus-visible{border-color:#e65c3d;background:#3d302a;outline:0}@media(max-width:720px){.command-palette>div:last-child{grid-template-columns:1fr}.toolbar .tool-group.collapsed .tool-group-items{display:grid}}@media(max-width:720px){.layer-create-open>.panel-heading .new-layer-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-height:154px}}@media(max-width:720px){.topbar .actions{min-width:0;flex:1;margin-left:0;overflow:visible}.topbar .actions::-webkit-scrollbar{display:none}.topbar .actions button{flex:none;white-space:nowrap}.topbar .actions-main>button{display:none}.topbar .actions-main>button:nth-child(2),.topbar .actions-main>.primary{display:inline-flex}.topbar .layers-trigger{display:block}}.orb-one{width:270px;height:270px;top:-80px;left:-65px}.orb-two{width:360px;height:360px;right:-175px;bottom:-125px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% -30%,#3c4935 0,transparent 38%),#181916}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}:where(.editor) button{color:var(--settings-text, #dedfd7);background:var(--settings-raised, #292e27);border:1px solid var(--settings-border, #596252);border-radius:.25rem;padding:.375rem .625rem}:where(.editor) button:hover:not(:disabled){background:var(--settings-hover, #3b4236)}.editor{height:100vh;min-height:600px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:58px 1fr 28px;overflow:hidden}.topbar,footer{display:flex;align-items:center;background:#20211e;border-color:#35372f}.topbar{padding:0 18px;border-bottom:1px solid #35372f;gap:20px}.brand{padding:0;border:0;background:none;color:#ec5c38;letter-spacing:-1px;font-size:18px;font-weight:800}.brand span{color:#e9e7df;font-size:12px;margin-left:3px;letter-spacing:1px}.document-name{display:none;font-family:DM Mono,monospace;font-size:12px;color:#a6a89f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-tabs{display:flex;min-width:0;max-width:min(48vw,620px);gap:4px;overflow-x:auto;scrollbar-width:thin}.document-tab{display:flex;min-width:0;overflow:hidden;border:1px solid #41433d;border-radius:5px;background:#292b26}.document-tab.active{border-color:#c66b45;background:#3a3029;box-shadow:inset 0 -2px #e65c3d}.document-tab>button{min-width:0;border:0;background:transparent;color:#bfc1b8;padding:6px 7px;font:11px DM Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-tab.active>button:first-child{color:#f3e3d5}.document-tab>button:first-child{max-width:150px}.document-tab .document-tab-close{width:25px;padding:4px;color:#999b92;font:16px/1 sans-serif}.document-tab .document-tab-close:hover,.document-tab .document-tab-close:focus-visible{color:#f09275;background:#4a2b25;outline:0}.actions{margin-left:auto;display:flex;gap:8px}.actions button,.panel-heading button{border:1px solid #4a4c45;background:transparent;color:#e9e7df;border-radius:5px;padding:7px 11px;font-size:12px;font-weight:700}.actions .primary{background:#e65c3d;border-color:#e65c3d;color:#171815}.hidden{display:none}.language-toggle{max-width:142px;border:1px solid #4a4c45;border-radius:5px;background:#292b26;color:#e9e7df;padding:6px 8px;font-size:11px;font-weight:700}.editor[dir=rtl] .actions{margin-left:0;margin-right:auto}.editor[dir=rtl] .toolbar{border-right:0;border-left:1px solid #35372f}.editor[dir=rtl] .inspector{border-left:0;border-right:1px solid #35372f}.workspace{min-height:0;display:grid;grid-template-columns:48px 1fr 276px}.toolbar{border-right:1px solid #35372f;background:#20211e;padding:8px 4px;display:flex;align-items:center;flex-direction:column;gap:6px}.tool{position:relative;color:#aaa99f;border:0;width:40px;min-height:50px;padding:5px 1px;background:transparent;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:background-color .16s cubic-bezier(.32,.72,0,1),color .16s cubic-bezier(.32,.72,0,1)}.tool:hover{background:#2b2e29;color:#f1eee5}.tool:focus-visible{outline:2px solid #e9b861;outline-offset:-2px}.tool-icon{width:19px;height:19px;flex:none}.tool:after{content:attr(data-label);max-width:38px;overflow:hidden;font:700 10px/12px Manrope,sans-serif;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.tool.active{background:#2f2925;color:#f4d3c8}.tool.active:before{content:"";position:absolute;left:-4px;top:7px;bottom:7px;width:2px;border-radius:2px;background:#e65c3d}.workspace-view-hint{position:fixed;z-index:40;right:16px;bottom:16px;max-width:calc(100vw - 32px);border:1px solid #766346;border-radius:5px;background:#1d1e1ae8;color:#f0d498;padding:7px 10px;box-shadow:0 8px 24px #0008;font-size:11px;pointer-events:none}.workspace-view-panels-hidden .workspace{grid-template-columns:1fr}.workspace-view-panels-hidden .toolbar,.workspace-view-panels-hidden .inspector{display:none}.workspace-view-interface-hidden{grid-template-rows:1fr}.workspace-view-interface-hidden .topbar,.workspace-view-interface-hidden footer,.workspace-view-interface-hidden .toolbar,.workspace-view-interface-hidden .inspector{display:none}.workspace-view-interface-hidden .workspace{grid-template-columns:1fr}.workspace-view-interface-hidden .canvas-scroll{padding:24px}.ui-icon{width:14px;height:14px;vertical-align:-2px}.canvas-area{position:relative;min-width:0;background-color:#292b26;background-image:linear-gradient(45deg,#252722 25%,transparent 25%),linear-gradient(-45deg,#252722 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#252722 75%),linear-gradient(-45deg,transparent 75%,#252722 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas-scroll{height:100%;overflow:auto;display:grid;place-items:center;padding:48px}.canvas-frame{position:relative;box-shadow:0 20px 60px #0008;flex:none}.canvas-frame canvas{width:100%;height:100%;display:block;touch-action:none}.selection-box,.crop-box{position:absolute;pointer-events:none;border:1px dashed #f5f3e9;box-shadow:0 0 0 1px #17181599;animation:marching-ants .8s linear infinite;background:#e65c3d16}.crop-box{border:2px solid #e9b861;background:#e9b86118;box-shadow:0 0 0 9999px #111c;animation:none}.canvas-controls,.brush-controls,.selection-controls,.crop-controls,.resize-panel,.adjust-panel{position:absolute;z-index:2;display:flex;align-items:center;background:#1e1f1ccc;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-controls{bottom:18px;left:18px;gap:12px;padding:7px 10px}.canvas-controls button{width:24px;border:0;background:transparent;color:#eee;font-size:18px}.canvas-controls .resize-trigger{width:auto;border-left:1px solid #50524a;border-radius:0;padding-left:10px;font-size:11px;font-weight:700}.canvas-controls strong{font:12px DM Mono,monospace;min-width:33px}.brush-controls{top:14px;left:14px;width:min(720px,calc(100% - 28px));max-height:min(42vh,360px);overflow-y:auto;overscroll-behavior:contain;gap:9px;padding:8px 10px;color:#c7c8c0;font-size:11px}.brush-controls input[type=color],.selection-controls input[type=color]{width:23px;height:23px;border:0;border-radius:4px;background:transparent;padding:0}.brush-controls label{display:flex;align-items:center;gap:5px}.brush-controls input[type=range]{width:78px;accent-color:#e65c3d}.brush-controls output{color:#e65c3d;font:11px DM Mono,monospace}.selection-controls,.crop-controls{top:14px;left:14px;gap:5px;padding:7px}.selection-controls button,.crop-controls button{border:1px solid #50524a;border-radius:4px;background:#292b26;color:#e8e7df;padding:5px 8px;font-size:11px}.selection-controls button:first-of-type,.crop-controls button:first-of-type{border-color:#e65c3d;color:#f08368}.crop-controls span{color:#e9b861;font:11px DM Mono,monospace;padding:0 3px}.resize-panel,.adjust-panel{width:240px;top:14px;left:14px;padding:12px;align-items:stretch;flex-direction:column;gap:10px;color:#d2d3cc;font-size:11px}.resize-title{display:flex;justify-content:space-between;color:#eee;font-weight:800}.resize-title button{border:0;color:#aaa;background:transparent;font-size:16px;line-height:12px}.resize-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.resize-panel label,.adjust-panel label{display:grid;gap:5px}.resize-panel input[type=number],.resize-panel select{min-width:0;width:100%;border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:6px;font:11px DM Mono,monospace}.resize-anchor{grid-template-columns:45px 1fr;align-items:center}.resize-anchor select{font-family:Manrope,sans-serif}.scale-toggle{grid-template-columns:15px 1fr!important;align-items:center;color:#c8c9c1}.scale-toggle input{accent-color:#e65c3d;margin:0}.apply-resize{border:0;border-radius:4px;background:#e65c3d;color:#171815;padding:8px;font-size:11px;font-weight:800}.adjust-panel label:not(.scale-toggle){grid-template-columns:1fr auto;align-items:center}.adjust-panel output{color:#e65c3d;font:11px DM Mono,monospace}.adjust-panel input[type=range]{grid-column:1 / -1;width:100%;margin:0;accent-color:#e65c3d}@keyframes marching-ants{to{background-position:10px 0}}.welcome{width:min(590px,calc(100% - 40px));position:absolute;inset:0;margin:auto;height:max-content;text-align:center;padding:40px 18px}.eyebrow{color:#e65c3d;font:500 11px DM Mono,monospace;letter-spacing:2px}.welcome h1{font-size:clamp(32px,5vw,58px);letter-spacing:-3px;margin:14px 0}.welcome p:not(.eyebrow){color:#aaa99f;font-size:15px;line-height:1.7}.open-large{background:#e65c3d;border:0;color:#171815;font-weight:800;border-radius:6px;padding:13px 20px;margin:18px 0 12px}.restore-recovery{margin:0 0 12px 8px;border:1px solid #e65c3d;border-radius:6px;background:transparent;color:#f08368;padding:12px 15px;font-size:12px;font-weight:700}.welcome small{display:block;color:#76786f;font-size:11px}.inspector{background:#20211e;border-left:1px solid #35372f;display:flex;min-height:0;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;color:#c9cac3;font-size:12px;font-weight:800;border-bottom:1px solid #35372f}.panel-heading button{padding:4px 7px;font-size:11px}.new-layer-actions{display:flex;gap:5px}.layers{min-height:170px;overflow:auto;flex:1}.layer{width:100%;min-height:42px;padding-right:10px;color:#c9cac3;display:flex;gap:8px;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid #2c2e29;font-size:12px}.layer.selected{background:#394336;color:#fff}.eye{width:15px;display:grid;place-items:center;color:#a5a89e}.layer-icon{width:15px;height:15px;flex:none;vertical-align:middle}.thumbnail{display:grid;place-items:center;width:22px;height:22px;background:#3e4039;color:#deded5;font-size:12px}.thumbnail .layer-icon{width:16px;height:16px}.layer span:nth-last-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-state{min-width:15px;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:2px;color:#e9b861}.lock-state .layer-icon{width:13px;height:13px}.layer-state-icon{display:inline-flex;align-items:center}.layer-state-icon.position-lock{color:#82cbd8}.properties{border-top:1px solid #35372f;min-height:282px;overflow:auto}.properties label{display:block;padding:11px 14px 0;color:#aeb0a7;font-size:11px}.properties output{float:right;font-family:DM Mono,monospace}.properties input[type=range]{width:100%;accent-color:#e65c3d;margin-top:7px}.coordinates{display:grid;grid-template-columns:1fr 1fr;gap:0}.coordinates label{padding-bottom:11px}.coordinates input,.layer-name,.text-properties textarea{display:block;width:100%;margin-top:6px;border:1px solid #44463f;border-radius:3px;color:#e7e6df;background:#292b26;padding:5px;font:11px DM Mono,monospace}.text-properties textarea{min-height:54px;resize:vertical}.text-options{display:grid;grid-template-columns:1fr 1fr}.text-options label{padding-bottom:0}.text-options input[type=color]{display:block;width:100%;height:28px;margin-top:6px;border:1px solid #44463f;background:#292b26;padding:2px}.text-options input[type=number]{display:block;width:100%;margin-top:6px;border:1px solid #44463f;border-radius:3px;color:#e7e6df;background:#292b26;padding:5px;font:11px DM Mono,monospace}.layer-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 14px 13px}.layer-actions button{border:1px solid #4a4c45;border-radius:4px;color:#d9d9d1;background:#292b26;padding:6px 3px;font-size:11px}.layer-actions .danger{border-color:#895044;color:#ee856d}.empty{color:#777970;padding:16px 14px;font-size:12px;line-height:1.6}footer{border-top:1px solid #35372f;gap:14px;padding:0 14px;color:#8e9088;font-size:11px}footer output{overflow:hidden;max-width:min(58vw,720px);text-overflow:ellipsis;white-space:nowrap}footer span{font-family:DM Mono,monospace;color:#74766e}footer span:first-of-type{margin-left:auto}.memory-badge{color:#8fb9d8}.memory-badge.warning{color:#e9b861}.app-version{color:#e65c3d}.pixel-task{display:inline-flex;align-items:center;gap:6px;color:#d8c684}.pixel-task i{width:7px;height:7px;border:1px solid #d8c684;border-top-color:transparent;border-radius:50%;animation:pixel-task-spin .7s linear infinite}.pixel-task button{padding:2px 6px;border:1px solid #665d3b;border-radius:4px;background:transparent;color:#e7d891;font:inherit;cursor:pointer}@keyframes pixel-task-spin{to{transform:rotate(360deg)}}.psd-import-progress small{color:#b6b9af;font:10px DM Mono,monospace}.clear-history{flex:none;border:1px solid #6a664e;border-radius:4px;background:#303128;color:#dfd39c;padding:2px 6px;font:10px Manrope,sans-serif}.clear-history:hover,.clear-history:focus-visible{border-color:#e9b861;color:#fff0b6;outline:0}.import-diagnostics-panel{width:min(560px,calc(100vw - 32px))}.import-diagnostics-panel>p,.import-diagnostics-panel>small{margin:0;color:#c1c3b9;font-size:12px;line-height:1.55}.import-diagnostics-panel>small{display:block;color:#92958b}.import-diagnostics-panel>.primary{margin-top:14px}.import-diagnostics-summary{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.import-diagnostics-summary span,.compat-status{padding:3px 7px;border-radius:999px;background:#3a3d35;color:#e8eadf!important;font-size:10px!important}.compat-editable{background:#24583b!important}.compat-rasterized{background:#765a22!important}.compat-preview-only{background:#55417b!important}.compat-unsupported{background:#7a3030!important}.import-diagnostics-list{display:grid;gap:1px;max-height:min(42vh,340px);overflow:auto;border:1px solid #4b4e45;border-radius:5px;background:#1d1f1b}.import-diagnostics-list>div{display:grid;gap:3px;padding:9px 10px;background:#292b26}.import-diagnostics-list strong{color:#f2e3bd;font-size:12px}.import-diagnostics-list span{color:#b6b9af;font-size:11px;line-height:1.45}.adjustment-preset-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.adjustment-preset-actions>span{display:inline-flex;align-items:center;gap:2px}.adjustment-preset-actions .adjustment-preset-move,.adjustment-preset-actions .adjustment-preset-rename,.adjustment-preset-actions .adjustment-preset-remove{min-width:21px;padding:2px 4px;color:#b7b9ad}.adjustment-preset-actions .adjustment-preset-rename{color:#d8c684}.adjustment-preset-actions .adjustment-preset-remove{color:#e98c75}.adjustment-preset-editor{display:flex;gap:5px;align-items:center;margin:5px 0}.adjustment-preset-editor input{min-width:130px;flex:1}.export-preset-actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.export-preset-actions>span{display:inline-flex;align-items:center;gap:2px}.export-preset-actions .export-preset-remove{min-width:21px;padding:2px 4px;color:#e98c75}.recent-color-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.recent-color-actions>span{color:#a8aaa1;font-size:10px}.recent-color{width:16px;height:16px;min-width:16px;padding:0;border:1px solid #d7d8cf;border-radius:50%;box-shadow:0 0 0 1px #161815}.recent-color:hover,.recent-color:focus-visible{transform:scale(1.18);outline:1px solid #e9b861;outline-offset:2px}.gradient-fill-properties{display:grid;gap:8px;padding:9px;border:1px solid #5d5540;border-radius:6px;background:#302f27}.gradient-fill-properties>span{color:#f0d89b;font-size:12px}.gradient-fill-properties>small{color:#a7a89f;font-size:11px;line-height:1.45}.gradient-fill-presets{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.gradient-fill-presets>span{width:100%;color:#d8bf82;font-size:10px}.gradient-fill-presets button{border:1px solid #776542;border-radius:4px;background:#403728;color:#f5dfab;padding:4px 6px;font-size:10px}.gradient-stop-editor{display:grid;gap:6px;padding:7px;border:1px solid #665b3c;border-radius:5px;background:#25251f}.gradient-stop-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:#ead493;font-size:10px}.gradient-stop-preview{min-width:0;height:12px;border:1px solid #bca96e;border-radius:3px}.gradient-stop-list{display:flex;flex-wrap:wrap;gap:4px}.gradient-stop-list button{display:inline-flex;align-items:center;gap:4px;border:1px solid #645f52;border-radius:4px;background:#34342d;color:#d4d3c9;padding:3px 5px;font:10px DM Mono,monospace}.gradient-stop-list button.active{border-color:#efc766;background:#574728;color:#fff0bf}.gradient-stop-list i{width:10px;height:10px;border:1px solid #e7e4d7;border-radius:50%;box-shadow:0 0 0 1px #111}.gradient-stop-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gradient-stop-fields label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;color:#d6d6ca;font-size:10px}.gradient-stop-fields input[type=color]{width:34px;height:25px;border:1px solid #6d664e;border-radius:3px;background:#26261f;padding:1px}.gradient-stop-fields input[type=number]{width:54px;border:1px solid #6d664e;border-radius:3px;background:#26261f;color:#f0eee6;padding:4px;font:10px DM Mono,monospace}.gradient-stop-actions{display:flex;gap:5px}.gradient-stop-actions button{border:1px solid #776542;border-radius:4px;background:#403728;color:#f5dfab;padding:4px 6px;font-size:10px}.gradient-stop-actions button:disabled{cursor:not-allowed;opacity:.45}.gradient-stop-fields .gradient-stop-opacity{grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr) auto}.gradient-stop-opacity input{width:100%;accent-color:#e9b861}.gradient-stop-opacity output{color:#f4d37d;font:10px DM Mono,monospace}.solid-fill-properties{display:grid;gap:8px;padding:9px;border:1px solid #5a6247;border-radius:6px;background:#283126}.solid-fill-properties>span{color:#b8e39c;font-size:12px}.solid-fill-properties label{display:grid;grid-template-columns:1fr 46px;align-items:center;gap:8px;color:#d8ded0;font-size:11px}.solid-fill-properties input{width:46px;height:28px;border:1px solid #657451;border-radius:4px;background:#1f291e;padding:2px}.solid-fill-properties>small{color:#a7b19d;font-size:11px;line-height:1.45}.solid-fill-actions{display:flex;gap:6px;padding:0 14px}.solid-fill-actions button{border:1px solid #5a7655;border-radius:4px;background:#293829;color:#d4ead3;padding:5px 7px;font-size:10px}.solid-fill-actions .active-mask-action{border-color:#e9b861;color:#fff0c7}.solid-fill-presets{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.solid-fill-presets>span{width:100%;color:#b8d49f;font-size:10px}.solid-fill-presets button{width:24px;height:20px;border:1px solid #b8c7ab88;border-radius:4px;padding:0;box-shadow:inset 0 0 0 1px #0002}.pattern-fill-properties{display:grid;gap:8px;padding:9px;border:1px solid #53666d;border-radius:6px;background:#253137}.pattern-fill-properties>span{color:#a9dce7;font-size:12px}.pattern-fill-properties>small{color:#a3b6ba;font-size:11px;line-height:1.45}.pattern-fill-properties .text-options{margin:0}.pattern-fill-properties input[type=number]{width:100%;border:1px solid #4e666d;border-radius:4px;background:#1f2b30;color:#e5f2f3;padding:5px;font:11px DM Mono,monospace}.pattern-fill-presets{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.pattern-fill-presets>span{width:100%;color:#9ecbd5;font-size:10px}.pattern-fill-presets button{border:1px solid #4f717a;border-radius:4px;background:#203b43;color:#d0edf1;padding:4px 6px;font-size:10px}@media(max-width:720px){.editor{grid-template-rows:54px 1fr 26px}.topbar{padding:0 12px;gap:10px}.document-name{display:none}.workspace{grid-template-columns:48px 1fr}.toolbar{padding:6px}.tool{width:34px;height:34px}.inspector{position:absolute;right:0;bottom:28px;width:220px;height:250px;box-shadow:-5px -5px 30px #0004}.canvas-scroll{padding:20px;place-items:start center}.actions button{padding:7px 8px}.actions{gap:5px}.brush-controls{top:8px;left:8px}}.layers.virtualized .layer{height:42px;box-sizing:border-box}.layer-virtual-spacer{flex:none}.layers-trigger,.mobile-inspector-close{display:none}@media(max-width:720px){.topbar{overflow:hidden}.brand{flex:none}.actions{min-width:0;flex:1;margin-left:0;overflow-x:auto;scrollbar-width:none}.actions::-webkit-scrollbar{display:none}.actions button{flex:none;white-space:nowrap}.actions .secondary-open{display:none}.layers-trigger{display:block}.inspector{right:8px;bottom:8px;width:min(360px,calc(100vw - 64px));height:min(470px,calc(100% - 16px));border:1px solid #46483f;border-radius:8px;box-shadow:-8px -10px 32px #0008;transform:translateY(calc(100% + 16px));transition:transform .18s ease-out;z-index:10}.inspector.mobile-open{transform:translateY(0)}.mobile-inspector-close{display:block;padding:2px 7px!important;font-size:15px!important;line-height:15px}.canvas-scroll{padding:48px 20px 62px}.canvas-controls{left:10px;bottom:10px}.brush-controls,.selection-controls,.crop-controls,.resize-panel,.adjust-panel{top:8px;left:8px}.resize-panel,.adjust-panel{width:min(240px,calc(100% - 16px))}}.toolbar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#54574f transparent;scrollbar-gutter:stable}.toolbar::-webkit-scrollbar{width:6px;height:6px}.toolbar::-webkit-scrollbar-track{background:transparent}.toolbar::-webkit-scrollbar-thumb{background:#454840;border:1px solid transparent;border-radius:999px;background-clip:padding-box}.toolbar::-webkit-scrollbar-thumb:hover{background:#777b6e;border-width:0}.toolbar::-webkit-scrollbar-corner{background:transparent}.shape-draft{position:absolute;pointer-events:none;border:1px dashed #e65c3d;box-shadow:0 0 0 1px #17181599;background:#e65c3d22;animation:marching-ants .8s linear infinite}.shape-draft.ellipse{border-radius:50%}.shape-draft.polygon{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.shape-draft.star{clip-path:polygon(50% 0,61% 34%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 34%)}.shape-draft.line,.shape-draft.arrow{border-width:0 0 2px;background:transparent}.selection-box.ellipse{border-radius:50%}.selection-box.inverted{border-color:#e9b861;background:#e9b86112}.selection-controls{flex-wrap:wrap;max-width:min(390px,calc(100% - 28px))}.selection-move{display:inline-flex;align-items:center;gap:3px;padding-left:6px;border-left:1px solid #50524a;color:#c7c8c0;font-size:10px}.selection-move button{min-width:23px;padding:5px 4px;font-size:13px;line-height:12px}.selection-move button:first-of-type{border-color:#50524a;color:#e8e7df}.selection-feather{display:flex;align-items:center;gap:5px;color:#c7c8c0;font-size:11px}.selection-feather output{color:#e9b861;font:11px DM Mono,monospace}.selection-feather input{width:70px;accent-color:#e65c3d}.selection-transform{display:inline-flex;align-items:center;gap:4px;padding-left:6px;border-left:1px solid #50524a;color:#c7c8c0;font-size:10px}.selection-transform label{display:inline-flex;align-items:center;gap:3px}.selection-transform input{width:48px;border:1px solid #50524a;border-radius:3px;color:#e9e7df;background:#292b26;padding:4px;font:10px DM Mono,monospace}.selection-border{display:flex;align-items:center;gap:5px;color:#c7c8c0;font-size:11px}.selection-border output{color:#7fc4df;font:11px DM Mono,monospace}.selection-border input{width:62px;accent-color:#5caecc}.adjustment-reset{float:right;border:1px solid #756146;border-radius:3px;background:#332f26;color:#ead7a4;padding:2px 6px;font-size:10px}.selection-mode{position:absolute;z-index:2;top:14px;left:14px;display:flex;gap:4px;padding:6px;border-radius:6px;background:#1e1f1ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.selection-mode button{border:1px solid #50524a;border-radius:4px;background:#292b26;color:#e8e7df;padding:5px 8px;font-size:11px}.selection-kind-icon{width:12px;height:12px;margin-right:4px;vertical-align:-2px}.selection-mode button.active{border-color:#e65c3d;color:#f08368}.properties .blend-mode{display:block;width:100%;margin-top:6px;border:1px solid #44463f;border-radius:3px;background:#292b26;color:#e7e6df;padding:6px;font:11px DM Mono,monospace}.group-thumbnail{cursor:pointer;color:#e9b861;font-size:14px}.thumbnail-wrap{position:relative;display:grid;width:22px;height:22px;flex:none}.layer-label-swatch{position:absolute;right:-3px;bottom:-3px;width:8px;height:8px;border:1px solid #20211e;border-radius:50%;box-shadow:0 0 0 1px #0006}.layer-label-picker{position:relative}.layer-label-picker select{display:block;width:100%;margin-top:6px;border:1px solid #44463f;border-radius:3px;color:#e7e6df;background:#292b26;padding:5px 28px 5px 5px;font:11px Manrope,sans-serif}.layer-label-picker i{position:absolute;right:20px;bottom:8px;width:9px;height:9px;border:1px solid #20211e;border-radius:50%;box-shadow:0 0 0 1px #7778}.layer-style-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px 14px 0}.layer-style-actions>span{grid-column:1 / -1;color:#e9b861;font-size:11px;font-weight:700}.layer-style-actions button{border:1px solid #625d4a;border-radius:4px;background:#34332d;color:#e9dfc6;padding:5px 3px;font-size:10px}.layer-style-actions button:disabled{cursor:not-allowed;opacity:.45}.camera-tone-properties{display:grid;gap:7px;padding:10px 14px 5px;border-bottom:1px solid #3d4039;color:#aeb0a7;font-size:11px}.camera-tone-properties>span{color:#79d2cc;font-weight:700}.camera-tone-properties label{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0}.camera-tone-properties input{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#79d2cc}.camera-tone-properties output{color:#79d2cc;font:11px DM Mono,monospace}.camera-tone-properties small{color:#85877f;line-height:1.35}.white-balance-properties{display:grid;gap:7px;padding:10px 14px 5px;border-bottom:1px solid #3d4039;color:#aeb0a7;font-size:11px}.white-balance-properties>span{color:#e9b861;font-weight:700}.white-balance-properties label{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0}.white-balance-properties input{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#e9b861}.white-balance-properties output{color:#e9b861;font:11px DM Mono,monospace}.white-balance-properties small{color:#85877f;line-height:1.35}.white-balance-presets{display:flex;flex-wrap:wrap;gap:5px;padding:10px 14px 0}.white-balance-presets>span{width:100%;color:#e9b861;font-size:11px;font-weight:700}.white-balance-presets button{border:1px solid #6d6247;border-radius:4px;background:#34332d;color:#ead7a4;padding:4px 7px;font-size:10px}.solo-layer-action{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px 14px 0}.solo-layer-action button{border:1px solid #4f6d72;border-radius:4px;background:#283b3d;color:#c8ece9;padding:6px;font-size:11px}.multi-layer-actions{display:grid;gap:6px;padding:10px 14px 0}.multi-layer-actions strong{color:#d8c88d;font-size:11px}.multi-layer-actions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.multi-layer-actions button{border:1px solid #665f43;border-radius:4px;background:#353328;color:#e8dcad;padding:6px 3px;font-size:11px}.multi-layer-actions>div button:last-child{grid-column:1 / -1;border-color:#49766d;background:#263c38;color:#cce9dd}.multi-layer-appearance{display:grid;gap:6px;padding:10px 14px 0;color:#b8cbd0;font-size:11px}.multi-layer-appearance strong{color:#8ed3d9;font-size:11px}.multi-layer-appearance label{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0}.multi-layer-appearance input{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#6fc9cf}.multi-layer-appearance select{grid-column:1 / -1;width:100%;margin-top:4px;border:1px solid #3d6770;border-radius:3px;background:#263437;color:#d6f0ee;padding:5px;font:11px DM Mono,monospace}.multi-layer-appearance output{color:#8ed3d9;font:11px DM Mono,monospace}.multi-layer-appearance small{color:#858f90;line-height:1.4}.layer-filter{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid #35372f;background:#1c1d1a}.layer-filter input{min-width:0;flex:1;border:1px solid #44463f;border-radius:4px;background:#292b26;color:#e7e6df;padding:6px 7px;font:11px DM Mono,monospace}.layer-filter input:focus{outline:1px solid #e65c3d;border-color:#e65c3d}.layer-filter button{width:24px;border:0;border-radius:4px;background:#3a3c36;color:#d9d9d1;font-size:14px}.layer-filter select{width:84px;min-width:0;border:1px solid #44463f;border-radius:4px;background:#292b26;color:#d9d9d1;padding:5px;font:10px Manrope,sans-serif}.locked-note{margin:10px 14px 0;border-left:2px solid #e9b861;color:#e9b861;padding-left:8px;font-size:11px;line-height:1.45}.export-panel{position:absolute;z-index:3;top:14px;left:14px;width:240px;padding:12px;display:flex;flex-direction:column;gap:10px;border-radius:6px;background:#1e1f1cf0;color:#d2d3cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.service-ad{min-width:0;border:1px solid #5c5748;border-radius:6px;background:#29271fd9;color:#d9d4c5;font-size:10px;line-height:1.35;overflow:hidden}.service-ad>a,.service-ad>div{display:flex;align-items:center;gap:7px;min-width:0;color:inherit;text-decoration:none;padding:6px 8px 7px}.service-ad img{width:34px;height:28px;flex:0 0 auto;object-fit:cover;border-radius:3px}.service-ad-copy{display:grid;min-width:0;gap:1px}.service-ad-copy strong,.service-ad-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-ad-copy strong{color:#f0dfb6}.service-ad-copy small{color:#aaa89e}.service-ad-cta{margin-left:auto;color:#ed9d75;font-weight:700;white-space:nowrap}.service-ad-label{display:block;padding:3px 8px 0;color:#898679;font:700 8px/1 DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.service-ad-header{width:clamp(150px,16vw,240px);margin-left:auto}.account-panel{width:min(390px,100%)}.account-panel p{margin:0;line-height:1.55}.account-privacy,.account-notice{color:#aeb0a7}.account-success{color:#83d29a}.account-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px}.account-mode button.active{border-color:#e65c3d;background:#4a3028;color:#f4d3c8}.service-ad-welcome,.service-ad-file-open{width:min(100%,430px);margin:2px auto;text-align:left}.service-ad-footer{width:min(300px,26vw);margin-left:auto}.service-ad-inspector{margin:8px 10px 0}.welcome{container-type:inline-size}.welcome h1{font-size:clamp(1.75rem,10cqi,3.625rem);line-height:1.2;letter-spacing:-.04em;word-break:keep-all;text-wrap:balance}.service-ad-mobile-bottom{display:none}.guides-trigger.color-samples-trigger{right:83px}.color-samples-panel{position:absolute;z-index:5;top:50px;right:14px;width:min(410px,calc(100% - 28px));display:grid;gap:9px;padding:11px;border:1px solid #565144;border-radius:6px;background:#1e1f1cf5;color:#d2d3cc;box-shadow:0 12px 30px #0007;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.color-samples-panel>div:first-child{display:flex;justify-content:space-between;color:#f2d292}.color-samples-panel>div:first-child button{border:0;background:transparent;color:#aaa;font-size:16px}.color-samples-panel p{margin:0;color:#aeb0a7;line-height:1.45}.color-samples-panel>button{justify-self:start;border:1px solid #715a3d;border-radius:4px;background:#453527;color:#ffe0a8;padding:5px 8px;font-size:10px}.color-sample-list{display:grid;max-height:260px;overflow:auto;border-top:1px solid #46463f}.color-sample-list>div{display:grid;grid-template-columns:25px 48px 48px 58px minmax(0,1fr) 22px;align-items:center;gap:5px;padding:6px 0;border-bottom:1px solid #3a3b35}.color-sample-list label{display:grid;gap:2px;color:#8f928a;font-size:9px}.color-sample-list input,.color-sample-list select{width:100%;border:1px solid #50524a;border-radius:3px;background:#292b26;color:#eee;padding:3px;font:9px DM Mono,monospace}.color-sample-list output{min-width:0;overflow:hidden;color:#d6d3c9;font:9px/1.4 DM Mono,monospace;overflow-wrap:anywhere}.color-sample-list button{border:0;background:transparent;color:#c99582;font-size:15px}.color-sample-marker{position:absolute;z-index:7;display:grid;width:19px;height:19px;place-items:center;transform:translate(-50%,-50%);border:1px solid #fff3d0;border-radius:50%;background:#3d291bcc;color:#fff3d0;box-shadow:0 0 0 1px #171815aa;font:700 10px DM Mono,monospace;cursor:grab;touch-action:none}.color-sample-marker:active{cursor:grabbing}.guides-trigger.histogram-trigger{right:143px}.histogram-panel{position:absolute;z-index:5;top:50px;right:14px;width:min(410px,calc(100% - 28px));display:grid;gap:9px;padding:11px;border:1px solid #49645f;border-radius:6px;background:#1b211ff5;color:#d2d9d5;box-shadow:0 12px 30px #0007;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.histogram-panel>div:first-child{display:flex;justify-content:space-between;color:#9de0d2}.histogram-panel>div:first-child button{border:0;background:transparent;color:#aaa;font-size:16px}.histogram-panel p,.histogram-panel small{margin:0;color:#aebbb6;line-height:1.45}.histogram-actions button{border:1px solid #477b70;border-radius:4px;background:#203a35;color:#c9eee4;padding:5px 9px;font-size:10px}.histogram-actions button:disabled{opacity:.6}.histogram-graphs{display:grid;gap:7px}.histogram-graphs>div{display:grid;gap:3px}.histogram-graphs span{color:#99aaa4;font:9px DM Mono,monospace}.histogram-graphs svg{width:100%;height:72px;border:1px solid #41524d;border-radius:3px;background:linear-gradient(90deg,#121715,#4f5551 50%,#e5e5df)}.histogram-graphs path{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke}.histogram-luminance{stroke:#f0dfad}.histogram-red{stroke:#e5786c;mix-blend-mode:screen}.histogram-green{stroke:#6ed4a1;mix-blend-mode:screen}.histogram-blue{stroke:#79b8f1;mix-blend-mode:screen}.histogram-stats{display:flex;flex-wrap:wrap;gap:5px}.histogram-stats span{border:1px solid #40534d;border-radius:3px;background:#202a27;color:#c5d6d0;padding:3px 5px;font:9px DM Mono,monospace}.export-panel label{display:grid;gap:5px}.export-panel .export-quality{grid-template-columns:1fr auto;align-items:center}.export-panel input[type=range]{grid-column:1 / -1;width:100%;accent-color:#e65c3d}.export-panel select{width:100%;border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:6px;font:11px DM Mono,monospace}.export-panel output{color:#e65c3d;font:11px DM Mono,monospace}.export-panel .export-color{width:100%;height:28px;border:1px solid #44463f;border-radius:4px;background:#292b26;padding:2px}.export-review{display:grid;gap:5px;padding:8px;border:1px solid #635b48;border-radius:4px;background:#151713;color:#bfc0b8;line-height:1.4}.export-review strong{color:#f0d189}.export-review em{color:#e7aa73;font-style:normal}.export-review small{color:#909289}.color-lookup-properties{display:grid;gap:6px;padding:8px;border:1px solid #4d534a;border-radius:4px;background:#1a1d19;color:#c6c8c0;font-size:11px}.color-lookup-properties>span,.color-lookup-properties strong{color:#d9bd78}.color-lookup-properties label{display:grid;gap:4px}.color-lookup-properties input[type=file]{width:100%;color:#b9bbb3;font-size:10px}.color-lookup-properties small{color:#999c93;line-height:1.4}.layer-export-panel{position:absolute;z-index:3;top:14px;left:14px;width:260px;padding:12px;display:flex;flex-direction:column;gap:10px;border:1px solid #51493a;border-radius:6px;background:#1e1f1cf0;color:#d2d3cc;box-shadow:0 12px 34px #0008;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.layer-export-panel p{margin:0;color:#b6b7ae;line-height:1.5}.layer-export-panel label{display:grid;gap:5px;color:#eee}.layer-export-panel input{width:100%;border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:7px;font:11px DM Mono,monospace}.layer-export-panel small{color:#8e9088;line-height:1.4}.layer-export-panel select{width:100%;border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:6px;font:11px DM Mono,monospace}.layer-export-panel input[type=range]{padding:0;accent-color:#e65c3d}.layer-export-panel .export-quality{grid-template-columns:1fr auto;align-items:center}.layer-export-panel .export-quality input{grid-column:1 / -1}.layer-export-panel output{color:#e9b861;font:11px DM Mono,monospace}.layer-export-panel .export-color{height:30px;padding:2px}.text-options select{display:block;width:100%;margin-top:6px;border:1px solid #44463f;border-radius:3px;color:#e7e6df;background:#292b26;padding:5px;font:11px DM Mono,monospace}.text-style-toggle{display:flex!important;align-items:center;gap:6px}.text-style-toggle input{margin:0;accent-color:#e65c3d}.local-font-actions{display:flex;align-items:center;gap:7px;padding:8px 14px 0;color:#989b91;font-size:10px;flex-wrap:wrap}.local-font-actions button{border:1px solid #527a88;border-radius:4px;background:#25383d;color:#c8e8ee;padding:5px 7px;font-size:10px}.local-font-actions small{line-height:1.35}.local-font-list{display:flex;flex-wrap:wrap;gap:4px}.local-font-actions .local-font-list button{border-color:#586664;background:#2c3433;color:#c7d5d2;max-width:122px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-font-missing{display:flex;align-items:center;gap:7px;margin:8px 14px 0;padding:7px;border:1px solid #80684c;border-radius:4px;background:#3a3024;color:#e1c990;font-size:10px;line-height:1.4}.local-font-missing button{flex:none;border:1px solid #a77c4b;border-radius:3px;background:#4a3825;color:#ffe0a4;padding:4px 6px;font-size:10px}.gif-frame-controls{display:grid;gap:6px;padding:10px 14px 0;border-top:1px solid #3d4039;color:#bcc9c0;font-size:11px}.gif-frame-controls strong{color:#93d6ae}.gif-frame-controls>div{display:flex;align-items:center;gap:5px}.gif-frame-controls button{border:1px solid #4d6d59;border-radius:4px;background:#26372c;color:#d7f1de;padding:5px 7px;font-size:10px}.gif-frame-controls button.active{border-color:#91d5a9;background:#3e674b}.gif-frame-controls output{color:#a3d9b4;font:10px DM Mono,monospace}.gif-frame-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0}.gif-frame-controls input{width:84px;margin-left:6px;border:1px solid #4d6d59;border-radius:3px;color:#e7f0e8;background:#26372c;padding:4px;font:10px DM Mono,monospace}.gif-frame-controls small{color:#858f88;line-height:1.4}.new-document-modal{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:#10110d99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.new-document-panel{width:min(340px,100%);display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #4a4c45;border-radius:9px;background:#20211e;color:#d2d3cc;box-shadow:0 18px 60px #0009;font-size:12px}.new-document-panel label{display:grid;gap:6px}.new-document-panel input[type=text],.new-document-panel input:not([type]),.new-document-panel input[type=number]{width:100%;border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:7px;font:12px DM Mono,monospace}.new-document-panel small{color:#8e9088;font-size:10px}.new-document-panel .new-document-color{width:100%;height:30px;border:1px solid #50524a;border-radius:4px;background:#292b26;padding:2px}.resize-panel small{color:#8e9088;font-size:10px}.new-document-modal.shortcut-modal{place-items:start end}.shortcut-panel{width:min(1720px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 36px));display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;overflow-y:auto;padding:16px;border:1px solid #4a4c45;border-radius:9px;background:#20211e;color:#d2d3cc;box-shadow:0 18px 60px #0009;font-size:12px}.shortcut-section{display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px;min-width:0;padding:8px 10px;border:1px solid #373a34;border-radius:6px;background:#1b1d19}.shortcut-section strong{flex:0 0 82px;color:#e9b861;font-size:11px;letter-spacing:.04em}.shortcut-section span{display:flex;flex:1 1 210px;align-items:center;justify-content:space-between;gap:6px;min-width:0;color:#c8c9c1;font-size:10px;white-space:nowrap}.shortcut-section kbd{flex:none;border:1px solid #56584f;border-bottom-color:#77796f;border-radius:4px;background:#292b26;color:#f0eee6;padding:2px 4px;font:9px DM Mono,monospace;white-space:nowrap}.history-panel{width:min(460px,100%)}.history-panel>p{margin:0;color:#aeb0a7;font-size:11px;line-height:1.55}.history-list{display:grid;max-height:min(52vh,420px);overflow:auto;border:1px solid #3d4039;border-radius:5px}.history-current,.history-entry{display:grid;gap:3px;padding:10px 11px;text-align:left;color:#d9d9d1;background:#292b26;border:0;border-bottom:1px solid #3d4039;font:11px Manrope,sans-serif}.history-current{background:#394336}.history-entry{cursor:pointer}.history-entry:hover,.history-entry:focus-visible{background:#454d40;outline:1px solid #e65c3d;outline-offset:-1px}.history-list small{color:#999b92;font:10px DM Mono,monospace}.history-list>:last-child{border-bottom:0}.layer-comps-panel{width:min(440px,100%);display:grid;gap:12px;padding:16px;border:1px solid #4a4c45;border-radius:9px;background:#20211e;color:#d2d3cc;box-shadow:0 18px 60px #0009;font-size:12px}.layer-comps-panel>p{margin:0;color:#aeb0a7;line-height:1.55}.layer-comps-panel>small{color:#85877f}.layer-comps-list{display:grid;max-height:min(42vh,340px);overflow:auto;border:1px solid #3d4039;border-radius:5px}.layer-comps-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid #3d4039;background:#292b26}.layer-comps-list>div:last-child{border-bottom:0}.layer-comps-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-comps-list span{display:flex;gap:5px}.layer-comps-list button{border:1px solid #5f594b;border-radius:4px;background:#34332d;color:#e7d5ac;padding:5px 7px;font-size:10px}.layer-comps-list .danger{border-color:#895044;color:#ee856d}.export-all-comps{border:1px solid #9b6a36;border-radius:5px;background:#4a3524;color:#f3cf8a;padding:8px;font-size:11px;font-weight:800}.comp-batch-note{margin-top:-7px;color:#85877f;font-size:10px}.layer-comps-list input{min-width:0;flex:1;border:1px solid transparent;border-radius:3px;background:transparent;color:#e7e6df;padding:4px;font:600 11px Manrope,sans-serif}.layer-comps-list input:hover,.layer-comps-list input:focus{border-color:#6b664f;background:#20211e;outline:none}.actions-panel{width:min(480px,100%);display:grid;gap:12px}.actions-panel>label{display:grid;gap:4px;color:#c8c9c1;font-size:11px}.actions-panel input,.actions-panel select{border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:6px 7px;font-size:12px}.action-recording-banner{padding:8px 10px;border:1px solid #9b6a36;border-radius:5px;background:#4a3524;color:#f3cf8a;font-size:11px;font-weight:700}.action-op-grid{display:flex;flex-wrap:wrap;gap:6px}.action-op-grid button{border:1px solid #5f594b;border-radius:4px;background:#34332d;color:#e7d5ac;padding:6px 9px;font-size:11px}.action-preset-picker{display:flex;align-items:flex-end;gap:8px}.action-preset-picker label{flex:1}.action-list{display:grid;max-height:min(42vh,340px);overflow:auto;border:1px solid #3d4039;border-radius:5px}.action-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid #3d4039;background:#292b26}.action-list>div:last-child{border-bottom:0}.action-list span{display:flex;gap:5px}.action-list button{border:1px solid #5f594b;border-radius:4px;background:#34332d;color:#e7d5ac;padding:5px 7px;font-size:10px}.action-list .danger{border-color:#895044;color:#ee856d}.action-list input{min-width:0;flex:1;border:1px solid transparent;border-radius:3px;background:transparent;color:#e7e6df;padding:4px;font:600 11px Manrope,sans-serif}.action-list input:hover,.action-list input:focus{border-color:#6b664f;background:#20211e;outline:none}.action-run-report{min-width:0;border:1px solid #50524a;padding:10px;font-size:12px;overflow-wrap:anywhere}.action-run-report ol{max-height:24vh;overflow-y:auto;padding-left:24px}.action-run-report li{padding:4px 0}.action-run-report li small{margin-inline-start:8px}.action-run-report [data-step-status=failed]{color:#ee856d}.action-list>div{flex-wrap:wrap}.action-step-editor{flex:0 0 100%;min-width:0}.action-step-editor summary{cursor:pointer;padding:6px 0}.action-step-editor fieldset{min-width:0;border:0;padding:0;margin:0}.action-step-editor legend{font-size:11px}.action-step-row{display:grid;gap:6px;padding:8px 0;border-top:1px solid #50524a;overflow-wrap:anywhere}.action-step-row select{max-width:100%;min-width:0}.action-step-buttons{display:flex;flex-wrap:wrap;gap:5px}.action-text-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.action-text-parameters label{display:grid;min-width:0;gap:4px;font-size:11px}.action-text-parameters label:first-child{grid-column:1 / -1}.action-text-parameters textarea{width:100%;min-width:0;box-sizing:border-box;resize:vertical;background:#292b26;color:#eee;border:1px solid #50524a;border-radius:4px;padding:6px;font:inherit}.action-step-row>label{display:flex;align-items:center;gap:6px}.action-step-row>label input[type=checkbox]{flex:none;width:auto;margin:0}.batch-job-list{max-height:35vh;overflow:auto;padding-inline-start:22px}.batch-job-list li{padding:8px 0;overflow-wrap:anywhere}.batch-job-list strong,.batch-job-list span,.batch-job-list small{display:block}.batch-job-list button{background:#34332d;color:#e7d5ac;border:1px solid #5f594b;border-radius:4px;padding:5px 8px;margin-top:4px}.batch-export-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.batch-export-settings label{display:grid;gap:4px;min-width:0;font-size:11px}.batch-export-settings input{box-sizing:border-box;width:100%;min-width:0}@media(max-width:1260px){.shortcut-panel{width:min(1180px,calc(100vw - 36px))}}@media(max-width:920px){.new-document-modal.shortcut-modal{place-items:center}.shortcut-panel{width:min(720px,100%);grid-template-columns:1fr}}@media(max-width:620px){.shortcut-section strong,.shortcut-section span{flex-basis:100%}}@media(max-width:520px){.shortcut-panel{padding:14px}}.crop-ratio{position:absolute;z-index:2;top:14px;left:14px;display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:6px;background:#1e1f1ccc;color:#c7c8c0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.crop-ratio select,.crop-ratio button,.crop-straighten input{border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:4px;font-size:11px}.crop-ratio button:hover,.crop-ratio button:focus-visible{border-color:#e9b861;color:#fff0c7;outline:0}.crop-straighten{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.crop-straighten input{width:46px;min-width:0;font-family:DM Mono,monospace}.canvas-navigator{position:absolute;z-index:3;right:14px;bottom:50px;padding:7px;border:1px solid #55564f;border-radius:6px;background:#1b1c19e8;box-shadow:0 10px 26px #0008;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none}.canvas-navigator-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;color:#d1c8ad;font:700 10px DM Mono,monospace;letter-spacing:.04em;text-transform:uppercase}.canvas-navigator-title button{width:18px;height:16px;border:0;border-radius:3px;background:transparent;color:#a5a79d;font-size:15px;line-height:14px}.canvas-navigator-title button:hover,.canvas-navigator-title button:focus-visible{background:#4a332c;color:#f19378;outline:0}.canvas-navigator-preview{position:relative;overflow:hidden;border:1px solid #77766b;background:#30312c;cursor:crosshair;touch-action:none}.canvas-navigator-preview canvas{display:block;image-rendering:auto;pointer-events:none}.canvas-navigator-viewport{position:absolute;box-sizing:border-box;border:1px solid #f1cf72;background:#e9b86120;box-shadow:0 0 0 1px #181916aa inset;pointer-events:none}.grid-overlay{position:absolute;z-index:1;inset:0;pointer-events:none;background-image:linear-gradient(to right,#e9e7df24 1px,transparent 1px),linear-gradient(to bottom,#e9e7df24 1px,transparent 1px)}.grid-controls{position:absolute;z-index:2;top:14px;right:14px;display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:6px;background:#1e1f1ccc;color:#c7c8c0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.grid-controls label{display:flex;align-items:center;gap:5px}.grid-controls input[type=number]{width:46px;border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:4px;font:11px DM Mono,monospace}.grid-controls .scale-toggle{display:flex!important;grid-template-columns:none!important}.canvas-controls .active-grid{color:#e65c3d}.artboard-overlay{position:absolute;z-index:2;pointer-events:none;border:1px dashed #70c6e9;box-shadow:inset 0 0 0 1px #11242b99}.artboard-overlay span{position:absolute;top:-19px;left:-1px;max-width:calc(100% + 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #4f94ad;border-radius:3px 3px 0 0;background:#193541e8;color:#d5f1fb;padding:2px 5px;font:10px DM Mono,monospace}.smart-guide{position:absolute;z-index:3;pointer-events:none;background:#6ed5d5;box-shadow:0 0 0 1px #17232288}.smart-guide.vertical{top:0;bottom:0;width:1px}.smart-guide.horizontal{left:0;right:0;height:1px}.canvas-guide{position:absolute;z-index:5;pointer-events:auto;background:#e9b861bb;box-shadow:0 0 0 1px #31291988;cursor:move;touch-action:none}.canvas-guide.vertical{top:0;bottom:0;width:1px}.canvas-guide.horizontal{left:0;right:0;height:1px}.guides-trigger{position:absolute;z-index:2;right:14px;bottom:18px;border:0;border-radius:5px;background:#1e1f1ccc;color:#ddd;padding:7px 9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:700}.guides-trigger.active-grid{color:#e9b861}.guides-panel{position:absolute;z-index:5;top:14px;right:14px;width:min(250px,calc(100% - 28px));display:grid;gap:9px;padding:11px;border:1px solid #565144;border-radius:6px;background:#1e1f1cf0;color:#d2d3cc;box-shadow:0 12px 30px #0007;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.guides-panel>div:first-child{display:flex;justify-content:space-between;color:#f2d292}.guides-panel>div:first-child button{border:0;background:transparent;color:#aaa;font-size:16px}.guides-panel p{margin:0;color:#aeb0a7;line-height:1.45}.guide-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:5px}.guide-actions button,.guide-list button{border:1px solid #5f594b;border-radius:4px;background:#34332d;color:#e7d5ac;padding:5px;font-size:10px}.guide-list{display:grid;max-height:170px;overflow:auto;border-top:1px solid #46463f}.guide-list label{display:grid;grid-template-columns:1fr 64px 25px;align-items:center;gap:5px;padding:6px 0;border-bottom:1px solid #3a3b35}.guide-list input{width:100%;border:1px solid #50524a;border-radius:3px;background:#292b26;color:#eee;padding:4px;font:10px DM Mono,monospace}.guides-panel small{color:#8e9088}.canvas-ruler{position:absolute;z-index:4;overflow:hidden;color:#aeb0a7;background:#1e1f1ce8;font:9px DM Mono,monospace;cursor:crosshair;-webkit-user-select:none;user-select:none}.canvas-ruler span{position:absolute;display:block;border-color:#6c6859}.ruler-top{top:0;left:0;right:0;height:17px;border-bottom:1px solid #6c6859}.ruler-top span{top:4px;width:1px;height:13px;border-left:1px solid #6c6859;padding-left:2px}.ruler-left{top:0;bottom:0;left:0;width:17px;border-right:1px solid #6c6859}.ruler-left span{left:4px;height:1px;width:13px;border-top:1px solid #6c6859;padding-top:2px;writing-mode:vertical-rl}.selection-box,.crop-box,.shape-draft{z-index:2}.brush-controls{flex-wrap:wrap;max-width:calc(100% - 28px)}@media(max-width:720px){.toolbar .tool{min-height:40px}}@media(max-width:720px){.topbar{gap:8px;padding:0 8px}.brand{flex:none}.document-tabs{max-width:calc(100vw - 210px)}.document-tab>button:first-child{max-width:105px}.actions{gap:4px}.actions>button:not(:first-child):not(:last-child){display:none}.actions>.account-trigger{display:inline-flex}.service-ad-header,.service-ad-footer{display:none}}@media(max-width:720px){.service-ad-mobile-bottom{display:block;position:sticky;bottom:0;z-index:20;margin:0 8px 8px}}@media(max-width:720px){.selection-mode{top:8px;left:8px}}@media(max-width:720px){.export-panel,.layer-export-panel{top:8px;left:8px;width:min(260px,calc(100% - 16px))}}.pixel-transform{padding:11px 14px 3px;color:#aeb0a7;font-size:11px}.pixel-transform>span{display:block;margin-bottom:6px}.pixel-transform>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pixel-transform label{display:block;padding:0}.pixel-transform input{display:block;width:100%;margin-top:5px;border:1px solid #44463f;border-radius:3px;color:#e7e6df;background:#292b26;padding:5px;font:11px DM Mono,monospace}.pixel-transform .pixel-non-destructive-scale{grid-template-columns:1fr 1fr auto;align-items:end;margin-top:8px}.pixel-non-destructive-scale>span{grid-column:1 / -1;color:#9ad9bb;font-size:10px;font-weight:800}.pixel-non-destructive-scale small{padding-bottom:6px;color:#8ec8aa;font:10px DM Mono,monospace}.pixel-transform .pixel-rotate{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px;align-items:end}.pixel-rotate label{grid-column:1 / -1;display:grid;grid-template-columns:1fr 12px;align-items:end;gap:4px}.pixel-rotate button{min-width:0;height:28px;border:1px solid #6b7662;border-radius:3px;background:#343c31;color:#d8e5d4;font-size:10px;font-weight:700}.pixel-transform .pixel-skew{grid-template-columns:1fr 1fr 58px;margin-top:8px;align-items:end}.pixel-skew label{display:grid;grid-template-columns:1fr 12px;align-items:end;gap:4px}.pixel-skew button{height:28px;border:1px solid #75633c;border-radius:3px;background:#3b382d;color:#ead7a4;font-size:11px;font-weight:700}.pixel-transform .pixel-perspective{grid-template-columns:1fr 1fr 66px;margin-top:8px;align-items:end}.pixel-perspective label{display:grid;grid-template-columns:1fr 12px;align-items:end;gap:4px}.pixel-perspective button{height:28px;border:1px solid #5f6e7b;border-radius:3px;background:#303b43;color:#c8e0ec;font-size:11px;font-weight:700}.pixel-canvas-fit{display:grid!important;grid-template-columns:1fr 1fr;gap:5px!important;margin-top:8px}.pixel-canvas-fit button{border:1px solid #6d6247;border-radius:4px;background:#34332d;color:#ead7a4;padding:5px;font-size:10px}.shadow-properties{padding-top:8px}.shadow-properties .text-options:last-child{grid-template-columns:repeat(3,1fr)}.layer-stroke-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.layer-stroke-properties .text-style-toggle{padding:0}.layer-stroke-properties .text-options{margin:0}.layer-stroke-properties>label:not(.text-style-toggle){display:grid;grid-template-columns:1fr auto;align-items:center}.layer-stroke-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#e9b861}.layer-stroke-properties output{color:#e9b861;font:11px DM Mono,monospace}.layer-stroke-properties small{color:#85877f;line-height:1.35}.color-overlay-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.color-overlay-properties .text-style-toggle{padding:0}.color-overlay-properties .text-options{margin:0}.color-overlay-properties small{color:#85877f;line-height:1.35}.gradient-overlay-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.gradient-overlay-properties .text-style-toggle,.gradient-overlay-properties .text-options{padding:0;margin:0}.gradient-overlay-properties>label:not(.text-style-toggle){display:grid;grid-template-columns:1fr auto;align-items:center}.gradient-overlay-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#e9b861}.gradient-overlay-properties output{color:#e9b861;font:11px DM Mono,monospace}.gradient-overlay-properties small{color:#85877f;line-height:1.35}.gradient-overlay-presets{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.gradient-overlay-presets>span{width:100%;color:#85877f}.gradient-overlay-presets button{border:1px solid #5f594b;border-radius:4px;background:#34332d;color:#e7d5ac;padding:4px 6px;font-size:10px}.outer-glow-properties,.inner-shadow-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.outer-glow-properties .text-style-toggle,.inner-shadow-properties .text-style-toggle{padding:0}.outer-glow-properties .text-options,.inner-shadow-properties .text-options{margin:0}.outer-glow-properties>label:not(.text-style-toggle){display:grid;grid-template-columns:1fr auto;align-items:center}.outer-glow-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#e9b861}.outer-glow-properties output{color:#e9b861;font:11px DM Mono,monospace}.outer-glow-properties small,.inner-shadow-properties small{color:#85877f;line-height:1.35}.inner-shadow-properties .text-options:last-of-type{grid-template-columns:repeat(3,1fr)}.inner-glow-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.inner-glow-properties .text-style-toggle,.inner-glow-properties .text-options{padding:0;margin:0}.inner-glow-properties>label:not(.text-style-toggle){display:grid;grid-template-columns:1fr auto;align-items:center}.inner-glow-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#e9b861}.bevel-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.bevel-properties .text-style-toggle,.bevel-properties .text-options{padding:0;margin:0}.bevel-properties>label:not(.text-style-toggle){display:grid;grid-template-columns:1fr auto;align-items:center}.bevel-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#e9b861}.bevel-properties output{color:#e9b861;font:11px DM Mono,monospace}.bevel-properties small{color:#85877f;line-height:1.35}.pattern-overlay-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.pattern-overlay-properties .text-style-toggle,.pattern-overlay-properties .text-options{padding:0;margin:0}.pattern-overlay-properties>label:not(.text-style-toggle){display:grid;grid-template-columns:1fr auto;align-items:center}.pattern-overlay-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#ca9bd7}.pattern-overlay-properties output{color:#ca9bd7;font:11px DM Mono,monospace}.pattern-overlay-properties small{color:#85877f;line-height:1.35}.mask-contrast-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.mask-contrast-properties>label{display:grid;grid-template-columns:1fr auto;align-items:center}.mask-contrast-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#8fb9d8}.mask-contrast-properties output{color:#8fb9d8;font:11px DM Mono,monospace}.mask-contrast-properties small{color:#85877f;line-height:1.35}.text-box-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.text-box-properties>span{color:#d7dacd;font-weight:700}.text-box-properties>label{display:grid;grid-template-columns:1fr minmax(52px,82px) 16px;align-items:center;gap:5px}.text-box-properties input{width:100%;min-width:0;border:1px solid #4d5047;border-radius:3px;background:#292b26;color:#f0eee6;padding:4px;font:11px DM Mono,monospace}.text-box-properties small{color:#85877f;line-height:1.35}.text-workflow-controls{display:grid;gap:7px;padding:9px 14px 4px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.text-workflow-controls>span{color:#d7dacd;font-weight:700}.text-style-presets{display:flex;flex-wrap:wrap;gap:5px}.text-style-presets small,.text-replace-controls small{width:100%;color:#85877f;line-height:1.35}.text-style-presets button,.text-replace-controls button{border:1px solid #6d6247;border-radius:4px;background:#34332d;color:#ead7a4;padding:4px 6px;font-size:10px}.text-replace-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding-top:7px;border-top:1px solid #45463f}.text-replace-controls input{min-width:0;border:1px solid #4d5047;border-radius:3px;background:#292b26;color:#f0eee6;padding:5px;font:11px DM Mono,monospace}.text-replace-controls .text-style-toggle{display:flex;grid-column:1 / -1;align-items:center;gap:5px;padding:1px 0}.text-replace-controls button{grid-column:1 / -1;justify-self:start}.text-replace-controls button:disabled{cursor:not-allowed;opacity:.45}.batch-rename-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:9px 14px 4px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.batch-rename-controls strong,.batch-rename-controls small{grid-column:1 / -1}.batch-rename-controls strong{color:#d7dacd}.batch-rename-controls small{color:#85877f;line-height:1.35}.batch-rename-controls input{min-width:0;border:1px solid #4d5047;border-radius:3px;background:#292b26;color:#f0eee6;padding:5px;font:11px DM Mono,monospace}.batch-rename-controls button{border:1px solid #627554;border-radius:4px;background:#303c2e;color:#d5e7cf;padding:5px 7px;font-size:10px;white-space:nowrap}.batch-rename-controls button:disabled{cursor:not-allowed;opacity:.45}.move-to-group-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:9px 14px 4px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.move-to-group-control strong,.move-to-group-control small{grid-column:1 / -1}.move-to-group-control strong{color:#b7d8e8}.move-to-group-control small{color:#85877f;line-height:1.35}.move-to-group-control select{min-width:0;border:1px solid #486b7a;border-radius:3px;background:#263137;color:#d6edf6;padding:5px;font:11px DM Mono,monospace}.move-to-group-control button{border:1px solid #486b7a;border-radius:4px;background:#293e47;color:#d4edf6;padding:5px 7px;font-size:10px;white-space:nowrap}.move-to-group-control button:disabled{cursor:not-allowed;opacity:.45}.shape-rotation-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.shape-rotation-properties>span{color:#d7dacd;font-weight:700}.shape-rotation-properties>label{display:grid;grid-template-columns:1fr 72px 16px;align-items:center;gap:5px}.shape-rotation-properties input{width:100%;min-width:0;border:1px solid #4d5047;border-radius:3px;background:#292b26;color:#f0eee6;padding:4px;font:11px DM Mono,monospace}.shape-rotation-properties small{color:#85877f;line-height:1.35}.group-transform-properties{display:grid;gap:7px;padding:10px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.group-transform-properties>span{color:#9ad9bb;font-weight:800}.group-transform-properties>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.group-transform-properties label{display:grid;gap:4px}.group-transform-properties input[type=number]{width:100%;min-width:0;border:1px solid #4d6d59;border-radius:3px;background:#26372c;color:#e7f0e8;padding:5px;font:11px DM Mono,monospace}.group-transform-properties>div:last-of-type{grid-template-columns:1.3fr 1fr 1fr}.group-transform-properties button{min-width:0;border:1px solid #4d6d59;border-radius:4px;background:#26372c;color:#d7f1de;padding:6px 5px;font-size:10px;font-weight:700}.group-transform-properties button:disabled,.group-transform-properties input:disabled{cursor:not-allowed;opacity:.52}.group-transform-properties small{color:#858f88;line-height:1.4}.path-anchor-properties{display:grid;gap:6px;padding:9px 14px 4px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.path-anchor-properties>span{color:#82b9dc;font-weight:700}.path-anchor-properties small{color:#85877f;line-height:1.35}.path-anchor-list{display:grid;max-height:176px;gap:4px;overflow:auto;padding-right:2px}.path-anchor-list>div{display:grid;grid-template-columns:18px minmax(0,1fr) minmax(0,1fr) 24px;gap:4px;align-items:center}.path-anchor-list b{color:#82b9dc;font:10px DM Mono,monospace}.path-anchor-list label{display:grid;grid-template-columns:12px minmax(0,1fr);gap:3px;align-items:center;color:#8d9088}.path-anchor-list input{width:100%;min-width:0;border:1px solid #4d5047;border-radius:3px;background:#292b26;color:#f0eee6;padding:3px;font:10px DM Mono,monospace}.path-anchor-properties button{border:1px solid #49687a;border-radius:4px;background:#293a42;color:#cbe5ef;padding:5px;font-size:10px}.path-anchor-list button{padding:2px;color:#efb0a0;border-color:#694b44;background:#3a2b28}.path-anchor-properties button:disabled{opacity:.45}.shape-path-actions{display:grid;gap:6px;padding:9px 14px 4px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.shape-path-actions>span{color:#82b9dc;font-weight:700}.shape-path-actions button{border:1px solid #49687a;border-radius:4px;background:#293a42;color:#cbe5ef;padding:6px;font-size:11px}.shape-path-actions small{color:#85877f;line-height:1.35}.gradient-map-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.gradient-map-properties .text-style-toggle,.gradient-map-properties .text-options{padding:0;margin:0}.gradient-map-properties>label:not(.text-style-toggle){display:grid;grid-template-columns:1fr auto;align-items:center}.gradient-map-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#ddad78}.gradient-map-properties output{color:#ddad78;font:11px DM Mono,monospace}.gradient-map-properties small{color:#85877f;line-height:1.35}.gradient-map-presets{display:flex;flex-wrap:wrap;gap:5px}.gradient-map-presets button{padding:4px 6px;font-size:10px}.motion-blur-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.motion-blur-properties>span{color:#d7dacd;font-weight:700}.motion-blur-properties>label{display:grid;grid-template-columns:1fr auto;align-items:center}.motion-blur-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#86b7dd}.motion-blur-properties output{color:#86b7dd;font:11px DM Mono,monospace}.motion-blur-properties small{color:#85877f;line-height:1.35}.vignette-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.vignette-properties>span{color:#d7dacd;font-weight:700}.vignette-properties>label{display:grid;grid-template-columns:1fr auto;align-items:center}.vignette-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#c9a06c}.vignette-properties output{color:#d6af77;font:11px DM Mono,monospace}.vignette-properties small{color:#85877f;line-height:1.35}.photo-filter-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.photo-filter-properties .text-style-toggle,.photo-filter-properties .text-options{padding:0;margin:0}.photo-filter-properties>label:not(.text-style-toggle){display:grid;grid-template-columns:1fr auto;align-items:center}.photo-filter-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#d99d64}.photo-filter-properties output{color:#d99d64;font:11px DM Mono,monospace}.photo-filter-properties small{color:#85877f;line-height:1.35}.threshold-properties{display:grid;gap:6px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.threshold-properties>label{display:grid;grid-template-columns:1fr auto;align-items:center}.threshold-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#dde0db}.threshold-properties output{color:#eef0eb;font:11px DM Mono,monospace}.threshold-properties small{color:#85877f;line-height:1.35}.channel-mixer-properties{display:grid;gap:7px;padding:8px 14px 3px;border-top:1px solid #3d4039;color:#aeb0a7;font-size:11px}.channel-mixer-heading{display:flex;align-items:center;gap:5px}.channel-mixer-heading span{margin-right:auto}.channel-mixer-heading button{padding:3px 6px;font-size:10px}.channel-mixer-row{display:grid;grid-template-columns:62px repeat(3,minmax(0,1fr));gap:5px;align-items:start}.channel-mixer-row strong{padding-top:4px;color:#d1d3ca}.channel-mixer-row label{display:grid;gap:2px;color:#82857c}.channel-mixer-row output{color:#9bc8a8;font:10px DM Mono,monospace}.channel-mixer-row input{width:100%;accent-color:#72b98a}.channel-mixer-properties small{color:#85877f;line-height:1.35}.mask-refine-properties{display:grid;gap:7px;padding:10px 14px 5px;border-bottom:1px solid #3d4039;color:#aeb0a7;font-size:11px}.mask-refine-properties>span{color:#e9b861;font-weight:700}.mask-refine-properties label{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0}.mask-refine-properties input{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#e9b861}.mask-refine-properties output{color:#e9b861;font:11px DM Mono,monospace}.mask-refine-properties small{color:#85877f;line-height:1.35}.mask-edge-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:9px 14px 0;color:#aeb0a7;font-size:11px}.mask-edge-actions>span{grid-column:1 / -1;color:#e9b861;font-weight:700}.mask-edge-actions button{border:1px solid #6d6247;border-radius:4px;background:#34332d;color:#ead7a4;padding:5px;font-size:10px}.mask-clean-properties{display:grid;gap:6px;padding:10px 14px 0;color:#aeb0a7;font-size:11px}.mask-clean-properties>span{color:#e9b861;font-weight:700}.mask-clean-properties label{display:grid;grid-template-columns:1fr auto;align-items:center}.mask-clean-properties input{grid-column:1 / -1;width:100%;margin-top:4px;accent-color:#e9b861}.mask-clean-properties output{color:#e9b861;font:11px DM Mono,monospace}.mask-clean-properties button{border:1px solid #6d6247;border-radius:4px;background:#34332d;color:#ead7a4;padding:6px;font-size:10px}.mask-clean-properties small{color:#85877f;line-height:1.35}.mask-editing-badge{border:1px solid #e9b861;border-radius:3px;color:#f4ca79;padding:3px 5px;font-weight:800}.layer-actions .active-mask-action{border-color:#e9b861;background:#5a4a2b;color:#fff1cf}.selection-mode{flex-wrap:wrap;max-width:min(510px,calc(100% - 28px))}.selection-divider{width:1px;align-self:stretch;background:#51534c;margin:0 2px}.selection-box.compound.add{border-color:#77c794;background:#77c79414}.selection-box.compound.subtract{border-color:#ef8f70;background:#ef8f7014}.selection-box.compound.intersect{border-color:#82b9dc;background:#82b9dc14}.selection-controls.with-selection-mode{top:58px}.magic-controls{align-items:center;color:#c7c8c0;font-size:11px}.magic-controls label{display:flex;align-items:center;gap:5px;color:#c7c8c0}.magic-controls input[type=range]{width:88px;accent-color:#e65c3d}.magic-controls output,.pixel-selection-note{color:#e9b861;font:11px DM Mono,monospace}.color-range-controls select{border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:5px;font:11px Manrope,sans-serif}.pixel-selection-note{padding:0 3px}.pixel-selection-refine{display:inline-flex;align-items:center;gap:5px;border-left:1px solid #50524a;padding-left:6px}.pixel-selection-refine label{display:inline-grid;grid-template-columns:auto auto;gap:2px 4px;align-items:center;color:#c7c8c0;font-size:10px}.pixel-selection-refine output{color:#e9b861;font:10px DM Mono,monospace}.pixel-selection-refine input{grid-column:1 / -1;width:58px;accent-color:#e9b861}.pixel-selection-refine button{white-space:nowrap}.selection-refine-trigger{color:#e9c476}.selection-refine-panel{position:absolute;z-index:8;top:14px;left:14px;width:min(320px,calc(100% - 28px));display:grid;gap:9px;padding:11px;border:1px solid #75633c;border-radius:7px;background:#202018f2;color:#d4d5cb;box-shadow:0 16px 38px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px}.selection-refine-panel .resize-title{margin:-1px -1px 0}.selection-refine-panel p{margin:0;color:#aeb0a7;line-height:1.45}.selection-refine-panel label{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;color:#cbc9bb}.selection-refine-panel label input{grid-column:1 / -1;width:100%;accent-color:#e9b861}.selection-refine-panel output{color:#f0d087;font:11px DM Mono,monospace}.selection-refine-panel>div:not(.resize-title):not(.selection-refine-actions){display:grid;grid-template-columns:1fr 1fr;gap:6px}.selection-refine-panel button{border:1px solid #6d6247;border-radius:4px;background:#34332d;color:#ead7a4;padding:6px;font-size:11px}.selection-refine-panel button:disabled{opacity:.5;cursor:progress}.selection-refine-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:3px;border-top:1px solid #4d493b}.selection-refine-actions button:last-child{border-color:#6c805c;background:#303b2d;color:#d6e5cd}.levels-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 14px 0}.levels-controls>span{grid-column:1 / -1;color:#e9b861;font-size:11px;font-weight:700}.levels-controls button{grid-column:1 / -1;border:1px solid #786548;border-radius:4px;background:#342f24;color:#f1c26a;padding:5px;font-size:11px}.levels-controls label{padding:0!important}.levels-controls input{width:100%;min-width:0;margin-top:5px;border:1px solid #44463f;border-radius:3px;color:#e7e6df;background:#292b26;padding:5px;font:11px DM Mono,monospace}.replace-color-controls{display:grid;gap:7px;margin:3px 14px 0;padding:9px;border:1px solid #625744;border-radius:5px;background:#292820}.replace-color-controls>span{color:#e9c477;font-size:11px;font-weight:800}.replace-color-controls>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.replace-color-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:0!important;color:#c7c8bf}.replace-color-controls label:has(input[type=color]){grid-template-columns:1fr auto}.replace-color-controls input[type=color]{width:30px;height:24px;margin:0;border:1px solid #6a6757;border-radius:3px;background:transparent;padding:2px}.replace-color-controls input[type=range]{grid-column:1 / -1;width:100%;margin:0;accent-color:#e9b861}.replace-color-controls button{border:1px solid #806a46;border-radius:4px;background:#3b3325;color:#f0d494;padding:6px;font-size:10px;font-weight:800}.replace-color-controls small{color:#9d9e94;font-size:10px;line-height:1.4}@media(max-width:720px){.selection-controls.with-selection-mode{top:52px}}.saved-selection{display:inline-flex;overflow:hidden;border:1px solid #687766;border-radius:4px}.selection-controls .saved-selection button{border:0;border-radius:0}.selection-controls .saved-selection button:first-child{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bad9b6}.selection-controls .saved-selection button:last-child{border-left:1px solid #687766;color:#d9d9d1;padding-inline:5px}.saved-selection-panel{position:absolute;z-index:4;right:14px;bottom:14px;display:flex;max-width:calc(100% - 28px);align-items:center;gap:5px;overflow-x:auto;padding:7px;border-radius:6px;background:#1e1f1ce8;color:#aeb0a7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px}.saved-selection-panel .saved-selection button{border:0;border-radius:0;background:#30382e;color:#cce6c8;padding:4px 7px;font-size:11px;white-space:nowrap}.saved-selection-panel .saved-selection button:last-child{border-left:1px solid #687766;color:#ddd;padding-inline:5px}.channel-panel{width:min(520px,calc(100vw - 28px));max-height:min(640px,calc(100vh - 28px));overflow:auto;padding:16px;border:1px solid #4a4d44;border-radius:10px;background:#242622;color:#b9bbb2;box-shadow:0 24px 64px #0009}.channel-panel p,.channel-panel small{display:block;margin:10px 0;color:#85877f;font-size:12px;line-height:1.5}.channel-list{display:grid;gap:7px;margin-top:12px}.channel-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px;border:1px solid #3d4039;border-radius:6px;background:#1d1f1b}.channel-swatch{width:24px;height:24px;border:1px solid #777a70;background:linear-gradient(135deg,#e7e7e4 0 50%,#444741 50%)}.channel-list input{min-width:0;border:1px solid #4d5048;border-radius:4px;background:#292b27;color:#e6e7df;padding:6px}.channel-list>div>span:last-child{display:flex;gap:5px}.channel-list button{padding:5px 7px;font-size:11px;white-space:nowrap}.snapshot-panel{width:min(560px,calc(100vw - 28px));max-height:min(640px,calc(100vh - 28px));overflow:auto;padding:16px;border:1px solid #4a4d44;border-radius:10px;background:#242622;color:#b9bbb2;box-shadow:0 24px 64px #0009}.snapshot-panel p,.snapshot-panel small{display:block;margin:10px 0;color:#85877f;font-size:12px;line-height:1.5}.snapshot-list{display:grid;gap:7px;margin-top:12px}.snapshot-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding:8px;border:1px solid #3d4039;border-radius:6px;background:#1d1f1b}.snapshot-list input{min-width:0;border:1px solid #4d5048;border-radius:4px;background:#292b27;color:#e6e7df;padding:6px}.snapshot-list small{margin:0;grid-column:1;font:10px DM Mono,monospace}.snapshot-list>div>span{grid-column:2;grid-row:1 / 3;display:flex;gap:5px}.snapshot-list button{padding:5px 7px;font-size:11px;white-space:nowrap}.artboards-panel{display:grid;gap:10px}.artboards-panel>p{margin:0}.artboards-list{display:grid;gap:8px}.artboard-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:9px;border:1px solid #3d4039;border-radius:6px;background:#1d1f1b}.artboard-row label{display:grid;gap:4px;color:#aeb0a7;font-size:11px}.artboard-row input,.artboard-export-format select{min-width:0;border:1px solid #4d5048;border-radius:4px;background:#292b27;color:#e6e7df;padding:6px;font:11px DM Mono,monospace}.artboard-name{grid-column:1 / -1}.artboard-dimensions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.artboard-delete{align-self:end;padding:6px 8px;font-size:11px;white-space:nowrap}.artboard-export-format{display:grid;grid-template-columns:1fr minmax(100px,140px);align-items:center;gap:8px;color:#b9bbb2;font-size:12px}.artboard-edit-toggle{border:1px solid #4f94ad;border-radius:4px;background:#1b343f;color:#d5f1fb;padding:7px;font-size:11px;font-weight:700}.artboard-edit-toggle:disabled{opacity:.5}.artboard-overlay.editable{border-color:#e9c476;box-shadow:inset 0 0 0 1px #6d542699}.artboard-overlay.editable>span{display:none}.artboard-drag-handle,.artboard-resize-handle{position:absolute;z-index:1;pointer-events:auto;touch-action:none}.artboard-drag-handle{top:-22px;left:-1px;max-width:calc(100% + 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #b99848;border-radius:3px 3px 0 0;background:#4a3b1ddf;color:#fff0be;padding:3px 6px;font:10px DM Mono,monospace;cursor:grab}.artboard-drag-handle:active{cursor:grabbing}.artboard-resize-handle{right:-5px;bottom:-5px;width:10px;height:10px;border:1px solid #fff0be;border-radius:2px;background:#c69232;cursor:nwse-resize}@media(max-width:720px){.saved-selection-panel{right:8px;bottom:54px}.artboard-row{grid-template-columns:1fr}.artboard-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.artboard-delete{width:100%}.artboard-export-format{grid-template-columns:1fr}}.image-thumbnail{background-color:#30322e;background-position:center;background-repeat:no-repeat;background-size:contain}.solid-fill-thumbnail{box-shadow:inset 0 0 0 1px #ffffff4d}.pattern-fill-thumbnail{box-shadow:inset 0 0 0 1px #ffffff4d;font-size:15px}.text-thumbnail{color:#ecdfbd;font-family:Georgia,serif;font-weight:700}.shape-thumbnail{background:#292b26;font-size:18px;font-weight:800}@media(max-width:720px){.crop-ratio{top:8px;left:8px}}@media(max-width:720px){.grid-controls{top:8px;right:8px}}.canvas-align{padding:11px 14px 4px;color:#aeb0a7;font-size:11px}.canvas-align>span{display:block;margin-bottom:6px}.canvas-align>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.canvas-align button{min-width:0;border:1px solid #4a4c45;border-radius:4px;background:#292b26;color:#d9d9d1;padding:6px 3px;font-size:10px}.canvas-align button:hover,.canvas-align button:focus-visible{border-color:#e65c3d;color:#f7f4eb;outline:0}.adjustment-thumbnail{color:#79d2cc;font-size:15px}.adjustment-properties{padding:11px 14px 4px;color:#aeb0a7;font-size:11px}.adjustment-properties>span{display:block;margin-bottom:6px;color:#79d2cc;font-weight:700}.adjustment-properties label{display:grid;grid-template-columns:1fr auto;align-items:center;padding:7px 0 0}.adjustment-properties output{color:#79d2cc;font:11px DM Mono,monospace}.adjustment-properties input[type=range]{grid-column:1 / -1;width:100%;margin-top:5px;accent-color:#79d2cc}.adjustment-properties .text-style-toggle{display:flex;gap:6px}.adjustment-properties .text-style-toggle input{margin:0;accent-color:#79d2cc}.adjustment-properties small{display:block;margin-top:5px;color:#85877f;font-size:10px;line-height:1.35}.text-stroke-properties{padding:9px 14px 1px}.text-stroke-properties .text-style-toggle{padding:0}.text-stroke-properties .text-options{margin-top:5px}.new-document-panel .document-preset{width:100%;border:1px solid #50524a;border-radius:4px;background:#292b26;color:#eee;padding:7px;font:12px Manrope,sans-serif}.transform-box{position:absolute;z-index:3;pointer-events:none;border:1px solid #e65c3d;box-shadow:0 0 0 1px #17181599}.path-anchor-overlay{position:absolute;z-index:4;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.path-anchor-handle{pointer-events:auto;fill:#f7f4eb;stroke:#63b9e4;stroke-width:2;vector-effect:non-scaling-stroke;cursor:grab;touch-action:none}.path-anchor-handle:hover,.path-anchor-handle:focus-visible{fill:#f4ca79;stroke:#f7f4eb;outline:none}.path-anchor-handle:active{cursor:grabbing}.transform-handle{position:absolute;width:8px;height:8px;border:1px solid #171815;background:#f7f4eb;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}.transform-handle.nw{left:0;top:0}.transform-handle.n{left:50%;top:0}.transform-handle.ne{left:100%;top:0}.transform-handle.e{left:100%;top:50%}.transform-handle.se{left:100%;top:100%}.transform-handle.s{left:50%;top:100%}.transform-handle.sw{left:0;top:100%}.transform-handle.w{left:0;top:50%}.transform-handle.nw,.transform-handle.se{cursor:nwse-resize}.transform-handle.ne,.transform-handle.sw{cursor:nesw-resize}.transform-handle.n,.transform-handle.s{cursor:ns-resize}.transform-handle.e,.transform-handle.w{cursor:ew-resize}.transform-rotate-stem{position:absolute;left:50%;top:-24px;height:24px;border-left:1px solid #e65c3d}.transform-handle.rotate{left:50%;top:-26px;width:10px;height:10px;border-radius:50%;background:#e65c3d;cursor:grab}.transform-handle.rotate:active{cursor:grabbing}.quick-mask-overlay{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none}.canvas-controls .active-quick-mask{color:#f08368}.lasso-draft{position:absolute;z-index:5;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:#e65c3d18;stroke:#f7f4eb;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:4 3}.gradient-draft-overlay{position:absolute;z-index:7;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.gradient-draft-overlay line{stroke:#f7c873;stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:8 5;filter:drop-shadow(0 0 3px #111)}.gradient-draft-overlay circle{fill:#151918;stroke:#f7c873;stroke-width:2;vector-effect:non-scaling-stroke}.gradient-draft-overlay .gradient-draft-end{fill:#f7c873}.gradient-draft-overlay text{fill:#fff4d7;font:600 12px DM Mono,monospace;paint-order:stroke;stroke:#151918;stroke-width:3px}.retouch-sample-overlay{position:absolute;z-index:6;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.retouch-source-ring{fill:#6ed5d51a;stroke:#6ed5d5;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:3 2}.retouch-source-cross{fill:none;stroke:#f4ca79;stroke-width:1.4;vector-effect:non-scaling-stroke}.retouch-offset-line{stroke:#6ed5d5b0;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 3}.history-brush-controls{display:flex;align-items:center;gap:7px;max-width:390px}.history-brush-controls select{max-width:138px;border:1px solid #655844;border-radius:4px;background:#2d2a23;color:#f1dfad;padding:4px 6px;font:10px DM Mono,monospace}.history-brush-controls small{color:#c9bd9b;line-height:1.35}.sponge-mode{display:inline-flex;overflow:hidden;border:1px solid #5a695e;border-radius:4px}.sponge-mode button{border:0;border-right:1px solid #5a695e;border-radius:0;background:#2d332d;color:#cbd6c7;padding:4px 6px;font-size:10px}.sponge-mode button:last-child{border-right:0}.sponge-mode button.active{background:#45604b;color:#eff8eb}.retouch-tone-range select{border:1px solid #5a5d55;border-radius:4px;background:#292b26;color:#e5e6dd;padding:3px 5px;font:10px Manrope,sans-serif}.gradient-mode{display:inline-flex;overflow:hidden;border:1px solid #695e47;border-radius:4px}.gradient-mode button{border:0;border-right:1px solid #695e47;border-radius:0;background:#33312b;color:#d6d0c0;padding:4px 6px;font-size:10px}.gradient-mode button:last-child{border-right:0}.gradient-mode button.active{background:#675737;color:#fff0c5}.artboard-export-format input[type=color]{width:100%;height:31px;border:1px solid #4d5048;border-radius:4px;background:#292b27;padding:3px}.gradient-transparent-preset,.gradient-swap-colors{border:1px solid var(--settings-border);border-radius:.1875rem;background:var(--settings-raised);color:var(--settings-text);padding:.25rem .5rem;font-size:.75rem;min-height:1.875rem}.gradient-transparent-preset:hover,.gradient-swap-colors:hover{background:var(--settings-hover)}.gradient-transparent-preset[aria-pressed=true]{border-color:var(--settings-accent)}.local-adjust-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;width:100%;padding-top:2px}.local-adjust-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;color:#cbd6c7}.local-adjust-controls input{grid-column:1 / -1;width:100%;margin:0;accent-color:#6ed5d5}.local-adjust-controls output{color:#6ed5d5;font:10px DM Mono,monospace}.color-balance-controls{display:grid;gap:7px;padding:11px 14px 3px;color:#aeb0a7;font-size:11px}.color-balance-controls>span{color:#79d2cc;font-weight:700}.color-balance-controls label{display:grid;grid-template-columns:1fr auto;padding:0}.color-balance-controls input{grid-column:1 / -1;width:100%;margin-top:5px;accent-color:#79d2cc}.color-balance-controls output{color:#79d2cc;font:11px DM Mono,monospace}.curve-controls{display:grid;gap:7px;padding:11px 14px 3px;color:#aeb0a7;font-size:11px}.curve-controls>span{color:#e9b861;font-weight:700}.curve-controls label{display:grid;grid-template-columns:1fr auto;padding:0}.curve-controls input{grid-column:1 / -1;width:100%;margin-top:5px;accent-color:#e9b861}.curve-controls output{color:#e9b861;font:11px DM Mono,monospace}.channel-curve-controls{display:grid;gap:8px;padding:11px 14px 5px;color:#aeb0a7;font-size:11px}.channel-curve-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#d7d8cf;font-weight:700}.channel-curve-heading button{border:1px solid #53564f;border-radius:4px;background:#30322e;color:#d7d8cf;padding:3px 6px;font-size:10px}.channel-curve{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:1px solid #4e514a;border-left-width:3px;border-radius:4px;background:#282a26;padding:7px}.channel-curve strong{grid-column:1 / -1;font-size:11px}.channel-curve label{display:grid;grid-template-columns:1fr auto;gap:2px;min-width:0;font-size:10px}.channel-curve input{grid-column:1 / -1;width:100%;margin:1px 0 0}.channel-curve output{font:10px DM Mono,monospace}.channel-curve.red{border-left-color:#ef8f70}.channel-curve.red strong,.channel-curve.red output{color:#ef8f70}.channel-curve.red input{accent-color:#ef8f70}.channel-curve.green{border-left-color:#77c794}.channel-curve.green strong,.channel-curve.green output{color:#77c794}.channel-curve.green input{accent-color:#77c794}.channel-curve.blue{border-left-color:#82b9dc}.channel-curve.blue strong,.channel-curve.blue output{color:#82b9dc}.channel-curve.blue input{accent-color:#82b9dc}.editable-curve{display:grid;gap:6px;padding:10px 14px 4px;color:#aeb0a7;font-size:10px}.editable-curve-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#e9b861;font-weight:700}.editable-curve-heading button{border:1px solid #6d6247;border-radius:4px;background:#34332d;color:#ead7a4;padding:3px 6px;font-size:10px}.editable-curve svg{display:block;width:100%;aspect-ratio:1.7;border:1px solid #5b5748;border-radius:4px;background:#22231f;cursor:crosshair;touch-action:none}.editable-curve-line{fill:none;stroke:#f1c66e;stroke-width:3;vector-effect:non-scaling-stroke}.editable-curve-point{fill:#f7f4eb;stroke:#e9b861;stroke-width:3;vector-effect:non-scaling-stroke;cursor:grab}.editable-curve-point:active{cursor:grabbing}.editable-curve small{color:#85877f;line-height:1.35}.channel-point-curves{display:grid;gap:4px;padding:9px 0 4px;border-top:1px solid #4e514a}.channel-point-curves>span{padding:0 14px;color:#d7d8cf;font-size:11px;font-weight:700}.channel-point-curves .editable-curve{padding-top:6px}.editable-curve.curveRedPoints .editable-curve-heading{color:#ef8f70}.editable-curve.curveGreenPoints .editable-curve-heading{color:#77c794}.editable-curve.curveBluePoints .editable-curve-heading{color:#82b9dc}.curve-presets{display:flex;flex-wrap:wrap;gap:5px;padding:6px 14px 10px;color:#e9b861;font-size:10px}.curve-presets>span{width:100%;font-weight:700}.curve-presets button{border:1px solid #6d6247;border-radius:4px;background:#34332d;color:#ead7a4;padding:4px 7px;font-size:10px}.workspace{grid-template-columns:58px minmax(0,1fr) clamp(282px,20vw,336px)}.toolbar{cursor:grab}.toolbar:active{cursor:grabbing}.toolbar-layout{display:grid;grid-template-columns:1fr;gap:3px;width:100%;padding-bottom:4px;margin-bottom:2px;border-bottom:1px solid #393b34}.toolbar-layout select{width:100%;border:1px solid #4c4e47;border-radius:5px;background:#2c2e29;color:#d8d4c9;min-height:28px;padding:3px 4px;font:700 10px/1 Manrope,sans-serif}.toolbar-layout select:focus-visible{outline:2px solid #e9b861;outline-offset:1px}.toolbar-layout button{border:1px solid #4c4e47;border-radius:4px;background:#2c2e29;color:#aaa99f;min-height:28px;padding:1px 2px;font:700 11px/1 Manrope,sans-serif;white-space:nowrap}.toolbar-layout button.active{border-color:#e65c3d;background:#4a3028;color:#f4d3c8}.workspace.toolbar-double{grid-template-columns:104px minmax(0,1fr) clamp(282px,20vw,336px)}.toolbar.toolbar-double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:6px;padding:8px}.toolbar.toolbar-double .toolbar-layout{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar.toolbar-double .tool{width:46px;justify-self:center}.workspace.toolbar-top{grid-template-columns:minmax(0,1fr) clamp(282px,20vw,336px);grid-template-rows:auto minmax(0,1fr)}.workspace.toolbar-top>.toolbar{grid-column:1 / -1;grid-row:1;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:flex-start;justify-content:flex-start;gap:5px;max-height:146px;overflow-x:hidden;overflow-y:auto;padding:7px 12px;border-right:0;border-bottom:1px solid #35372f}.workspace.toolbar-top>.canvas-area{grid-column:1;grid-row:2}.workspace.toolbar-top>.inspector{grid-column:2;grid-row:2}.toolbar.toolbar-top .toolbar-layout{display:flex;width:auto;flex:none;margin:0 3px 0 0;padding:0 7px 0 0;border:0;border-right:1px solid #393b34}.toolbar.toolbar-top .toolbar-layout button{width:28px;min-height:27px}.toolbar.toolbar-top .toolbar-layout button:last-child{width:36px}.toolbar.toolbar-top .tool{width:52px;min-height:47px}.toolbar.toolbar-top .tool:after{font-size:9px;line-height:11px}.inspector{min-width:0}.inspector button,.inspector select,.inspector .panel-heading,.inspector .layer-actions button,.inspector .new-layer-actions,.inspector .solo-layer-action{white-space:nowrap}.new-document-memory{display:block;color:#aaa99f;line-height:1.45}.new-document-memory.near-budget{color:#e9b861}.new-document-memory.over-budget{color:#f08368;font-weight:700}.workspace.toolbar-top .canvas-area{display:flex;min-height:0;flex-direction:column}.workspace.toolbar-top .canvas-area>[data-context-toolbar=true],.workspace.toolbar-top .canvas-area>.resize-panel,.workspace.toolbar-top .canvas-area>.adjust-panel{position:sticky;inset:auto;z-index:5;flex:none;width:auto;max-width:none;max-height:min(34vh,300px);margin:8px 12px 0;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;order:0}.workspace.toolbar-top .canvas-area>.canvas-scroll{order:10}.workspace.toolbar-top .canvas-area>.canvas-controls,.workspace.toolbar-top .canvas-area>.guides-trigger,.workspace.toolbar-top .canvas-area>.canvas-navigator,.workspace.toolbar-top .canvas-area>.histogram-panel,.workspace.toolbar-top .canvas-area>.color-samples-panel,.workspace.toolbar-top .canvas-area>.guides-panel{order:5}.workspace.toolbar-top .canvas-area>.resize-panel,.workspace.toolbar-top .canvas-area>.adjust-panel{width:min(280px,calc(100% - 24px));align-self:flex-start}.workspace.toolbar-top .canvas-area>.canvas-scroll{min-height:0;flex:1;height:auto}@media(max-width:720px){.workspace.toolbar-top .canvas-area>[data-context-toolbar=true],.workspace.toolbar-top .canvas-area>.resize-panel,.workspace.toolbar-top .canvas-area>.adjust-panel{margin:6px 8px 0;max-height:42vh}}.inspector .panel-heading{gap:7px}.inspector .panel-heading>span:first-child{flex:none}.inspector .new-layer-actions{min-width:0;overflow-x:auto;scrollbar-width:thin}.inspector .layer-actions{grid-template-columns:repeat(3,minmax(max-content,1fr));overflow-x:auto}@media(max-width:720px){.workspace,.workspace.toolbar-double,.workspace.toolbar-top{grid-template-columns:48px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.workspace.toolbar-top>.toolbar,.workspace.toolbar-top>.canvas-area,.workspace.toolbar-top>.inspector{grid-column:auto;grid-row:auto}.toolbar.toolbar-double,.workspace.toolbar-top>.toolbar{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;align-content:unset;justify-content:flex-start;max-height:none;padding:6px;border-right:1px solid #35372f;border-bottom:0;gap:6px}.toolbar.toolbar-double .toolbar-layout,.toolbar.toolbar-top .toolbar-layout{display:grid;grid-template-columns:1fr;width:100%;margin:0 0 2px;padding:0 0 4px;border:0;border-bottom:1px solid #393b34}.toolbar.toolbar-double .toolbar-layout button,.toolbar.toolbar-top .toolbar-layout button,.toolbar.toolbar-top .toolbar-layout button:last-child{width:auto;min-height:20px}.toolbar.toolbar-double .tool,.toolbar.toolbar-top .tool{width:34px;min-height:40px}.toolbar.toolbar-top .tool:after{font-size:7px}}.curve-preview{display:block;width:calc(100% - 28px);height:94px;margin:8px 14px 0;border:1px solid #5b5748;border-radius:4px;background:#22231f}.curve-grid{fill:none;stroke:#545548;stroke-width:.45}.curve-neutral{fill:none;stroke:#77786f;stroke-width:1;stroke-dasharray:2 2}.curve-line{fill:none;stroke:#e9b861;stroke-width:1.7}.curve-channel-line{fill:none;stroke-width:1.15;opacity:.9}.curve-channel-line.curve-red{stroke:#ef8f70}.curve-channel-line.curve-green{stroke:#77c794}.curve-channel-line.curve-blue{stroke:#82b9dc}.actions{position:relative;min-width:0;align-items:center}.document-menu-wrap{position:relative;flex:none}.document-menu-trigger{border:1px solid #45473f;border-radius:5px;background:#292b26;color:#c6c8bf;padding:5px 7px}.document-menu{position:absolute;z-index:65;top:calc(100% + 7px);left:0;display:grid;min-width:min(320px,calc(100vw - 24px));max-height:min(440px,calc(100vh - 90px));overflow:auto;gap:3px;padding:9px;border:1px solid #5a5c53;border-radius:8px;background:#252622;box-shadow:0 16px 40px #000a}.document-menu strong{padding:2px 3px 6px;color:#e9b861;font-size:10px;letter-spacing:.05em}.document-menu>span{display:grid;grid-template-columns:minmax(0,1fr) 29px;border:1px solid #3f423b;border-radius:5px;background:#2b2d28}.document-menu>span.active{border-color:#c66b45;background:#3a3029}.document-menu>span button{min-width:0;border:0;background:transparent;color:#d9dad2;padding:7px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.document-menu>span button:last-child{color:#aaa;text-align:center}.document-menu-close-others{margin-top:4px;border:1px solid #695044;border-radius:5px;background:#352725;color:#ebb09e;padding:7px;font-size:11px}.actions-main{display:flex;min-width:0;gap:6px;align-items:center;flex:none}.more-actions-wrap{position:relative;flex:none}.more-actions-wrap>button.active{border-color:#e65c3d;color:#f4c6b8}.more-actions-menu{position:absolute;z-index:60;top:calc(100% + 8px);right:0;display:grid;grid-template-columns:repeat(2,minmax(132px,1fr));gap:5px;width:min(360px,calc(100vw - 24px));padding:10px;border:1px solid #5a5c53;border-radius:8px;background:#252622;box-shadow:0 16px 40px #000a}.more-actions-menu strong{grid-column:1 / -1;margin-top:3px;color:#e9b861;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.more-actions-menu strong:first-child{margin-top:0}.more-actions-menu button{min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.toolbar{align-items:stretch}.tool-group{display:grid;gap:3px;width:100%;padding-bottom:6px;border-bottom:1px solid #393b34}.tool-group h2{margin:0;padding-left:3px;color:#a4a69c;font:800 9px/1.2 Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase}.tool-group:has(.tool.active) h2{color:#e9b861}.tool-group:has(.tool.active) h2 button:before{content:"";display:inline-block;width:3px;height:9px;margin:0 5px 0 0;border-radius:2px;background:#e65c3d;vertical-align:-1px}.tool-group h2 button{width:100%;border:0;background:transparent;color:inherit;padding:2px 0;font:inherit;letter-spacing:inherit;text-align:left;text-transform:inherit}.tool-group h2 button:after{float:right;margin-right:3px;content:"−"}.tool-group.collapsed h2 button:after{content:"+"}.tool-group.collapsed .tool-group-items{display:none}.favorite-tools{border-color:#705741}.favorite-tools h2{color:#e1b875}.favorite-tools .tool{color:#e7c88b}.editor.high-contrast{--ui-focus: #fff36b;color:#fff;background:#090a08}.editor.high-contrast .topbar,.editor.high-contrast .toolbar,.editor.high-contrast .inspector{background:#10120e;border-color:#8c9184}.editor.high-contrast button,.editor.high-contrast select,.editor.high-contrast input,.editor.high-contrast textarea{border-color:#9da394!important;color:#fff}.editor.high-contrast button:focus-visible,.editor.high-contrast select:focus-visible,.editor.high-contrast input:focus-visible,.editor.high-contrast textarea:focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:2px}.editor.high-contrast .tool.active,.editor.high-contrast .primary{background:#fff36b;border-color:#fff36b;color:#090a08}.editor.high-contrast .layer.selected,.editor.high-contrast .inspector-tabs button.active{background:#273b2c;color:#fff}.editor.high-contrast .panel-heading,.editor.high-contrast .tool-group{border-color:#8c9184}.mobile-tool-dock{display:none}@media(max-width:720px){.mobile-tool-dock{position:fixed;z-index:24;right:8px;bottom:34px;left:56px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:5px;border:1px solid #56584f;border-radius:10px;background:#1d1f1cf2;box-shadow:0 8px 24px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-tool-dock button{display:grid;min-width:0;place-items:center;gap:2px;border:0;border-radius:7px;background:transparent;color:#c5c7bd;padding:4px 2px}.mobile-tool-dock button.active{background:#e65c3d;color:#171815}.mobile-tool-dock .tool-icon{width:18px;height:18px}.mobile-tool-dock span:last-child{max-width:100%;overflow:hidden;font-size:9px;line-height:11px;text-overflow:ellipsis;white-space:nowrap}.mobile-tool-more{font:900 16px/16px Manrope,sans-serif;letter-spacing:1px}.editor.high-contrast .mobile-tool-dock{border-color:#9da394;background:#10120ef5}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.toolbar,.toolbar .tool,.toolbar .toolbar-layout,.toolbar .tool-group,.toolbar .tool-group-items{box-sizing:border-box}.workspace>.toolbar{width:64px;min-width:64px;padding:10px 6px 14px;gap:9px;background:#1b1d1a;border-right:1px solid #3b4038;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#596055 transparent}.workspace.toolbar-double{grid-template-columns:112px minmax(0,1fr) clamp(282px,20vw,336px)}.workspace:not(.toolbar-top){--toolbar-rail: clamp(3.5rem, 5vw, 4.25rem);grid-template-columns:var(--toolbar-rail) minmax(0,1fr) clamp(17.625rem,20vw,21rem)}.workspace.toolbar-double{--toolbar-rail: clamp(7rem, 10vw, 8.5rem);grid-template-columns:var(--toolbar-rail) minmax(0,1fr) clamp(17.625rem,20vw,21rem)}.workspace:not(.toolbar-top)>.toolbar{width:100%;min-width:0}.workspace>.toolbar::-webkit-scrollbar{width:5px}.workspace>.toolbar::-webkit-scrollbar-track{background:transparent}.workspace>.toolbar::-webkit-scrollbar-thumb{background:#596055;border:1px solid transparent;border-radius:99px;background-clip:padding-box}.workspace>.toolbar .toolbar-layout{gap:4px;padding:0 0 8px;margin:0;border-bottom-color:#3b4038}.workspace>.toolbar .toolbar-layout select{min-height:27px;border-color:#4b5148;background:#252923;color:#d8d9d2}.workspace>.toolbar .toolbar-layout button{min-height:27px;border-color:#4b5148;background:#252923}.workspace>.toolbar .tool-group{gap:5px;padding:0 0 8px;border-bottom-color:#353a33}.workspace>.toolbar .tool-group h2{padding:0 2px;font-size:8px;letter-spacing:.08em;color:#8f958a}.workspace>.toolbar .tool-group h2 button{padding:3px 0}.workspace>.toolbar .tool-group h2 button:after{margin-right:2px;color:#687066}.workspace>.toolbar .tool-group-items{grid-template-columns:1fr;gap:3px}.workspace>.toolbar .tool{width:50px;min-height:45px;margin:0 auto;border:1px solid transparent;border-radius:6px;color:#aeb4a9}.workspace>.toolbar .tool-icon{width:20px;height:20px}.workspace>.toolbar .tool:after{max-width:46px;font-size:10px;line-height:12px}.workspace>.toolbar .tool:hover{background:#2b302a;border-color:#454c43;color:#f0f1e9}.workspace>.toolbar .tool.active{background:#3a3029;border-color:#765044;color:#f5d3c6;box-shadow:inset 0 0 0 1px #654439}.workspace>.toolbar .tool.active:before{left:-7px;width:3px}.workspace.toolbar-double>.toolbar{width:112px;min-width:112px;padding-inline:8px}.workspace.toolbar-double>.toolbar .tool-group-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.workspace.toolbar-double>.toolbar .tool{width:44px;min-height:44px}.workspace.toolbar-double>.toolbar .tool:after{max-width:40px;font-size:9px}.workspace.toolbar-top>.toolbar{width:auto;min-width:0}@media(min-width:721px){.workspace.toolbar-single.toolbar-labels-hidden,.workspace.toolbar-single.toolbar-labels-visible{grid-template-columns:var(--toolbar-rail) minmax(0,1fr) clamp(17.625rem,20vw,21rem)}}@media(max-width:720px){.workspace:not(.toolbar-top),.workspace.toolbar-double{--toolbar-rail: clamp(3.25rem, 14vw, 3.75rem);grid-template-columns:var(--toolbar-rail) minmax(0,1fr)}.workspace>.toolbar,.workspace.toolbar-double>.toolbar,.workspace.toolbar-top>.toolbar{width:100%;min-width:0;padding:.4375rem .375rem;gap:.375rem}.workspace>.toolbar .tool{width:44px;min-height:41px}.workspace>.toolbar .tool-icon{width:18px;height:18px}.workspace>.toolbar .tool:after{max-width:40px;font-size:9px;line-height:10px}}.toolbar .tool-icon{width:21px;height:21px}.toolbar .favorite-tools{padding-bottom:11px}.canvas-area>[data-context-toolbar=true],.canvas-area>.brush-controls,.canvas-area>.selection-controls,.canvas-area>.crop-controls{border:1px solid #3d443b;border-radius:10px;background:#20241fef;box-shadow:0 12px 30px #0005,inset 0 1px #ffffff0d;gap:10px;padding:10px 12px}.brush-controls,.selection-controls,.crop-controls{flex-wrap:wrap}.brush-controls small{max-width:310px;color:#929a90;line-height:1.4}@media(max-width:720px){.toolbar{width:52px;padding:7px 5px;gap:7px}.toolbar .tool{width:42px;min-height:46px;padding:5px 2px}.toolbar .tool-icon{width:19px;height:19px}.toolbar .tool:after{max-width:39px;font-size:10px}.canvas-area>[data-context-toolbar=true],.canvas-area>.brush-controls,.canvas-area>.selection-controls,.canvas-area>.crop-controls{max-width:calc(100% - 16px)}}.tool-group-items{display:grid;grid-template-columns:1fr;justify-items:center;gap:3px}.toolbar.toolbar-double .tool-group{grid-column:1 / -1}.toolbar.toolbar-double .tool-group-items{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar.toolbar-top .tool-group{display:flex;width:auto;align-items:center;gap:8px;padding:4px 10px 4px 8px;border:1px solid #393b34;border-radius:6px;background:#252722}.toolbar.toolbar-top .tool-group h2{width:auto;padding:0;line-height:1;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:#d6d2c7}.toolbar.toolbar-top .tool-group-items{display:flex;flex-wrap:wrap;width:auto;gap:4px}.toolbar.toolbar-double .tool-group{min-width:0}.toolbar.toolbar-double .tool-group-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible}.toolbar.toolbar-double .tool-group-items .tool{width:100%;min-width:0}.toolbar.toolbar-double .tool-group h2{margin:2px 0 3px;color:#c9cac3;font-size:10px;letter-spacing:.04em}.toolbar.toolbar-double .tool-group h2 button{text-align:left}.toolbar.toolbar-double .tool-group .tool{min-height:48px;padding:6px 3px}.toolbar.toolbar-double .tool-group .tool:after{max-width:100%;font-size:10px;line-height:12px}.toolbar.toolbar-double .tool-group .tool.active{box-shadow:inset 3px 0 #f4d3c8}.inspector-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:0;min-height:42px;border-bottom:1px solid #35372f;background:#1d1e1b}.inspector-tabs button{min-width:0;border:0;border-bottom:2px solid transparent;background:transparent;color:#aaa99f;font:800 12px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .16s cubic-bezier(.32,.72,0,1),color .16s cubic-bezier(.32,.72,0,1),border-color .16s cubic-bezier(.32,.72,0,1)}.inspector-tabs button:hover{color:#e9e7df;background:#252722}.inspector-tabs button:focus-visible{outline:2px solid #e9b861;outline-offset:-3px}.inspector-tabs>button:not(.mobile-inspector-close){width:100%}.inspector-tabs button.active{border-bottom-width:3px;border-bottom-color:#e65c3d;color:#f2e7dd;background:#292b26}.inspector-tab-layers>.properties{display:none}.inspector-tab-properties>.panel-heading,.inspector-tab-properties>.layer-filter,.inspector-tab-properties>.layers{display:none}.inspector-tab-properties>.properties{flex:1;border-top:0}.inspector .new-layer-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:116px;overflow-y:auto;overflow-x:hidden;padding:3px}.inspector .new-layer-actions button{display:grid;min-width:0;min-height:28px;place-items:center;padding:4px}.inspector .new-layer-actions button span{overflow:hidden;max-width:100%;text-overflow:ellipsis}.inspector .new-layer-actions .mobile-inspector-close{display:none}.inspector .layer-actions{grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:hidden}@media(max-width:720px){.topbar{gap:5px}.document-tabs{display:none}.actions{flex:1;margin-left:0;overflow:visible}.actions-main{gap:3px}.actions-main button{display:none}.actions-main button:nth-child(2),.actions-main .primary{display:inline-flex}.actions-main .primary{order:-1}.account-trigger{display:none!important}.language-toggle{width:44px;max-width:44px;padding:6px 2px}.more-actions-menu{position:fixed;top:58px;right:8px;left:8px;width:auto;max-height:calc(100vh - 130px);overflow-y:auto}.tool-group h2{display:none}.tool-group{padding-bottom:3px}.tool-group-items{gap:2px}.inspector-tabs .mobile-inspector-close{display:block;width:34px;font-size:17px}.inspector .new-layer-actions{grid-template-columns:repeat(3,minmax(0,1fr));max-height:106px}}.posterize-control{padding:10px 14px;color:#aeb0a7;font-size:11px}.posterize-control label{display:grid;grid-template-columns:1fr auto;padding:0}.posterize-control input{grid-column:1 / -1;width:100%;margin-top:5px;accent-color:#79d2cc}.posterize-control output{color:#79d2cc;font:11px DM Mono,monospace}.brush-presets{flex-basis:100%;display:grid;gap:5px;padding-top:5px;border-top:1px solid #4a4b43}.brush-presets>span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#c9cabf;font-size:10px;font-weight:700}.brush-presets>span>button{border:1px solid #736140;border-radius:4px;background:#3c3424;color:#ecd9a5;padding:4px 6px;font-size:10px}.brush-presets>div{display:flex;max-width:min(480px,70vw);gap:5px;overflow-x:auto}.brush-presets>div>span{display:flex;flex:none}.brush-presets>div button:first-child{display:flex;align-items:center;gap:4px;min-width:0;border:1px solid #53564d;border-radius:4px 0 0 4px;background:#2a2c27;color:#dedfd7;padding:4px 6px;font-size:10px}.brush-presets i{width:12px;height:12px;flex:none;border:1px solid #cacbc1;border-radius:50%}.brush-presets small{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brush-presets .brush-preset-remove{border:1px solid #6e4a42;border-left:0;border-radius:0 4px 4px 0;background:#362725;color:#e39680;padding:2px 6px;font-size:12px}.brush-presets>small{color:#85877f;font-size:10px}.drawing-symmetry{display:flex;align-items:center;gap:4px;padding-left:7px;border-left:1px solid #4a4b43;color:#c9cabf;font-size:10px;white-space:nowrap}.drawing-symmetry button{border:1px solid #50524a;border-radius:4px;background:#292b26;color:#d7d8d0;padding:4px 6px;font-size:10px}.drawing-symmetry button.active{border-color:#e65c3d;background:#4a3028;color:#f6c5b8}.pen-pressure-toggle{gap:4px!important;color:#d6d7cf;font-size:10px;white-space:nowrap}.pen-pressure-toggle input{accent-color:#e65c3d;margin:0}.crop-guide{position:absolute;display:block;pointer-events:none;background:#fff8;box-shadow:0 0 0 1px #17181555}.crop-guide.vertical{top:0;bottom:0;width:1px}.crop-guide.horizontal{left:0;right:0;height:1px}.crop-guide.first.vertical{left:33.333%}.crop-guide.second.vertical{left:66.667%}.crop-guide.first.horizontal{top:33.333%}.crop-guide.second.horizontal{top:66.667%}@media(max-width:720px){.canvas-navigator{right:10px;bottom:48px;transform:scale(.82);transform-origin:right bottom}.canvas-navigator-title{display:none}}.repeat-transform{width:100%;margin:8px 0 0;border:1px solid #48716f;border-radius:4px;background:#243c3b;color:#bfe8df;padding:6px;font-size:10px;font-weight:700}.repeat-transform:hover,.repeat-transform:focus-visible{border-color:#81d2c7;color:#ecfffb;outline:0}.measure-overlay{position:absolute;z-index:7;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.measure-overlay line{stroke:#76d7d1;stroke-width:1.5;vector-effect:non-scaling-stroke}.measure-overlay circle{fill:#1d2521;stroke:#b3f4eb;stroke-width:1.5;vector-effect:non-scaling-stroke}.measure-overlay rect{fill:#192120e8;stroke:#76d7d1;stroke-width:.8;vector-effect:non-scaling-stroke}.measure-overlay text{fill:#e5fff9;font:10px DM Mono,monospace}@media(max-width:720px){.toolbar.toolbar-top .toolbar-layout,.toolbar.toolbar-double .toolbar-layout{display:grid;width:100%;min-width:0;grid-template-columns:1fr}.toolbar.toolbar-top .tool-group,.toolbar.toolbar-double .tool-group{display:grid;width:100%;min-width:0;padding:0 0 3px;border:0;border-bottom:1px solid #393b34}.toolbar.toolbar-top .tool-group-items,.toolbar.toolbar-double .tool-group-items{display:grid;width:100%;min-width:0;grid-template-columns:1fr;justify-items:center;gap:2px}.toolbar.toolbar-top .tool-group h2,.toolbar.toolbar-double .tool-group h2{display:none}.toolbar.toolbar-top .tool-group.collapsed .tool-group-items,.toolbar.toolbar-double .tool-group.collapsed .tool-group-items{display:grid}}.document-tab-dirty,.document-menu-dirty{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#efb75d;box-shadow:0 0 0 1px #171815;vertical-align:middle}.document-menu-dirty{margin-right:6px}.close-document-panel{width:min(440px,calc(100vw - 28px))}.close-document-panel p{margin:0;color:#c9cac2;font-size:13px;line-height:1.55}.close-document-panel small{display:block;margin-top:10px;color:#8f9289;font-size:11px;line-height:1.45}.close-document-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.close-document-actions button{border:1px solid #53564d;border-radius:5px;background:#2d2f2a;color:#e0e1d9;padding:7px 10px;font:700 11px Manrope,sans-serif}.close-document-actions .danger{border-color:#914e43;background:#442a27;color:#ffd4c8}.layer-context-menu{position:fixed;z-index:40;display:grid;min-width:176px;overflow:hidden;border:1px solid #64675e;border-radius:7px;background:#242622;box-shadow:0 18px 44px #000b}.layer-context-menu strong{overflow:hidden;padding:8px 10px;border-bottom:1px solid #44463f;color:#dedfd6;font:700 11px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.layer-context-menu button{border:0;border-bottom:1px solid #393b35;background:transparent;color:#cccec5;padding:7px 10px;text-align:left;font:11px Manrope,sans-serif}.layer-context-menu button:hover,.layer-context-menu button:focus-visible{background:#3a4335;color:#fff;outline:0}.layer-context-menu button.danger{color:#f1ad9b}.layer-context-menu button.danger:hover,.layer-context-menu button.danger:focus-visible{background:#482a27}.recovery-warning{color:#f1ad9b!important;font-weight:800}.layer-create-open>.panel-heading .new-layer-actions{display:grid;grid-template-columns:1fr;max-height:292px;gap:8px;overflow-y:auto;overflow-x:hidden;padding:8px 1px 2px}.layer-create-open>.panel-heading .layer-create-group{display:grid;gap:4px}.layer-create-open>.panel-heading .layer-create-group>strong{color:#9fa49a;font:800 10px Manrope,sans-serif;letter-spacing:.04em;text-transform:uppercase}.layer-create-open>.panel-heading .layer-create-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.layer-create-open>.panel-heading .layer-create-group button{display:grid;min-height:40px;place-items:center;gap:2px;padding:4px 2px}.layer-create-open>.panel-heading .layer-create-group button svg{width:15px;height:15px}.layer-create-open>.panel-heading .layer-create-group button span{max-width:100%;overflow:hidden;color:#ced0c6;font-size:9px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.layer-create-open>.panel-heading .new-layer-actions{max-height:min(42vh,312px)}.layer-create-open>.panel-heading .layer-create-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}}.selected-compatibility{margin:8px 10px;padding:8px 10px;border-radius:6px;display:grid;gap:3px;border:1px solid #4b4e45;background:#292b26}.selected-compatibility strong{font-size:11px;color:#f2e3bd}.selected-compatibility small{font-size:10px;line-height:1.4;color:#b6b9af}.selected-compatibility.compat-editable{border-color:#3d8a61}.selected-compatibility.compat-rasterized{border-color:#a27a2c}.selected-compatibility.compat-preview-only{border-color:#8062b1}.selected-compatibility.compat-unsupported{border-color:#a64a4a}.inspector>.history-inline-modal{position:static;z-index:auto;inset:auto;background:transparent;width:100%;min-height:0;flex:1;padding:0;display:flex;align-items:stretch}.history-panel-inline{width:100%;min-width:0;min-height:0;max-height:none;overflow:auto;border:0;border-radius:0;box-shadow:none;padding:12px}.brand-version{margin-left:5px;color:#c9b98f;font-size:10px;font-weight:600;letter-spacing:.02em;vertical-align:baseline}.brand-cn{font-family:Georgia,Songti SC,serif;font-size:17px;letter-spacing:.12em}.brand-en{margin-left:7px;font-size:14px;font-weight:700;letter-spacing:.08em}.editor{--settings-surface: #1b1d1a;--settings-raised: #292e27;--settings-hover: #3b4236;--settings-text: #dedfd7;--settings-muted: #a9b0a3;--settings-border: #596252;--settings-accent: #e65c3d}.guides-panel{background:var(--settings-surface);color:var(--settings-text);border-color:var(--settings-border)}.guides-panel>div:first-child{color:var(--settings-text)}.guides-panel p,.guides-panel small{color:var(--settings-muted)}.guide-presets{display:flex;flex-wrap:wrap;gap:.375rem}.guide-presets>span{flex-basis:100%;color:var(--settings-muted)}.guides-panel button,.guides-panel>div:first-child button{min-height:1.75rem;padding:.25rem .375rem;border:1px solid var(--settings-border);border-radius:.1875rem;background:var(--settings-raised);color:var(--settings-text);font:inherit;white-space:nowrap}.guides-panel button:not(:disabled):hover{background:var(--settings-hover)}.guides-panel button:disabled,.guides-panel input:disabled{opacity:.5;cursor:not-allowed}.guides-panel :is(button,input):focus-visible{outline:2px solid var(--ui-focus, #fff36b);outline-offset:2px}.guides-panel .guide-list input{background:var(--settings-raised);color:var(--settings-text);border-color:var(--settings-border);font-variant-numeric:tabular-nums}.guides-panel .guide-list,.guides-panel .guide-list label{border-color:var(--settings-border)}@media(max-width:720px){.canvas-area>.guides-panel{position:fixed;inset:5rem .5rem auto;width:auto;max-height:calc(100dvh - 10rem);overflow-y:auto;overscroll-behavior:contain}}.editor.theme-teal{--surface: #1c2833;--panel: #17232d;--panel-raised: #223443;--settings-surface: #17232d;--settings-raised: #223443;--settings-hover: #304959;--settings-text: #e1e9ef;--settings-muted: #b2c3cf;--settings-border: #536f82;background:#1c2833}.editor.high-contrast{--settings-surface: #10120e;--settings-raised: #20271d;--settings-hover: #34412d;--settings-text: #ffffff;--settings-muted: #e0e5da;--settings-border: #9da394;--settings-accent: #fff36b}.editor.theme-teal .topbar,.editor.theme-teal footer{background:#17232d;border-color:#31495a}.editor.theme-teal .toolbar,.editor.theme-teal .inspector{background:#192934;border-color:#31495a}.compat-detail{display:block;margin:3px 0 1px;color:#d8cda9;font-size:11px;line-height:1.4}.import-diagnostics-list>div{align-items:start}.diagnostics-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.diagnostics-actions button{flex:1 1 180px;min-height:36px}@media(max-width:560px){.diagnostics-actions{flex-direction:column}.diagnostics-actions button{flex:1 1 auto;width:100%}}.brush-cursor-ring{position:absolute;z-index:8;pointer-events:none;transform:translate(-50%,-50%);border:1px solid #f5f1e8;border-radius:50%;box-shadow:0 0 0 1px #171815,0 0 4px #0008}.toolbar.hide-tool-labels .tool:after{display:none}.editor-menu{display:flex;align-items:center;gap:2px;margin-left:8px;border-left:1px solid #3d4038;padding-left:8px}.editor-menu button{border:0;background:transparent;color:#c8c6bc;padding:5px 7px;border-radius:4px;font:600 11px/1 Manrope,sans-serif}.editor-menu button:hover,.editor-menu button:focus-visible{background:#34372f;color:#fff7e6}.editor-menu-item{position:relative}.editor-menu-dropdown{position:absolute;z-index:60;top:calc(100% + 5px);left:0;min-width:190px;display:grid;gap:2px;padding:6px;border:1px solid #4a4c43;border-radius:6px;background:#20221e;box-shadow:0 14px 30px #0009}.editor-menu-dropdown{max-height:min(70vh,420px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.editor-menu-dropdown button{width:100%;text-align:left;padding:7px 9px}.editor-menu-dropdown small{padding:8px;color:#97998f;line-height:1.4}@media(max-width:980px){.editor-menu{display:none}}.brush-controls{display:grid;grid-template-columns:repeat(12,minmax(58px,1fr));align-items:center;gap:6px 10px;padding:8px 10px}.brush-controls>select,.brush-controls>input[type=color],.brush-controls>.recent-color-actions{grid-column:span 2}.brush-controls>label{display:grid;grid-template-columns:auto minmax(54px,1fr);align-items:center;gap:5px;min-width:120px;font-size:11px}.brush-controls>label input[type=range]{min-width:0}.brush-controls>output{font:700 10px/1 Manrope,sans-serif;color:#d8d4c9;margin-left:-7px}.brush-controls>.recent-color-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.brush-controls>.recent-color-actions>span:first-child{width:100%;color:#aaa99f;font-size:10px}.brush-controls>.drawing-symmetry,.brush-controls>.brush-presets{grid-column:1 / -1;border-top:1px solid #45473f;padding-top:7px}.brush-controls>.brush-advanced-toggle{grid-column:1 / -1;justify-self:start;border:1px solid #4c4e47;border-radius:5px;background:#292b26;color:#d8d4c9;padding:5px 9px;font:700 10px/1 Manrope,sans-serif}.brush-controls>.brush-advanced-toggle:hover{background:#34372f;color:#fff7e6}.brush-controls>.retouch-settings-toggle{flex:none;border:1px solid #4c4e47;border-radius:.1875rem;background:#292b26;color:#d8d4c9;padding:.375rem .5rem;font:inherit;cursor:pointer}.brush-controls>.retouch-settings-toggle:hover{background:#34372f;color:#fff7e6}.brush-controls>.retouch-settings-toggle[aria-expanded=true]{border-color:#e65c3d}.brush-controls>.retouch-settings-toggle:focus-visible{outline:2px solid #e65c3d;outline-offset:2px}.paint-color-group{display:flex;align-items:center;gap:.5rem;padding-inline-end:.625rem;border-inline-end:1px solid var(--settings-border);max-width:100%}.paint-mode{display:inline-flex;align-items:center;gap:.375rem}.brush-controls>.drawing-symmetry{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.brush-controls>.drawing-symmetry>span,.brush-controls>.brush-presets>span{color:#d7d3c8;font-size:10px;font-weight:700;letter-spacing:.03em}.brush-controls>.brush-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:900px){.brush-controls{grid-template-columns:repeat(6,minmax(70px,1fr))}.brush-controls>select,.brush-controls>input[type=color],.brush-controls>.recent-color-actions{grid-column:span 2}}.workspace.toolbar-single.toolbar-labels-hidden>.toolbar{width:100%;min-width:0;padding-inline:.375rem;gap:.375rem}.workspace.toolbar-single.toolbar-labels-hidden>.toolbar .tool{width:min(3.125rem,calc(var(--toolbar-rail) - .75rem));min-height:2.5625rem}.toolbar-labels-hidden .tool-group h2{display:none}.toolbar-labels-hidden .tool-group{padding-bottom:.35rem}.toolbar-labels-hidden .tool-group-items{gap:.2rem}.toolbar-labels-hidden .tool:after{display:none}.toolbar-labels-hidden .tool{min-height:2.35rem}.toolbar-labels-hidden .active-tool-indicator span{display:none}.toolbar-labels-hidden .active-tool-indicator{justify-content:center;padding-inline:0}@media(min-width:721px){.workspace.toolbar-single.toolbar-labels-hidden{--toolbar-rail: clamp(2.75rem, 4vw, 3.25rem)}.workspace.toolbar-single.toolbar-labels-hidden>.toolbar .tool{width:2.5rem;min-height:2.5rem}.workspace.toolbar-single.toolbar-labels-hidden>.toolbar .tool-icon{width:1.25rem;height:1.25rem}}.color-swatches{position:relative;width:2.75rem;height:2.75rem;margin:.125rem auto .25rem;flex:none}.color-swatches input{position:absolute;width:1.75rem;height:1.75rem;padding:0;border:1px solid #a7aa9f;border-radius:.2rem;background:#1b1d1a;cursor:pointer}.color-swatches .foreground-swatch{z-index:2;top:0;left:0}.color-swatches .background-swatch{z-index:1;right:0;bottom:0}.color-swatches button{position:absolute;z-index:3;right:-.1rem;top:-.2rem;width:1rem;height:1rem;padding:0;border:0;background:transparent;color:#aeb4a9;font-size:.72rem;line-height:1}.color-swatches .reset-colors{right:-.1rem;top:1.85rem}.color-swatches button:hover{color:#f0f1e9}@media(max-width:720px){.color-swatches{transform:scale(.88);transform-origin:top center;margin-bottom:-.15rem}}.selection-controls,.crop-controls{max-width:min(860px,calc(100% - 28px));max-height:min(34vh,300px);overflow:auto;overscroll-behavior:contain;flex-wrap:wrap}.brush-controls,.selection-controls,.crop-controls{touch-action:pan-y}.workspace.toolbar-top .canvas-area>.brush-controls,.workspace.toolbar-top .canvas-area>.selection-controls,.workspace.toolbar-top .canvas-area>.crop-controls{position:sticky;top:0;left:auto;margin:0 auto 8px;width:min(860px,calc(100% - 24px));max-width:calc(100% - 24px);z-index:4}.toolbar{width:64px;padding:10px 7px;gap:10px;background:#1b1d1a;border-right-color:#30342e;scrollbar-width:thin;scrollbar-color:#596057 transparent}.toolbar .tool-group{gap:5px;padding-bottom:9px;border-bottom-color:#30342e}.toolbar .tool-group h2{padding:0 4px;color:#858b81;font-size:9px;letter-spacing:.11em}.toolbar .tool-group:has(.tool.active) h2{color:#e8c27a}.toolbar .tool-group-items{gap:4px}.toolbar .tool{width:50px;min-height:54px;padding:7px 3px;border-radius:8px;gap:5px;color:#aeb4aa;transition:background-color .26s cubic-bezier(.32,.72,0,1),color .26s cubic-bezier(.32,.72,0,1),transform .26s cubic-bezier(.32,.72,0,1)}.toolbar .tool:hover{color:#f4f1e8;transform:translateY(-1px)}.toolbar .tool:active{transform:translateY(0) scale(.97)}.toolbar .tool .tool-icon{width:21px;height:21px}.toolbar .tool:after{max-width:46px;color:currentColor;font-size:11px;line-height:13px}.toolbar .tool.active{background:#3a3029;color:#f6d9c8;box-shadow:inset 0 0 0 1px #6c493d}.toolbar .tool.active:before{left:-7px;width:3px;background:#e65c3d}.toolbar.hide-tool-labels .tool{min-height:42px}.brush-controls,.selection-controls,.crop-controls{border:1px solid #3d443b;border-radius:10px;background:#20241fef;box-shadow:0 12px 30px #0005,inset 0 1px #ffffff0d;gap:10px;padding:10px 12px}.brush-controls>strong,.selection-controls>strong,.crop-controls>strong{color:#f0d59f;letter-spacing:.02em}.brush-controls label,.selection-controls label,.crop-controls label{white-space:nowrap}.brush-controls input[type=range]{width:92px}.brush-controls output{min-width:42px;text-align:right}@media(max-width:720px){.toolbar{width:52px;padding:7px 5px;gap:7px}.toolbar .tool{width:42px;min-height:46px;padding:5px 2px}.toolbar .tool .tool-icon{width:19px;height:19px}.toolbar .tool:after{max-width:39px;font-size:10px}}@media(min-width:721px){.canvas-area>.brush-controls,.canvas-area>.selection-controls,.canvas-area>.crop-controls,.canvas-area>.gradient-controls,.canvas-area>.retouch-controls{position:sticky;top:0;left:auto;width:min(900px,calc(100% - 28px));max-width:calc(100% - 28px);margin:0 auto 8px;z-index:4}}@media(max-width:720px){.canvas-area>.brush-controls,.canvas-area>.selection-controls,.canvas-area>.crop-controls,.canvas-area>.gradient-controls,.canvas-area>.retouch-controls{position:fixed;inset:auto 8px 42px 60px;width:auto;max-width:none;max-height:min(42vh,330px);overflow-y:auto;margin:0;z-index:24}}.inspector{background:#1b1d1a;border-left-color:#30342e}.inspector-tabs{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));min-height:46px;padding:0 38px 0 0;background:#171916;border-bottom-color:#30342e}.inspector-tabs>button:not(.mobile-inspector-close){width:100%;min-height:46px;padding:0 8px;color:#8f968b;font-size:11px;letter-spacing:.03em}.inspector-tabs>button:not(.mobile-inspector-close):hover{background:#252a24;color:#f1eee5}.inspector-tabs>button:not(.mobile-inspector-close).active{border-bottom:2px solid #e65c3d;background:#252a24;color:#f5d7c9}.inspector-tabs .mobile-inspector-close{position:absolute;top:8px;right:8px;width:28px;min-height:30px;border:1px solid #3d443b;border-radius:6px;background:#222620;color:#adb4a9}.inspector-tabs .mobile-inspector-close:hover{color:#fff7e6;background:#343a32}.inspector>.panel-heading{min-height:42px;padding:10px 14px;background:#20241f;border-bottom-color:#30342e;letter-spacing:.02em}.inspector>.layers{background:#191c19}.inspector>.properties{background:#191c19;border-top-color:#30342e}.inspector .layer{min-height:46px;border-bottom-color:#2b302b}.inspector .layer.selected{background:#344337;box-shadow:inset 3px 0 #e65c3d}.inspector .properties label{padding-top:13px}.inspector .properties input,.inspector .properties textarea,.inspector .properties select{border-color:#3d443b;background:#222620}.inspector-tabs+.selected-compatibility{margin:10px 12px;border-radius:8px}.inspector{min-width:260px;max-width:42vw;resize:horizontal;overflow-x:hidden}.inspector:after{content:"";position:absolute;top:42%;left:-3px;width:3px;height:56px;border-radius:3px;background:#596057;opacity:.7;pointer-events:none}.topbar{min-height:58px;padding:0 20px;gap:16px;background:#171916;border-bottom-color:#30342e}.brand{min-width:112px;color:#f4f0e6}.brand:hover{color:#fff7e6}.document-name{max-width:180px;color:#8f968b;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-menu{gap:1px;margin-left:2px;padding-left:12px;border-left-color:#30342e}.editor-menu button{min-height:32px;padding:6px 9px;border-radius:6px;color:#aeb4aa;font-size:11px;transition:background-color .26s cubic-bezier(.32,.72,0,1),color .26s cubic-bezier(.32,.72,0,1)}.editor-menu button:hover,.editor-menu button:focus-visible,.editor-menu-item:has(.editor-menu-dropdown)>button{background:#292e28;color:#f5f1e8}.editor-menu-dropdown{top:calc(100% + 8px);min-width:214px;gap:3px;padding:7px;border:1px solid #3d443b;border-radius:9px;background:#1e221e;box-shadow:0 18px 44px #0008,inset 0 1px #ffffff0b}.editor-menu-dropdown button{min-height:30px;padding:7px 10px;text-align:left}.actions{gap:6px}.actions button{min-height:32px;border-color:#3d443b;border-radius:7px;padding:7px 11px;transition:background-color .26s cubic-bezier(.32,.72,0,1),color .26s cubic-bezier(.32,.72,0,1),transform .26s cubic-bezier(.32,.72,0,1)}.actions button:hover:not(:disabled){background:#30362f;transform:translateY(-1px)}.actions button:active:not(:disabled){transform:scale(.97)}.actions .primary{min-width:66px;background:#e65c3d;border-color:#e65c3d;color:#171815}.actions .primary:hover:not(:disabled){background:#f47758}.more-actions-menu{top:calc(100% + 8px);min-width:220px;padding:8px;border:1px solid #3d443b;border-radius:9px;background:#1e221e;box-shadow:0 18px 44px #0008}.more-actions-menu strong{display:block;padding:7px 9px 4px;color:#d9c28c;font-size:10px;letter-spacing:.08em}@media(max-width:980px){.topbar{padding:0 14px;gap:10px}.document-name{display:none}}@media(max-width:720px){.inspector{min-width:0;max-width:none;resize:none}.inspector:after{display:none}}@media(min-width:721px){.toolbar:not(.toolbar-top) .tool-group.collapsed{position:relative}.toolbar:not(.toolbar-top) .tool-group.collapsed:hover .tool-group-items,.toolbar:not(.toolbar-top) .tool-group.collapsed:focus-within .tool-group-items{position:absolute;z-index:12;top:-6px;left:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,50px);gap:4px;width:104px;padding:8px;border:1px solid #4b5449;border-radius:9px;background:#20241f;box-shadow:0 14px 32px #0008,inset 0 1px #ffffff0b}.toolbar:not(.toolbar-top) .tool-group.collapsed:hover .tool-group-items:before,.toolbar:not(.toolbar-top) .tool-group.collapsed:focus-within .tool-group-items:before{content:"";position:absolute;top:12px;left:-6px;width:10px;height:10px;transform:rotate(45deg);border-left:1px solid #4b5449;border-bottom:1px solid #4b5449;background:#20241f}.toolbar:not(.toolbar-top) .tool-group.collapsed:hover .tool,.toolbar:not(.toolbar-top) .tool-group.collapsed:focus-within .tool{width:50px;min-height:54px}.toolbar:not(.toolbar-top) .tool-group.collapsed>h2:after{content:"›";position:absolute;right:3px;top:28px;color:#8f968b;font:700 14px/1 Manrope,sans-serif}.toolbar:not(.toolbar-top) .tool-group:has(.tool.active)>h2:after{color:#e9b861}}.editor button:disabled,.editor select:disabled,.editor input:disabled,.editor textarea:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.55)}.editor button:focus-visible,.editor select:focus-visible,.editor input:focus-visible,.editor textarea:focus-visible{outline:2px solid #e9b861;outline-offset:2px}@media(max-width:720px){.editor{grid-template-rows:5.5rem minmax(0,1fr) 26px}.editor>.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:2rem 2.75rem;gap:0 .5rem;padding:.25rem .5rem}.topbar>.brand{grid-column:1;grid-row:1;justify-self:start}.topbar>.document-menu-wrap{grid-column:2;grid-row:1}.topbar>.actions{grid-column:1 / -1;grid-row:2;width:100%;margin-inline:0;gap:.375rem}.topbar .actions-main{flex:none}.topbar .language-toggle{margin-inline-start:auto;flex:none}.topbar .more-actions-menu{top:5.5rem}.mobile-tool-dock{left:auto;right:auto;inset-inline-start:calc(clamp(3.25rem,14vw,3.75rem) + .25rem);inset-inline-end:.5rem}}.tool[aria-pressed=true]{position:relative}.tool[aria-pressed=true]:after{font-weight:800}.editor-menu-dropdown small,.more-actions-menu strong{-webkit-user-select:none;user-select:none}.canvas-controls button,.guides-trigger,.resize-trigger{transition:background-color .26s cubic-bezier(.32,.72,0,1),color .26s cubic-bezier(.32,.72,0,1),transform .26s cubic-bezier(.32,.72,0,1)}.canvas-controls button:hover:not(:disabled),.guides-trigger:hover:not(:disabled),.resize-trigger:hover:not(:disabled){background:#30362f;color:#fff7e6}.canvas-controls button:active:not(:disabled),.guides-trigger:active:not(:disabled),.resize-trigger:active:not(:disabled){transform:scale(.97)}@media(prefers-reduced-motion:reduce){.editor *,.editor *:before,.editor *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(min-width:721px)and (max-width:1180px){.topbar{padding-inline:12px;gap:8px}.brand{min-width:94px}.brand-cn{font-size:15px}.brand-en{font-size:12px}.editor-menu{margin-left:0;padding-left:6px}.editor-menu button{padding-inline:6px;font-size:10px}.actions button{padding-inline:8px}.service-ad-header{display:none}}.active-tool-indicator{display:flex;align-items:center;gap:6px;min-height:30px;margin:0 2px 2px;padding:0 5px;color:#d9c28c;font-size:10px;font-weight:700;white-space:nowrap}.active-tool-indicator .tool-icon{width:17px;height:17px;color:#e65c3d}.toolbar.toolbar-top .active-tool-indicator{min-width:92px;margin:0 4px 0 0;padding-right:10px;border-right:1px solid #30342e}@media(max-width:720px){.active-tool-indicator{justify-content:center;min-height:24px;padding:0}.active-tool-indicator span{display:none}.active-tool-indicator .tool-icon{width:18px;height:18px}}.canvas-controls button[aria-label=缩小画布]:after{content:"缩小";margin-left:.28rem;font-size:.78rem;white-space:nowrap}.canvas-controls button[aria-label="Zoom out"]:after{content:"Zoom out";margin-left:.28rem;font-size:.78rem;white-space:nowrap}@media(min-width:721px){.workspace .canvas-area{position:relative;min-height:0;display:block}.workspace .canvas-area>.canvas-scroll{position:absolute;inset:7rem 0 0;height:auto;width:100%}.workspace .canvas-area>[data-context-toolbar=true]{position:absolute;inset:0 0 auto;width:100%;max-width:100%;max-height:7rem;margin:0;border-radius:0;box-shadow:none;overflow:auto}.workspace .canvas-area>.selection-mode{top:0;left:0;right:0;max-width:100%}.workspace .canvas-area>.selection-controls{top:3rem;max-height:4rem}}.canvas-frame>.ruler-top{top:-17px}.canvas-frame>.ruler-left{left:-17px}.brush-advanced-panel{position:fixed;z-index:30;inset:5rem 0 1.75rem auto;width:var(--brush-panel-width, 18rem);max-width:100vw;overflow:auto;background:var(--settings-surface);color:var(--settings-text);border-inline-start:1px solid var(--settings-border);box-shadow:-.25rem 0 1rem #0003;padding:.875rem;font-size:.8125rem;scrollbar-width:thin}.brush-advanced-panel header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.brush-advanced-panel header button{min-width:2rem;min-height:2rem}.brush-advanced-panel p{color:var(--settings-muted);line-height:1.5;margin:.5rem 0 1rem}.brush-advanced-sections{display:grid;gap:1rem}.brush-advanced-panel fieldset{min-width:0;margin:0;border:0;border-top:1px solid var(--settings-border);padding:.75rem 0 0}.brush-advanced-panel legend{padding-inline-end:.5rem;color:var(--settings-text);font-weight:600}.brush-advanced-panel .local-adjust-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;width:100%}.brush-advanced-panel .local-adjust-controls label{color:var(--settings-text);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.375rem;width:auto;min-width:0}.brush-advanced-panel .local-adjust-controls input{grid-column:1 / -1;width:100%;min-width:0;accent-color:var(--settings-accent)}.brush-advanced-panel .local-adjust-controls output{font:inherit;font-variant-numeric:tabular-nums;text-align:end;color:inherit}.brush-advanced-fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.875rem .5rem;align-items:center}.brush-advanced-fields label{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.25rem}.brush-advanced-fields input{width:100%;min-width:0;accent-color:var(--settings-accent)}.brush-advanced-fields output{min-width:2.75rem;text-align:end;font-variant-numeric:tabular-nums}.brush-advanced-panel .pen-pressure-toggle{display:flex;align-items:center;gap:.5rem;margin-block:.5rem;font-size:.8125rem}.brush-advanced-panel :is(.drawing-symmetry,.brush-presets,.brush-presets>div){display:flex;flex-wrap:wrap;gap:.375rem}.brush-advanced-panel .drawing-symmetry>span{display:none}.brush-advanced-panel button{color:inherit;background:var(--settings-raised);border:1px solid var(--settings-border);border-radius:.1875rem;padding:.375rem .5rem}.brush-advanced-panel button:hover{background:var(--settings-hover)}.brush-advanced-panel button[aria-pressed=true]{border-color:var(--settings-accent);background:var(--settings-hover)}.brush-advanced-panel :is(button,input):focus-visible{outline:2px solid var(--settings-accent);outline-offset:2px}@media(max-width:980px){.brush-advanced-panel{inset:auto .5rem 3rem;width:auto;max-height:60dvh;border:1px solid var(--settings-border);border-radius:.375rem}}@media(max-width:720px){.workspace .canvas-area>[data-context-toolbar=true],.brush-advanced-panel{bottom:calc(6rem + env(safe-area-inset-bottom,0px))}}.workspace [data-context-toolbar=true]{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:.375rem .625rem;overflow-x:hidden;padding:.5rem .625rem;scrollbar-width:thin}[data-context-toolbar=true] .context-parameter{display:inline-flex;align-items:center;flex:0 1 auto;gap:.375rem;max-width:100%;min-height:1.875rem}[data-context-toolbar=true] .context-tool-group{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;min-width:0;max-width:100%;padding-inline-end:.625rem;border-inline-end:1px solid #ffffff26}[data-context-toolbar=true] .context-tool-group-label{flex:none;font-size:.6875rem;color:#aaa;white-space:nowrap}[data-context-toolbar=true] .context-tool-group:last-child{border-inline-end:0}@media(max-width:720px){[data-context-toolbar=true] .context-tool-group{width:100%;border-inline-end:0;padding-inline-end:0;padding-block-end:.375rem;border-bottom:1px solid #ffffff26}}[data-context-toolbar=true] .context-parameter label{display:inline-flex;align-items:center;gap:.375rem;min-width:0;font-size:.75rem;white-space:nowrap}[data-context-toolbar=true] .context-parameter input[type=range]{width:5rem;min-width:2rem;flex-shrink:1}[data-context-toolbar=true] .context-parameter output{flex:0 0 auto;min-width:3.25rem;text-align:end;font-size:.75rem;font-variant-numeric:tabular-nums}[data-context-toolbar=true] :is(button,input,select):focus-visible{outline:2px solid #e65c3d;outline-offset:2px}@media(min-width:721px)and (max-width:980px){.editor{grid-template-rows:auto minmax(0,1fr) 1.75rem}.editor>.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.25rem .5rem;padding:.25rem .5rem}.topbar>.brand{grid-column:1;grid-row:1}.topbar>.document-tabs{grid-column:2;grid-row:1;max-width:none}.topbar>.document-menu-wrap{grid-column:3;grid-row:1}.topbar>.actions{grid-column:1 / -1;grid-row:2;margin:0;flex-wrap:wrap}.topbar .actions-main{flex-wrap:wrap;max-width:100%}.topbar .actions button{white-space:nowrap}.topbar .language-toggle{margin-inline-start:auto}}@media(min-width:981px){.editor{grid-template-rows:5rem minmax(0,1fr) 1.75rem}.editor>.topbar{display:grid;grid-template-columns:7rem minmax(0,1fr) 1.75rem auto;grid-template-rows:2rem 2.25rem;gap:.125rem .5rem;min-height:0;padding:.25rem .75rem}.topbar>.brand{grid-column:1;grid-row:1;min-width:0;white-space:nowrap}.topbar>.editor-menu{grid-column:2 / -1;grid-row:1;display:flex;min-width:0}.topbar .editor-menu-item{flex:none}.topbar .editor-menu button{white-space:nowrap;font-size:.75rem;min-height:1.75rem}.topbar>.document-tabs{grid-column:1 / 3;grid-row:2;max-width:none}.topbar>.document-menu-wrap{grid-column:3;grid-row:2}.topbar>.actions{grid-column:4;grid-row:2;margin:0}.topbar .actions button{white-space:nowrap;padding:.25rem .5rem;min-height:1.75rem;border-radius:.1875rem}.topbar>.service-ad-header{display:none}}.workspace{--tool-size: 2rem;--tool-gap: .125rem;--tool-inset: .25rem}.workspace>.toolbar .tool{width:100%;min-width:0;min-height:var(--tool-size);margin:0;padding:.25rem;gap:.125rem;border-radius:.1875rem;transition:background-color .1s,color .1s}.workspace>.toolbar .tool:hover,.workspace>.toolbar .tool:active{transform:none}.workspace>.toolbar .tool.active{box-shadow:none}.workspace>.toolbar .tool.active:before{display:none}.workspace>.toolbar .tool .tool-icon,.tool-icon-wrap{display:block;width:1.25rem;height:1.25rem;flex:none}.workspace>.toolbar .tool-group-items{gap:var(--tool-gap)}.workspace>.toolbar .tool-group{padding-bottom:.25rem;gap:.125rem}.workspace>.toolbar.show-tool-labels .tool{min-height:2.75rem}.workspace>.toolbar.show-tool-labels .tool:after{font-size:.6875rem;line-height:1.2;max-width:100%}@media(min-width:721px){.workspace.toolbar-single.toolbar-labels-hidden{--toolbar-rail: 2.75rem}.workspace.toolbar-single.toolbar-labels-visible{--toolbar-rail: 9.5rem}.workspace.toolbar-double.toolbar-labels-visible{--toolbar-rail: 13rem}.workspace.toolbar-labels-visible:not(.toolbar-top)>.toolbar{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;padding-inline:.375rem}.workspace.toolbar-labels-visible>.toolbar .toolbar-layout{display:flex;flex:none;width:100%;min-width:0}.workspace.toolbar-labels-visible>.toolbar .toolbar-layout select{flex:1;min-width:0}.workspace.toolbar-labels-visible>.toolbar .toolbar-layout button{flex:none}.workspace.toolbar-labels-visible>.toolbar .active-tool-indicator{min-width:0;overflow:hidden}.workspace.toolbar-labels-visible>.toolbar .active-tool-indicator span{overflow:hidden;text-overflow:ellipsis}.workspace.toolbar-labels-visible>.toolbar .tool-group h2{font-size:.6875rem;letter-spacing:0}.workspace.toolbar-labels-visible>.toolbar .tool-group h2 button:after{margin-inline-start:.5rem}.workspace.toolbar-labels-visible>.toolbar .tool-group.collapsed>h2:after{content:none}.workspace.toolbar-labels-visible>.toolbar .tool-group.collapsed .tool-group-items{display:none}.workspace.toolbar-single.toolbar-labels-visible>.toolbar .tool{flex-direction:row;justify-content:flex-start;min-height:2rem;padding:.25rem .5rem;gap:.5rem}.workspace.toolbar-single.toolbar-labels-visible>.toolbar .tool:after{flex:1;min-width:0;text-align:start;font-weight:500}.workspace.toolbar-double.toolbar-labels-visible>.toolbar .tool{width:100%}.workspace.toolbar-double.toolbar-labels-visible>.toolbar .tool:after{max-width:100%;font-weight:500}.workspace.toolbar-double.toolbar-labels-hidden{--toolbar-rail: 4.75rem}.workspace.toolbar-single.toolbar-labels-hidden>.toolbar,.workspace.toolbar-double.toolbar-labels-hidden>.toolbar{width:100%;min-width:0;padding-inline:var(--tool-inset);gap:.25rem}.workspace.toolbar-single.toolbar-labels-hidden>.toolbar .tool,.workspace.toolbar-double.toolbar-labels-hidden>.toolbar .tool{width:100%;min-height:var(--tool-size)}.workspace.toolbar-labels-hidden .active-tool-indicator{display:none}.workspace.toolbar-single.toolbar-labels-hidden .color-swatches{width:2.125rem;height:2.5rem}.workspace.toolbar-single.toolbar-labels-hidden .color-swatches input{width:1.5rem;height:1.5rem}.workspace.toolbar-top>.toolbar .tool-group{flex:0 1 auto;min-width:0;max-width:100%;padding:.125rem .5rem;border:0;border-inline-start:1px solid var(--settings-border);border-radius:0;background:transparent}.workspace.toolbar-top>.toolbar .tool-group-items{display:flex;flex-wrap:wrap;width:auto;min-width:0}.workspace.toolbar-top>.toolbar .tool{flex:none;width:var(--tool-size);min-height:var(--tool-size)}.workspace.toolbar-top>.toolbar.show-tool-labels .tool{width:max-content;min-width:4.5rem;max-width:12rem;min-height:2.75rem;padding-inline:.5rem}.workspace.toolbar-top>.toolbar.show-tool-labels .tool:after{max-width:100%;font-weight:500}.workspace.toolbar-top.toolbar-labels-visible>.toolbar .toolbar-layout{width:auto}.workspace.toolbar-top>.toolbar .color-swatches{margin:.125rem .5rem}}.transform-confirm-controls{position:absolute;top:3.5rem;left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--panel, #292929);color:var(--text, #eee);border:1px solid var(--border, #555);border-radius:.25rem;white-space:nowrap;font-size:.75rem}.transform-confirm-controls button{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .5rem;border:1px solid #65665e;border-radius:.2rem;color:inherit;background:var(--panel-raised, #35362f);font:inherit;cursor:pointer}.transform-confirm-controls button:hover{background:#4a4b42}.transform-confirm-controls button:focus-visible{outline:2px solid #e65c3d;outline-offset:2px}.transform-confirm-controls kbd{font:inherit;opacity:.65}.tool-family-menu{position:fixed;z-index:120;width:14rem;max-width:calc(100vw - .5rem);max-height:calc(100dvh - .5rem);overflow-y:auto;padding:.25rem;border:1px solid var(--settings-border);border-radius:.2rem;background:var(--settings-raised);color:var(--settings-text);box-shadow:0 .3rem 1rem #0005}.workspace>.toolbar .toolbar-drag-handle{display:grid;place-items:center;flex:none;width:100%;min-height:1rem;padding:.125rem;border:0;border-radius:.125rem;background:transparent;color:var(--settings-muted);cursor:grab}.toolbar-drag-handle svg{width:1.5rem;height:.5rem;fill:none;stroke:currentColor;stroke-width:1}.workspace>.toolbar .toolbar-drag-handle:hover{background:var(--settings-hover);color:var(--settings-text)}.workspace>.toolbar .toolbar-drag-handle:active{cursor:grabbing}.workspace>.toolbar .toolbar-drag-handle:focus-visible{outline:1px solid var(--settings-accent);outline-offset:-1px}.workspace.toolbar-top>.toolbar .toolbar-drag-handle{width:1.5rem}.tool-family-menu>button{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.5rem;width:100%;min-height:2rem;padding:.3rem .5rem;border:0;border-radius:.1rem;background:transparent;color:inherit;font:inherit;font-size:.8rem;text-align:start;white-space:nowrap;cursor:pointer}.tool-family-menu svg{display:block;width:1.125rem;height:1.125rem}.tool-family-menu button[aria-checked=true]{background:var(--settings-hover)}.tool-family-menu button:hover,.tool-family-menu button:focus-visible{background:var(--settings-hover);outline:1px solid var(--settings-accent);outline-offset:-1px}.tool-family-menu kbd{color:var(--settings-muted);font:inherit;font-size:.7rem}.tool-family-trigger{position:absolute;inset-inline-end:0;bottom:0;width:.8rem;height:.8rem;cursor:pointer;border-radius:2px}.tool-family-trigger:hover{background:color-mix(in srgb,currentColor 18%,transparent)}.tool-family-trigger:after{content:"";position:absolute;inset-inline-end:.15rem;bottom:.15rem;border-inline-start:.2rem solid transparent;border-bottom:.2rem solid currentColor;opacity:.7}.psd-import-preview{position:fixed;z-index:45;right:1rem;bottom:3.5rem;display:grid;gap:.5rem;width:15rem;max-width:calc(100vw - 2rem);padding:.75rem;color:var(--settings-text);background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:.35rem;pointer-events:none}.canvas-area>.adjust-panel,.workspace.toolbar-top .canvas-area>.adjust-panel,.canvas-area>.export-panel,.canvas-area>.layer-export-panel{z-index:26;max-height:calc(100% - 28px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:720px){.inspector{bottom:100px;height:min(470px,calc(100% - 116px));transform:translateY(calc(100% + 116px))}.inspector:not(.mobile-open){display:none}.inspector.mobile-open{transform:translateY(0)}}@media(max-width:720px),(max-height:500px){.workspace .canvas-area:has(>[data-context-toolbar=true]):not(:has(>.selection-mode)){display:flex;flex-direction:column;min-height:0;overflow:hidden}.workspace .canvas-area:not(:has(>.selection-mode))>[data-context-toolbar=true]{position:relative;inset:auto;order:0;flex:none;z-index:4;width:100%;max-width:100%;box-sizing:border-box;margin:0;max-height:min(30dvh,16rem);overflow-y:auto;overscroll-behavior:contain;border-radius:0;box-shadow:none}.workspace .canvas-area:has(>[data-context-toolbar=true]):not(:has(>.selection-mode))>.canvas-scroll{position:relative;inset:auto;order:1;flex:1;min-height:0;height:auto;width:100%}}@media(max-width:720px),(max-height:500px){.workspace .canvas-area:has(>.selection-mode){display:flex;flex-direction:column;min-height:0;overflow:hidden}.workspace .canvas-area:has(>.selection-mode)>.selection-mode,.workspace .canvas-area:has(>.selection-mode)>.selection-controls{position:relative;inset:auto;order:0;flex:none;box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:.5rem;gap:.375rem;max-height:min(28vh,13rem);overflow-x:hidden;overflow-y:auto;border-radius:0;box-shadow:none;font-size:.75rem}.workspace .canvas-area:has(>.selection-mode)>.selection-controls{order:1;max-height:min(20vh,9rem)}.workspace .canvas-area:has(>.selection-mode)>.canvas-scroll{position:relative;inset:auto;order:2;flex:1;min-height:0;height:auto;width:100%}.selection-mode{align-items:center}.selection-mode label{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;min-width:0;max-width:100%}.selection-mode input[type=range]{width:7rem;min-width:0;max-width:100%;margin:0}.selection-mode input[type=number]{width:5rem;min-width:0}.selection-mode select,.selection-mode input[type=number]{min-height:1.875rem;max-width:100%;border:1px solid var(--settings-border);border-radius:.2rem;background:var(--settings-surface);color:var(--settings-text);font:inherit}.selection-mode output{white-space:nowrap;font-variant-numeric:tabular-nums}.selection-mode button,.selection-controls button{min-height:1.875rem;max-width:100%;white-space:normal}.selection-controls .selection-transform{display:flex;flex-wrap:wrap;width:100%;min-width:0;max-width:100%;gap:.375rem}.selection-controls .selection-transform>span{flex-basis:100%}.selection-controls .selection-transform label{flex:1 1 5.5rem;min-width:0}.selection-controls .selection-transform input{min-width:0;width:100%}}.psd-import-preview canvas{display:block;width:100%;max-height:10rem;object-fit:contain}.psd-import-preview small{font-size:.75rem;line-height:1.4}.canvas-controls .canvas-view-toggle{display:none}.canvas-view-extra{display:contents}@media(max-width:720px){.workspace .canvas-area>.canvas-controls{position:fixed;inset:auto .5rem 6.25rem calc(clamp(3.25rem,14vw,3.75rem) + .25rem);display:flex;flex-wrap:nowrap;justify-content:space-between;gap:.125rem;padding:.25rem;border:1px solid var(--settings-border);z-index:9}.canvas-controls button{flex:none;min-height:2rem;font-size:.75rem}.canvas-controls button[aria-label]:after{content:none}.canvas-controls .resize-trigger{padding-inline:.25rem}.canvas-controls .canvas-view-toggle{display:inline-block;width:auto;padding-inline:.375rem}.canvas-controls .canvas-view-extra{display:none}.canvas-controls .canvas-view-extra.expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;position:absolute;inset:auto 0 calc(100% + .375rem);max-height:min(40dvh,16rem);padding:.5rem;overflow-y:auto;overscroll-behavior:contain;background:var(--settings-surface);border:1px solid var(--settings-border);border-radius:.25rem}.canvas-view-extra .resize-trigger{width:100%;min-width:0;border:0;white-space:normal}.workspace .canvas-area .canvas-navigator{position:fixed;right:.5rem;bottom:9.25rem;transform:scale(.65)}}@media(max-width:720px){.psd-import-preview{bottom:6rem;width:10rem}.psd-import-preview canvas{max-height:6rem}}.text-psd-export-review{margin-top:8px;font-size:12px}.text-psd-export-review summary{cursor:pointer}.workspace>.inspector{position:relative;resize:none;width:clamp(282px,20vw,336px)}.inspector-resize-handle{position:absolute;z-index:12;inset:0 auto 0 0;width:.375rem;cursor:col-resize;touch-action:none}.inspector-resize-handle:hover,.inspector-resize-handle:focus-visible{background:var(--settings-accent)}[dir=rtl] .inspector-resize-handle{inset:0 0 0 auto}.workspace.inspector-collapsed>.inspector{display:none}@media(min-width:721px){.editor .workspace:not(.toolbar-top){grid-template-columns:var(--toolbar-rail) minmax(0,1fr) auto}.workspace.toolbar-top{grid-template-columns:minmax(0,1fr) auto}.workspace.inspector-collapsed:not(.toolbar-top){grid-template-columns:var(--toolbar-rail) minmax(0,1fr)}.workspace.inspector-collapsed.toolbar-top{grid-template-columns:minmax(0,1fr)}.workspace .canvas-area>.canvas-scroll{bottom:2.5rem}}.workspace .canvas-area>.canvas-controls{inset:auto 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.25rem .5rem;min-height:2.25rem;border-radius:0;background:var(--settings-surface);box-shadow:none}.canvas-controls button[aria-label]:after{content:none}.canvas-controls .canvas-view-toggle{display:inline-block}.canvas-controls :is(.canvas-view-toggle,.inspector-toggle,.focus-view-toggle){width:auto;min-height:1.75rem;padding:.25rem .5rem;white-space:nowrap;font-size:.75rem}.canvas-scroll:focus{outline:none}.canvas-controls .canvas-view-extra{display:none}.canvas-controls .canvas-view-extra.expanded{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;position:absolute;inset:auto .5rem calc(100% + .25rem) auto;width:min(24rem,calc(100% - 1rem));max-height:45dvh;overflow:auto;padding:.5rem;background:var(--settings-surface);border:1px solid var(--settings-border)}.editor.workspace-view-interface-hidden .workspace,.editor.workspace-view-panels-hidden .workspace{grid-template-columns:minmax(0,1fr)}.editor.workspace-view-interface-hidden .canvas-area>:is([data-context-toolbar],.selection-mode,.selection-controls){display:none}.editor.workspace-view-interface-hidden .canvas-area>.canvas-scroll{inset:0 0 2.5rem}.editor.workspace-view-interface-hidden .workspace{grid-template-rows:minmax(0,1fr)}.editor.workspace-view-interface-hidden .workspace>.canvas-area{grid-row:1}.workspace-view-hint{bottom:3rem}.editor>footer :is(.memory-badge,.clear-history,.runtime-badge,.service-ad-footer){display:none}@media(max-width:720px){.workspace>.inspector{position:absolute;width:min(360px,calc(100vw - 64px))!important}.inspector-resize-handle,.canvas-controls .inspector-toggle{display:none}.workspace .canvas-area>.canvas-controls{position:fixed;inset:auto .5rem 6.25rem calc(clamp(3.25rem,14vw,3.75rem) + .25rem)}.editor.workspace-view-interface-hidden .mobile-tool-dock{display:none}.editor.workspace-view-interface-hidden .canvas-area>.canvas-controls{inset:auto 0 0}}.text-psd-export-review p{line-height:1.5}.text-psd-export-review ul{max-height:240px;overflow-y:auto;padding:0;list-style:none}.text-psd-export-review li{display:grid;gap:4px;padding:8px 0;border-bottom:1px solid #7775;overflow-wrap:anywhere}.editor :where(.export-panel,.layer-export-panel,.new-document-panel,.resize-panel,.adjust-panel,.canvas-resize-panel) button:not(:where(.resize-title button)){font-size:.8125rem;line-height:1.4;min-height:2.125rem}.editor :where(.new-document-panel) button.primary{background:#e65c3d;color:#171815;border-color:#e65c3d}.editor .export-panel,.editor .layer-export-panel{font-size:.8125rem;color:var(--settings-text);background:var(--settings-surface)}.export-panel .export-contract-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.export-contract-actions button{padding:.625rem .75rem;text-align:start;font-weight:600}.export-panel .export-preset-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.export-panel .export-preset-actions>span:first-child{flex:1 1 auto}.export-panel .export-preset-actions>span:not(:first-child){display:inline-flex;max-width:100%}.export-panel .export-preset-actions button{overflow-wrap:anywhere;min-width:0}.export-panel :where(input:not([type=range]):not([type=color]),select){color:var(--settings-text);background:var(--settings-raised);border:1px solid var(--settings-border);padding:.375rem;font-size:.8125rem;min-width:0;max-width:100%}.canvas-area>.export-panel{width:min(38rem,calc(100% - 28px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem 1rem}.export-panel>*{min-width:0}.export-panel>:is(.resize-title,.export-preset-actions,.scale-toggle,.export-review,.export-contract-actions,.text-psd-export-review,.export-contract-note,.apply-resize){grid-column:1 / -1}.export-panel>label:not(.scale-toggle){align-content:start}.export-panel>.export-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem 1rem}.export-panel>.export-review>:is(strong,small,em){grid-column:1 / -1}.export-panel .export-contract-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.export-panel .export-contract-actions button{text-align:center;min-height:2.5rem;overflow-wrap:anywhere}@media(max-width:720px){.canvas-area>.export-panel{grid-template-columns:minmax(0,1fr)}.export-panel>.export-review,.export-panel .export-contract-actions{grid-template-columns:minmax(0,1fr)}}.new-document-panel.import-diagnostics-panel{width:min(68rem,100%);max-height:calc(100dvh - 2rem);min-width:0;gap:.75rem;padding:1rem;overflow:auto;background:var(--settings-surface);color:var(--settings-text);border-color:var(--settings-border)}.import-diagnostics-panel>:not(.import-diagnostics-list){flex-shrink:0}.import-diagnostics-panel>p,.import-diagnostics-panel>small{color:var(--settings-muted);font-size:.8125rem;line-height:1.5}.import-diagnostics-panel .resize-title{font-size:1rem}.import-diagnostics-panel .import-diagnostics-summary{gap:.5rem;margin:0}.import-diagnostics-panel .import-diagnostics-summary>span{display:inline-flex;gap:.75rem;align-items:center;padding:.375rem .625rem;border-radius:.25rem;font-size:.8125rem!important;background:var(--settings-raised);color:var(--settings-text)!important}.import-diagnostics-summary b{font-variant-numeric:tabular-nums}.import-diagnostics-panel .import-diagnostics-list{min-height:3rem;max-height:55dvh;overflow:auto;border-color:var(--settings-border);background:var(--settings-border);scrollbar-width:thin}.import-diagnostics-panel .import-diagnostics-list>div{display:grid;grid-template-columns:minmax(0,1fr) 8rem minmax(0,2fr);gap:1rem;padding:.75rem;background:var(--settings-surface)}.import-diagnostics-panel .import-diagnostics-list strong,.import-diagnostics-panel .import-diagnostics-list span{color:var(--settings-text);font-size:.8125rem;line-height:1.55;min-width:0;overflow-wrap:anywhere}.import-diagnostics-panel .import-diagnostics-list .diagnostics-table-heading{position:sticky;top:0;background:var(--settings-raised);font-weight:600}.import-diagnostics-panel .compat-status{display:inline-block;border-radius:.25rem;font-size:.75rem!important;white-space:nowrap}.import-diagnostics-panel .diagnostics-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;margin:0}.import-diagnostics-panel .diagnostics-actions button{display:grid;gap:.125rem;align-content:center;min-height:3rem;padding:.5rem 1rem;border:1px solid var(--settings-border);border-radius:.25rem;background:var(--settings-raised);color:var(--settings-text);font:inherit;font-size:.875rem;line-height:1.4;cursor:pointer}.import-diagnostics-panel .diagnostics-actions button small{color:var(--settings-muted);font-size:.75rem}.import-diagnostics-panel .diagnostics-actions button:hover{background:var(--settings-hover)}.import-diagnostics-panel .diagnostics-actions button:focus-visible{outline:2px solid var(--settings-accent);outline-offset:2px}.import-diagnostics-panel .diagnostics-actions .primary{background:#e65c3d;color:#151515;border-color:#e65c3d;font-weight:700}@media(max-width:600px){.import-diagnostics-modal{padding:.5rem}.new-document-panel.import-diagnostics-panel{padding:.75rem;max-height:calc(100dvh - 1rem)}.import-diagnostics-panel .import-diagnostics-list>div{grid-template-columns:minmax(0,1fr) auto;gap:.375rem .75rem}.import-diagnostics-list [role=cell]:last-child{grid-column:1 / -1}.import-diagnostics-panel .import-diagnostics-list .diagnostics-table-heading{display:none}.import-diagnostics-panel .diagnostics-actions{grid-template-columns:1fr 1fr;gap:.5rem}.import-diagnostics-panel .diagnostics-actions button{padding:.5rem;width:auto}.import-diagnostics-panel .diagnostics-actions .primary{grid-column:1 / -1}}