:root{color-scheme:light;--ink:#262626;--muted:#737373;--line:rgba(38,38,38,.14);--soft:rgba(239,239,239,.68);--glass:rgba(255,255,255,.62);font-family:'Noto Sans TC',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fff,#fafafa)}button,input,textarea,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:8px;min-height:42px;padding:8px 14px;font-size:14px}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid #262626;outline-offset:3px}a{color:inherit}button.dark{background:rgba(38,38,38,.9);color:#fff;border-color:rgba(38,38,38,.9)}h1{font-size:24px;font-weight:500;margin:0}h2{font-size:15px;font-weight:500;margin:0 0 12px}p{font-size:13px;line-height:1.7}.muted{color:var(--muted)}.editor-header{height:64px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;background:rgba(255,255,255,.76);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.wordmark{font-family:'Cormorant Garamond',Georgia,serif;letter-spacing:.12em;font-size:26px}.back{text-decoration:none;font-size:14px}.header-label{justify-self:end;font-size:13px;color:var(--muted)}.editor-main{max-width:1440px;margin:auto;padding:30px}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.editor-heading p{margin:6px 0 0;color:var(--muted)}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.editor-layout{display:grid;grid-template-columns:220px minmax(290px,1fr) 260px;gap:30px}.library,.inspector{border-top:1px solid var(--line);padding-top:20px}.library p{margin:0 0 18px}.library-option{display:flex;width:100%;align-items:center;gap:12px;text-align:left;margin-bottom:8px;padding:12px;background:rgba(255,255,255,.48)}.library-option:hover{background:rgba(239,239,239,.78)}.library-option b{font-weight:500}.library-option small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.library-symbol{width:26px;font-size:18px;text-align:center}.library-note{border-top:1px solid var(--line);margin-top:22px;padding-top:18px;font-size:13px}.library-note p{margin-top:8px;color:var(--muted)}.public-link{font-size:13px;text-underline-offset:4px}.workspace{min-width:0;background:rgba(247,247,247,.7);border:1px solid var(--line);padding:18px 20px;backdrop-filter:blur(20px)}.pages-toolbar{display:flex;justify-content:space-between;gap:8px;margin-bottom:18px}.pages-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.pages-toolbar button{padding:8px 12px}.pages-toolbar .selected{background:rgba(38,38,38,.9);color:#fff}.canvas-label{display:flex;justify-content:space-between;max-width:360px;margin:0 auto 10px;color:var(--muted);font-size:12px}.canvas-scroll{max-height:680px;overflow:auto;overscroll-behavior:contain;padding:0 4px}.phone-canvas{max-width:360px;margin:auto;background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:0 18px 42px rgba(38,38,38,.08)}.phone-header{height:52px;display:grid;place-items:center;border-bottom:1px solid var(--line);font-family:'Cormorant Garamond',serif;letter-spacing:.12em;font-size:23px;position:sticky;top:0;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);z-index:2}.editor-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(8,60px);gap:6px;margin:12px}.grid-cell{border:1px dashed rgba(38,38,38,.13);border-radius:7px;min-width:0;pointer-events:none}.canvas-widget{z-index:1;min-width:0;overflow:hidden;position:relative;text-align:left;background:rgba(239,239,239,.7);backdrop-filter:blur(12px);padding:10px;border:1px solid rgba(38,38,38,.1);border-radius:8px;display:flex;flex-direction:column;gap:5px;touch-action:none;cursor:grab;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.canvas-widget:hover{box-shadow:0 8px 20px rgba(38,38,38,.08)}.canvas-widget.selected{outline:2px solid #262626;outline-offset:1px;background:rgba(229,229,229,.85)}.canvas-widget.dragging{opacity:.34;transform:scale(.96)}.canvas-widget b{font-size:13px;font-weight:500;overflow-wrap:anywhere}.canvas-widget .ghost-lines{color:#737373;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-tag{font-size:11px;position:absolute;right:7px;bottom:5px;color:#737373}.widget-expand{position:absolute;right:7px;top:5px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.7);font-size:13px;cursor:pointer}.widget-price{font-family:'Libre Baskerville',serif;font-size:15px}.canvas-widget img{width:100%;height:100%;object-fit:cover;min-height:0;border-radius:5px}.editor-grid.no-boundaries .canvas-widget{background:transparent;border-color:transparent;box-shadow:none}.editor-grid.no-boundaries .grid-cell{border-color:transparent}.drag-ghost{position:fixed;z-index:100;pointer-events:none;width:142px;min-height:86px;padding:10px;border:1px solid rgba(38,38,38,.14);border-radius:8px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 18px 40px rgba(38,38,38,.2);transform:rotate(2deg) scale(1.04);transition:transform .12s ease}.canvas-help,.page-transfer{font-size:12px;text-align:center;color:var(--muted);margin:12px 0 0}.page-transfer{min-height:18px;color:#262626}.page-actions{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:8px}.page-actions button{font-size:12px;padding:6px 9px}.inspector label{display:grid;gap:8px;font-size:13px;margin-bottom:16px}.inspector input,.inspector textarea,.inspector select{width:100%;min-width:0;border:1px solid transparent;background:var(--soft);border-radius:8px;padding:11px;font-size:14px}.inspector input[type=checkbox]{width:18px;height:18px;accent-color:#262626}.inspector textarea{min-height:90px;resize:vertical}.inspector .check-label{display:flex;align-items:center}.position-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspector-actions{display:flex;gap:8px;flex-wrap:wrap}.validation{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.validation ul{padding-left:17px;font-size:12px;line-height:1.8;color:#737373}.thumbnail-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.thumbnail-list button{padding:0;position:relative}.thumbnail-list img{width:60px;height:60px;object-fit:cover;border-radius:6px}.thumbnail-list span{position:absolute;right:2px;top:2px;background:#fff;border-radius:50%;padding:0 4px}#editor-message{position:sticky;bottom:12px;max-width:700px;margin:18px auto 0;background:rgba(38,38,38,.92);color:#fff;border-radius:8px;padding:12px 16px;white-space:pre-line;backdrop-filter:blur(16px)}#editor-message:empty{display:none}dialog{padding:0;border:1px solid var(--line);border-radius:12px;width:min(420px,calc(100vw - 24px));max-height:92dvh;overflow:hidden}dialog::backdrop{background:#0006}.dialog-bar{height:54px;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.dialog-bar button{background:transparent;border-color:transparent}iframe{border:0;width:100%;height:76dvh;display:block}body.busy .toolbar button{pointer-events:none;opacity:.5}
@media(max-width:1050px){.editor-layout{grid-template-columns:170px minmax(250px,1fr) 220px;gap:18px}.editor-main{padding:22px}.workspace{padding:14px 10px}.editor-heading{align-items:flex-start}}
@media(max-width:780px){.editor-header{padding:0 16px}.header-label{display:none}.editor-main{padding:20px 15px}.editor-heading{display:block}.toolbar{margin-top:16px}.toolbar button{flex:1;padding:9px;font-size:13px}.editor-layout{grid-template-columns:1fr}.library{order:2}.workspace{order:1}.inspector{order:3}#widget-library{display:grid;grid-template-columns:1fr 1fr;gap:8px}.library-option{margin:0}.editor-grid{grid-template-rows:repeat(8,64px)}.canvas-scroll{max-height:620px}.header-label{display:none}}

/* HELLA frosted glass: a restrained highlight, diffuse shadow and fine glass grain. */
.editor-header,.workspace,.phone-canvas,.library-option,.canvas-widget,button,dialog{background-image:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.08) 46%,rgba(255,255,255,.18)),radial-gradient(circle at 22% 0%,rgba(255,255,255,.34),transparent 38%);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 10px 26px rgba(28,28,28,.055);backdrop-filter:blur(18px) saturate(125%)}.canvas-widget{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px rgba(28,28,28,.07)}.canvas-widget.selected{box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 12px 26px rgba(28,28,28,.13)}.widget-expand{font-size:15px;background:rgba(255,255,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 8px rgba(28,28,28,.1)}

/* HELLA light-reflection surface: raised white material, not frosted glass. */
:root{--hella-blue:#42afea;--hella-blue-deep:#2299dc;--paper:#f5f7fa;--raised:linear-gradient(145deg,#ffffff 0%,#f6f8fa 48%,#e8edf2 100%);--raised-shadow:inset 1px 1px 1px rgba(255,255,255,.98),inset -1px -1px 2px rgba(39,61,82,.09),0 8px 20px rgba(24,45,65,.1),0 2px 5px rgba(24,45,65,.06)}
body{background:var(--paper)}
button,.editor-header,.phone-canvas,.library-option,.canvas-widget,dialog,.workspace{background:var(--raised);background-image:var(--raised);border:0;box-shadow:var(--raised-shadow);backdrop-filter:none}
button.dark,.pages-toolbar .selected{background:linear-gradient(145deg,#63c4f4,#2f9fe1);color:#fff;border:0;box-shadow:inset 1px 1px 1px rgba(255,255,255,.5),inset -1px -2px 3px rgba(0,91,156,.2),0 9px 18px rgba(66,175,234,.28)}
.editor-header{border:0;background:rgba(255,255,255,.93);box-shadow:0 5px 18px rgba(24,45,65,.06)}
.library,.inspector,.validation,.library-note{border:0}
.workspace{padding:18px;border-radius:22px;background:transparent;box-shadow:none}
.phone-canvas{border:0;border-radius:26px;background:var(--paper);box-shadow:0 16px 34px rgba(24,45,65,.11);overflow:hidden}
.phone-header{border:0;background:rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(24,45,65,.05);backdrop-filter:none}
.editor-grid{gap:8px;margin:14px;background:var(--paper)}
.grid-cell{border:0;border-radius:16px;background:rgba(232,237,242,.55)}
.canvas-widget{border:0;border-radius:18px;padding:15px;background:var(--raised);box-shadow:var(--raised-shadow)}
.canvas-widget:hover{box-shadow:inset 1px 1px 1px rgba(255,255,255,1),inset -1px -1px 2px rgba(39,61,82,.1),0 12px 24px rgba(24,45,65,.14)}
.canvas-widget.selected{outline:0;background:linear-gradient(145deg,#e9f8ff,#d8f1ff 58%,#c1e6fb);box-shadow:inset 1px 1px 1px rgba(255,255,255,.98),inset -1px -1px 2px rgba(19,129,192,.16),0 10px 22px rgba(66,175,234,.24)}
.canvas-widget.dragging{box-shadow:var(--raised-shadow)}.canvas-widget.resizing{transform:scale(.985);box-shadow:0 0 0 3px rgba(66,175,234,.26),var(--raised-shadow)}
.widget-tag{right:10px;bottom:8px;color:#627181}.canvas-widget b{font-weight:500}
.widget-delete,.widget-resize{position:absolute;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:20px;line-height:1;color:#526371;background:linear-gradient(145deg,#fff,#e3e9ee);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 2px rgba(35,59,80,.15),0 3px 8px rgba(24,45,65,.13)}
.widget-delete{left:8px;top:8px}.widget-delete:hover{color:#111;background:linear-gradient(145deg,#fff,#d9e1e7)}
.widget-resize{left:8px;bottom:8px;cursor:nesw-resize;color:var(--hella-blue-deep);font-size:17px;touch-action:none}.widget-resize::after{content:'';position:absolute;inset:5px;border:1px solid rgba(66,175,234,.26);border-radius:50%;pointer-events:none}.widget-resize:hover{background:linear-gradient(145deg,#f7fdff,#d7f1ff)}
.canvas-widget:has(.widget-delete) b{padding-left:32px}.canvas-widget:has(.widget-resize) .ghost-lines:last-of-type{padding-bottom:24px}
.editor-grid.no-boundaries .grid-cell{opacity:0}.editor-grid.no-boundaries .canvas-widget{background:transparent;background-image:none;box-shadow:none;border:0}.editor-grid.no-boundaries .widget-delete,.editor-grid.no-boundaries .widget-resize,.editor-grid.no-boundaries .widget-tag{opacity:.82}
.inspector input,.inspector textarea,.inspector select{border:0;border-radius:14px;background:var(--raised);box-shadow:inset 1px 1px 1px rgba(255,255,255,.95),inset -1px -1px 2px rgba(39,61,82,.1)}
.inspector input[type=checkbox]{accent-color:var(--hella-blue)}.resize-note{margin:8px 0 0;color:#627181;font-size:12px;line-height:1.6}
.drag-ghost{border:0;border-radius:18px;background:var(--raised);box-shadow:0 18px 34px rgba(24,45,65,.21);backdrop-filter:none}
#editor-message{border-radius:16px;background:linear-gradient(145deg,#303b45,#111820);box-shadow:0 10px 22px rgba(24,45,65,.2);backdrop-filter:none}

/* HELLA Prism Clear editor treatment shared with the published customer view. */
:root{--prism-page:#f6f7f8;--prism-ink:#111827;--prism-muted:#687481;--prism-clear:linear-gradient(138deg,rgba(255,255,255,.28),rgba(246,249,251,.12) 48%,rgba(227,235,241,.16)) padding-box,linear-gradient(138deg,rgba(255,255,255,.92) 0%,rgba(199,221,239,.68) 28%,rgba(174,210,232,.58) 50%,rgba(223,208,235,.48) 72%,rgba(245,207,219,.52) 100%) border-box;--prism-selected:linear-gradient(138deg,rgba(151,210,237,.76),rgba(102,181,220,.70) 52%,rgba(71,155,203,.76)) padding-box,linear-gradient(138deg,rgba(227,247,255,.96) 0%,rgba(202,223,245,.76) 28%,rgba(132,202,235,.94) 53%,rgba(221,214,242,.64) 76%,rgba(255,226,235,.68) 100%) border-box;--prism-shadow:inset 1px 1px 1px rgba(255,255,255,.72),inset -1px -1px 1px rgba(166,186,199,.1),0 9px 24px rgba(38,49,58,.11),-5px -3px 16px rgba(209,231,245,.11),5px 3px 18px rgba(245,214,225,.08);--prism-selected-shadow:inset 1px 1px 2px rgba(241,252,255,.65),inset -2px -2px 3px rgba(30,119,173,.14),0 10px 24px rgba(63,139,181,.18)}
body{background:var(--prism-page);color:var(--prism-ink)}button,input,textarea,select{color:var(--prism-ink)}.editor-header{background:rgba(246,247,248,.9);box-shadow:0 8px 22px rgba(38,49,58,.07);backdrop-filter:blur(16px) saturate(110%)}
button:not(.dark),.workspace,.phone-canvas,.library-option,.canvas-widget,dialog,.widget-delete,.widget-resize,.inspector input,.inspector textarea,.inspector select{border:1px solid transparent!important;background:var(--prism-clear)!important;box-shadow:var(--prism-shadow)!important;backdrop-filter:blur(15px) saturate(112%)!important}.pages-toolbar .selected,button.dark,.canvas-widget.selected{border:1px solid transparent!important;background:var(--prism-selected)!important;color:#fff!important;box-shadow:var(--prism-selected-shadow)!important;text-shadow:0 1px 1px rgba(23,102,147,.22)}.canvas-widget.selected .ghost-lines,.canvas-widget.selected .widget-tag{color:rgba(255,255,255,.84)}
.editor-grid.no-boundaries .canvas-widget{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.widget-resize{color:#287da9}.widget-resize::after{border-color:rgba(102,181,220,.38)}
.drag-ghost,.widget-expand,.thumbnail-list button,.dialog-bar button{border:1px solid transparent!important;background:var(--prism-clear)!important;box-shadow:var(--prism-shadow)!important;backdrop-filter:blur(15px) saturate(112%)!important}

/* iOS-style edit controls and an editor-only visible layout boundary. */
.canvas-widget.selected,.canvas-widget.selected b,.canvas-widget.selected .ghost-lines,.canvas-widget.selected .widget-tag,.canvas-widget.selected .widget-price{color:#fff!important}
.editor-grid.no-boundaries .canvas-widget{border:1px solid transparent!important;background:var(--prism-clear)!important;box-shadow:var(--prism-shadow)!important;backdrop-filter:blur(15px) saturate(112%)!important}
.editor-grid.no-boundaries .canvas-widget.selected{background:var(--prism-selected)!important;box-shadow:var(--prism-selected-shadow)!important}
.widget-delete{left:8px;top:8px;color:#fff!important;background:linear-gradient(145deg,rgba(71,77,84,.94),rgba(38,43,49,.82))!important;box-shadow:inset 1px 1px 1px rgba(255,255,255,.45),0 4px 10px rgba(22,31,39,.22)!important}
.widget-delete.locked{opacity:.38;cursor:not-allowed}
.widget-resize{left:auto!important;right:-3px;bottom:-3px;width:44px;height:44px;padding:0;border:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;cursor:nwse-resize;color:transparent!important}
.widget-resize::before{content:'';position:absolute;right:6px;bottom:6px;width:25px;height:25px;border:5px solid rgba(79,88,96,.72);border-left-color:transparent;border-top-color:transparent;border-radius:50%;filter:drop-shadow(0 1px 0 rgba(255,255,255,.9));transform:rotate(2deg)}
.widget-resize::after{content:'';position:absolute;right:8px;bottom:8px;width:21px;height:21px;border:2px solid rgba(255,255,255,.74);border-left-color:transparent;border-top-color:transparent;border-radius:50%;pointer-events:none}
.canvas-widget:has(.widget-resize) .ghost-lines:last-of-type{padding-bottom:26px}

/* HELLA Soft Raised 01 editor and motion language. */
:root{--neu-page:#eef1f5;--neu-surface:#eef1f5;--neu-ink:#24282d;--neu-muted:#707780;--neu-blue:#b8d8ff;--neu-blue-light:#cce1ff;--neu-light:rgba(255,255,255,.92);--neu-dark:rgba(164,174,188,.43);--neu-raised:-7px -7px 14px var(--neu-light),7px 7px 14px var(--neu-dark);--neu-raised-soft:-4px -4px 10px rgba(255,255,255,.88),4px 4px 10px rgba(164,174,188,.34);--neu-pressed:inset 5px 5px 10px rgba(111,145,185,.20),inset -5px -5px 10px rgba(255,255,255,.72),4px 6px 13px rgba(132,153,180,.22)}
body{background:var(--neu-page);color:var(--neu-ink)}button,input,textarea,select{color:var(--neu-ink)}
.editor-header{background:var(--neu-page);box-shadow:0 6px 16px rgba(164,174,188,.24);backdrop-filter:none}
button:not(.dark),.phone-canvas,.library-option,.canvas-widget,dialog,.widget-delete,.inspector input,.inspector textarea,.inspector select,.thumbnail-list button,.dialog-bar button{border:0!important;background:var(--neu-surface)!important;background-image:none!important;box-shadow:var(--neu-raised)!important;backdrop-filter:none!important;text-shadow:none!important}
.workspace{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}.phone-canvas{background:var(--neu-page)!important;border-radius:28px}.phone-header{border:0;background:var(--neu-page);box-shadow:0 6px 14px rgba(164,174,188,.22);backdrop-filter:none}.editor-grid{background:var(--neu-page)}.grid-cell{border:0;background:rgba(222,227,233,.52);box-shadow:inset 2px 2px 5px rgba(164,174,188,.20),inset -2px -2px 5px rgba(255,255,255,.62)}
.library-option,.canvas-widget,.inspector input,.inspector textarea,.inspector select{border-radius:20px!important}.pages-toolbar .selected,button.dark,.canvas-widget.selected{border:0!important;background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue))!important;color:var(--neu-ink)!important;box-shadow:var(--neu-pressed)!important;text-shadow:none!important}.canvas-widget.selected b,.canvas-widget.selected .ghost-lines,.canvas-widget.selected .widget-tag,.canvas-widget.selected .widget-price{color:var(--neu-ink)!important}.canvas-widget.selected .ghost-lines,.canvas-widget.selected .widget-tag{color:#52677f!important}
.editor-grid.no-boundaries .canvas-widget{border:0!important;background:var(--neu-surface)!important;background-image:none!important;box-shadow:var(--neu-raised)!important;backdrop-filter:none!important}.editor-grid.no-boundaries .canvas-widget.selected{background:linear-gradient(145deg,var(--neu-blue-light),var(--neu-blue))!important;box-shadow:var(--neu-pressed)!important}
.widget-delete{color:#56606a!important;background:var(--neu-surface)!important;box-shadow:var(--neu-raised-soft)!important}.widget-resize{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.widget-resize::before{border-color:rgba(86,96,106,.68);border-left-color:transparent;border-top-color:transparent}.widget-resize::after{border-color:rgba(255,255,255,.84);border-left-color:transparent;border-top-color:transparent}
.drag-ghost{border:0!important;border-radius:20px;background:var(--neu-surface)!important;box-shadow:-12px -12px 24px rgba(255,255,255,.98),14px 18px 30px rgba(125,137,153,.42)!important;backdrop-filter:none!important;pointer-events:none;transform-origin:center;animation:neu-widget-lift .18s cubic-bezier(.2,.8,.2,1) both}
.canvas-widget{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,opacity .2s ease}.canvas-widget.dragging{opacity:.5;transform:scale(.965);box-shadow:inset 5px 5px 10px rgba(164,174,188,.25),inset -5px -5px 10px rgba(255,255,255,.78)!important;animation:neu-slot-pulse .9s ease-in-out infinite}.canvas-widget.resizing{z-index:8;transform-origin:right bottom;transform:scale(var(--resize-preview-x,1),var(--resize-preview-y,1));opacity:.88;box-shadow:0 0 0 3px rgba(141,188,233,.28),var(--neu-raised)!important}.canvas-widget.resizing.expanding{animation:neu-resize-out .55s ease-in-out infinite alternate}.canvas-widget.resizing.shrinking{animation:neu-resize-in .55s ease-in-out infinite alternate}.canvas-widget.widget-removing{animation:neu-widget-remove .18s ease-in forwards;pointer-events:none}.canvas-widget.widget-arriving{animation:neu-widget-arrive .24s cubic-bezier(.2,.8,.2,1) both}
.grid-cell.drop-target{background:rgba(184,216,255,.56);box-shadow:inset 3px 3px 7px rgba(111,145,185,.20),inset -3px -3px 7px rgba(255,255,255,.72);animation:neu-target-pulse .7s ease-in-out infinite alternate}.editor-grid.page-edge-prev{transform:translateX(-5px)}.editor-grid.page-edge-next{transform:translateX(5px)}.editor-grid.page-edge-prev,.editor-grid.page-edge-next{box-shadow:inset 0 0 0 3px rgba(141,188,233,.28);transition:transform .18s ease,box-shadow .18s ease}
@keyframes neu-widget-lift{from{opacity:.55;transform:scale(.96) rotate(0)}to{opacity:.98;transform:scale(1.045) rotate(1deg)}}@keyframes neu-slot-pulse{from{opacity:.42}50%{opacity:.62}to{opacity:.42}}@keyframes neu-resize-out{from{filter:brightness(1)}to{filter:brightness(1.045)}}@keyframes neu-resize-in{from{filter:brightness(.96)}to{filter:brightness(1.02)}}@keyframes neu-target-pulse{from{opacity:.62}to{opacity:1}}@keyframes neu-widget-arrive{from{opacity:0;transform:scale(.84) translateY(8px)}to{opacity:1;transform:none}}@keyframes neu-widget-remove{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.canvas-widget,.drag-ghost,.grid-cell.drop-target,.canvas-widget.dragging,.canvas-widget.resizing,.canvas-widget.widget-removing,.canvas-widget.widget-arriving{animation:none!important;transition:none!important}.editor-grid.page-edge-prev,.editor-grid.page-edge-next{transform:none}}

.page-mode-actions{display:flex;gap:7px}#edit-mode{display:none}
@media(max-width:780px){#edit-mode{display:block}.phone-canvas{transition:transform .28s cubic-bezier(.2,.8,.2,1)}body:not(.mobile-editing) .phone-canvas{transform:scale(.985)}body:not(.mobile-editing) .grid-cell{opacity:0}body:not(.mobile-editing) .widget-delete,body:not(.mobile-editing) .widget-resize,body:not(.mobile-editing) .widget-tag{display:none}body:not(.mobile-editing) .canvas-widget.selected{background:var(--neu-surface)!important;box-shadow:var(--neu-raised)!important}body:not(.mobile-editing) .library,body:not(.mobile-editing) .inspector,body:not(.mobile-editing) .canvas-help,body:not(.mobile-editing) .page-actions{display:none}body.mobile-editing .phone-canvas{animation:editor-awake .28s cubic-bezier(.2,.8,.2,1)}.canvas-widget.edit-ready{animation:neu-widget-lift .2s cubic-bezier(.2,.8,.2,1) both}@keyframes editor-awake{from{transform:scale(.985)}to{transform:none}}}