html{height:100%;font-size:16px}@media (width<=1440px){html{font-size:14px}}@media (width<=1024px){html{font-size:12px}}@media (width<=768px){html{font-size:10px}}:root{--bg:#f7f3ea;--panel:#fffbf5eb;--panel-strong:#fffdf8;--ink:#1d1b16;--muted:#6e6558;--line:#3d2f201f;--accent:#d7612f;--accent-soft:#d7612f24;--shadow:0 1.25rem 2.5rem #3629191f;--sp-style-active-bg:var(--accent);--sp-style-active-fg:#fff;--sp-bg-active-bg:var(--accent);--sp-bg-active-fg:#fff6f0;--minimap-inner-border:#3d2f2014;--mode-active-bg:#ba7517;--canvas-base-bg:#f7f3ea;--minimap-viewport-fill:#d7612f12;--minimap-viewport-stroke:#d7612fbf;--slider-accent:var(--accent)}*{box-sizing:border-box}body{height:100%;color:var(--ink);background:radial-gradient(circle at 0 0,#ffe1b18c,#0000 28%),radial-gradient(circle at 100% 100%,#d491733d,#0000 24%),linear-gradient(135deg,#f8f1e4,#f4efe9 55%,#efe7db);margin:0;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;overflow:hidden}body.theme-colorful{--panel:#fffffff2;--panel-strong:#fff;--ink:#1e1e3f;--muted:#64748b;--line:#1e1e501a;--accent:#7f77dd;--accent-soft:#7f77dd24;--shadow:0 1.25rem 2.5rem #1e1e501f;--sp-style-active-bg:#1d9e75;--sp-bg-active-bg:#7f77dd;--sp-bg-active-fg:#fff;--minimap-inner-border:#9fe1cb;--mode-active-bg:#378add;--icon-arrange:#7f77dd;--icon-pen:#d4537e;--icon-eraser:#ba7517;--icon-shape:#1d9e75;--icon-components:#378add;--icon-calculator:#d85a30;--icon-timer:#639922;--icon-palette:#ba7517;--canvas-base-bg:#fff;--minimap-viewport-fill:#9fe1cb26;--minimap-viewport-stroke:#1d9e75d9;--slider-accent:#1d9e75;background:#fff}button,input,textarea{font:inherit}.canvas-text-editor{z-index:70;min-width:0;min-height:0;box-shadow:none;caret-color:#2563eb;resize:none;white-space:pre-wrap;background:0 0;border:1px dashed #2563eb;border-radius:4px;outline:none;display:block;position:fixed;overflow:auto}.canvas-text-editor--compact{scrollbar-width:none;overflow:hidden}.canvas-text-editor--compact::-webkit-scrollbar{width:0;height:0;display:none}.app-shell{height:100dvh;display:flex;overflow:hidden}.catalog-sidebar,.toolbar{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.catalog-sidebar{background:linear-gradient(#fffcf7f2,#fff8efe0);border-left:1px solid #3d2f201f;flex-direction:column;flex-shrink:0;width:16rem;min-height:0;padding:.75rem;transition:width .26s,padding .26s,border-color .26s,background .26s,transform .38s cubic-bezier(.4,0,.2,1),margin-right .38s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;overflow:hidden}.catalog-sidebar.is-collapsed{background:var(--panel);opacity:1;pointer-events:auto;width:3.1rem;padding:.55rem .35rem}.catalog-sidebar__surface{height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:.75rem;padding:0;display:flex}.catalog-sidebar__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.catalog-sidebar__header-meta{align-items:center;gap:.45rem;display:inline-flex}.catalog-sidebar__brand{align-items:center;gap:.85rem;min-width:0;display:flex}.catalog-sidebar__mark{background:linear-gradient(#d7612f40,#d7612f1a);border-radius:.9rem;justify-content:center;align-items:center;width:.35rem;height:2.4rem;display:inline-flex;box-shadow:0 0 0 1px #d7612f14}.catalog-sidebar__count{color:var(--accent);background:#d7612f1a;border-radius:999px;flex-shrink:0;padding:.35rem .6rem;font-size:.78rem;font-weight:700}.catalog-sidebar__toggle{width:1.25rem;height:1.25rem;color:var(--muted);cursor:pointer;background:#ffffffeb;border:1px solid #3d2f201a;border-radius:.35rem;justify-content:center;align-items:center;padding:0;display:flex}.catalog-sidebar__toggle svg{transition:transform .28s;transform:rotate(-90deg)}.catalog-sidebar__toggle:hover{color:var(--text,#3d2f20);background:#3d2f2014}.catalog-sidebar__add{color:var(--accent);cursor:pointer;background:#d7612f14;border:1px solid #d7612f2e;border-radius:.5rem;padding:.55rem .75rem;font-weight:700}.catalog-sidebar__add:hover{background:#d7612f24}.catalog-sidebar__status{color:var(--muted);margin:0;line-height:1.5}.catalog-sidebar__list{flex-direction:column;gap:.35rem;min-height:0;padding-right:.2rem;display:flex;overflow:hidden auto}.catalog-sidebar__list.is-drop-target{outline-offset:.15rem;border-radius:.5rem;outline:2px dashed #d7612f73}.catalog-sidebar.is-collapsed .catalog-sidebar__count,.catalog-sidebar.is-collapsed .catalog-sidebar__add,.catalog-sidebar.is-collapsed .catalog-sidebar__status,.catalog-sidebar.is-collapsed .catalog-sidebar__list{display:none}.catalog-sidebar.is-collapsed .catalog-sidebar__surface{align-items:center;padding:0}.catalog-sidebar.is-collapsed .catalog-sidebar__header{flex-direction:column;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;height:100%}.catalog-sidebar.is-collapsed .catalog-sidebar__header-meta{justify-content:center;width:100%}.catalog-sidebar.is-collapsed .catalog-sidebar__brand{writing-mode:vertical-rl;gap:.35rem;transform:rotate(180deg)}.catalog-sidebar.is-collapsed .catalog-sidebar__brand .eyebrow{margin:0}.catalog-sidebar.is-collapsed .catalog-sidebar__mark{display:none}.catalog-sidebar.is-collapsed .catalog-sidebar__toggle svg{transform:rotate(90deg)}.catalog-sidebar__empty{color:var(--muted);text-align:center;background:#3d2f2008;border:1px dashed #3d2f201f;border-radius:.5rem;padding:.85rem}.catalog-item-group{flex-direction:column;gap:.3rem;display:flex}.catalog-item-group.is-drop-preview>.catalog-item{background:#d7612f1f;border-color:#d7612f59;box-shadow:inset 0 0 0 1px #d7612f1a}.catalog-item-group__children{flex-direction:column;gap:.3rem;display:flex}.catalog-item{width:100%;padding:.5rem .55rem .5rem calc(.55rem + var(--catalog-depth,0) * .95rem);color:var(--ink);cursor:pointer;text-align:left;background:#ffffff8f;border:1px solid #0000;border-radius:.5rem;gap:.45rem;transition:transform .14s,border-color .14s,background .14s;display:grid;overflow:hidden}.catalog-item__top{align-items:center;min-width:0;display:flex}.catalog-item:hover:not(.is-disabled){background:#ffffffeb;border-color:#d7612f40;transform:translateY(-1px)}.catalog-item.is-disabled{opacity:.6;cursor:not-allowed}.catalog-item.is-selected{background:#d7612f1a;border-color:#d7612f3d}.catalog-item__main{flex:auto;align-items:center;gap:.55rem;min-width:0;display:flex}.catalog-item__toggle,.catalog-item__action{color:inherit;cursor:pointer;background:0 0;border:0}.catalog-item__toggle{min-width:1.55rem;height:1.2rem;color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:700;display:inline-flex}.catalog-item__toggle:disabled{color:var(--muted);cursor:default}.catalog-item__toggle:disabled:hover{color:var(--muted);background:0 0}.catalog-item__title{text-overflow:ellipsis;white-space:nowrap;border-radius:.25rem;flex:auto;min-width:0;padding:.1rem .15rem;overflow:hidden}.catalog-item__title[contenteditable=true]:focus{background:#ffffffe6;outline:2px solid #d7612f59}.catalog-item.is-dragging{opacity:.55}.catalog-item__action{min-width:2rem;height:1.7rem;color:var(--muted);border-radius:.65rem;justify-content:center;align-items:center;padding:0 .4rem;font-size:.68rem;font-weight:700;display:inline-flex}.catalog-item__action:hover:not(:disabled),.catalog-item__toggle:hover:not(:disabled){color:var(--accent);background:#d7612f1f}.catalog-item__action:disabled{opacity:.35;cursor:not-allowed}.catalog-item__badge{color:#8d2f1e;background:#8d2f1e1a;border-radius:999px;flex-shrink:0;padding:.2rem .45rem;font-size:.72rem;font-weight:700}.workspace{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.presentation-toolbar-hover-zone{z-index:39;pointer-events:none;background:0 0;height:8px;position:absolute;top:0;left:0;right:0}.presentation-toolbar-hover-zone[hidden]{display:none!important}body.is-presentation-mode .presentation-toolbar-hover-zone{pointer-events:auto}.workspace__content{flex:1;min-width:0;min-height:0;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.75rem;font-weight:600}h1,h2{margin:0;font-family:Trebuchet MS,Avenir Next Condensed,Avenir Next,Segoe UI,sans-serif;line-height:1}.javascript-editor-component__palette{border:1px solid var(--line);background:linear-gradient(#fffdf8fa,#faf5edf5);border-radius:.8rem;grid-template-rows:auto 1fr .8fr;gap:.26rem;width:84%;height:84%;padding:.42rem;display:grid;box-shadow:inset 0 1px #fffc}.javascript-editor-component__palette-top{align-items:center;gap:.32rem;display:flex}.javascript-editor-component__palette-dot{background:var(--accent);width:.38rem;height:.38rem;box-shadow:0 0 0 2px var(--accent-soft);border-radius:999px}.javascript-editor-component__palette-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.52rem;font-weight:700}.javascript-editor-component__palette-code{background:#3d2f2009;border-radius:.55rem;align-content:center;gap:.22rem;padding:.1rem .12rem;display:grid}.javascript-editor-component__palette-code span{background:#3d2f2026;border-radius:999px;height:.2rem;display:block}.javascript-editor-component__palette-code span:first-child{background:#d7612f6b;width:58%}.javascript-editor-component__palette-code span:nth-child(2){width:82%}.javascript-editor-component__palette-code span:nth-child(3){width:68%}.javascript-editor-component__palette-code span:nth-child(4){background:#d7612f42;width:76%}.javascript-editor-component__palette-preview{border:1px solid var(--line);background:linear-gradient(#ffffffe6,#fcf8f1f2);border-radius:.6rem;gap:.24rem;padding:.32rem;display:grid}.javascript-editor-component__palette-preview i{background:#3d2f201f;border-radius:999px;height:.34rem;display:block}.javascript-editor-component__palette-preview i:last-child{background:#d7612f38;width:46%}.shape-component__palette-preview{width:100%;height:100%;position:relative}.shape-component__palette-preview span{background:0 0;border:1.5px solid #000000c2;display:block;position:absolute}.shape-component__preview-rect{border-radius:.18rem;width:38%;height:42%;top:20%;left:18%}.shape-component__preview-circle{aspect-ratio:1;border-radius:999px;width:28%;top:24%;right:18%}.shape-component__preview-diamond{aspect-ratio:1;width:24%;bottom:18%;left:38%;transform:rotate(45deg)}.toolbar{z-index:40;border-bottom:.5px solid var(--line);background:#fffdf7;flex-shrink:0;align-items:center;height:2.5rem;padding:0 .75rem;transition:transform .38s cubic-bezier(.4,0,.2,1),margin-top .38s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;position:relative;overflow:visible}.toolbar.toolbar--no-transition{transition:none!important}body.is-presentation-mode .toolbar{z-index:40;position:absolute;top:0;left:0;right:0}body.is-presentation-mode .toolbar:not(.is-visible){opacity:0;pointer-events:none;transform:translateY(calc(-100% - .5rem))}body.is-presentation-mode .toolbar.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.presentation-brush-fab{z-index:65;pointer-events:auto;opacity:.56;width:3.5rem;height:3.5rem;transition:opacity .16s,transform .18s;position:fixed}.presentation-brush-fab[hidden]{display:none!important}.presentation-brush-fab[data-edge=left]{transform:translate(-38%)}.presentation-brush-fab[data-edge=right]{transform:translate(38%)}.presentation-brush-fab[data-edge=top]{transform:translateY(-38%)}.presentation-brush-fab[data-edge=bottom]{transform:translateY(38%)}.presentation-brush-fab:hover,.presentation-brush-fab.is-active,.presentation-brush-fab.is-dragging{opacity:1;transform:translate(0)}.presentation-brush-fab__panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf5f5;border:1px solid #3d2f2014;border-radius:1.35rem;flex-direction:column;gap:.5rem;max-height:calc(100vh - 24px);padding:.65rem;display:flex;position:absolute;overflow-y:auto;box-shadow:0 1rem 2.5rem #36291929,inset 0 0 0 1px #ffffff59}.presentation-brush-fab[data-edge=left] .presentation-brush-fab__panel{top:50%;bottom:auto;left:calc(100% + .75rem);transform:translateY(-50%)}.presentation-brush-fab[data-edge=right] .presentation-brush-fab__panel{inset:50% calc(100% + .75rem) auto auto;transform:translateY(-50%)}.presentation-brush-fab[data-edge=top] .presentation-brush-fab__panel{top:calc(100% + .75rem);bottom:auto;left:50%;transform:translate(-50%)}.presentation-brush-fab[data-edge=bottom] .presentation-brush-fab__panel,.presentation-brush-fab:not([data-edge]) .presentation-brush-fab__panel{top:auto;bottom:calc(100% + .75rem);left:50%;transform:translate(-50%)}.presentation-brush-fab__panel[hidden]{display:none!important}.presentation-brush-fab__ball,.presentation-brush-fab__tool{cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;transition:transform .14s,background .14s,color .14s,box-shadow .14s;display:inline-flex}.presentation-brush-fab__ball{color:#fff7ef;background:linear-gradient(#d7612ff0,#b84a1cf5);border-radius:999px;width:100%;height:100%;box-shadow:0 1rem 2rem #3629192e,inset 0 0 0 1px #ffffff3d}.presentation-brush-fab__ball:hover,.presentation-brush-fab__tool:hover{transform:translateY(-1px)}.presentation-brush-fab__ball[aria-pressed=true]{box-shadow:0 1.1rem 2.2rem #36291933,0 0 0 3px #d7612f2e}.presentation-brush-fab__tool{width:2.75rem;height:2.75rem;color:var(--muted);background:#ffffffd6;border-radius:1rem;box-shadow:inset 0 0 0 1px #3d2f2014}.presentation-brush-fab__tool[aria-pressed=true]{color:var(--accent);background:#d7612f24;box-shadow:inset 0 0 0 1px #d7612f29,0 .35rem .85rem #d7612f24}.presentation-brush-fab__ball svg,.presentation-brush-fab__tool svg{pointer-events:none;width:1.1rem;height:1.1rem}.toolbar__title-area{flex:1;align-items:center;min-width:0;display:flex}.toolbar__project-title{color:var(--ink,#3d2f20);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;cursor:default;max-width:16rem;font-size:.82rem;font-weight:600;overflow:hidden}.toolbar__project-title:hover{opacity:.75}.toolbar__title-input{color:var(--ink,#3d2f20);letter-spacing:-.01em;background:var(--panel-strong,#fffdf8);border:2px solid #2563eb;border-radius:6px;outline:none;min-width:4rem;padding:2px 6px;font-family:inherit;font-size:.82rem;font-weight:600}.toolbar__center{flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;display:flex}.toolbar__actions{flex-wrap:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:.5rem;min-width:0;display:flex}.toolbar__top-action-icon{flex:none;width:1.625rem;height:1.625rem}.mode-capsule{background:#f1efe8;border-radius:999px;align-items:center;gap:.18rem;padding:.18rem;display:inline-flex}.mode-capsule__btn{height:1.5rem;color:var(--muted,#7a6650);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 .75rem;font-size:.78rem;font-weight:600;transition:background .16s,color .16s;display:inline-flex}.mode-capsule__btn[aria-pressed=true]{background:var(--mode-active-bg);color:#fff}.mode-capsule__btn:hover:not([aria-pressed=true]){color:var(--ink,#3d2f20);background:#41342714}.toolbar__share-btn{height:1.625rem;color:var(--ink,#3d2f20);cursor:pointer;background:#ffffffb3;border:1px solid #3d2f202e;border-radius:999px;padding:0 .75rem;font-size:.78rem;font-weight:600;transition:background .14s,border-color .14s}.toolbar__share-btn:hover{background:#fffffff2;border-color:#3d2f2047}body.is-presentation-mode .toolbar__share-btn{color:#854f0b;background:#ba75171a;border-color:#ba75174d}body.is-room-viewer .toolbar,body.is-room-viewer.is-presentation-mode .toolbar,body.is-room-viewer.is-presentation-mode .toolbar:not(.is-visible){opacity:1;pointer-events:auto;transform:translateY(0)}body.is-room-viewer .presentation-toolbar-hover-zone,body.is-room-viewer #share-btn,body.is-room-viewer #load-document-action{display:none}.toolbar__icon-button{width:1.75rem;height:1.75rem;color:var(--muted);cursor:pointer;background:#ffffffb8;border:1px solid #3d2f2029;border-radius:999px;justify-content:center;align-items:center;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.toolbar__icon-button[hidden]{display:none}.toolbar__icon-button:hover{color:var(--accent);background:#fffffff2;border-color:#ba751752;transform:translateY(-1px)}.toolbar__icon-button[aria-pressed=false]{color:#6e65589e;background:#fffbf5b8}.toolbar__icon-button svg{pointer-events:none;width:1rem;height:1rem;display:block}.toolbar__cluster{align-items:center;gap:.5rem;display:flex}.toolbar__tool-panel{background:#ffffff8a;border:1px solid #3d2f201a;border-radius:1.1rem;padding:.35rem .45rem;box-shadow:0 .5rem 1.25rem #36291914}.toolbar__tool-panel[hidden],.toolbar__field[hidden]{display:none!important}.toolbar__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toolbar__field{color:var(--muted);flex-shrink:0;align-items:center;gap:.5rem;display:flex}.toolbar__floating-panel{z-index:30;pointer-events:auto;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#fffbf5f0;border-radius:1.3rem;width:fit-content;max-width:calc(100% - 2rem);padding:.5rem .7rem;position:absolute;top:calc(100% + .6rem);left:1rem;right:auto;transform:none;box-shadow:0 1rem 2.6rem #36291929,0 0 0 1px #3d2f200f}.toolbar__floating-panel[hidden]{display:none!important}.toolbar__shape-panel{flex-wrap:nowrap;align-items:center;gap:.55rem;overflow:visible}.toolbar__shape-types{background:#4134270f;border-radius:999px;align-items:center;gap:.14rem;padding:.14rem;display:inline-flex}.toolbar__shape-type-button{width:2.05rem;height:2.05rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .14s,color .14s,transform .14s;display:inline-flex}.toolbar__shape-type-button svg{flex-shrink:0;width:.95rem;height:.95rem}.toolbar__shape-type-button:hover:not(:disabled){color:var(--ink);background:#41342714;transform:translateY(-1px)}.toolbar__shape-type-button[aria-pressed=true]{background:var(--accent);color:#fff6f0}.toolbar__shape-type-button:disabled{opacity:.45;cursor:not-allowed}.toolbar__shape-panel input[type=color]{cursor:pointer;background:#fffc;border:1px solid #3d2f2047;border-radius:.25rem;width:3.15rem;height:2.05rem;padding:.16rem}.toolbar__shape-panel input[type=color]::-webkit-color-swatch-wrapper{padding:0}.toolbar__shape-panel input[type=color]::-webkit-color-swatch{border:0;border-radius:.12rem}.toolbar__shape-slider{flex:none;min-width:0}.toolbar__shape-slider input[type=range]{min-width:0}.toolbar__shape-slider output{text-align:right;flex:0 0 1.65rem;width:1.65rem}.toolbar__shape-slider--opacity{width:11.8rem}.toolbar__shape-panel .toolbar__shape-slider--opacity+.toolbar__field{margin-left:.85rem}.toolbar__shape-slider--stroke-width{width:8.6rem}.toolbar__button-panel{z-index:60;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);background:#fffbf5f5;border:1px solid #3d2f201f;border-radius:.58rem;gap:0;width:max-content;max-width:min(100vw - 1.5rem,37rem);min-height:0;padding:.22rem .28rem;position:fixed;top:0;left:50%;right:auto;transform:translate(-50%,-100%);box-shadow:0 .85rem 2rem #36291924,inset 0 0 0 1px #ffffff8f}.toolbar__button-panel[data-placement=bottom]{transform:translate(-50%)}.toolbar__button-panel .toolbar__shape-types{background:0 0;border-radius:.44rem;gap:.08rem;padding:.16rem}.toolbar__button-panel .toolbar__shape-type-button{border-radius:.42rem;width:2.05rem;height:2.05rem}.toolbar__button-panel .toolbar__shape-type-button svg{width:1rem;height:1rem}.toolbar__button-panel .toolbar__shape-type-button[aria-pressed=true]{background:var(--accent);color:#fff6f0}.toolbar__button-tools{align-items:center;gap:.08rem;margin-left:.25rem;padding-left:0;display:inline-flex;position:relative}.toolbar__button-tool--font-size,.toolbar__button-tool--fill-color,.toolbar__shape-layer-tool,.toolbar__button-layer-tool{margin-left:.34rem}.toolbar__button-tool--font-size:before,.toolbar__button-tool--fill-color:before,.toolbar__button-connect-tool:before,.toolbar__shape-layer-tool:before,.toolbar__button-layer-tool:before{content:"";pointer-events:none;background:#3d2f201f;width:1px;position:absolute;top:.36rem;bottom:.36rem;left:-.23rem}.toolbar__button-style-tool{--button-tool-color:#1d1b16;--button-tool-fill:#f7e7c6;--button-tool-opacity:1;--button-tool-stroke-width:2px;--button-slider-ink:#4b4b4b;--button-slider-muted:#d9dce5;width:2.05rem;height:2.05rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.42rem;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,color .14s;display:inline-flex;position:relative}.toolbar__button-style-tool:hover,.toolbar__button-style-tool:focus-within{color:var(--ink);background:#41342712}.toolbar__button-style-tool svg{stroke:currentColor;pointer-events:none;width:1rem;height:1rem;display:block}.toolbar__button-tool--text-color:after{content:none}.toolbar__button-text-icon{width:1.41rem;height:1.28rem;color:var(--ink);font:350 1.1rem/1 var(--ui-font,system-ui, sans-serif);letter-spacing:0;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:.04rem;display:inline-flex;position:relative;transform:none}.toolbar__button-text-icon:after{content:"";background:var(--button-tool-color);border-radius:999px;height:.15rem;position:absolute;bottom:.06rem;left:.14rem;right:.14rem}.toolbar__button-font-size-icon{width:1.39rem;height:1.39rem;color:var(--ink);pointer-events:none;display:inline-flex;position:relative}.toolbar__button-font-size-a{font:350 1.2rem/1 var(--ui-font,system-ui, sans-serif);letter-spacing:0;position:absolute;bottom:.05rem;left:.1rem}.toolbar__button-font-size-mark{--button-font-size-mark-stroke:1px;width:.46rem;height:.62rem;color:var(--muted);position:absolute;top:.07rem;right:.06rem}.toolbar__button-font-size-mark:before{content:"";height:var(--button-font-size-mark-stroke);background:currentColor;position:absolute;top:.07rem;left:0;right:0}.toolbar__button-font-size-mark:after{content:"";width:var(--button-font-size-mark-stroke);background:currentColor;height:.36rem;position:absolute;top:.07rem;left:50%;transform:translate(-50%)}.toolbar__button-style-trigger{border-radius:inherit;width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset:0}.toolbar__button-style-trigger svg{width:1rem;height:1rem}.toolbar__shape-layer-tool,.toolbar__button-layer-tool,.toolbar__button-connect-tool{margin-left:.24rem}.toolbar__button-connect-tool:before,.toolbar__shape-layer-tool:before,.toolbar__button-layer-tool:before{left:-.16rem}.toolbar__button-connect-tool+.toolbar__shape-layer-tool,.toolbar__button-connect-tool+.toolbar__button-layer-tool{margin-left:0}.toolbar__button-connect-tool+.toolbar__shape-layer-tool:before,.toolbar__button-connect-tool+.toolbar__button-layer-tool:before{content:none}.toolbar__button-connect-tool+.toolbar__button-connect-tool{margin-left:.08rem}.toolbar__button-connect-tool+.toolbar__button-connect-tool:before{content:none}.toolbar__javascript-editor-panel{max-width:min(100vw - 1.5rem,30rem)}.toolbar__javascript-editor-panel .toolbar__button-connect-tool:before{content:none}.toolbar__javascript-editor-panel .toolbar__button-connect-tool,.toolbar__javascript-editor-panel .toolbar__button-tools{margin-left:0}.toolbar__connection-panel{max-width:min(100vw - 1.5rem,28rem)}.toolbar__connection-line-icon{pointer-events:none;width:1.24rem;height:1.24rem;display:block;position:relative}.toolbar__connection-line-icon:before{content:"";height:min(var(--button-tool-stroke-width), .32rem);background:var(--button-tool-color);border-radius:999px;position:absolute;top:50%;left:.08rem;right:.08rem;transform:translateY(-50%)}.toolbar__connection-termdef-icon{color:var(--ink);font:700 .76rem/1 var(--ui-font,system-ui, sans-serif);letter-spacing:0;pointer-events:none}.toolbar__connection-toggle.is-active{color:var(--ink);background:#d7612f24}.toolbar__connection-toggle:disabled{cursor:not-allowed;opacity:.42}.toolbar__shape-layer-action{width:100%;min-height:1.42rem;color:var(--ink);font:.72rem/1.12 var(--ui-font,system-ui, sans-serif);letter-spacing:0;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.3rem;align-items:center;padding:.14rem .36rem;display:flex}.toolbar__shape-layer-action:hover:not(:disabled),.toolbar__shape-layer-action:focus-visible{background:#41342714;outline:none}.toolbar__shape-layer-action:disabled{color:#3d2f205c;cursor:not-allowed}.toolbar__button-fill-icon,.toolbar__button-border-icon{pointer-events:none;border-radius:999px;width:1.12rem;height:1.12rem;display:block;position:relative}.toolbar__button-fill-icon{background:#fffbf5f5;border:1px solid #3d2f2024;overflow:hidden}.toolbar__button-tool--fill-color.is-button-fill-transparent .toolbar__button-fill-icon{background-color:#fffbf5f5;background-image:linear-gradient(45deg,#3d2f2024 25%,#0000 25%),linear-gradient(-45deg,#3d2f2024 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3d2f2024 75%),linear-gradient(-45deg,#0000 75%,#3d2f2024 75%),none;background-position:0 0,0 .3rem,.3rem -.3rem,-.3rem 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:.6rem .6rem;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.toolbar__button-fill-icon:after{content:"";background:var(--button-tool-fill);opacity:var(--button-tool-opacity);position:absolute;inset:0}.toolbar__button-border-icon{border:min(var(--button-tool-stroke-width), 4px) solid var(--button-tool-color);background:0 0}.toolbar__button-style-popover{top:calc(100% + .42rem);bottom:auto;left:calc(50% + var(--button-popover-offset,0px));opacity:0;pointer-events:none;z-index:2;background:#fffbf5fa;border:1px solid #3d2f201f;border-radius:.72rem;gap:.82rem;width:12.8rem;padding:.82rem;transition:opacity .12s,transform .12s;display:grid;position:absolute;transform:translate(-50%,-.24rem);box-shadow:0 1rem 2rem #36291929,inset 0 0 0 1px #ffffffa6}.toolbar__button-popover-tool.is-popover-above .toolbar__button-style-popover{top:auto;bottom:calc(100% + .42rem);transform:translate(-50%,.24rem)}.toolbar__floating-panel.is-button-popover-switching .toolbar__button-style-popover{transition:none}.toolbar__floating-panel.is-button-popover-ready .toolbar__button-popover-tool:not([data-popover-offset=none]):focus-within .toolbar__button-style-popover{opacity:1;pointer-events:auto;transform:translate(-50%)}.toolbar__shape-layer-popover,.toolbar__button-layer-popover,.toolbar__sticky-layer-popover,.toolbar__iframe-layer-popover{border-radius:.48rem;gap:.06rem;width:8.8rem;padding:.22rem;top:0;left:calc(100% + .34rem);right:auto;transform:translate(-.16rem)}.toolbar__page-layer-popover,.toolbar__page-attachment-popover{border-radius:.48rem;gap:.06rem;width:14rem;padding:.22rem;top:0;left:calc(100% + .34rem);right:auto;transform:translate(-.16rem)}.toolbar__page-layer-tool:focus-within .toolbar__page-layer-popover,.toolbar__page-attachment-tool:focus-within .toolbar__page-attachment-popover{opacity:1;pointer-events:auto;transform:none}.toolbar__page-layer-tool.is-context-open .toolbar__page-layer-popover{top:var(--shape-layer-menu-top,0);right:auto;left:var(--shape-layer-menu-left,0);z-index:100;position:absolute;transform:none}.toolbar__inline-field{color:var(--ink);font:.72rem/1.1 var(--ui-font,system-ui, sans-serif);align-items:center;gap:.28rem;margin-right:.2rem;display:inline-flex}.toolbar__inline-field-label{color:var(--muted)}.toolbar__inline-field-input{min-width:7rem;height:1.75rem;color:var(--ink);font:.78rem/1.1 var(--ui-font,system-ui, sans-serif);background:#ffffffe6;border:1px solid #3d2f202e;border-radius:.4rem;padding:.2rem .45rem}.toolbar__inline-field-input--color{width:2.4rem;min-width:2.4rem;padding:.1rem}.toolbar__page-attachment-list{border-top:1px solid #3d2f201a;max-height:7.4rem;margin-top:.22rem;padding-top:.22rem;overflow:auto}.toolbar__page-attachment-item,.toolbar__page-attachment-empty,.toolbar__page-attachment-status{color:var(--muted);font:.66rem/1.3 var(--ui-font,system-ui, sans-serif);margin:0}.toolbar__page-attachment-item{justify-content:space-between;align-items:center;gap:.34rem;padding:.12rem .16rem;display:flex}.toolbar__page-attachment-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.toolbar__page-attachment-delete{width:1rem;height:1rem;color:var(--muted);cursor:pointer;font:.7rem/1 var(--ui-font,system-ui, sans-serif);background:0 0;border:none;border-radius:.2rem;flex:none}.toolbar__page-attachment-delete:hover{color:var(--ink);background:#3d2f2014}.toolbar__page-attachment-status[data-tone=error]{color:#9b2c2c}.toolbar__shape-layer-tool:focus-within .toolbar__shape-layer-popover,.toolbar__button-layer-tool:focus-within .toolbar__button-layer-popover,.toolbar__sticky-layer-tool:focus-within .toolbar__sticky-layer-popover,.toolbar__iframe-layer-tool:focus-within .toolbar__iframe-layer-popover{opacity:1;pointer-events:auto;transform:none}.toolbar__shape-layer-tool.is-context-open .toolbar__shape-layer-popover,.toolbar__button-layer-tool.is-context-open .toolbar__button-layer-popover,.toolbar__sticky-layer-tool.is-context-open .toolbar__sticky-layer-popover,.toolbar__iframe-layer-tool.is-context-open .toolbar__iframe-layer-popover{top:var(--shape-layer-menu-top,0);right:auto;left:var(--shape-layer-menu-left,0);z-index:100;position:absolute;transform:none}.toolbar__button-style-row{color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:.34rem .65rem;font-size:.74rem;display:grid}.toolbar__button-style-row>span{grid-column:1/-1}.toolbar__button-style-row input[type=range]{appearance:none;background:radial-gradient(circle, var(--button-slider-muted) 0 1.5px, transparent 1.6px) 0 50% / 10% 100% repeat-x;cursor:pointer;width:100%;min-width:0;height:1rem;accent-color:var(--button-slider-ink);grid-area:2/1;margin:0}.toolbar__button-style-row input[type=range]::-webkit-slider-runnable-track{background:var(--button-slider-muted);border-radius:999px;height:2px}.toolbar__button-style-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--button-slider-ink);border:0;border-radius:999px;width:.88rem;height:.88rem;margin-top:-.39rem;box-shadow:0 1px 2px #21212138}.toolbar__button-style-row input[type=range]::-moz-range-track{background:var(--button-slider-muted);border-radius:999px;height:2px}.toolbar__button-style-row input[type=range]::-moz-range-thumb{background:var(--button-slider-ink);border:0;border-radius:999px;width:.88rem;height:.88rem;box-shadow:0 1px 2px #21212138}.toolbar__button-style-row output{color:var(--ink);text-align:right;grid-area:2/2;justify-self:end;min-width:2.2rem;font-weight:350}.toolbar__button-color-grid{grid-template-columns:repeat(5,1.55rem);justify-content:center;gap:.48rem .5rem;display:grid}.toolbar__button-color-swatch{background:var(--button-swatch-color,transparent);cursor:pointer;border:.5px solid #3d2f202e;border-radius:999px;width:1.55rem;height:1.55rem;padding:0;position:relative;box-shadow:0 1px 2px #36291914}.toolbar__button-color-swatch:hover,.toolbar__button-color-swatch:focus-visible{outline-offset:2px;outline:2px solid #2563eb52}.toolbar__button-color-swatch--transparent{background-color:#fffbf5f5;background-image:linear-gradient(45deg,#3d2f201f 25%,#0000 25%),linear-gradient(-45deg,#3d2f201f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#3d2f201f 75%),linear-gradient(-45deg,#0000 75%,#3d2f201f 75%),none;background-position:0 0,0 .28rem,.28rem -.28rem,-.28rem 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:.56rem .56rem;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.toolbar__button-custom-color{width:1.55rem;height:1.55rem;color:var(--muted);border-radius:999px;justify-self:center;padding:0;font-size:.78rem;display:inline-flex;position:relative}.toolbar__button-custom-trigger{color:#3d2f209e;cursor:pointer;background:#fffbf5f5;border:.5px solid #3d2f202e;border-radius:999px;width:1.55rem;height:1.55rem;padding:0;position:relative;box-shadow:0 1px 2px #36291914}.toolbar__button-custom-trigger span{font-size:1rem;font-weight:300;line-height:1;display:block;transform:translateY(-.03rem)}.toolbar__button-custom-trigger:hover,.toolbar__button-custom-trigger:focus-visible,.toolbar__button-custom-color.is-custom-picker-open .toolbar__button-custom-trigger{outline-offset:2px;outline:2px solid #2563eb38}.toolbar__button-custom-color input[type=color]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toolbar__button-custom-picker{z-index:3;background:#fffbf5fa;border:1px solid #3d2f201f;border-radius:.58rem;gap:.58rem;width:16.8rem;padding:.58rem;display:grid;position:absolute;top:0;left:calc(100% + .55rem);transform:none;box-shadow:0 .75rem 1.6rem #36291929,inset 0 0 0 1px #ffffff94}.toolbar__button-custom-picker[hidden]{display:none}.toolbar__button-custom-square{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--button-custom-hue,0) 100% 50%));cursor:crosshair;border:0;border-radius:.18rem;width:100%;height:7.44rem;padding:0;position:relative;overflow:hidden}.toolbar__button-custom-square-marker{pointer-events:none;border:1px solid #fff;border-radius:999px;width:.62rem;height:.62rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .5px #1d1b16cc}.toolbar__button-custom-controls{grid-template-columns:1.16rem 1.24rem 1fr;align-items:center;gap:.48rem;display:grid}.toolbar__button-custom-eyedropper{width:1.16rem;height:1.16rem;color:var(--ink);opacity:.82;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.toolbar__button-custom-eyedropper svg{stroke-width:1px;width:1.03rem;height:1.03rem}.toolbar__button-custom-preview{border:.5px solid #3d2f2033;border-radius:999px;width:1.24rem;height:1.24rem;box-shadow:0 1px 2px #36291914}.toolbar__button-custom-hue{appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:.8rem}.toolbar__button-custom-hue::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:.42rem}.toolbar__button-custom-hue::-webkit-slider-thumb{appearance:none;background:0 0;border:1px solid #fff;border-radius:999px;width:.7rem;height:.7rem;margin-top:-.14rem;box-shadow:0 0 0 .5px #1d1b168c}.toolbar__button-custom-hue::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:.42rem}.toolbar__button-custom-hue::-moz-range-thumb{background:0 0;border:1px solid #fff;border-radius:999px;width:.7rem;height:.7rem;box-shadow:0 0 0 .5px #1d1b168c}.toolbar__button-custom-code{grid-template-columns:minmax(10.5rem,1fr) 4.2rem;align-items:center;gap:.5rem;display:grid}.toolbar__button-custom-fields{grid-template-columns:repeat(3,1fr);justify-self:start;gap:.38rem;width:100%;display:grid}.toolbar__button-custom-fields[data-color-mode=hex]{grid-template-columns:1fr}.toolbar__button-custom-fields label,.toolbar__button-custom-mode{color:var(--ink);text-align:center;font-size:.67rem;line-height:1;display:grid}.toolbar__button-custom-fields input,.toolbar__button-custom-mode select{width:100%;min-width:0;height:1.46rem;color:var(--ink);text-align:center;background:#fffdf8f2;border:1px solid #3d2f2021;border-radius:.18rem;padding:0 .12rem;font-size:.7rem;line-height:1}.toolbar__button-custom-mode{width:4.2rem}.toolbar__button-custom-mode select{appearance:none;cursor:pointer;background:linear-gradient(45deg,#0000 50%,#3d2f20b8 50%) right .42rem center/.28rem .28rem no-repeat,#fffdf8f2;padding:0 .28rem}.toolbar__brush-type-button{min-height:2.05rem;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:.24rem;padding:.38rem .62rem;transition:background .14s,color .14s,transform .14s;display:inline-flex}.toolbar__brush-type-button svg{flex-shrink:0;width:.95rem;height:.95rem}.toolbar__brush-type-button:hover:not(:disabled):not([aria-pressed=true]){color:var(--ink);background:#41342714;transform:translateY(-1px)}.toolbar__brush-type-button[aria-pressed=true]{background:var(--accent);color:#fff6f0}.toolbar__brush-type-button[aria-pressed=true]:hover:not(:disabled){background:var(--accent);color:#fff6f0;transform:none}.toolbar__brush-type-button:disabled{opacity:.45;cursor:not-allowed}.recent-color-swatch{cursor:pointer;background:0 0;border:1px solid #503c2838;border-radius:999px;width:1.4rem;height:1.4rem;padding:0;box-shadow:inset 0 0 0 1px #ffffff59}.recent-color-swatch:hover{transform:translateY(-1px)}.recent-color-swatch:focus-visible{outline-offset:2px;outline:2px solid #cc6b2c}.toolbar__field input:disabled,.toolbar__field output:disabled{opacity:.45}.toolbar__field--slider output{text-align:left;width:1.5rem;color:var(--ink);font-weight:600}.toolbar__field--slider{flex:0 0 9.4rem;gap:.25rem;width:9.4rem;min-width:8.5rem;max-width:100%}.toolbar__field--slider input[type=range]{flex:auto;min-width:8rem}.toolbar__field--slider+.toolbar__field{margin-left:-.15rem}.toolbar__field--opacity{flex-basis:7.2rem;width:7.2rem;min-width:6.6rem}.toolbar__ranking-box-panel{gap:.6rem;width:max-content;min-width:0}.toolbar__ranking-box-label-field{flex:auto;gap:.18rem;min-width:12rem;display:grid}.toolbar__ranking-box-label-label{letter-spacing:.08em;text-transform:uppercase;color:#3d2f208a;font-size:.64rem;font-weight:700}.toolbar__ranking-box-label-input{width:100%;min-width:0;height:2.1rem;color:var(--ink);background:#ffffffeb;border:1px solid #3d2f2024;border-radius:999px;outline:none;padding:0 .8rem;font-size:.88rem;font-weight:600;transition:border-color .14s,box-shadow .14s,background .14s}.toolbar__ranking-box-label-input:focus{background:#fffffffa;border-color:#d7612f57;box-shadow:0 0 0 .18rem #d7612f1f}.toolbar__ranking-box-label-input:disabled{opacity:.45;cursor:not-allowed}.background-panel{z-index:120;flex-direction:column;gap:.55rem;min-width:15rem;padding:.55rem;display:flex;position:absolute;top:9.9rem;left:4.5rem}.background-panel[hidden]{display:none!important}.background-panel__section{flex-direction:column;display:flex}.background-panel__style-row{gap:.3rem;display:flex}.background-panel__style-pill{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;flex:1;padding:.32rem .5rem;font-size:.8rem;font-weight:500;transition:background .12s,color .12s,border-color .12s}.background-panel__style-pill:hover:not([aria-pressed=true]){color:var(--ink);background:#4134270f}.background-panel__style-pill[aria-pressed=true]{background:var(--sp-style-active-bg);color:var(--sp-style-active-fg);border-color:#0000}.background-panel__types{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.18rem;padding:.18rem;display:grid}.background-panel__type-button{appearance:none;min-height:2rem;box-shadow:none;background:0 0;justify-content:center;padding:.45rem .4rem}.background-panel__type-button:not([aria-pressed=true]){color:var(--muted);background:0 0}.background-panel__type-button:hover:not(:disabled):not([aria-pressed=true]){color:var(--ink);background:#41342714}.background-panel__type-button[aria-pressed=true],.background-panel__type-button[aria-pressed=true]:hover:not(:disabled){background:var(--sp-bg-active-bg);color:var(--sp-bg-active-fg)}.background-panel__swatches{grid-template-columns:repeat(5,1.55rem);justify-content:center;gap:.48rem .5rem;padding:.18rem;display:grid}.background-panel__swatches .toolbar__button-color-swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.background-panel__opacity-wrap{align-items:center;gap:.55rem;margin:0;padding:.12rem;display:flex}.background-panel__opacity-input{appearance:none;cursor:pointer;min-width:0;height:1rem;accent-color:var(--slider-accent);flex:1;margin:0}.background-panel__opacity-input::-webkit-slider-runnable-track{background:var(--line);border-radius:999px;height:3px}.background-panel__opacity-input::-webkit-slider-thumb{appearance:none;background:var(--slider-accent);border:0;border-radius:999px;width:.88rem;height:.88rem;margin-top:-.355rem;box-shadow:0 1px 3px #21212138}.background-panel__opacity-input::-moz-range-track{background:var(--line);border-radius:999px;height:3px}.background-panel__opacity-input::-moz-range-thumb{background:var(--slider-accent);border:0;border-radius:999px;width:.88rem;height:.88rem;box-shadow:0 1px 3px #21212138}.background-panel__opacity-input:disabled{opacity:.4;cursor:not-allowed}.background-panel__opacity-value{text-align:right;font-variant-numeric:tabular-nums;min-width:2.8rem;color:var(--muted);font-size:.8rem}.tool-button,.ghost-button{color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:.65rem .95rem}.ghost-button--icon{align-items:center;gap:.45rem;display:inline-flex}.ghost-button--icon-only{justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-flex}.tool-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed}.tool-button{background:#41342714;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex}.iframe-component__overlay{z-index:24;transform-origin:0 0;isolation:isolate;pointer-events:auto;background:linear-gradient(#fffdf8f0,#fcf7effa);border:1px solid #c9b393e6;border-radius:18px;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1rem 2rem #3629191f}.iframe-component__topbar{z-index:6;border-radius:inherit;pointer-events:auto;background:#fffaf2f5;border-bottom:1px solid #ab4f281f;border-bottom-right-radius:0;border-bottom-left-radius:0;align-items:center;gap:.55rem;min-height:44px;padding:.42rem .65rem .42rem .7rem;display:flex;position:relative}.iframe-component__topbar[hidden]{display:none!important}.iframe-component__url-form{flex:auto;align-items:center;gap:.42rem;min-width:0;display:flex}.iframe-component__url-input{min-width:0;height:1.9rem;color:var(--ink);background:#ffffffdb;border:1px solid #3d2f2024;border-radius:999px;flex:auto;padding:.28rem .7rem;font-family:inherit;font-size:.76rem;line-height:1.2;box-shadow:inset 0 1px #ffffffb3}.iframe-component__url-input::placeholder{color:#6e6558d1}.iframe-component__url-input:focus{border-color:#d7612f57;outline:2px solid #d7612f2e}.iframe-component__url-input:disabled{opacity:.55}.iframe-component__action-btn{height:1.9rem;color:var(--muted);cursor:pointer;background:#ffffffb8;border:1px solid #3d2f2024;border-radius:999px;justify-content:center;align-items:center;transition:background .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}.iframe-component__action-btn:hover:not(:disabled),.iframe-component__menu-tool.is-open .iframe-component__menu-trigger{color:var(--ink);background:#fffffff2;border-color:#d7612f3d;transform:translateY(-1px)}.iframe-component__action-btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.iframe-component__actions{pointer-events:auto;flex:none;align-items:center;gap:.4rem;display:flex}.iframe-component__interact{letter-spacing:.01em;padding:0 .72rem;font-size:.72rem;font-weight:700}.iframe-component__interact.is-active{color:var(--accent);background:#d7612f29;border-color:#d7612f5c}.iframe-component__connect{width:1.9rem;padding:0}.iframe-component__connect svg,.iframe-component__menu-trigger svg{width:.92rem;height:.92rem}.iframe-component__menu-tool{align-items:center;display:flex;position:relative}.iframe-component__menu-trigger{width:1.9rem;padding:0}.iframe-component__layer-popover{z-index:40;min-width:9.75rem;position:absolute;top:calc(100% + .3rem);left:auto;right:0}.iframe-component__menu-tool.is-open .iframe-component__layer-popover{opacity:1;pointer-events:auto;transform:none}.iframe-component__body{pointer-events:auto;z-index:1;background:linear-gradient(#fffefaeb,#faf5ecf5);border-radius:0 0 18px 18px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.iframe-component__body.has-header{min-height:0}.iframe-component__body.is-interactive{display:block}.iframe-component__viewport{border-radius:inherit;transform-origin:0 0;flex:none;transition:transform .16s;position:absolute;top:0;left:0;overflow:hidden}.iframe-component__body.is-interactive .iframe-component__viewport{inset:0}.iframe-component__shield{z-index:3;cursor:grab;background:0 0;position:absolute;inset:0}.iframe-component__frame{border-radius:inherit;z-index:1;pointer-events:none;background:#fff;border:none;display:block;position:relative}.iframe-component__status{z-index:4;color:var(--muted);background:#fffbf5f5;border:1px solid #c9b79cd9;border-radius:.9rem;margin:0;padding:.6rem .7rem;font-size:.82rem;line-height:1.35;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 .5rem 1.2rem #36291914}.iframe-component__status[data-tone=warning]{color:#8f4432;border-color:#bf6e5866}@media (width<=960px){.iframe-component__topbar{gap:.42rem;padding-inline:.5rem}.iframe-component__url-input{font-size:.72rem}}.javascript-editor-component__overlay{z-index:10;border:1px solid var(--line);box-shadow:var(--shadow);transform-origin:0 0;pointer-events:auto;background:linear-gradient(#fffdf8fa,#fff8eff5);border-radius:20px;flex-direction:column;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;display:flex;position:absolute;top:0;left:0;overflow:hidden}.javascript-editor-component__overlay[hidden]{display:none!important}.javascript-editor-component__header{border-bottom:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;background:#fffbf5f0;align-items:center;gap:.42rem;min-height:26px;padding:.18rem .46rem .18rem 1.08rem;display:flex}.javascript-editor-component__overlay.is-read-only .javascript-editor-component__header{cursor:default}.javascript-editor-component__heading{flex:1;align-self:stretch;align-items:center;min-width:0;display:flex}.javascript-editor-component__header-actions{flex-shrink:0;align-self:stretch;align-items:center;display:flex}.javascript-editor-component__close{width:1.3rem;height:1.3rem;color:var(--muted);opacity:.72;border-radius:999px;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .15s,opacity .15s;display:inline-flex}.javascript-editor-component__header .javascript-editor-component__close.calc-widget__close{font-size:1.1rem;font-weight:400;line-height:1}.javascript-editor-component__close span{line-height:1;display:block;transform:translateY(-.04rem)}.javascript-editor-component__close[hidden]{display:none!important}.javascript-editor-component__close:hover{color:var(--ink);opacity:1;background:0 0}.javascript-editor-component__title{color:var(--accent);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;font-weight:700;line-height:1.2;overflow:hidden}.javascript-editor-component__status{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fffc;border-radius:999px;align-items:center;gap:.3rem;padding:.18rem .45rem;font-size:.6rem;font-weight:700;line-height:1.2;display:inline-flex}.javascript-editor-component__status:before{display:none}.javascript-editor-component__status[data-tone=running]{color:#8c5b1d}.javascript-editor-component__status[data-tone=ready]{color:#245f37}.javascript-editor-component__status[data-tone=ready]:before{content:"✓";color:#2f8f4b;font-weight:800;display:inline-block}.javascript-editor-component__status[data-tone=error]{color:#9b2c24}.javascript-editor-component__controls{flex-shrink:0;align-items:center;gap:.32rem;display:flex}.javascript-editor-component__run,.javascript-editor-component__secondary{cursor:pointer;border-radius:999px;padding:.28rem .64rem;font-size:.68rem;font-weight:700;line-height:1;transition:background-color .15s,color .15s,border-color .15s,opacity .15s}.javascript-editor-component__run{background:var(--accent);color:#fff;border:1px solid #0000}.javascript-editor-component__run:hover:not(:disabled){opacity:.88}.javascript-editor-component__run:disabled{opacity:.48;cursor:default}.javascript-editor-component__secondary{border:1px solid var(--line);color:var(--muted);background:#ffffffb8}.javascript-editor-component__secondary:hover{color:var(--ink);border-color:#ab4f2847}.javascript-editor-component__body{flex-direction:column;flex:1;min-height:0;padding:.52rem;display:flex}.javascript-editor-component__editor,.javascript-editor-component__output{border:1px solid var(--line);background:#ffffffb8;border-radius:1rem;flex-direction:column;min-height:0;display:flex;overflow:hidden}.javascript-editor-component__editor-surface{background:#fffdf8;flex:1;min-height:0;position:relative}.javascript-editor-component__monaco{position:absolute;inset:0}.javascript-editor-component__overlay .monaco-editor .minimap,.javascript-editor-component__overlay .monaco-editor .decorationsOverviewRuler,.javascript-editor-component__overlay .monaco-editor .minimap-slider{display:none!important}.javascript-editor-component__overlay .monaco-editor .view-line{letter-spacing:0!important}.javascript-editor-component__textarea{resize:none;color:#251c14;letter-spacing:0;background:#fffdf8;border:none;outline:none;width:100%;height:100%;padding:.85rem .95rem;font:12px/1.45 Consolas,Cascadia Mono,Courier New,monospace}.javascript-editor-component__splitter{cursor:row-resize;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:.65rem;margin:.16rem 0;padding:0;display:flex}.javascript-editor-component__splitter:disabled{cursor:default}.javascript-editor-component__splitter:before{content:"";background:#3d2f2024;border-radius:999px;width:3rem;height:.24rem;transition:background-color .15s,transform .15s}.javascript-editor-component__splitter:hover:before,.javascript-editor-component__splitter:focus-visible:before{background:#d7612f52;transform:scaleX(1.08)}.javascript-editor-component__splitter:disabled:before,.javascript-editor-component__splitter:disabled:hover:before,.javascript-editor-component__splitter:disabled:focus-visible:before{background:#3d2f201a;transform:none}.javascript-editor-component__splitter:focus-visible{outline:none}.javascript-editor-component__output{background:linear-gradient(#fffcf6f2,#fffc)}.javascript-editor-component__output-bar{border-bottom:1px solid var(--line);background:#fffbf5db;justify-content:space-between;align-items:center;gap:.55rem;padding:.28rem .38rem;display:flex}.javascript-editor-component__tabs{background:#3d2f200f;border-radius:999px;align-items:center;gap:.14rem;padding:.14rem;display:inline-flex}.javascript-editor-component__tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.22rem .56rem;font-size:.62rem;font-weight:700;transition:background-color .15s,color .15s;position:relative}.javascript-editor-component__tab[aria-selected=true]{color:var(--ink);background:#fffffff5;box-shadow:0 1px 3px #36291914}.javascript-editor-component__tab[data-unread-tone]:after{content:"";background:#d97706;border:1px solid #ffffffeb;border-radius:999px;width:.36rem;height:.36rem;position:absolute;top:.2rem;right:.2rem;box-shadow:0 0 0 1px #ab4f2814}.javascript-editor-component__tab[data-unread-tone=error]:after{background:#cf3d32}.javascript-editor-component__output-panels{flex:1;min-height:0;position:relative;overflow:hidden}.javascript-editor-component__panel{min-height:0;position:absolute;inset:0}.javascript-editor-component__panel[hidden]{display:none!important}.javascript-editor-component__iframe{background:#fff;border:none;width:100%;height:100%;display:block}.javascript-editor-component__connection-shield{z-index:2;cursor:crosshair;background:0 0;position:absolute;inset:0}.javascript-editor-component__connection-shield[hidden]{display:none!important}.javascript-editor-component__console{color:#3d2f20;height:100%;padding:.65rem .72rem .75rem;font:11.5px/1.42 Consolas,Cascadia Mono,Courier New,monospace;overflow:auto}.javascript-editor-component__console:empty:before{content:"No console output yet.";color:#3d2f207a}.javascript-editor-component__console-line{white-space:pre-wrap;word-break:break-word}.javascript-editor-component__console-line+.javascript-editor-component__console-line{margin-top:.28rem}.javascript-editor-component__console-line[data-level=info]{color:#295b72}.javascript-editor-component__console-line[data-level=warn]{color:#8c5b1d}.javascript-editor-component__console-line[data-level=error]{color:#9b2c24}.video-component__overlay{z-index:10;transform-origin:0 0;box-sizing:border-box;pointer-events:auto;background:linear-gradient(#fffdf8f5,#fcf7effa);border:1.5px solid #c9b393f2;border-radius:14px;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 .8rem 1.8rem #3629191f}.video-component__topbar{cursor:grab;-webkit-user-select:none;user-select:none;background:#fffaf2f5;border-bottom:1px solid #ab4f2824;justify-content:space-between;align-items:center;gap:.5rem;min-height:40px;padding:0 .62rem;display:flex}.video-component__topbar.is-dragging{cursor:grabbing}.video-component__title{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;font-size:.8rem;line-height:1;overflow:hidden}.video-component__actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.video-component__icon-button{color:#b38a5e;cursor:pointer;background:0 0;border:0;border-radius:.55rem;width:1.75rem;height:1.75rem;font-size:1rem;line-height:1;transition:background .15s,color .15s}.video-component__icon-button:hover{color:var(--ink);background:#ecdcc8d9}.video-component__body{background:#000;flex:1;min-height:0;overflow:hidden}.video-component__video{object-fit:contain;width:100%;height:100%;display:block}.video-component__placeholder{color:#a68b6d;background:#1a1a2e;justify-content:center;align-items:center;width:100%;height:100%;font-family:sans-serif;font-size:.88rem;display:flex}.tool-button svg{flex-shrink:0;width:1.15rem;height:1.15rem}.ghost-button svg{flex-shrink:0;width:1rem;height:1rem}.tool-button[aria-pressed=true]{background:var(--accent);color:#fff6f0}.ghost-button{background:#41342714}.ghost-button[aria-pressed=true]{background:var(--accent);color:#fff6f0}.focus-save-toast{z-index:40;color:var(--ink);pointer-events:none;opacity:0;background:#fffcf7f5;border:1px solid #d7612f2e;border-radius:999px;padding:.6rem .9rem;font-size:.88rem;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;top:4.85rem;left:50%;transform:translate(-50%,-.5rem);box-shadow:0 1rem 2.4rem #36291929}.focus-save-toast.is-visible{opacity:1;transform:translate(-50%)}.document-toast{z-index:40;color:var(--ink);pointer-events:none;opacity:0;background:#fffcf7f5;border:1px solid #54402b1f;border-radius:999px;padding:.6rem .9rem;font-size:.88rem;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;top:4.85rem;right:1.25rem;transform:translateY(-.5rem);box-shadow:0 1rem 2.4rem #36291929}.document-toast.is-visible{opacity:1;transform:translateY(0)}.document-toast--error{color:#8d2f1e;border-color:#a7362438}.document-export-menu{z-index:120;background:#fffcf7fa;border:1px solid #54402b29;border-radius:.65rem;flex-direction:column;gap:.2rem;min-width:11rem;padding:.35rem;display:flex;position:fixed;box-shadow:0 1rem 2.4rem #36291933}.document-export-menu[hidden]{display:none}.document-export-menu__item{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.5rem .6rem;font-size:.86rem;font-weight:600}.document-export-menu__item:hover,.document-export-menu__item:focus-visible{background:#d7612f1f;outline:none}.room-share-popover{z-index:70;width:min(18rem,100vw - 1.5rem);color:var(--ink,#3d2f20);background:#fffcf5fa;border:1px solid #3d2f2024;border-radius:10px;padding:.9rem;position:fixed;box-shadow:0 18px 44px #392a172e}.room-share-popover[hidden],.room-password-prompt[hidden],.room-status-badge[hidden]{display:none}.room-share-popover__form,.room-password-prompt__panel{gap:.65rem;display:grid}.room-share-popover__form[hidden]{display:none}.room-share-popover__field{color:var(--muted,#7a6650);gap:.35rem;font-size:.78rem;font-weight:700;display:grid}.room-share-popover input,.room-password-prompt input{min-width:0;height:2rem;color:var(--ink,#3d2f20);background:#fff;border:1px solid #3d2f202e;border-radius:8px;padding:0 .65rem}.room-share-popover__primary,.room-password-prompt button{background:var(--mode-active-bg,#b56b19);color:#fff;cursor:pointer;border:0;border-radius:8px;height:2rem;font-weight:700}.room-share-popover__primary:disabled,.room-password-prompt button:disabled{cursor:wait;opacity:.62}.room-share-popover__result{justify-items:center;gap:.7rem;display:grid}.room-share-popover__result[hidden]{display:none}.room-share-popover__result a{color:#89530f;overflow-wrap:anywhere;text-align:center;background:#89530f14;border-radius:6px;max-width:100%;padding:.25rem .35rem;font-size:.78rem;font-weight:700;line-height:1.25;display:block}.room-share-popover__result canvas{background:#fff;border-radius:8px;width:10rem;height:10rem;box-shadow:0 1px #3d2f2014}.room-share-popover__status,.room-password-prompt p{min-height:1rem;color:var(--muted,#7a6650);grid-column:1/-1;margin:0;font-size:.76rem}.room-share-popover__status--error,.room-password-prompt p:not(:empty){color:#a33d24}.room-password-prompt{z-index:80;background:#201a1447;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.room-password-prompt__panel{background:#fffaf2;border-radius:10px;width:min(20rem,100%);padding:1rem;box-shadow:0 18px 48px #1e18123d}.room-password-prompt h2{margin:0;font-size:1rem}.room-status-badge{z-index:55;max-width:min(22rem,100vw - 2rem);color:var(--ink,#3d2f20);background:#fffcf5f0;border:1px solid #3d2f2026;border-radius:999px;padding:.45rem .7rem;font-size:.78rem;font-weight:700;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 26px #392a1729}.history-action-toast{z-index:40;color:var(--ink);pointer-events:none;opacity:0;background:#fffcf7f5;border:1px solid #d7612f2e;border-radius:999px;padding:.6rem .9rem;font-size:.88rem;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;top:7.65rem;right:1.25rem;transform:translateY(-.5rem);box-shadow:0 1rem 2.4rem #36291929}.history-action-toast.is-visible{opacity:1;transform:translateY(0)}.board-shell{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.canvas-container{--canvas-bg-color:var(--canvas-base-bg);--canvas-bg-alpha:1;--canvas-paper-base:#f7f3ea;--canvas-paper-shadow:#e7d6ba;--canvas-paper-highlight:#fffdf6;background:color-mix(in srgb, var(--canvas-bg-color) calc(var(--canvas-bg-alpha) * 100%), transparent);width:100%;min-width:0;height:100%;min-height:0}.canvas-container[data-background-type=blank]{background:#fff}.canvas-container[data-background-type=solid],.canvas-container[data-background-type=grid]{background:color-mix(in srgb, var(--canvas-bg-color) calc(var(--canvas-bg-alpha) * 100%), transparent)}.canvas-container[data-background-type=warm-paper]{background:radial-gradient(circle at top left, color-mix(in srgb, #fff calc(var(--canvas-bg-alpha) * 42%), transparent), transparent 30%), radial-gradient(circle at bottom right, color-mix(in srgb, #b98e50 calc(var(--canvas-bg-alpha) * 12%), transparent), transparent 26%), linear-gradient(180deg, color-mix(in srgb, var(--canvas-paper-highlight) calc(var(--canvas-bg-alpha) * 100%), transparent), color-mix(in srgb, var(--canvas-paper-base) calc(var(--canvas-bg-alpha) * 100%), transparent) 42%, color-mix(in srgb, var(--canvas-paper-shadow) calc(var(--canvas-bg-alpha) * 100%), transparent))}.canvas-container[data-background-type=dot]{background-color:color-mix(in srgb, var(--canvas-bg-color) calc(var(--canvas-bg-alpha) * 100%), transparent);background-image:radial-gradient(circle, color-mix(in srgb, var(--canvas-bg-color) 60%, #3d2f2059) 1px, transparent 1px);background-size:24px 24px}.canvas-container canvas{display:block}.page-compare-selection-bar{z-index:22;background:var(--panel);max-width:min(34rem,100% - 2rem);color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border:1px solid #3d2f201f;border-radius:999px;align-items:center;gap:.75rem;padding:.75rem;display:flex;position:absolute;bottom:1rem;right:1rem}.page-compare-selection-bar[hidden]{display:none}.page-compare-selection-bar__count{white-space:nowrap}.page-compare-selection-bar__hint{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-compare-overlay{z-index:30;color:#fffdf8;background:linear-gradient(#1d1b16d1,#1d1b16bd);grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid;position:absolute;inset:0}.page-compare-overlay:fullscreen{width:100vw;height:100vh;position:fixed;inset:0}.page-compare-toolbar{background:#1d1b16c7;border-bottom:1px solid #fffdf82e;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.85rem 1rem;display:flex}.page-compare-toolbar__title{min-width:0;font-weight:700}.page-compare-toolbar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.page-compare-button{color:#fffdf8;cursor:pointer;background:#fffdf81a;border:1px solid #fffdf838;border-radius:999px;padding:.55rem .85rem;font-weight:700}.page-compare-selection-bar .page-compare-button{color:var(--accent);background:#d7612f1a;border-color:#d7612f33}.page-compare-selection-bar .page-compare-button:disabled{opacity:.48;cursor:not-allowed}.page-compare-selection-bar .page-compare-button:not(:disabled):hover{background:#d7612f29}.page-compare-button:hover{background:#fffdf82e}.page-compare-panes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;min-height:0;display:grid}.page-compare-pane{border-right:1px solid #fffdf829;grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.page-compare-pane:last-child{border-right:0}.page-compare-pane__header{text-overflow:ellipsis;white-space:nowrap;color:#fffdf8db;background:#1d1b1661;min-width:0;padding:.65rem .9rem;font-weight:700;overflow:hidden}.page-compare-pane__viewport{cursor:grab;touch-action:none;background:#f7f3ea;min-width:0;min-height:0;position:relative;overflow:hidden}.page-compare-pane__viewport.is-dragging{cursor:grabbing}.page-compare-pane__image{transform-origin:0 0;-webkit-user-select:none;user-select:none;pointer-events:none;image-rendering:auto;will-change:transform;max-width:none;position:absolute;top:0;left:0;box-shadow:0 1rem 2.4rem #1d1b1633}.page-compare-pane__empty{width:min(22rem,100% - 2rem);color:var(--muted);text-align:center;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.page-compare-toolbar{flex-direction:column;align-items:flex-start}.page-compare-panes{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:1fr}.page-compare-pane{border-bottom:1px solid #fffdf829;border-right:0}.page-compare-pane:last-child{border-bottom:0}.page-compare-selection-bar{border-radius:.9rem;flex-wrap:wrap;bottom:.75rem;left:.75rem;right:.75rem}}.is-drop-target{outline-offset:-.8rem;outline:2px dashed #d7612f99}@media (width<=900px){.workspace__content{flex-direction:column}.catalog-sidebar{border-left:0;border-top:1px solid var(--line);width:auto;min-height:9rem}.catalog-sidebar.is-collapsed{width:auto;height:2.9rem;padding:.45rem .75rem}.catalog-sidebar.is-collapsed .catalog-sidebar__header{flex-direction:row;justify-content:space-between}.catalog-sidebar.is-collapsed .catalog-sidebar__brand{writing-mode:horizontal-tb;transform:none}}.calc-widget{z-index:20;border:1px solid var(--line);background:var(--panel);width:16rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);-webkit-user-select:none;user-select:none;border-radius:1.25rem;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex;position:absolute;bottom:1.25rem;left:1.25rem}.calc-widget[hidden]{display:none}.calc-widget__header{cursor:grab;justify-content:space-between;align-items:center;display:flex}.calc-widget__title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.calc-widget__close{cursor:pointer;color:var(--muted);opacity:.6;background:0 0;border:none;padding:0 .2rem;font-size:.8rem;line-height:1}.calc-widget__close:hover{opacity:1}.calc-widget__display{background:#0000000f;border-radius:.6rem;flex-direction:column;gap:.1rem;min-height:3.2rem;padding:.4rem .6rem .35rem;display:flex}.calc-widget__display-meta{color:var(--muted);opacity:.7;justify-content:space-between;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:.65rem;display:flex}.calc-widget__display-val{text-align:right;color:#2a2018;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;overflow:hidden}.calc-widget__base-panel{background:#0000000a;border-radius:.5rem;flex-direction:column;gap:.1rem;padding:.3rem .5rem;display:flex}.calc-widget__bp-row{color:var(--muted);opacity:.55;justify-content:space-between;align-items:baseline;font-family:monospace;font-size:.65rem;display:flex}.calc-widget__bp-row.is-active{opacity:1;color:var(--accent);font-weight:600}.calc-widget__bp-val{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:10rem;overflow:hidden}.calc-widget__base-sel{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.calc-widget__base-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:center;background:#0000000d;border-radius:.4rem;padding:.2rem 0;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:.65rem;font-weight:600;transition:background .12s,color .12s}.calc-widget__base-btn:hover{background:var(--accent-soft)}.calc-widget__base-btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.calc-widget__hex-row{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.calc-widget__hex-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:center;background:#0000000d;border-radius:.35rem;padding:.18rem 0;font-family:Courier New,monospace;font-size:.72rem;font-weight:600;transition:background .12s}.calc-widget__hex-btn:hover:not(:disabled){background:var(--accent-soft)}.calc-widget__hex-btn:disabled{opacity:.25;cursor:default}.calc-widget__buttons{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.calc-btn--eq{grid-column:1/-1}.calc-btn{border:1px solid var(--line);color:#2a2018;cursor:pointer;text-align:center;background:#0000000d;border-radius:.4rem;padding:.38rem 0;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:.78rem;transition:background .1s,opacity .1s}.calc-btn:hover:not(:disabled){background:var(--accent-soft)}.calc-btn:active:not(:disabled){background:#d7612f38}.calc-btn:disabled{opacity:.25;cursor:default}.calc-btn--op{color:var(--accent);background:#d7612f14;font-weight:600}.calc-btn--op:hover:not(:disabled){background:#d7612f2e}.calc-btn--logic{color:#107850;background:#10785014;font-size:.68rem;font-weight:600}.calc-btn--logic:hover:not(:disabled){background:#10785029}.calc-btn--clear{color:#b41e1e;background:#b41e1e14;font-weight:600}.calc-btn--clear:hover:not(:disabled){background:#b41e1e29}.calc-btn--eq{background:var(--accent);color:#fff;border-color:var(--accent);padding:.4rem 0;font-size:1rem;font-weight:700}.calc-btn--eq:hover{background:#c4562a;border-color:#c4562a}.timer-widget{z-index:70;border:1px solid var(--line);background:var(--panel);width:15rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);-webkit-user-select:none;user-select:none;cursor:grab;border-radius:1.25rem;flex-direction:column;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex;position:absolute;top:3rem;right:1.25rem}.timer-widget button,.timer-widget input,.timer-widget label{cursor:default}.timer-widget[hidden]{display:none}.timer-widget__header{cursor:grab;align-items:center;gap:.5rem;display:flex}.timer-widget__close{cursor:pointer;color:var(--muted);opacity:.6;background:0 0;border:none;flex-shrink:0;padding:0 .2rem;font-size:.8rem;line-height:1}.timer-widget__close:hover{opacity:1}.timer-widget__tabs{background:#41342714;border-radius:999px;flex:1;gap:.2rem;padding:.2rem;display:flex}.timer-widget__tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:.35rem 0;font-size:.78rem;font-weight:600;transition:background .16s,color .16s}.timer-widget__tab.is-active{background:var(--panel-strong);color:var(--ink);box-shadow:0 1px 3px #3629191a}.timer-widget__display{text-align:center;letter-spacing:-.04em;color:var(--ink);padding:.2rem 0;font-family:Trebuchet MS,Avenir Next Condensed,Avenir Next,Segoe UI,sans-serif;font-size:2.6rem;font-weight:700;line-height:1;transition:color .12s}@keyframes timer-flash{0%,to{color:var(--ink)}50%{color:var(--accent)}}.timer-widget__display.is-finished{animation:.6s ease-in-out infinite timer-flash}.timer-widget__duration{justify-content:center;align-items:center;gap:.35rem;display:flex}.timer-widget__duration[hidden]{display:none}.timer-widget__duration-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;display:flex}.timer-widget__duration-input{border:1px solid var(--line);width:4rem;color:var(--ink);font:inherit;text-align:center;appearance:textfield;background:#ffffffe6;border-radius:.65rem;outline:none;padding:.4rem .5rem;font-size:1rem;font-weight:600}.timer-widget__duration-input::-webkit-inner-spin-button{-webkit-appearance:none}.timer-widget__duration-input::-webkit-outer-spin-button{-webkit-appearance:none}.timer-widget__duration-input:focus{border-color:#d7612f6b;box-shadow:0 0 0 .2rem #d7612f1f}.timer-widget__duration-input:disabled{opacity:.45;cursor:not-allowed}.timer-widget__duration-sep{color:var(--muted);padding-top:1rem;font-size:1.4rem;font-weight:700}.timer-widget__controls{gap:.5rem;display:flex}.timer-widget__btn{font:inherit;cursor:pointer;color:var(--ink);background:#41342714;border:0;border-radius:999px;flex:1;padding:.6rem .9rem;font-size:.88rem;font-weight:600;transition:background .14s,opacity .14s}.timer-widget__btn:hover:not(:disabled){background:#41342724}.timer-widget__btn:disabled{opacity:.45;cursor:not-allowed}.timer-widget__btn--primary{background:var(--accent);color:#fff6f0}.timer-widget__btn--primary:hover:not(:disabled){background:#c45426}.minimap{z-index:20;border:1px solid var(--line);background:var(--panel);width:12.5rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);-webkit-user-select:none;user-select:none;border-radius:1rem;flex-direction:column;gap:.4rem;padding:.55rem .6rem .6rem;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.minimap__header-row{justify-content:space-between;align-items:center;display:flex}.minimap__header{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:700;line-height:1}.minimap__header-actions{align-items:center;gap:.2rem;display:flex}.minimap__action-btn,.minimap__toggle-btn{width:1.25rem;height:1.25rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.minimap__action-btn[hidden],.minimap__toggle-btn[hidden]{display:none}.minimap__action-btn:hover,.minimap__toggle-btn:hover{color:var(--text,#3d2f20);background:#3d2f2014}.minimap__action-btn:disabled,.minimap__toggle-btn:disabled{cursor:default;opacity:.36}.minimap__action-btn:disabled:hover,.minimap__toggle-btn:disabled:hover{color:var(--muted);background:0 0}.minimap__action-btn[aria-pressed=true]{color:#854f0b;background:#ba751724}.minimap__unlinked-page-btn:not([hidden]){color:#7c4a03;animation:1.2s ease-in-out infinite minimap-unlinked-page-button-pulse}@keyframes minimap-unlinked-page-button-pulse{0%,to{filter:drop-shadow(0 0 #facc1500);opacity:1;background:#facc1514}50%{filter:drop-shadow(0 0 4px #facc15b8);opacity:.68;background:#facc153d}}@media (prefers-reduced-motion:reduce){.minimap__unlinked-page-btn:not([hidden]){animation:none}}.minimap__action-btn svg,.minimap__toggle-btn svg{pointer-events:none;transition:transform .28s}.minimap.is-collapsed .minimap__toggle-btn svg{transform:rotate(-90deg)}.minimap__canvas-wrap{border:1px solid var(--minimap-inner-border);opacity:1;background:#3d2f2008;border-radius:.5rem;max-height:200px;transition:max-height .28s,opacity .28s;position:relative;overflow:hidden}.minimap.is-collapsed .minimap__canvas-wrap{opacity:0;border-color:#0000;max-height:0}.minimap__canvas{cursor:crosshair;width:100%;height:auto;display:block}.minimap__laser{pointer-events:none;opacity:0;background:#e03020;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #e0302059,0 0 8px 3px #e0302080}.minimap__laser.is-visible{animation:1.4s ease-out forwards minimap-laser}@keyframes minimap-laser{0%{opacity:1;transform:translate(-50%,-50%)scale(1.5);box-shadow:0 0 0 3px #e0302080,0 0 14px 6px #e0302099}35%{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 2px #e0302066,0 0 8px 3px #e0302073}to{opacity:0;transform:translate(-50%,-50%)scale(.6);box-shadow:0 0 0 1px #e030201a,0 0 4px 1px #e0302026}}.tool-button.is-active{background:var(--color-accent,#d7612f);color:#fff}.tool-button.is-active svg{stroke:#fff}.ghost-select{color:inherit;cursor:pointer;background:0 0;border:1px solid #3d2f202e;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:13px}.attachments-panel{z-index:90;border:1px solid var(--line);width:min(24rem,100vw - 2rem);max-height:calc(100dvh - 6rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#fffbf5f0;border-radius:1rem;gap:.75rem;padding:1rem;display:grid;position:absolute;top:5rem;right:1rem;overflow:auto}.attachments-panel--embedded{z-index:auto;width:100%;max-height:none;position:static;top:auto;right:auto}.attachments-panel__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.attachments-panel__header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.attachments-panel__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .25rem;font-size:.7rem;font-weight:700}.attachments-panel__title{font-size:1.05rem;line-height:1.15}.attachments-panel__hint,.attachments-panel__folder,.attachments-panel__warning,.attachments-panel__status{color:var(--muted);margin:0;font-size:.9rem}.attachments-panel__warning,.attachments-panel__status[data-tone=error]{color:#a53d2f}.attachments-panel__list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.attachments-panel__item,.attachments-panel__empty{margin:0}.attachments-panel__item-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.45rem;display:grid}.attachments-panel__open{text-align:left;width:100%;color:inherit;cursor:pointer;background:#ffffffb3;border:1px solid #3d2f201a;border-radius:.8rem;gap:.2rem;padding:.7rem .8rem;display:grid}.attachments-panel__open:hover:not(:disabled){background:#fff7f0f2;border-color:#d7612f59}.attachments-panel__open:disabled{opacity:.5;cursor:not-allowed}.attachments-panel__item-title{color:var(--ink);font-weight:700}.attachments-panel__item-meta{color:var(--muted);overflow-wrap:anywhere;font-size:.82rem}.attachments-panel__delete{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:#ffffffbf;border:1px solid #3d2f201f;border-radius:.65rem;font-size:1rem;line-height:1}.attachments-panel__delete:hover{color:#a53d2f;background:#fff4f2f5;border-color:#a53d2f3d}.attachments-panel__empty{color:var(--muted);border:1px dashed #3d2f202e;border-radius:.8rem;padding:.8rem}@media (width<=768px){.attachments-panel{max-height:50dvh;top:auto;bottom:1rem}}.left-toolbar{z-index:41;background:#fffdf7;border-right:.5px solid #3d2f2024;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:52px;height:100%;padding:8px 0 12px;display:flex;overflow:hidden}.left-toolbar__logo{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:6px;display:flex}.left-toolbar__logo-text{color:#ba7517;letter-spacing:-.03em;text-transform:uppercase;font-size:11px;font-weight:800}.left-toolbar__group{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:100%;padding:0 8px;display:flex}.left-toolbar__sep{background:#3d2f2026;flex-shrink:0;width:24px;height:.5px;margin:4px 0}.left-toolbar__spacer{flex:1}.left-toolbar__btn{color:#5f5e5a;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .12s,color .12s;display:flex}.left-toolbar__btn:hover:not(:disabled){color:#3d2f20;background:#faf6ee}.left-toolbar__btn[aria-pressed=true]{color:#854f0b;background:#faeeda}.left-toolbar__btn:disabled{opacity:.4;cursor:not-allowed}.left-toolbar__btn svg{pointer-events:none;display:block}body.theme-colorful .left-toolbar{background:#fff;border-right-color:#1e1e501a}body.theme-colorful .left-toolbar__logo-text{color:var(--icon-palette)}body.theme-colorful .left-toolbar__btn:hover:not(:disabled){color:var(--ink);background:#7f77dd14}body.theme-colorful .left-toolbar__btn[aria-pressed=true]{background:#7f77dd24}body.theme-colorful [data-testid=tool-button-arrange]{color:var(--icon-arrange)}body.theme-colorful [data-testid=tool-button-pen]{color:var(--icon-pen)}body.theme-colorful [data-testid=tool-button-eraser]{color:var(--icon-eraser)}body.theme-colorful [data-testid=tool-button-shape]{color:var(--icon-shape)}body.theme-colorful [data-testid=components-trigger]{color:var(--icon-components)}body.theme-colorful [data-testid=calculator-toggle]{color:var(--icon-calculator)}body.theme-colorful [data-testid=timer-toggle]{color:var(--icon-timer)}body.theme-colorful [data-testid=background-toggle]{color:var(--icon-palette)}body.theme-colorful .mimi-letter--1{color:var(--icon-arrange)}body.theme-colorful .mimi-letter--2{color:var(--icon-pen)}body.theme-colorful .mimi-letter--3{color:var(--icon-shape)}body.theme-colorful .mimi-letter--4{color:var(--icon-components)}body.theme-colorful .catalog-sidebar__mark{background:linear-gradient(#d4537e40,#d4537e1a);box-shadow:0 0 0 1px #d4537e14}body.theme-colorful .catalog-sidebar__count{color:var(--icon-pen);background:#d4537e1a}body.theme-colorful .catalog-sidebar__add{color:var(--icon-pen);background:#d4537e14;border-color:#d4537e2e}body.theme-colorful .catalog-sidebar__add:hover{background:#d4537e24}body.is-presentation-mode .left-toolbar,body.is-presentation-mode .minimap,body.is-presentation-mode #catalog-panel{display:none}.comp-dropdown{z-index:200;background:#fff;border:.5px solid #3d2f2026;border-radius:8px;flex-direction:column;width:200px;max-height:calc(100dvh - 16px);padding:8px;display:flex;position:absolute;top:0;left:52px;overflow:hidden;box-shadow:0 4px 12px #3629191f,0 1px 3px #36291914}.comp-dropdown[hidden]{display:none}.comp-dropdown__title{letter-spacing:.1em;color:#3d2f2073;flex-shrink:0;padding:4px 6px 8px;font-size:10px;font-weight:700}.comp-dropdown__list{flex-direction:column;gap:2px;min-height:0;display:flex;overflow-y:auto}.comp-dropdown__list.is-disabled{opacity:.5}.comp-dropdown__card{color:var(--ink);cursor:grab;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;transition:background .12s,border-color .12s;display:flex}.comp-dropdown__card:hover:not(:disabled){background:#3d2f200d;border-color:#d7612f2e}.comp-dropdown__card:disabled{cursor:not-allowed}.comp-dropdown__card strong{color:var(--ink);white-space:nowrap;font-size:12px;font-weight:500}.comp-dropdown__preview{background:#3d2f200a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:28px;display:flex;overflow:hidden}.comp-dropdown__preview img,.comp-dropdown__preview svg{object-fit:contain;max-width:100%;max-height:100%}.comp-dropdown__preview--iframe{justify-content:center;align-items:center;display:flex}.comp-dropdown__preview-iframe-tag{color:var(--muted);letter-spacing:.02em;font-size:7px;font-weight:700}.pen-dropdown,.pen-preset-editor,.toolbar__eraser-panel{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf5f5;border:1px solid #3d2f2014;border-radius:1rem;position:absolute;top:0;left:52px;box-shadow:0 1rem 2.5rem #36291924,inset 0 0 0 1px #ffffff59}.pen-dropdown[hidden],.pen-preset-editor[hidden],.toolbar__eraser-panel[hidden]{display:none!important}.pen-dropdown{width:4rem;padding:.55rem .4rem .65rem}.pen-dropdown__title{letter-spacing:.16em;color:#3d2f207a;margin-bottom:.45rem;font-size:.58rem;font-weight:700}.pen-dropdown__tools,.pen-dropdown__presets{flex-direction:column;align-items:center;gap:.35rem;display:flex}.pen-dropdown__tool-button,.pen-dropdown__preset{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;padding:0;transition:transform .14s,background .14s,box-shadow .14s;display:inline-flex}.pen-dropdown__tool-button{color:var(--muted);background:0 0}.pen-dropdown__tool-button:hover:not(:disabled){background:#3d2f2012;transform:translateY(-1px)}.pen-dropdown__tool-button[aria-pressed=true]{background:var(--accent);color:#fff7ef}.pen-dropdown__tool-button:disabled{opacity:.4;cursor:not-allowed}.pen-dropdown__divider{background:#3d2f201a;width:100%;height:1px;margin:.55rem 0}.pen-dropdown__preset{border:2px solid #ffffffe0;width:2.2rem;height:2.2rem;box-shadow:0 0 0 1px #3d2f2029}.pen-dropdown__preset:hover{transform:translateY(-1px)}.pen-dropdown__preset[aria-pressed=true]{box-shadow:0 0 0 2px #df763573,0 0 0 1px #3d2f201f}.pen-preset-editor{width:11rem;padding:.55rem}.pen-preset-editor__slider{align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.pen-preset-editor__slider input[type=range]{flex:auto;min-width:0}.pen-preset-editor__width-value{text-align:right;width:1.7rem;color:var(--ink);font-weight:600}.pen-preset-editor__surface{cursor:crosshair;border-radius:.8rem;width:100%;height:7rem;margin-bottom:.45rem;position:relative;overflow:hidden}.pen-preset-editor__surface-thumb{pointer-events:none;border:2px solid #ffffffeb;border-radius:999px;width:.9rem;height:.9rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #3d2f202e}.pen-preset-editor__hue{width:100%;margin-bottom:.5rem}.pen-preset-editor__rgb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.pen-preset-editor__rgb-field{color:#3d2f20b8;flex-direction:column;align-items:center;gap:.18rem;font-size:.7rem;display:flex}.pen-preset-editor__rgb-field input{text-align:center;width:100%;min-width:0;color:var(--ink);background:#ffffffd1;border:1px solid #3d2f202e;border-radius:.35rem;padding:.34rem .26rem}.toolbar__eraser-panel{flex-direction:column;gap:.16rem;width:10.5rem;padding:.35rem .45rem;display:flex}.toolbar__eraser-slider{flex:none;gap:.25rem;width:100%;min-width:0}.toolbar__eraser-slider input[type=range]{min-width:0}.toolbar__eraser-slider output{text-align:left;width:1.6rem}.toolbar__eraser-clear{align-self:stretch;padding:.55rem .85rem;font-size:.88rem}.instant-tooltip{z-index:2000;color:#fff;pointer-events:none;white-space:nowrap;background:#14181ff0;border-radius:.45rem;max-width:min(36ch,100vw - 1rem);padding:.35rem .55rem;font-size:.75rem;line-height:1.25;position:fixed;box-shadow:0 8px 24px #00000047}