/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.editor-workspace{position:relative;grid-template-columns:72px 320px minmax(0,1fr);grid-template-rows:48px minmax(0,1fr)}.workspace-tools{grid-column:1;grid-row:1/-1;padding:12px 6px;display:flex;flex-direction:column;gap:8px;background:var(--surface);border-right:1px solid var(--line);overflow-y:auto}.workspace-tools a,.workspace-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:64px;flex-shrink:0;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font:inherit;font-size:11px;text-decoration:none;cursor:pointer}.workspace-tools svg{width:23px;height:23px}.workspace-tools a:hover,.workspace-tools button:hover{background:var(--surface-muted)}.workspace-tools button[aria-pressed=true]{color:var(--green-strong);background:var(--green-soft)}.workspace-panel-heading{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);font-size:14px}.editor-workspace>.inspector,.editor-workspace>.side{grid-column:2;grid-row:2;border-left:0;border-right:1px solid var(--line);overflow:hidden}.editor-workspace:is([data-tool=templates],[data-tool=myTemplates])>.inspector,.editor-workspace:not([data-tool=templates]):not([data-tool=myTemplates]):not([data-tool=drafts])>.side{display:none}.editor-workspace .inspector[data-pad=background] .pad-main,.editor-workspace .inspector[data-pad=background] .pad-watermark,.editor-workspace .inspector[data-pad=main] .pad-background,.editor-workspace .inspector[data-pad=main] .pad-watermark,.editor-workspace .inspector[data-pad=watermark] .pad-background,.editor-workspace .inspector[data-pad=watermark] .pad-main,.editor-workspace .pad-tab{display:none}.editor-workspace>.stage{grid-column:3;grid-row:1/-1;position:relative;overflow:hidden;padding:0;touch-action:none;cursor:-webkit-grab;cursor:grab;background:var(--surface-sunken)}.editor-workspace .sheet{position:absolute;left:50%;top:calc(50% - 24px);margin:0;cursor:default;box-shadow:0 6px 30px rgba(20,30,50,.1)}.workspace-canvas-toolbar{position:absolute;bottom:20px;right:24px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text-secondary);font-size:12px;z-index:5}.workspace-canvas-toolbar button{border:0;border-radius:6px;padding:6px 8px;background:transparent;color:inherit;font:inherit;cursor:pointer}.workspace-canvas-toolbar button:hover{background:var(--surface-muted)}.workspace-zoom{min-width:36px;text-align:center}.workspace-panel-toggle{position:absolute;left:392px;top:50%;z-index:6;padding:16px 5px;border:1px solid var(--line);border-left:0;border-radius:0 8px 8px 0;background:var(--surface);color:var(--text-secondary);cursor:pointer}.editor-workspace.panel-collapsed{grid-template-columns:72px 0 minmax(0,1fr)}.editor-workspace.panel-collapsed .workspace-panel-heading,.editor-workspace.panel-collapsed>.inspector,.editor-workspace.panel-collapsed>.side{display:none}.panel-collapsed .workspace-panel-toggle{left:72px}.workspace-canvas-toolbar button:focus-visible,.workspace-panel-toggle:focus-visible,.workspace-tools a:focus-visible,.workspace-tools button:focus-visible{outline:2px solid var(--green);outline-offset:-2px}@media (max-width:927px){.editor-workspace{grid-template-columns:60px 280px minmax(0,1fr);grid-template-rows:44px minmax(0,1fr)}.editor-workspace>.inspector,.editor-workspace>.side{display:flex;flex-direction:column}.editor-workspace:is([data-tool=templates],[data-tool=myTemplates])>.inspector,.editor-workspace:not([data-tool=templates]):not([data-tool=myTemplates]):not([data-tool=drafts])>.side{display:none}.editor-workspace .side .cats{padding:10px;flex-wrap:wrap}.editor-workspace .side-foot{padding:12px}.editor-workspace .inspector-meta{padding:8px 12px}.editor-workspace .inspector-foot{display:grid;padding:10px 12px}.workspace-panel-toggle{left:340px}.editor-workspace.panel-collapsed{grid-template-columns:60px 0 minmax(0,1fr)}.panel-collapsed .workspace-panel-toggle{left:60px}.workspace-canvas-toolbar{gap:4px;flex-wrap:wrap}}@media (max-width:640px){.editor-app{height:auto;min-height:100dvh}.editor-workspace{grid-template-columns:56px minmax(0,1fr);grid-template-rows:44px 340px minmax(360px,55dvh)}.workspace-tools{grid-row:1/3}.editor-workspace>.stage{grid-column:1/-1;grid-row:3}.workspace-panel-toggle{display:none}.editor-workspace.panel-collapsed{grid-template-columns:56px minmax(0,1fr);grid-template-rows:44px 0 minmax(360px,70dvh)}.editor-workspace.panel-collapsed .workspace-panel-heading{display:flex}.workspace-canvas-toolbar{font-size:11px}}.editor-workspace .side-scroll{overflow:auto;scrollbar-width:thin}.editor-workspace .template-grid{display:grid;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px 8px;gap:12px 8px}.editor-workspace .template{width:100%}.editor-workspace .thumb{height:100px}.editor-workspace .saved-template-card{width:auto}.editor-workspace .saved-template .thumb{height:auto}.editor-workspace .switch-pop{top:auto;bottom:62px}.editor-workspace>.stage:active{cursor:-webkit-grabbing;cursor:grabbing}.editor-app{color:var(--text);background:var(--bg)}.editor-workspace,.editor-workspace.panel-collapsed{display:block;position:relative;min-height:0;overflow:hidden}.editor-workspace>.stage{position:absolute;inset:0;width:100%;height:100%;background-color:var(--surface-sunken);background-image:radial-gradient(circle,var(--line-strong) 1px,transparent 1px);background-size:28px 28px}.editor-workspace .sheet{box-shadow:var(--shadow-modal)}.editor-workspace .workspace-tools{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:64px;padding:8px;gap:6px;border:1px solid var(--line);border-radius:24px;background:var(--surface);z-index:10;box-shadow:var(--shadow-pop)}.editor-workspace .workspace-tools button{min-height:62px;border-radius:15px;color:var(--text-secondary)}.editor-workspace .workspace-tools button[aria-pressed=true]{background:var(--green-soft);color:var(--green-strong)}.editor-workspace .workspace-tools button:hover{background:var(--surface-muted);color:var(--green-strong)}.editor-workspace .workspace-panel-heading{position:absolute;top:20px;left:104px;width:352px;height:52px;box-sizing:border-box;z-index:12;border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;background:var(--surface)}.workspace-panel-heading>button{border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:25px}.editor-workspace>.inspector,.editor-workspace>.side{position:absolute;top:72px;bottom:20px;left:104px;width:352px;box-sizing:border-box;z-index:11;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;background:var(--surface)}.editor-workspace.panel-collapsed .workspace-panel-heading,.editor-workspace.panel-collapsed>.inspector,.editor-workspace.panel-collapsed>.side,.editor-workspace:is([data-tool=templates],[data-tool=myTemplates])>.inspector,.editor-workspace:not([data-tool=templates]):not([data-tool=myTemplates]):not([data-tool=drafts])>.side{display:none}.editor-workspace .workspace-panel-toggle{display:none}.template-search{display:flex;align-items:center;gap:10px;margin:4px 14px 12px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:12px;color:var(--muted)}.template-search svg{width:20px;height:20px;flex:none}.template-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:13px}.editor-workspace .side .cats{flex-wrap:wrap;gap:4px;padding:0 14px 12px}.editor-workspace .cats button{padding:7px 10px;border-radius:8px;font-size:12px}.editor-workspace .cats button.active{background:var(--green-soft);color:var(--green-strong);border-color:transparent}.editor-workspace .template-grid{grid-template-columns:minmax(0,1fr);gap:10px}.editor-workspace .template{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid var(--line-strong);border-radius:14px;text-align:left;background:var(--surface)}.editor-workspace .template:hover{background:var(--surface-muted);border-color:var(--line-strong)}.editor-workspace .template.active{border-color:var(--green);background:var(--green-soft)}.editor-workspace .template .thumb{width:74px;height:88px;flex:none;border-radius:8px}.editor-workspace .template .name{margin:0;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.editor-workspace .saved-template-preview{flex:none;width:74px}.editor-workspace .inspector-meta{display:none}.editor-workspace .workspace-canvas-toolbar{background:var(--surface);border-color:var(--line);border-radius:16px;box-shadow:var(--shadow-pop)}@media (max-width:640px){.editor-app{height:100dvh;min-height:0}.editor-workspace .workspace-tools{left:8px;width:48px;padding:5px;border-radius:18px}.editor-workspace .workspace-tools button{min-height:56px}.editor-workspace .workspace-panel-heading,.editor-workspace>.inspector,.editor-workspace>.side{left:76px;width:min(352px,calc(100% - 88px))}.editor-workspace.panel-collapsed .workspace-panel-heading{display:none}.workspace-canvas-toolbar{right:12px;bottom:12px}}@media (min-width:1000px){.editor-workspace:not(.panel-collapsed) .sheet{left:calc(50% + 210px)}}.workspace-minimap{position:absolute;right:24px;bottom:84px;z-index:5;padding:10px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-pop);color:var(--text-secondary);font-size:11px}.workspace-minimap>span{display:block;margin-bottom:8px}.workspace-minimap-map{position:relative;width:184px;height:120px;overflow:hidden;background:var(--surface-sunken);border-radius:6px;cursor:crosshair;touch-action:none}.workspace-minimap-map canvas{position:absolute;inset:0;width:184px;height:120px;pointer-events:none}.workspace-minimap-view{position:absolute;border:1px solid var(--green);background:color-mix(in srgb,var(--green) 8%,transparent);pointer-events:none}.workspace-minimap>button{display:block;margin:8px 0 0 auto;border:0;background:transparent;color:var(--green-strong);font-size:11px}@media (max-width:640px){.workspace-minimap{right:12px;bottom:100px}}.editor-workspace .workspace-tools{overflow:visible}.device-add-menu{position:relative;flex-shrink:0}.device-add-menu>button{width:100%}.device-add-popover{position:absolute;top:0;left:calc(100% + 20px);width:288px;max-width:calc(100vw - 108px);padding:18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-pop);color:var(--text);cursor:default}.device-add-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:15px}.editor-workspace .device-add-popover header button{padding:0 6px;font-size:22px}.device-add-popover form,.device-add-popover label{display:grid;grid-gap:10px;gap:10px}.device-add-popover form{gap:18px}.device-add-popover label{color:var(--text-secondary);font-size:12px}.device-add-popover input,.device-add-popover select{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-muted);color:var(--text);font:inherit}.device-add-popover input:focus-visible,.device-add-popover select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.editor-workspace .device-add-popover .device-add-confirm{background:var(--green);color:var(--on-accent);font-size:13px;border-radius:8px}.editor-workspace .template-create-popover>button{width:100%;min-height:66px;padding:12px;gap:6px;font-size:14px;color:var(--text)}.template-create-popover>button>span{font-size:11px;color:var(--muted)}.canvas-crop-popover{top:-120px;width:320px;max-height:calc(100dvh - 110px);overflow-y:auto}.crop-ratios{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.editor-workspace .crop-ratios button{min-height:66px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);font-size:12px}.crop-ratios button>span{border:1.5px solid;border-radius:3px}.editor-workspace .crop-ratios button[aria-pressed=true]{border-color:var(--green);background:var(--green-soft);color:var(--green-strong)}.crop-presets{display:grid;grid-gap:4px;gap:4px}.editor-workspace .crop-presets button{min-height:34px;flex-direction:row;justify-content:space-between;padding:6px 8px;font-size:12px}.crop-presets small{color:var(--muted);font-size:10px}.crop-dimensions{display:flex;gap:8px;align-items:center}.crop-dimensions label{min-width:0;flex:1 1}.editor-workspace .crop-dimensions button{min-height:36px}.device-add-popover .crop-lock{display:flex;align-items:center;gap:8px}.device-add-popover .crop-lock input{width:15px;height:15px;accent-color:var(--green)}.canvas-crop-selection{position:absolute;z-index:8;border:2px solid var(--green);box-shadow:0 0 0 10000px #0007;cursor:move;touch-action:none;background-image:linear-gradient(90deg,transparent calc(33.333% - .5px),#ffffff80 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff80 66.666%,transparent calc(66.666% + .5px)),linear-gradient(180deg,transparent calc(33.333% - .5px),#ffffff80 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff80 66.666%,transparent calc(66.666% + .5px))}.canvas-crop-selection>span{position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:5px 8px;border-radius:5px;background:#0009;color:#fff;font-size:11px;white-space:nowrap;pointer-events:none}.editor-workspace .sheet:has(.canvas-crop-selection){overflow:hidden}.editor-workspace .workspace-tools{width:54px;padding:6px;gap:4px;border-radius:20px}.editor-workspace .workspace-tools button{min-height:48px;gap:4px;border-radius:11px;font-size:10px}.editor-workspace .workspace-tools svg{width:20px;height:20px}.editor-workspace .workspace-panel-heading,.editor-workspace>.inspector,.editor-workspace>.side{left:94px}.editor-workspace .device-add-popover header button{min-height:24px}.editor-workspace .device-add-popover .device-add-confirm{min-height:40px}@media (max-width:640px){.editor-workspace .workspace-tools{width:44px;padding:4px}.editor-workspace .workspace-tools button{min-height:44px}.editor-workspace .workspace-panel-heading,.editor-workspace>.inspector,.editor-workspace>.side{left:68px;width:min(352px,calc(100% - 80px))}}.editor-workspace[data-tool=scenes]>.inspector{display:none}.editor-workspace .workspace-tools button.scene-available{color:var(--green-strong);background:var(--green-soft)}.editor-workspace .workspace-tools button:disabled{opacity:.4;cursor:default}.workspace-scenes-panel{position:absolute;top:72px;left:94px;width:352px;z-index:11;padding:8px 16px 20px;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;background:var(--surface);box-shadow:var(--shadow-pop)}.workspace-scenes-panel>p{margin:0 0 14px;font-size:12px;color:var(--text-secondary)}.scene-options{display:grid;grid-gap:6px;gap:6px}.scene-options button{display:flex;justify-content:space-between;padding:13px 14px;border:1px solid var(--line);border-radius:9px;color:var(--text-secondary);background:var(--surface-muted);font:inherit;font-size:13px}.scene-options button[aria-pressed=true]{background:var(--green-soft);color:var(--green-strong);border-color:var(--green)}@media (max-width:640px){.workspace-scenes-panel{left:68px;width:min(352px,calc(100% - 80px))}}.current-device-label{min-width:0;display:grid;grid-gap:5px;gap:5px;padding:8px 0 12px}.current-device-label strong{color:var(--green-strong);font-size:15px;overflow-wrap:anywhere}.current-device-label small{color:var(--muted);font-size:11px}.editor-workspace[data-tool=main]>.inspector,.editor-workspace[data-tool=main]>.workspace-panel-heading{width:min(660px,calc(100% - 120px))}.device-settings-search{display:flex;gap:10px;padding:10px 12px;margin:0 0 16px;border:1px solid var(--line-strong);border-radius:10px;color:var(--muted)}.device-settings-search input{width:100%;border:0;background:transparent;color:var(--text);outline:0}.device-settings-browser{display:grid;grid-template-columns:170px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.device-settings-menu{display:grid;grid-gap:20px;gap:20px;border-right:1px solid var(--line);padding-right:14px}.device-settings-browser h3{font-size:12px;margin:0 0 10px;color:var(--text-strong)}.device-settings-menu button{width:100%;display:flex;justify-content:space-between;padding:13px 10px;border:0;border-radius:8px;color:var(--text-secondary);background:transparent;text-align:left;font-size:13px}.device-settings-menu button:hover{background:var(--surface-muted)}.device-settings-menu button[aria-pressed=true]{color:var(--green-strong);background:var(--green-soft)}.device-settings-detail{min-width:0}.device-settings-detail [hidden]{display:none!important}.device-settings-detail .block:first-child{margin-top:0}@media (max-width:760px){.editor-workspace[data-tool=main]>.inspector,.editor-workspace[data-tool=main]>.workspace-panel-heading{width:calc(100% - 108px)}.device-settings-browser{grid-template-columns:minmax(0,1fr)}.device-settings-menu{border-right:0;padding-right:0;grid-template-columns:1fr 1fr;gap:12px}.device-settings-menu button{padding:9px}}.editor-workspace .inspector-foot,.editor-workspace[data-tool=main] .workspace-panel-heading{display:none}.editor-workspace[data-tool=main]>.inspector{top:20px;border-top:1px solid var(--line);border-radius:18px}.editor-workspace[data-tool=main] .inspector-body{padding-top:20px}.editor-workspace .workspace-panel-heading,.editor-workspace>.inspector,.editor-workspace>.side,.workspace-scenes-panel{left:82px}.device-add-popover{left:calc(100% + 8px)}@media (max-width:640px){.editor-workspace .workspace-panel-heading,.editor-workspace>.inspector,.editor-workspace>.side,.workspace-scenes-panel{left:60px}}.device-settings-browser{grid-template-columns:132px minmax(0,1fr)}.device-settings-menu{gap:14px;padding-right:10px}.device-settings-menu h3{font-size:11px;margin-bottom:7px}.device-settings-menu button{padding:10px 8px;font-size:12px}.device-settings-detail{zoom:.8}@media (max-width:760px){.device-settings-browser{grid-template-columns:minmax(0,1fr)}.device-settings-menu{grid-template-columns:1fr 1fr;padding-right:0}}.editor-workspace[data-tool=main] .inspector-body{padding:18px}.device-settings-menu{gap:22px;padding-right:12px}.device-settings-menu h3{color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.05em;padding:0 8px}.device-settings-menu button{min-height:38px;padding:9px 8px;margin:3px 0;border-radius:9px;font-size:11px}.settings-menu-label{display:inline-flex;align-items:center;gap:8px}.settings-menu-label svg{width:16px;height:16px;flex:none}.device-settings-detail>h3{padding:0 2px 12px;margin-bottom:12px;font-size:15px;font-weight:600;border-bottom:1px solid var(--line)}.device-settings-detail .block{padding:14px;margin:0 0 10px;gap:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.device-settings-detail .block h2{font-size:12px;font-weight:600;color:var(--text-strong)}.device-settings-detail .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px}.device-settings-detail .ui-check{min-width:0;white-space:normal;font-size:12px;color:var(--text-secondary)}.device-settings-detail .checks .ui-check{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:6px;padding:9px 10px;border-radius:8px;background:var(--surface-muted)}.device-settings-detail .ui-check input[type=checkbox]{flex:0 0 27px;width:27px;height:16px;border-radius:12px;border:0;background:var(--toggle-off);transition:background .15s}.device-settings-detail .ui-check input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border:0;border-radius:50%;background:var(--knob);transform:none;box-shadow:var(--shadow-segment);transition:left .15s}.device-settings-detail .ui-check input[type=checkbox]:checked{background:var(--green)}.device-settings-detail .ui-check input[type=checkbox]:checked:after{left:13px}.device-settings-detail .segmented{gap:3px;padding:4px;border-radius:9px;background:var(--surface-muted)}.device-settings-detail .segmented button{min-height:30px;padding:6px 8px;border-radius:6px;font-size:12px}.device-settings-detail .segmented button.selected{background:var(--surface);box-shadow:var(--shadow-segment);color:var(--green-strong)}.device-settings-detail input:not([type=checkbox]):not([type=range]):not([type=color]),.device-settings-detail select{border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);color:var(--text);min-height:34px;font-size:13px;padding:6px 9px}.device-settings-detail .colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.device-settings-detail .colors label{display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:9px 7px;border:1px solid var(--line);border-radius:9px;font-size:11px;color:var(--text-secondary)}.device-settings-detail .colors label:has(.selected){border-color:var(--green);background:var(--green-soft);color:var(--green-strong)}.device-settings-detail .colors .dot{flex:none;width:18px;height:18px;box-shadow:none;border:2px solid var(--surface);outline:1px solid var(--line-strong)}.device-settings-detail .dropzone{min-height:90px;border-color:var(--line-strong)}.device-settings-detail .crop,.device-settings-detail .dropzone{background:var(--surface-muted);border-radius:10px;font-size:12px}.device-settings-detail .video-note{font-size:11px;line-height:1.8}.device-settings-detail .switch-row{padding:8px 0}.device-settings-detail .line{flex-wrap:wrap}.editor-workspace[data-tool=main]>.inspector,.editor-workspace[data-tool=main]>.workspace-panel-heading{width:min(500px,calc(100% - 100px))}.device-settings-browser{grid-template-columns:120px minmax(0,1fr)}@media (max-width:760px){.device-settings-browser{grid-template-columns:minmax(0,1fr)}}.editor-workspace[data-tool=main]>.inspector,.editor-workspace[data-tool=main]>.workspace-panel-heading{width:min(362px,calc(100% - 100px))}.device-settings-browser{grid-template-columns:120px minmax(0,1.618fr);gap:12px}.device-settings-detail .checks{grid-template-columns:minmax(0,1fr)}.device-settings-detail .line>.checks{width:100%}.device-settings-detail .colors{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.device-settings-browser{grid-template-columns:120px minmax(0,1fr)}.device-settings-menu{grid-template-columns:minmax(0,1fr);border-right:1px solid var(--line);padding-right:10px}}@media (max-width:420px){.device-settings-browser{grid-template-columns:minmax(0,1fr)}.device-settings-menu{grid-template-columns:1fr 1fr;border-right:0;padding-right:0}}.editor-workspace{--nav-left:20px;--nav-width:54px;--nav-padding:6px;--nav-panel-gap:8px}.editor-workspace .workspace-tools{left:var(--nav-left);width:var(--nav-width);padding:var(--nav-padding)}.editor-workspace .workspace-panel-heading,.editor-workspace .workspace-scenes-panel,.editor-workspace>.inspector,.editor-workspace>.side{left:calc(var(--nav-left) + var(--nav-width) + var(--nav-panel-gap))}.editor-workspace .device-add-popover{left:calc(100% + var(--nav-padding) + 1px + var(--nav-panel-gap))}@media (max-width:640px){.editor-workspace{--nav-left:8px;--nav-width:44px;--nav-padding:4px}}.editor-workspace .workspace-panel-heading{display:none!important}.editor-workspace .workspace-scenes-panel,.editor-workspace>.inspector,.editor-workspace>.side{top:20px;border-top:1px solid var(--line);border-radius:18px}.editor-workspace>.side{padding-top:14px}.editor-workspace .workspace-scenes-panel{padding-top:16px}.editor-workspace .pad-background>.block,.editor-workspace .pad-watermark>.block{border-top:0}.editor-workspace .device-add-popover{font-family:inherit;font-size:12px;font-weight:400;line-height:1.5}.editor-workspace .device-add-popover button,.editor-workspace .device-add-popover input,.editor-workspace .device-add-popover select{font-family:inherit;font-weight:400}.editor-workspace .template-create-popover>button{align-items:flex-start;padding:10px 12px;min-height:60px;gap:4px;font-size:12px;font-weight:500;line-height:1.5;color:var(--text-body)}.editor-workspace .template-create-popover>button>span{font-size:11px;font-weight:400;line-height:1.5;color:var(--muted)}.editor-workspace .template-create-popover>button:hover{color:var(--green-strong);background:var(--green-soft)}.editor-workspace .device-add-popover label{font-size:12px;font-weight:400;line-height:1.5}.editor-workspace .device-add-popover input,.editor-workspace .device-add-popover select{font-size:12px}.workspace-minimap{padding:4px;border-radius:8px;background:color-mix(in srgb,var(--surface) 72%,transparent);border-color:color-mix(in srgb,var(--line-strong) 65%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--text) 8%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.workspace-minimap-map{border-radius:4px;background:color-mix(in srgb,var(--surface-sunken) 60%,transparent)}.device-settings-detail{zoom:1}.editor-workspace .device-settings-menu h3{font-size:12px}.editor-workspace .device-settings-menu button{font-size:13px}.editor-workspace .device-settings-detail>h3{font-size:15px}.editor-workspace .device-settings-detail .block h2{font-size:14px}.editor-workspace .device-settings-detail .colors label,.editor-workspace .device-settings-detail .crop,.editor-workspace .device-settings-detail .dropzone,.editor-workspace .device-settings-detail .segmented button,.editor-workspace .device-settings-detail .ui-check{font-size:13px}.editor-workspace .device-settings-detail .video-note{font-size:12px}.editor-workspace .device-settings-detail input:not([type=checkbox]):not([type=range]):not([type=color]),.editor-workspace .device-settings-detail select{font-size:14px;max-width:100%;min-width:0}.editor-workspace .device-add-popover,.editor-workspace .device-add-popover input,.editor-workspace .device-add-popover label,.editor-workspace .device-add-popover select,.editor-workspace .template-create-popover>button{font-size:14px}.editor-workspace .template-create-popover>button>span{font-size:12px}.editor-workspace .crop-presets button,.editor-workspace .crop-ratios button,.editor-workspace .device-add-popover .device-add-confirm{font-size:13px}.editor-workspace .cats button,.editor-workspace .template .name,.editor-workspace .template-search input,.scene-options button{font-size:14px}.editor-workspace .device-settings-menu h3{font-size:13px}.editor-workspace .device-settings-menu button{font-size:12px}.editor-workspace .device-settings-detail .wallpaper-settings{border:0;border-radius:0;padding:0;background:transparent}.device-settings-detail .wallpaper-settings .block-head h2{display:none}.device-settings-detail .wallpaper-settings .block-head:not(:has(button)){display:none}.editor-workspace .device-settings-detail .appearance-content-settings .block,.editor-workspace .device-settings-detail .scene-content-settings .block{border:0;border-radius:0;padding:0 0 14px;margin-bottom:14px;background:transparent}.editor-workspace .device-settings-detail .block h2,.editor-workspace .device-settings-detail .field-label,.editor-workspace .device-settings-detail>h3{font-size:13px}.editor-workspace .device-settings-detail .colors label,.editor-workspace .device-settings-detail .crop,.editor-workspace .device-settings-detail .dropzone,.editor-workspace .device-settings-detail .linkish,.editor-workspace .device-settings-detail .segmented button,.editor-workspace .device-settings-detail .slider,.editor-workspace .device-settings-detail .ui-check,.editor-workspace .device-settings-detail input:not([type=checkbox]):not([type=range]):not([type=color]),.editor-workspace .device-settings-detail select{font-size:12px}.editor-workspace .workspace-tools .workspace-more-trigger{margin-top:18px}.editor-workspace[data-tool=more]>.inspector{display:none}.workspace-more-panel{position:absolute;left:calc(var(--nav-left) + var(--nav-width) + var(--nav-panel-gap));bottom:20px;z-index:11;width:220px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-pop)}.workspace-more-panel a{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:12px}.workspace-more-panel a:hover{color:var(--green-strong);background:var(--green-soft)}.workspace-more-panel>button{width:100%;display:flex;justify-content:space-between;padding:12px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px}.workspace-more-panel>button:hover{background:var(--green-soft);color:var(--green-strong)}.more-settings-detail{position:absolute;left:calc(100% + 8px);bottom:0;width:300px;max-height:calc(100dvh - 100px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-pop)}.more-settings-detail .export-pop,.more-settings-detail .switch-pop{position:static;width:100%;max-width:none;box-shadow:none;border:0;margin:0}.more-settings-detail .export-scroll{max-height:none}.workspace-tools>.device-add-menu:has(>button[aria-label="新建"]){order:0}.workspace-tools>button:has(>span):first-of-type{order:1}.workspace-tools>.device-add-menu:has(>button[aria-label="新增设备"]){order:2}.workspace-tools>button:has(>span):nth-of-type(3){order:3}.workspace-tools>button:has(>span):nth-of-type(2){order:4}.workspace-tools>button:has(>span):nth-of-type(4){order:5}.workspace-tools>button:has(>span):nth-of-type(5){order:6}.workspace-tools>.device-add-menu:has(>button[aria-label="裁剪画布"]){order:7}.workspace-tools>.workspace-more-trigger{order:9}.editor-workspace[data-tool=layers]>.inspector{display:none}.workspace-layers-panel{position:absolute;top:20px;left:calc(var(--nav-left) + var(--nav-width) + var(--nav-panel-gap));z-index:11;width:260px;max-height:calc(100% - 40px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-pop)}.workspace-layers-panel>p{margin:0 0 12px;color:var(--text);font-size:13px}.workspace-layers-panel small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.device-layer-row{display:flex;gap:6px;align-items:center;margin-top:6px;padding:6px;border:1px solid var(--line);border-radius:8px}.device-layer-row.selected{border-color:var(--green);background:var(--green-soft)}.device-layer-row button{border:0;border-radius:5px;padding:6px;background:transparent;color:var(--text-secondary);font-size:12px}.device-layer-row button:disabled{opacity:.3}.device-layer-name{flex:1 1;text-align:left;min-width:0;overflow-wrap:anywhere}.workspace-tools>button:has(>span):nth-of-type(6){order:8}.workspace-tools>.workspace-more-trigger{order:10}.device-layer-row{cursor:-webkit-grab;cursor:grab}.device-layer-row:active{cursor:-webkit-grabbing;cursor:grabbing}.device-layer-name{display:flex;align-items:center;gap:8px}.device-layer-thumbnail{width:36px;height:46px;flex:none;border-radius:5px;background:var(--surface-muted);pointer-events:none}.device-layer-grip{color:var(--muted);font-size:17px}.device-layer-row.drop-target{border-color:var(--green);box-shadow:0 -2px 0 var(--green)}.editor-workspace .shape-layer polygon{stroke:var(--green)}.editor-workspace .shape-handle{border-color:var(--green)}.editor-workspace{--nav-width:48px;--nav-padding:4px}.editor-workspace .workspace-tools{gap:3px;border-radius:16px}.editor-workspace .workspace-tools>.device-add-menu>button,.editor-workspace .workspace-tools>button{min-height:43px;padding:3px 0;border-radius:9px}.editor-workspace .workspace-tools .workspace-more-trigger{margin-top:12px}@media (max-width:640px){.editor-workspace{--nav-width:40px;--nav-padding:3px}.editor-workspace .workspace-tools>.device-add-menu>button,.editor-workspace .workspace-tools>button{min-height:41px}}.editor-workspace .workspace-canvas-toolbar{padding:4px 8px;gap:8px;border-radius:10px}.editor-workspace .workspace-canvas-toolbar button{padding:4px 6px}@media (max-width:640px){.editor-workspace .workspace-canvas-toolbar{gap:4px;padding:4px 6px}}.workspace-minimap{transform:scale(.8);transform-origin:bottom right}.editor-workspace .saved-template-card{min-width:0}.editor-workspace .saved-template{display:flex;width:100%;box-sizing:border-box;align-items:center;gap:12px;padding:10px 34px 10px 10px;border:1px solid var(--line-strong);border-radius:12px}.editor-workspace .saved-template.active{border:1px solid var(--green)}.editor-workspace .saved-template-preview,.editor-workspace .saved-template.active .saved-template-preview{display:block;flex:0 0 66px;width:66px;padding:0;border:0;border-radius:7px;overflow:hidden}.editor-workspace .saved-template .thumb{display:block;width:100%;height:88px;aspect-ratio:auto;background-size:contain}.editor-workspace .saved-template .name{min-width:0;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.editor-workspace .saved-template:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--green)}.editor-workspace .side-foot,.editor-workspace .side-foot .save-import,.editor-workspace[data-tool=drafts]>.inspector{display:none}.editor-workspace[data-tool=drafts]:not(.panel-collapsed)>.side{display:flex}.workspace-tools>button:has(>span):nth-of-type(7){order:9}.workspace-tools>button:has(>span):nth-of-type(8){order:10}.workspace-tools>.workspace-more-trigger{order:11}.editor-app{grid-template-rows:68px minmax(0,1fr)}.editor-app .editor-header{position:relative;height:68px;padding-top:0;padding-bottom:0;align-items:center}.draft-save-status{position:absolute;bottom:3px;left:18px;z-index:21;font-size:9px;line-height:12px;white-space:nowrap;color:#b7791f;pointer-events:none}.editor-ai-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;z-index:21;min-height:34px;padding:0 14px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));border-radius:999px;background:linear-gradient(120deg,var(--green-soft),var(--surface));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface) 75%,transparent),0 2px 6px color-mix(in srgb,var(--green) 7%,transparent);color:var(--green-strong);font-size:12px;font-weight:600;letter-spacing:.06em;line-height:1;white-space:nowrap;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.editor-ai-sparkle{flex-shrink:0}.editor-ai-button:hover{border-color:color-mix(in srgb,var(--green) 50%,var(--line));box-shadow:0 3px 10px color-mix(in srgb,var(--green) 14%,transparent);transform:translateY(-1px)}.editor-ai-button:active{transform:translateY(0)}.editor-ai-button:focus-visible{outline:2px solid var(--green-strong);outline-offset:3px}@media (prefers-reduced-motion:reduce){.editor-ai-button{transition:none}.editor-ai-button:hover{transform:none}}@media(max-width:700px){.draft-save-status{left:8px;font-size:8px}.editor-ai-button{padding:6px 8px}.editor-app .editor-header{gap:12px}.editor-header .header-links{gap:10px}}.editor-workspace.canvas-empty .sheet,.editor-workspace.canvas-empty .workspace-canvas-toolbar,.editor-workspace.canvas-empty .workspace-minimap{display:none}