:root{--editor-panel-width:260px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-width:320px;min-height:100dvh;margin:0}html{position:fixed;inset:0;overflow:hidden}body{height:100dvh;overflow:hidden}*{box-sizing:border-box}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #0d99ff!important}.inspector-panel:not(.is-open){display:none!important}.canvas-layout{position:relative}.canvas-viewport{contain:paint;isolation:isolate}.canvas-scene{-webkit-user-select:none;user-select:none}.canvas-scene .canvas-text-editor{-webkit-user-select:text;user-select:text}.canvas-toolbar{scrollbar-width:thin;min-width:0;overflow-x:auto}.canvas-toolbar>button{flex-shrink:0}.save-status{color:#999;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;overflow:hidden}.save-status>button{margin-left:6px}.recovery-banner{z-index:11000;color:#153e28;background:#e8f7ee;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;width:min(680px,94vw);padding:14px;font:13px sans-serif;display:flex;position:fixed;top:48px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0004}.modal-overlay{z-index:12000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.editor-dialog{border:1px solid #6665;border-radius:12px;width:min(440px,94vw);max-height:88dvh;padding:24px;font:13px Google Sans,sans-serif;overflow-y:auto;box-shadow:0 20px 60px #0005}.dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-heading h2{margin:0 0 16px;font-size:18px}.editor-dialog p{line-height:1.5}.editor-dialog label{margin:14px 0;display:block}.editor-dialog input:not([type=checkbox]),.editor-dialog select{width:100%;color:inherit;background:#7772;border:1px solid #7777;border-radius:6px;margin-top:6px;padding:10px;display:block}.editor-dialog select option{color:#111}.editor-dialog small{opacity:.7;margin-top:6px;display:block}.editor-dialog button,.recovery-banner button{cursor:pointer;color:inherit;background:#7772;border:1px solid #7777;border-radius:6px;padding:8px 12px}.editor-dialog .primary-action{color:#fff;background:#039855;border:0;width:100%;margin-top:12px}.editor-dialog button:disabled{opacity:.5;cursor:wait}.dialog-error{color:#e78261}.version-list{padding:0;list-style:none}.version-list li{border-bottom:1px solid #7774;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}@media (width<=1099px){.layers-panel{z-index:30;max-width:85vw;position:absolute;top:44px;bottom:0;right:0;box-shadow:-8px 0 24px #0003}}@media (width<=999px){.inspector-panel.is-open{z-index:40;max-width:min(var(--editor-panel-width), 88vw);position:fixed;inset:44px auto 0 0;box-shadow:8px 0 24px #0003}}.inspector-panel{font-family:Inter,Arial,sans-serif;font-size:11px}.inspector-section{border-bottom:1px solid #7774;margin:0 -16px;padding:16px}.compact-text-inspector>.inspector-fields>.text-inspector-section{padding-top:14px;padding-bottom:12px}.inspector-disclosure{padding-top:0;padding-bottom:0}.inspector-disclosure-toggle{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:6px;width:100%;padding:12px 0;font-size:11px;font-weight:600;display:flex}.inspector-disclosure-toggle>svg{flex-shrink:0}.inspector-disclosure-hint{white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:10px;font-weight:400;overflow:hidden}.inspector-disclosure-content{padding:0 0 12px}.inspector-disclosure-content .inspector-section{border:0;margin:0;padding:12px 0 0}.inspector-disclosure-content .inspector-section:first-child{padding-top:0}.inspector-disclosure-toggle:focus-visible{outline-offset:2px;outline:1px solid}.selection-alignment{padding-top:12px;padding-bottom:12px}.inspector-panel input,.inspector-panel select{font-family:Inter,Arial,sans-serif!important;font-size:11px!important}.inspector-panel button{font-family:Inter,Arial,sans-serif!important}.inspector-panel input:not([type=range]):not([type=checkbox]),.inspector-panel select{border-radius:4px!important}.inspector-panel [title=Colour\ opacity]{border-radius:0 4px 4px 0!important}.inspector-panel input:focus{outline:none}.export-panel{border-bottom:1px solid #7774;margin:0 -16px;padding:16px;font:11px Inter,Arial,sans-serif}.export-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.export-heading h2{margin:0;font-size:11px;font-weight:600}.export-panel button,.export-panel select,.export-panel input[type=number]{color:inherit;font:inherit;background:#7772;border:1px solid #7774;border-radius:4px;height:24px;padding:3px 7px}.export-panel button{cursor:pointer}.export-panel button:disabled{opacity:.5;cursor:default}.export-panel select option{color:#111}.export-format-row{grid-template-columns:1fr 1fr 24px;gap:8px;margin-bottom:8px;display:grid}.export-panel .export-download{color:#fff;background:#039855;border:0;width:100%;font-weight:600}.export-options{gap:10px;margin:12px 0;display:grid}.export-options label{align-items:center;gap:6px;display:flex}.export-options select,.export-options input[type=number]{width:100%;min-width:0}.export-options .export-field{gap:6px;display:grid}.export-preview{margin-top:14px}.export-preview summary{cursor:pointer;margin-bottom:10px;font-weight:600}.export-preview img{object-fit:contain;background:repeating-conic-gradient(#bbb 0% 25%,#ddd 0% 50%) 0/12px 12px;border:1px solid #7774;width:100%;max-height:220px;display:block}.export-dimensions{color:inherit;opacity:.65;margin-top:8px;font-size:10px}.export-presets{border-top:1px solid #7774;margin-top:12px;padding-top:10px}.export-presets>summary,.palette-picker>summary{cursor:pointer;font-weight:600}.export-preset-list{gap:8px;margin:12px 0;display:grid}.export-preset-row{align-items:center;gap:4px;display:flex}.export-preset-row label{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.export-preset-row label span{text-overflow:ellipsis;overflow:hidden}.export-preset-row small{opacity:.6;margin-top:3px;display:block}.export-preset-save,.palette-add-row{gap:4px;margin:10px 0;display:flex}.export-panel .export-preset-save input{width:100%;min-width:0;color:inherit;height:24px;font:inherit;background:#7772;border:1px solid #7774;border-radius:4px;padding:3px 7px}.export-preset-save button,.palette-add-row button{white-space:nowrap;flex-shrink:0}.export-preset-hint{opacity:.65;margin:8px 0 0;font-size:10px;line-height:1.4}.palette-picker{border-top:1px solid #7774;margin-top:10px;padding-top:10px;font:11px Inter,Arial,sans-serif}.palette-swatches{flex-wrap:wrap;gap:5px;display:flex}.palette-swatches button{cursor:pointer;border:1px solid #7776;border-radius:4px;width:22px;height:22px}.palette-management{gap:6px;margin-top:8px;display:grid}.inspector-panel{scrollbar-color:#7775 transparent;scrollbar-width:thin}.inspector-panel>div{scrollbar-width:thin;scrollbar-color:#7775 transparent}.export-panel{border-top:1px solid #7774}.export-heading>button{background:0 0;border:0;width:24px;padding:0;font-size:16px}.inspector-fields,.unavailable-inspector{border:0;min-width:0;margin:0;padding:0}.unavailable-inspector,.inspector-fields:disabled{opacity:.4}.unavailable-inspector .inspector-section>span,.inspector-fields:disabled .inspector-section>span{opacity:1}.unavailable-inspector button,.inspector-fields:disabled button{pointer-events:none}.inspector-alignment{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;display:grid}.inspector-alignment button{justify-content:center;align-items:center;height:24px;display:flex;border:0!important;padding:2px!important}.inspector-alignment button:disabled{opacity:.35;cursor:default}.unavailable-inspector{opacity:.5}.unavailable-inspector [style*="opacity: 0.4"]{opacity:1!important}.canvas-text-editor:focus-visible{outline:none!important}.canvas-empty-text-caret{animation:1s step-end infinite canvas-caret-blink}@keyframes canvas-caret-blink{0%,to{opacity:1}50%{opacity:0}}.layers-export-dock{border-top:1px solid #7774;flex-shrink:0;max-height:50dvh;overflow-y:auto}.layers-export-dock .export-panel{border-bottom:0;margin:0}.export-panel.is-collapsed .export-heading{margin-bottom:0}.canvas-layout.is-rounding,.canvas-layout.is-rounding *{cursor:var(--radius-drag-cursor)!important}.toolbar-save:not(:disabled):active{transform:translateY(2px)scale(.96);box-shadow:inset 0 2px 4px #0004;background:var(--save-pressed-bg)!important}@media (prefers-reduced-motion:reduce){.toolbar-save:not(:disabled):active{transform:none}}.document-tabs{flex-shrink:0;align-items:stretch;min-width:0;height:34px;font:11px Inter,Arial,sans-serif;display:flex}.document-tab-list{scrollbar-width:thin;min-width:0;display:flex;overflow-x:auto}.document-tab{flex-shrink:0;align-items:stretch;min-width:96px;max-width:240px;display:flex;position:relative}.document-tab.is-active:after{content:"";background:#039855;height:2px;position:absolute;bottom:0;left:0;right:0}.document-tabs button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;flex-shrink:0;padding:0 12px}.document-tabs button:disabled{cursor:default;opacity:.6}.document-tabs .document-tab-new{color:#fff;background:#039855;width:34px;padding:0;font-size:16px}.document-tabs .document-tab-new:hover:not(:disabled){background:#027a48}.document-tabs .document-tab-new:active:not(:disabled){background:#05603a}.document-tabs .document-tab-new:focus-visible{outline-offset:-3px;outline:2px solid #fff}.document-tab>[role=tab]{flex:1;align-items:center;gap:6px;min-width:0;padding-right:4px;display:flex}.document-tab-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-tab-edit{align-items:center;width:160px;min-width:0;padding:4px 6px;display:flex}.document-tab-dirty{color:#039855}.document-tab>.document-tab-close{padding:0 9px;font-size:15px}.document-tab-close:hover{background:#7772}.document-editor{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.psd-import-notice{max-height:30dvh;color:inherit;background:#7772;border-bottom:1px solid #7774;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:8px 14px;font:11px Inter,Arial,sans-serif;display:flex;overflow-y:auto}.psd-import-notice details{min-width:0}.psd-import-notice summary{cursor:pointer}.psd-import-notice p,.psd-import-notice li{max-width:900px;line-height:1.5}.psd-import-notice button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #7775;border-radius:4px;flex-shrink:0;padding:2px 7px}.layer-color-menu [role=menuitemradio]{background:0 0}.layer-color-menu [role=menuitemradio]:hover,.layer-color-menu [role=menuitemradio]:focus-visible{background:var(--layer-menu-hover)}