.lp-page{max-width:1800px;margin:auto;padding:24px;color:#eee5f7}.lp-page *{box-sizing:border-box}.lp-hero{padding:28px;background:linear-gradient(135deg,#352347,#1c1529);border:1px solid #65477b;border-radius:18px;margin-bottom:18px}.lp-hero>span{font-size:12px;color:#d6b7f5;letter-spacing:2px}.lp-hero h1{font-size:36px;margin:12px 0}.lp-hero p{max-width:950px;line-height:1.6;color:#cdbddd}.lp-toolbar,.lp-actions,.lp-toolbuttons,.lp-view{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.lp-toolbar{padding:16px;background:#251b31;border-radius:12px;margin-bottom:12px}.lp-page button,.lp-file{border:1px solid #715683;background:#352540;color:#f6efff;border-radius:8px;padding:10px 13px;font:600 13px system-ui;cursor:pointer}.lp-page button:hover{background:#533567}.lp-page button:disabled{opacity:.4;cursor:default}.lp-page button[aria-pressed=true],.lp-page .lp-primary{background:#8955bd;border-color:#c496f3}.lp-page label{font-size:13px;display:block;color:#d8c9e5}.lp-page input:not([type=checkbox]),.lp-page select,.lp-page textarea{width:100%;min-width:0;margin-top:6px;padding:9px;border:1px solid #655174;border-radius:8px;background:#140f1d;color:#f7f0ff;font:inherit}.lp-page input[type=color]{height:39px;padding:4px}.lp-page textarea{resize:vertical}.lp-file{position:relative;display:inline-block!important;overflow:hidden}.lp-file input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0!important}.lp-status{padding:13px 16px;border:1px solid #614270;border-radius:9px;background:#1b1326;line-height:1.5;min-height:46px}.lp-workarea{display:grid;grid-template-columns:170px minmax(0,1fr) 290px;gap:16px;align-items:start}.lp-panel{padding:14px;background:#241a30;border:1px solid #584168;border-radius:12px;min-width:0}.lp-panel h2{font-size:17px;margin:0 0 14px}.lp-panel h3{font-size:13px;margin:18px 0 10px}.lp-panel label{margin:12px 0}.lp-panel p,.lp-help{font-size:12px;line-height:1.6;color:#c7b2d5}.lp-toolbuttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-toolbuttons button{padding:10px 5px;font-size:12px}.lp-stage-area{min-width:0}.lp-viewport{background:#100c17;border:1px solid #4d385e;border-radius:12px;min-height:460px;max-height:750px;overflow:auto;padding:20px;display:flex;align-items:flex-start;justify-content:flex-start}.lp-stage{position:relative;flex-shrink:0;background:repeating-conic-gradient(#332b3d 0% 25%,#211a2b 0% 50%) 50%/20px 20px;touch-action:none;box-shadow:0 6px 24px #0007}.lp-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%}.lp-stage #lpOverlay{pointer-events:none}.lp-view{padding:12px 0;font-size:12px;color:#cfbce0}.lp-view select{width:100px;margin:0}.lp-view button{padding:8px}.lp-tabs{display:flex;gap:8px;margin-bottom:18px}.lp-tabs button{flex:1;padding:10px 5px}.lp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lp-grid label{margin:5px 0}.lp-layers{display:grid;gap:8px;max-height:260px;overflow:auto;margin-top:14px}.lp-layer-row{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;gap:6px;padding:5px;border:1px solid #523b63;border-radius:8px;background:#1b1426}.lp-layer-row[aria-current=true]{border-color:#9ae1ff;background:#32233f}.lp-layer-row button{font-size:12px;padding:7px 3px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-layer-row .lp-iconbutton{text-align:center}.lp-layer-row.drop-target{border-color:#62e6a5}.lp-inspector .lp-actions button{flex:1;padding:8px}.lp-panel details{margin-top:16px;border-top:1px solid #554164;padding-top:12px}.lp-panel summary{cursor:pointer;font-size:13px}.lp-panel>button{width:100%;margin:7px 0}.lp-toolbar .lp-title{width:210px}.lp-toolbar>span{font-size:12px;color:#bda4cc}.lp-page [hidden]{display:none!important}.lp-page :focus-visible{outline:3px solid #d3aaff;outline-offset:3px}.lp-drop{border:2px dashed #82559e;border-radius:10px;padding:14px;font-size:12px;line-height:1.6;color:#d7bbec;margin-bottom:12px}.lp-stage canvas{cursor:crosshair}.lp-help{margin-top:18px}.lp-mask-indicator{padding:10px;background:#382745;border-radius:8px;font-size:12px;margin-top:14px}@media(min-width:1600px){.lp-workarea{grid-template-columns:185px minmax(0,1fr) 310px}.lp-viewport{min-height:580px}}@media(max-width:1100px){.lp-workarea{grid-template-columns:150px minmax(0,1fr)}.lp-inspector{grid-column:1/-1}.lp-inspector #lpLayerFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lp-viewport{min-height:360px}}@media(max-width:650px){.lp-page{padding:12px}.lp-hero{padding:20px}.lp-hero h1{font-size:28px}.lp-workarea{grid-template-columns:1fr}.lp-tools{order:2}.lp-inspector{order:3}.lp-stage-area{order:1}.lp-toolbuttons{grid-template-columns:repeat(4,1fr)}.lp-viewport{min-height:230px;padding:10px;max-height:500px}.lp-inspector #lpLayerFields{display:block}.lp-toolbar{padding:12px}.lp-toolbar button{flex:1}.lp-toolbar .lp-title{width:100%}}
.lp-page .lp-hero{padding:18px 22px;margin-bottom:12px}.lp-page .lp-hero>span{font-size:10px}.lp-page .lp-hero h1{font-size:28px;margin:8px 0}.lp-page .lp-hero p{font-size:13px;margin:7px 0;max-width:1100px}.lp-page .lp-toolbar{padding:10px 14px;gap:8px}.lp-page button svg,.lp-page .lp-file svg{width:19px;height:19px;flex-shrink:0}.lp-page button:has(svg),.lp-page .lp-file:has(svg){display:inline-flex;align-items:center;justify-content:center;gap:8px}.lp-page .lp-status{font-size:12px;padding:9px 14px;min-height:35px;margin:10px 0}.lp-workspace-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:18px 0 12px}.lp-workspace-heading>div{display:flex;align-items:center;gap:18px;min-width:0}.lp-workspace-heading strong{font-size:17px}.lp-workspace-heading span{font-size:12px;color:#c6b0d7}.lp-page .lp-workarea{grid-template-columns:150px minmax(0,1fr) 310px;gap:12px}.lp-page .lp-toolbuttons button{display:flex;flex-direction:column;gap:6px;min-height:61px;padding:8px 3px;font-size:11px}.lp-page .lp-toolbuttons button svg{width:23px;height:23px}.lp-page .lp-tools>button{width:calc(50% - 5px);margin:4px 0;padding:8px 3px;display:inline-flex;flex-direction:column;gap:5px;font-size:11px}.lp-page .lp-tools>button svg{width:22px;height:22px}.lp-page .lp-panel{padding:12px}.lp-page .lp-panel h2{font-size:14px;margin-bottom:12px}.lp-page .lp-panel h3{margin:14px 0 7px}.lp-page .lp-panel label{font-size:12px;margin:9px 0}.lp-page .lp-panel input:not([type=checkbox]),.lp-page .lp-panel select,.lp-page .lp-panel textarea{padding:7px;margin-top:5px}.lp-page .lp-panel input.lp-slider{padding:0;accent-color:#b489e1;border:0;background:transparent;height:17px;margin:7px 0 3px}.lp-slider+input[type=number]{font-variant-numeric:tabular-nums}.lp-page .lp-layer-hint{font-size:11px;line-height:1.5;margin:0 0 8px;color:#b99bcf}.lp-page .lp-layers{max-height:190px;margin:8px 0}.lp-page .lp-layer-row{padding:4px;gap:4px;border-radius:7px}.lp-page .lp-layer-row button{padding:7px 3px}.lp-property-tabs{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:5px;margin:14px 0 10px;border-top:1px solid #534063;padding-top:12px}.lp-property-tabs button{padding:8px 4px;font-size:11px}.lp-page #lpLayerFields{display:block}.lp-page .lp-property-panel{padding:0 2px}.lp-page .lp-property-panel>details{margin-top:12px;padding-top:10px}.lp-page .lp-mask-indicator{line-height:1.6}.lp-page .lp-viewport{padding:18px;align-items:center;justify-content:center;min-height:440px}.lp-stage-area{display:flex;flex-direction:column}.lp-page .lp-view{gap:9px;padding:10px 0}.lp-page .lp-view label,.lp-page .lp-view strong{font-size:11px}.lp-page .lp-stage-area>.lp-help{font-size:11px;margin:8px 0}.lp-mask-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;border:1px solid #554268;background:#20162c;border-radius:9px}.lp-mask-quick span{font-size:11px;color:#c9a8e0;margin-right:auto}.lp-mask-quick button{padding:7px 10px;font-size:11px}.lp-page #lpToolHelp{font-size:11px;padding:8px;background:#1b1325;border-radius:7px}.lp-page .lp-drop{padding:10px;font-size:11px}.lp-welcome{position:absolute;inset:30px 20px auto;min-height:330px;padding:50px 28px;text-align:center;background:linear-gradient(135deg,#30203fec,#171323f5);border:1px solid #7c5997;border-radius:14px;z-index:2;box-shadow:0 15px 50px #0005}.lp-welcome>svg{width:50px;height:50px;color:#cca5f4}.lp-welcome h2{font-size:22px;margin:18px 0 12px}.lp-welcome p{font-size:13px;line-height:1.6;color:#ccb4df;margin-bottom:24px}.lp-welcome button{margin:5px;min-height:42px}.lp-welcome button:first-of-type{background:#8756b8}.lp-exportbar{position:relative}.lp-exportbar>strong{font-size:12px;color:#ccb1e1}.lp-export-options{position:relative}.lp-export-options>summary{font-size:12px;cursor:pointer;padding:9px 12px;border:1px solid #644676;border-radius:7px;list-style:none;color:#d6bce9}.lp-export-options>summary:after{content:' ▾'}.lp-export-settings{position:absolute;top:100%;left:0;z-index:6;width:260px;background:#241a31;border:1px solid #826195;border-radius:12px;padding:14px;box-shadow:0 10px 40px #0008}.lp-export-settings label{margin:10px 0}.lp-page[data-active-tool=move] #lpCanvas{cursor:move}.lp-page[data-active-tool=select] #lpCanvas{cursor:crosshair}.lp-page[data-active-tool=picker] #lpCanvas{cursor:crosshair}.lp-page[data-active-tool=brush] #lpCanvas,.lp-page[data-active-tool=erase] #lpCanvas,.lp-page[data-active-tool=hide] #lpCanvas,.lp-page[data-active-tool=restore] #lpCanvas{cursor:crosshair}.lp-workspace-open{overflow:hidden}.lp-page.lp-focused{position:fixed;inset:0;z-index:10000;max-width:none;background:#140f1e;padding:12px 18px;overflow:auto}.lp-focused .lp-hero,.lp-focused>.lp-help{display:none}.lp-focused .lp-workspace-heading{margin:10px 0}.lp-focused .lp-toolbar{margin-bottom:7px}.lp-focused .lp-status{margin:6px 0}.lp-focused .lp-workarea{height:calc(100dvh - 230px);min-height:420px}.lp-focused .lp-viewport{height:100%;min-height:0}.lp-focused .lp-stage-area{min-height:0}.lp-focused .lp-panel{max-height:100%;overflow:auto}.lp-focused .lp-stage-area>.lp-help{display:none}.lp-page .lp-property-panel [hidden]{display:none!important}@media(min-width:1101px){.lp-page .lp-workarea{height:680px}.lp-page .lp-panel{height:100%;overflow:auto;scrollbar-width:thin;scrollbar-color:#755190 #1a1325}.lp-page .lp-viewport{flex:1;min-height:0;height:100%;max-height:none}.lp-page .lp-stage-area{height:100%;min-height:0}.lp-page .lp-focused .lp-workarea{height:calc(100dvh - 230px)}.lp-focused .lp-workarea{height:calc(100dvh - 230px)}}@media(max-width:1100px){.lp-page .lp-workarea{grid-template-columns:125px minmax(0,1fr)}.lp-page .lp-inspector{grid-column:1/-1}.lp-page .lp-inspector #lpLayerFields{display:block}.lp-page .lp-layers{max-height:150px}.lp-focused .lp-workarea{height:auto}.lp-focused .lp-panel{max-height:none}.lp-focused .lp-viewport{min-height:300px}.lp-workspace-heading>div{display:block}.lp-workspace-heading span{display:block;margin-top:6px}}@media(max-width:650px){.lp-page .lp-workarea{grid-template-columns:1fr}.lp-page .lp-hero p{display:none}.lp-page .lp-tools .lp-toolbuttons{grid-template-columns:repeat(4,1fr)}.lp-page .lp-toolbar>span{display:none}.lp-page .lp-viewport{min-height:230px;padding:10px}.lp-welcome{inset:10px 10px auto;padding:25px 14px;min-height:240px}.lp-welcome h2{font-size:18px}.lp-welcome>svg{width:35px;height:35px}.lp-welcome p{font-size:12px;margin-bottom:12px}.lp-welcome button{font-size:12px}.lp-workspace-heading strong{font-size:14px}.lp-workspace-heading span{font-size:10px}.lp-workspace-heading button{font-size:11px;padding:9px}.lp-export-settings{left:-70px;width:240px}.lp-page.lp-focused{padding:10px}.lp-focused .lp-toolbar .lp-title{display:none}.lp-focused .lp-exportbar{display:none}.lp-focused .lp-status{font-size:11px}.lp-focused .lp-viewport{min-height:240px}.lp-mask-quick span{display:none}}
.lp-page .lp-layer-row>button:nth-child(2){display:flex;align-items:center;gap:8px;min-width:0}.lp-layer-thumb{display:flex;align-items:center;justify-content:center;width:32px;height:27px;flex-shrink:0;overflow:hidden;border:1px solid #6f527f;border-radius:4px;background:repeating-conic-gradient(#35293f 0% 25%,#22182d 0% 50%) 50%/8px 8px}.lp-layer-thumb img{width:100%;height:100%;object-fit:contain}.lp-layer-thumb svg{width:19px;height:19px}.lp-layer-row>button:nth-child(2)>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-page .lp-viewport{justify-content:safe center;align-items:safe center}
.lp-property-tabs{grid-template-columns:1fr 1fr 1fr 1.3fr}.lp-property-tabs button{padding:8px 2px;font-size:10px}.lp-page .lp-property-panel[data-property-panel=adjust]>details{border-top:0;padding-top:0;margin-top:0}
.lp-canvas-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px;background:#2c1e3a;border:1px solid #604573;border-radius:10px 10px 0 0}.lp-canvas-actions>span{font-size:12px;color:#e7d1fa;font-weight:600;min-width:0;max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:auto}.lp-canvas-actions button{font-size:11px;padding:7px 9px}.lp-context-hint{display:flex;align-items:center;gap:12px;padding:9px 12px;background:#1e162a;border-left:3px solid #af7bdd;border-radius:8px;margin:0 0 10px;min-height:44px}.lp-context-hint strong{font-size:12px;white-space:nowrap}.lp-context-hint span{font-size:11px;color:#cbb6da;line-height:1.5}.lp-align-shortcuts{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:16px}.lp-align-shortcuts>span{width:100%;font-size:12px;color:#cbb6da}.lp-align-shortcuts button{flex:1;padding:9px;font-size:17px}.lp-looks{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.lp-looks h3,.lp-looks p{width:100%;margin:0!important}.lp-looks p{font-size:11px!important;margin-bottom:7px!important}.lp-page .lp-look{display:flex;flex-direction:column;gap:6px;align-items:stretch;width:calc(33% - 5px);padding:6px;font-size:10px}.lp-look-sample{display:block;height:40px;border-radius:5px;background:radial-gradient(circle at 65% 30%,#efdab1 0 13%,transparent 14%),linear-gradient(145deg,#83b4ba 50%,#396266 51% 65%,#bf955e 66%)}.lp-look-vivid .lp-look-sample{filter:saturate(1.5) contrast(1.2)}.lp-look-soft .lp-look-sample{filter:contrast(.75) brightness(1.1)}.lp-look-mono .lp-look-sample{filter:grayscale(1) contrast(1.15)}.lp-look-sepia .lp-look-sample{filter:sepia(1)}.lp-zoom-actions{display:flex;gap:6px;align-items:center}.lp-zoom-actions button{padding:4px 10px;font-size:17px}.lp-zoom-actions span{font-size:10px;color:#b699cc}.lp-save-indicator{font-size:10px!important;border:1px solid #624672;border-radius:20px;padding:5px 10px;margin-left:auto}.lp-save-indicator[data-dirty=true]{color:#f0cd94!important;border-color:#887044}.lp-save-indicator[data-dirty=false]{color:#a4d8c0!important}.lp-page .lp-stage{overflow:hidden}.lp-brush-cursor{position:absolute;border:1px solid white;box-shadow:0 0 0 1px #000a;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.lp-page.lp-pan-ready #lpCanvas{cursor:grab}.lp-page.lp-panning #lpCanvas{cursor:grabbing}.lp-page .lp-stage-area{min-width:0}.lp-page .lp-viewport{border-radius:0 0 12px 12px}.lp-focused .lp-context-hint{margin-top:0}.lp-page .lp-view{row-gap:8px}.lp-page .lp-welcome{inset:100px 20px auto}@media(max-width:1100px){.lp-context-hint{display:block}.lp-context-hint span{display:block;margin-top:4px}.lp-zoom-actions span{display:none}}@media(max-width:650px){.lp-canvas-actions{gap:5px;padding:8px}.lp-canvas-actions>span{width:100%;max-width:none}.lp-canvas-actions button{flex:1;font-size:10px}.lp-context-hint{margin-bottom:8px;padding:8px}.lp-context-hint span{font-size:10px}.lp-save-indicator{display:none!important}.lp-page .lp-welcome{inset:120px 8px auto}.lp-page .lp-look{width:calc(20% - 6px)}.lp-focused .lp-zoom-actions span{display:none}}
/* The regular editor keeps its file and edit commands beside the canvas. */
.lp-page .lp-editor-shell{position:relative;background:#181120;border:1px solid #58416b;border-radius:14px;padding:10px}.lp-page .lp-command-bar{position:sticky;top:calc(var(--lp-header-height,75px) + 5px);z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;background:#2d1e3d;border:1px solid #6b4a83;border-radius:10px;box-shadow:0 8px 20px #0004;padding:10px}.lp-page .lp-command-bar>button,.lp-page .lp-command-bar>.lp-file{padding:8px 10px;font-size:12px}.lp-command-bar .lp-save-indicator{order:20;font-size:9px!important;padding:4px 7px}.lp-command-bar #lpExport{margin-left:auto}.lp-command-bar .lp-export-settings{left:auto;right:0;width:260px}.lp-command-bar #lpZIP{width:100%;margin-top:10px}.lp-page .lp-editor-shell .lp-status{margin:7px 0;font-size:11px;padding:7px 12px;min-height:30px}.lp-page .lp-editor-shell .lp-workspace-heading{margin:10px 2px}.lp-page .lp-editor-shell .lp-workspace-heading strong{font-size:14px}.lp-page .lp-editor-shell .lp-workspace-heading>div{gap:12px}.lp-page .lp-editor-shell #lpExpand{padding:7px 10px;font-size:11px}.lp-page .lp-editor-shell .lp-workarea{height:clamp(420px,calc(100dvh - 280px),740px)}.lp-page .lp-editor-shell .lp-stage-area{height:100%}.lp-page .lp-editor-shell .lp-panel{height:100%;overflow:auto}.lp-page .lp-editor-shell .lp-context-hint{min-height:35px;padding:6px 10px;margin-bottom:7px}.lp-page .lp-editor-shell .lp-stage-area>.lp-help{margin:6px 0;font-size:10px}.lp-page .lp-editor-shell .lp-view{padding:7px 0}.lp-page .lp-editor-shell .lp-mask-quick{padding:6px 10px}.lp-page .lp-document-tab>.lp-title{width:100%}.lp-page #lpDocumentTab>.lp-title{width:100%;margin:0 0 14px}.lp-page.lp-focused .lp-editor-shell{border:0;padding:0;background:transparent}.lp-focused .lp-command-bar{top:0}.lp-page.lp-focused .lp-editor-shell .lp-workarea{height:calc(100dvh - 160px);min-height:400px;max-height:none}.lp-page.lp-focused .lp-editor-shell .lp-command-bar{position:relative}.lp-page .lp-editor-shell .lp-viewport{flex:1;min-height:0;max-height:none}.lp-page .lp-editor-shell .lp-workspace-heading span{font-size:11px}@media(max-width:1100px){.lp-page .lp-editor-shell .lp-workarea{height:auto}.lp-page .lp-editor-shell .lp-tools{height:540px}.lp-page .lp-editor-shell .lp-stage-area{height:540px}.lp-page .lp-editor-shell .lp-inspector{height:auto;max-height:600px}.lp-page.lp-focused .lp-editor-shell .lp-workarea{height:auto}}@media(max-width:650px){.lp-page .lp-editor-shell{padding:7px}.lp-page .lp-command-bar{gap:5px;padding:7px}.lp-page .lp-command-bar>button,.lp-page .lp-command-bar>.lp-file{font-size:10px;padding:7px;flex:0 1 auto}.lp-page .lp-command-bar>button svg,.lp-page .lp-command-bar>.lp-file svg{width:15px;height:15px}.lp-page .lp-command-bar #lpExport{margin-left:0}.lp-page .lp-command-bar .lp-export-options>summary{font-size:10px;padding:7px}.lp-page .lp-editor-shell .lp-tools{height:auto;max-height:500px}.lp-page .lp-editor-shell .lp-stage-area{height:470px}.lp-page .lp-editor-shell .lp-inspector{height:auto;max-height:none}.lp-page .lp-editor-shell .lp-workspace-heading>div{display:block}.lp-page .lp-editor-shell .lp-workspace-heading span{font-size:10px}.lp-page .lp-editor-shell .lp-workspace-heading>button svg{display:none}.lp-page .lp-command-bar .lp-export-settings{position:fixed;top:160px;right:20px;left:20px;width:auto;max-height:70vh;overflow:auto}.lp-page .lp-editor-shell .lp-welcome{inset:110px 6px auto}.lp-page.lp-focused .lp-editor-shell .lp-stage-area{height:470px}}
.lp-page .lp-editor-shell .lp-workarea{margin-top:10px}.lp-page .lp-editor-shell .lp-stage-area>.lp-status{font-size:10px;line-height:1.4;min-height:26px;padding:6px 9px;margin:5px 0 0}.lp-page .lp-command-bar #lpExpand{font-size:10px;padding:8px}.lp-page .lp-command-bar #lpExpand svg{width:16px;height:16px}.lp-page .lp-command-bar #lpExport{margin-left:auto}.lp-page .lp-editor-shell .lp-context-hint{min-height:32px;padding:6px 9px}.lp-page.lp-focused .lp-editor-shell .lp-workarea{height:calc(100dvh - 100px)}