foundry-design-web-adapter 0.2.0-beta.7 → 0.2.0-beta.8

package/dist/adapter.js

@@ -564,237 +564,253 @@ var data9 = {
 };
 var check_default = data9;
 
-// ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/c/chevron-down.js
+// ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/c/circle-dashed.js
 var data10 = {
+  "width": 24,
+  "height": 24,
+  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.8769 10.4357C22.041 11.4721 22.041 12.5279 21.8769 13.5643M20.0902 17.8778C19.4734 18.7268 18.7268 19.4734 17.8778 20.0902M13.5643 21.8769C12.5279 22.041 11.4721 22.041 10.4357 21.8769M6.12215 20.0902C5.2732 19.4734 4.52663 18.7268 3.90983 17.8778M2.12312 13.5643C1.95896 12.5279 1.95896 11.4721 2.12312 10.4357M3.90983 6.12215C4.52663 5.2732 5.2732 4.52663 6.12215 3.90983M10.4357 2.12312C11.4721 1.95896 12.5279 1.95896 13.5643 2.12312M17.8778 3.90983C18.7268 4.52663 19.4734 5.2732 20.0902 6.12215"/>'
+};
+var circle_dashed_default = data10;
+
+// ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/c/chevron-down.js
+var data11 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 9L12 15L18 9"/>'
 };
-var chevron_down_default = data10;
+var chevron_down_default = data11;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/c/chevron-right.js
-var data11 = {
+var data12 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 6L15 12L9 18"/>'
 };
-var chevron_right_default = data11;
+var chevron_right_default = data12;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/g/grid-3x2.js
-var data12 = {
+var data13 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 3H18C19.65685 3 21 4.34315 21 6V18C21 19.65685 19.65685 21 18 21H6C4.34315 21 3 19.65685 3 18V6C3 4.34315 4.34315 3 6 3ZM9 3V21M15 3V21M3 12H21"/>'
 };
-var grid_3x2_default = data12;
+var grid_3x2_default = data13;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/s/square-terminal.js
-var data13 = {
+var data14 = {
   "width": 24,
   "height": 24,
   "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3Z"/><path d="M7 7L11 11L7 15M13 17H17"/></g>'
 };
-var square_terminal_default = data13;
+var square_terminal_default = data14;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/s/shapes.js
-var data14 = {
+var data15 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3L10 10M10 3L3 10M17.5 3L21 10H14L17.5 3ZM10 17.5C10 19.433 8.433 21 6.5 21C4.567 21 3 19.433 3 17.5C3 15.567 4.567 14 6.5 14C8.433 14 10 15.567 10 17.5ZM16 14H19C20.1046 14 21 14.8954 21 16V19C21 20.1046 20.1046 21 19 21H16C14.8954 21 14 20.1046 14 19V16C14 14.8954 14.8954 14 16 14Z"/>'
 };
-var shapes_default = data14;
+var shapes_default = data15;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/c/circle-half.js
-var data15 = {
+var data16 = {
   "width": 24,
   "height": 24,
   "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2Z"/><path d="M12 6C15.3138 6 18 8.6862 18 12C18 15.3138 15.3138 18 12 18Z"/></g>'
 };
-var circle_half_default = data15;
+var circle_half_default = data16;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/c/cursor.js
-var data16 = {
+var data17 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.3184 20.5112L3.0341 3.9139C2.8602 3.3677 3.3816 2.8558 3.9268 3.0373L20.5197 8.5617C21.1361 8.7669 21.1671 9.6243 20.5672 9.8732L13.4774 12.8146C13.3157 12.8817 13.1848 13.0065 13.1107 13.1647L9.6254 20.596C9.3541 21.174 8.5121 21.1195 8.3184 20.5112Z"/>'
 };
-var cursor_default = data16;
+var cursor_default = data17;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/c/cursor-click.js
-var data17 = {
+var data18 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.1748 5.76261L13.9549 3.98724M7.88236 4.69633L6.98121 2M4.70404 7.86707L2 6.96809M5.77258 12.14803L3.99248 13.9234M9.26992 9.88622L13.0143 21.6534C13.1515 22.0847 13.7482 22.1234 13.9403 21.7136L16.4099 16.4449C16.4625 16.3328 16.5551 16.2442 16.6697 16.1967L21.6933 14.1113C22.1184 13.9348 22.0964 13.3269 21.6597 13.1814L9.90251 9.26472C9.51618 9.13602 9.14671 9.49902 9.26992 9.88622Z"/>'
 };
-var cursor_click_default = data17;
+var cursor_click_default = data18;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/e/eye.js
-var data18 = {
+var data19 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 12C3.0523 7.3229 7.206 4 12 4C16.794 4 20.9477 7.3229 22 12C20.9477 16.6771 16.794 20 12 20C7.206 20 3.0523 16.6771 2 12ZM15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z"/>'
 };
-var eye_default = data18;
+var eye_default = data19;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/e/eye-off.js
-var data19 = {
+var data20 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.035 18.035C16.3283 19.2786 14.2337 20 12 20C7.206 20 3.0523 16.6771 2 12C2.562 9.5021 4.0086 7.3904 5.965 5.965M9.8779 4.2211C10.565 4.076 11.2752 4 12 4C16.794 4 20.9477 7.3229 22 12C21.7487 13.1169 21.3206 14.1566 20.7491 15.0922M14.1213 14.1213C13.5785 14.6642 12.8285 15 12 15C10.3431 15 9 13.6569 9 12C9 11.1716 9.3358 10.4216 9.8787 9.8787M2 2L22 22"/>'
 };
-var eye_off_default = data19;
+var eye_off_default = data20;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/f/file-text.js
-var data20 = {
+var data21 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 2H8C5.79086 2 4 3.79086 4 6V18C4 20.2091 5.79086 22 8 22H16C18.2091 22 20 20.2091 20 18V8L14 2ZM14 2V5C14 6.65685 15.3431 8 17 8H20M8 13H12M8 17H16"/>'
 };
-var file_text_default = data20;
+var file_text_default = data21;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/l/layout-dashboard.js
-var data21 = {
+var data22 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 3H9C9.55228 3 10 3.44772 10 4V11C10 11.55228 9.55228 12 9 12H4C3.44772 12 3 11.55228 3 11V4C3 3.44772 3.44772 3 4 3ZM4 16H9C9.55228 16 10 16.44772 10 17V20C10 20.55228 9.55228 21 9 21H4C3.44772 21 3 20.55228 3 20V17C3 16.44772 3.44772 16 4 16ZM15 3H20C20.55228 3 21 3.44772 21 4V7C21 7.55228 20.55228 8 20 8H15C14.44772 8 14 7.55228 14 7V4C14 3.44772 14.44772 3 15 3ZM15 12H20C20.55228 12 21 12.44772 21 13V20C21 20.55228 20.55228 21 20 21H15C14.44772 21 14 20.55228 14 20V13C14 12.44772 14.44772 12 15 12Z"/>'
 };
-var layout_dashboard_default = data21;
+var layout_dashboard_default = data22;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/g/grid-squares.js
-var data22 = {
+var data23 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 16C3 14.8954 3.8954 14 5 14L8 14C9.1046 14 10 14.8954 10 16L10 19C10 20.1046 9.1046 21 8 21L5 21C3.8954 21 3 20.1046 3 19L3 16ZM3 5C3 3.8954 3.8954 3 5 3L8 3C9.1046 3 10 3.8954 10 5L10 8C10 9.1046 9.1046 10 8 10L5 10C3.8954 10 3 9.1046 3 8L3 5ZM14 16C14 14.8954 14.8954 14 16 14L19 14C20.1046 14 21 14.8954 21 16L21 19C21 20.1046 20.1046 21 19 21L16 21C14.8954 21 14 20.1046 14 19L14 16ZM14 5C14 3.8954 14.8954 3 16 3L19 3C20.1046 3 21 3.8954 21 5L21 8C21 9.1046 20.1046 10 19 10L16 10C14.8954 10 14 9.1046 14 8L14 5Z"/>'
 };
-var grid_squares_default = data22;
+var grid_squares_default = data23;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/l/link.js
-var data23 = {
+var data24 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17H7C4.23858 17 2 14.7614 2 12C2 9.23858 4.23858 7 7 7H9M15 7H17C19.7614 7 22 9.23858 22 12C22 14.7614 19.7614 17 17 17H15M8 12H16"/>'
 };
-var link_default = data23;
+var link_default = data24;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/l/link-off.js
-var data24 = {
+var data25 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 17L7 17C4.2386 17 2 14.7614 2 12C2 9.2386 4.2386 7 7 7M15 7L17 7C19.7614 7 22 9.2386 22 12C22 13.2135 21.5677 14.326 20.8488 15.1919M17 17L15 17M8 12L12 12M2 2L22 22"/>'
 };
-var link_off_default = data24;
+var link_off_default = data25;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/l/lock.js
-var data25 = {
+var data26 = {
   "width": 24,
   "height": 24,
   "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M7.5 10V6.5C7.5 4.01472 9.51472 2 12 2C14.4853 2 16.5 4.01472 16.5 6.5V10M4 13V19C4 20.6569 5.34315 22 7 22H17C18.6569 22 20 20.6569 20 19V13C20 11.3431 18.6569 10 17 10H7C5.34315 10 4 11.3431 4 13Z"/><path fill="currentColor" d="M13.5 16C13.5 16.8284 12.8284 17.5 12 17.5C11.1716 17.5 10.5 16.8284 10.5 16C10.5 15.1716 11.1716 14.5 12 14.5C12.8284 14.5 13.5 15.1716 13.5 16Z" stroke="none"/></g>'
 };
-var lock_default = data25;
+var lock_default = data26;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/m/maximize.js
-var data26 = {
+var data27 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3H6C4.34315 3 3 4.34315 3 6V9M15 3H18C19.65685 3 21 4.34315 21 6V9M21 15V18C21 19.65685 19.65685 21 18 21H15M3 15V18C3 19.65685 4.34315 21 6 21H9"/>'
 };
-var maximize_default = data26;
+var maximize_default = data27;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/f/flower.js
-var data27 = {
+var data28 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.6 5.2162C9.6 3.8907 10.6745 2.8162 12 2.8162C13.3255 2.8162 14.4 3.8907 14.4 5.2162C14.4 6.5417 13.3255 7.6162 12 7.6162C10.6745 7.6162 9.6 6.5417 9.6 5.2162ZM16.7329 10.3986C16.7329 9.0731 17.8074 7.9986 19.1329 7.9986C20.4584 7.9986 21.5329 9.0731 21.5329 10.3986C21.5329 11.7241 20.4584 12.7986 19.1329 12.7986C17.8074 12.7986 16.7329 11.7241 16.7329 10.3986ZM14.0084 18.7838C14.0084 17.4583 15.0829 16.3838 16.4084 16.3838C17.7339 16.3838 18.8084 17.4583 18.8084 18.7838C18.8084 20.1093 17.7339 21.1838 16.4084 21.1838C15.0829 21.1838 14.0084 20.1093 14.0084 18.7838ZM5.1916 18.7838C5.1916 17.4583 6.2661 16.3838 7.5916 16.3838C8.9171 16.3838 9.9916 17.4583 9.9916 18.7838C9.9916 20.1093 8.9171 21.1838 7.5916 21.1838C6.2661 21.1838 5.1916 20.1093 5.1916 18.7838ZM2.4671 10.3986C2.4671 9.0731 3.5416 7.9986 4.8671 7.9986C6.1926 7.9986 7.2671 9.0731 7.2671 10.3986C7.2671 11.7241 6.1926 12.7986 4.8671 12.7986C3.5416 12.7986 2.4671 11.7241 2.4671 10.3986Z"/>'
 };
-var flower_default = data27;
+var flower_default = data28;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/p/panel-right.js
-var data28 = {
+var data29 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 3H18C19.6569 3 21 4.34315 21 6V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6C3 4.34315 4.34315 3 6 3ZM15 3V21"/>'
 };
-var panel_right_default = data28;
+var panel_right_default = data29;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/p/play.js
-var data29 = {
+var data30 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4.00351C4 2.379713 5.83285 1.432756 7.157224 2.372305L19.578612 11.184397C20.140462 11.58299 20.140462 12.41701 19.578612 12.815603L7.157224 21.627695C5.83285 22.567244 4 21.620287 4 19.99649Z"/>'
 };
-var play_default = data29;
+var play_default = data30;
+
+// ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/p/plus.js
+var data31 = {
+  "width": 24,
+  "height": 24,
+  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12H19M11.995 19.005V5.005"/>'
+};
+var plus_default = data31;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/r/rotate-cw.js
-var data30 = {
+var data32 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.7883 10.0593C20.929 10.6966 21 11.3473 21 12C21 16.9706 16.9706 21 12 21C7.0294 21 3 16.9706 3 12C3 7.0294 7.0294 3 12 3C14.4831 3 16.8559 4.0259 18.5568 5.8349M19.7143 3L19.2707 6.105C19.2317 6.3784 18.9784 6.5683 18.705 6.5293L15.6 6.0857"/>'
 };
-var rotate_cw_default = data30;
+var rotate_cw_default = data32;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/r/refresh-ccw.js
-var data31 = {
+var data33 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.7883 13.9407C20.929 13.3034 21 12.6527 21 12C21 7.0294 16.9706 3 12 3C9.5169 3 7.1441 4.0259 5.4432 5.8349M4.2857 3L4.7293 6.105C4.7683 6.3784 5.0216 6.5683 5.295 6.5293L8.4 6.0857M3.2117 10.0593C3.071 10.6966 3 11.3473 3 12C3 16.9706 7.0294 21 12 21C14.4831 21 16.8559 19.9741 18.5568 18.1651M19.7143 21L19.2707 17.895C19.2317 17.6216 18.9784 17.4317 18.705 17.4707L15.6 17.9143"/>'
 };
-var refresh_ccw_default = data31;
+var refresh_ccw_default = data33;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/d/download.js
-var data32 = {
+var data34 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3V14M8 10L12 14L16 10M4 18V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V18"/>'
 };
-var download_default = data32;
+var download_default = data34;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/s/star.js
-var data33 = {
+var data35 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.5386 2.8073C11.6164 2.6212 11.7983 2.5 12 2.5C12.2017 2.5 12.3836 2.6212 12.4614 2.8073L14.87 8.5744C14.9422 8.7473 15.1049 8.8653 15.2916 8.8802L21.5398 9.379C21.7413 9.3951 21.9133 9.531 21.9756 9.7233C22.0379 9.9157 21.9783 10.1266 21.8245 10.2578L17.0671 14.3162C16.924 14.4383 16.8615 14.6302 16.9053 14.8131L18.3593 20.8835C18.4064 21.0798 18.3307 21.2851 18.1675 21.404C18.0044 21.5229 17.7857 21.532 17.6132 21.4271L12.2598 18.1708C12.1002 18.0737 11.8998 18.0737 11.7402 18.1708L6.3868 21.4271C6.2143 21.532 5.9956 21.5229 5.8325 21.404C5.6693 21.2851 5.5936 21.0798 5.6407 20.8835L7.0947 14.8131C7.1385 14.6302 7.076 14.4383 6.9329 14.3162L2.1755 10.2578C2.0217 10.1266 1.962 9.9157 2.0244 9.7233C2.0867 9.531 2.2587 9.3951 2.4602 9.379L8.7084 8.8802C8.8951 8.8653 9.0578 8.7473 9.13 8.5744Z"/>'
 };
-var star_default = data33;
+var star_default = data35;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/t/triangle-alert.js
-var data34 = {
+var data36 = {
   "width": 24,
   "height": 24,
   "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14.4051 4.39215C13.3181 2.53595 10.6819 2.53595 9.5949 4.39215L2.40063 16.6777C1.28536 18.5822 2.63072 21 4.80572 21H19.1943C21.3693 21 22.7146 18.5822 21.5994 16.6777L14.4051 4.39215Z"/><path d="M12 9V13"/><path fill="currentColor" d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" stroke="none"/></g>'
 };
-var triangle_alert_default = data34;
+var triangle_alert_default = data36;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/c/cursor-text.js
-var data35 = {
+var data37 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3.5H12.9583M3 8.10055H5.98748M3 12.7011H5.98748M10.2669 10.0807L13.3776 20.1434C13.5147 20.5871 14.1112 20.627 14.3032 20.2053L16.3303 15.7538C16.3829 15.6384 16.4755 15.5473 16.5901 15.4983L20.6934 13.745C21.1183 13.5634 21.0964 12.9379 20.6598 12.7882L10.8992 9.44123C10.513 9.30882 10.1437 9.68231 10.2669 10.0807Z"/>'
 };
-var cursor_text_default = data35;
+var cursor_text_default = data37;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/r/rotate-ccw.js
-var data36 = {
+var data38 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.2117 10.0593C3.071 10.6966 3 11.3473 3 12C3 16.9706 7.0294 21 12 21C16.9706 21 21 16.9706 21 12C21 7.0294 16.9706 3 12 3C9.5169 3 7.1441 4.0259 5.4432 5.8349M4.2857 3L4.7293 6.105C4.7683 6.3784 5.0216 6.5683 5.295 6.5293L8.4 6.0857"/>'
 };
-var rotate_ccw_default = data36;
+var rotate_ccw_default = data38;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/p/pencil-ruler.js
-var data37 = {
+var data39 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.9371 21.3335C3.8326 21.3694 3.7228 21.3878 3.6122 21.3878C3.0599 21.3878 2.6122 20.9401 2.6122 20.3878C2.6122 20.2772 2.6306 20.1674 2.6665 20.0629L4.1467 15.7542C4.1961 15.6103 4.2777 15.4796 4.3853 15.372L14.7577 4.9996C15.3203 4.437 16.0834 4.121 16.879 4.121C17.6747 4.121 18.4377 4.437 19.0004 4.9996C19.563 5.5623 19.879 6.3253 19.879 7.121C19.879 7.9166 19.563 8.6797 19.0004 9.2423L8.628 19.6147C8.5204 19.7223 8.3897 19.8039 8.2458 19.8533L3.9371 21.3335ZM4.2218 15.5355L8.4645 19.7782M4.2925 2.8783C4.8551 2.3157 5.6182 1.9996 6.4139 1.9996C7.2095 1.9996 7.9726 2.3157 8.5352 2.8783L12.7071 7.0503L7.0503 12.7071L2.8783 8.5352C2.3157 7.9726 1.9996 7.2095 1.9996 6.4139C1.9996 5.6182 2.3157 4.8551 2.8783 4.2925L4.2925 2.8783ZM16.9497 11.2929L21.1217 15.4648C21.6843 16.0274 22.0004 16.7905 22.0004 17.5861C22.0004 18.3818 21.6843 19.1449 21.1217 19.7075L19.7075 21.1217C19.1449 21.6843 18.3818 22.0004 17.5861 22.0004C16.7905 22.0004 16.0274 21.6843 15.4648 21.1217L11.2929 16.9497L16.9497 11.2929ZM9.5251 3.8683L7.4038 5.9896M20.1317 14.4749L18.0104 16.5962"/>'
 };
-var pencil_ruler_default = data37;
+var pencil_ruler_default = data39;
 
 // ../../node_modules/.pnpm/@iconify-icons+keyline-icons@2.0.0/node_modules/@iconify-icons/keyline-icons/data/x/x.js
-var data38 = {
+var data40 = {
   "width": 24,
   "height": 24,
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7L17 17M17 7L7 17"/>'
 };
-var x_default = data38;
+var x_default = data40;
 
 // src/keyline-icons.ts
 function normalizeKeylineIcon(icon) {
@@ -814,6 +830,7 @@ var RAW_KEYLINE_ICONS = {
   "arrow-up": arrow_up_default,
   bookmark: bookmark_default,
   box: square_default,
+  blur: circle_dashed_default,
   check: check_default,
   "chevron-down": chevron_down_default,
   "chevron-right": chevron_right_default,
@@ -834,6 +851,7 @@ var RAW_KEYLINE_ICONS = {
   palette: flower_default,
   "panels-top-left": panel_right_default,
   play: play_default,
+  plus: plus_default,
   "redo-2": rotate_cw_default,
   "rotate-ccw": refresh_ccw_default,
   save: download_default,
@@ -872,6 +890,12 @@ function renderKeylineIcons(root) {
 // src/ui-foundations.ts
 var FOUNDRY_UI_FOUNDATION_CSS = `
   :host {
+    --fdc-font-sans:"Foundry Inter",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
+    --fdc-font-mono:"Foundry JetBrains Mono","JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
+    --fdc-canvas-accent:#2f6fed;
+    --fdc-positive:#138a63;
+    --fdc-warning:#b7791f;
+    --fdc-negative:#cf3f4f;
     --fdc-space-1:4px;
     --fdc-space-2:8px;
     --fdc-space-3:12px;
@@ -963,6 +987,87 @@ function clampUtilityRect(rect, bounds, minimum = { width: 280, height: 280 }) {
   };
 }
 
+// src/effects.ts
+function clamp(value, minimum, maximum) {
+  return Math.min(maximum, Math.max(minimum, value));
+}
+function hexChannel(value) {
+  return clamp(Math.round(value), 0, 255).toString(16).padStart(2, "0");
+}
+function rgbColor(value) {
+  const match = value.match(
+    /rgba?\(\s*([\d.]+)(?:\s+|\s*,\s*)([\d.]+)(?:\s+|\s*,\s*)([\d.]+)(?:\s*(?:\/|,)\s*([\d.]+)%?)?\s*\)/i
+  );
+  if (!match) return void 0;
+  const rawAlpha = match[4] == null ? 1 : Number(match[4]);
+  const percentAlpha = match[0].includes("%") ? rawAlpha / 100 : rawAlpha;
+  return {
+    color: `#${hexChannel(Number(match[1]))}${hexChannel(Number(match[2]))}${hexChannel(Number(match[3]))}`,
+    opacity: clamp(percentAlpha, 0, 1)
+  };
+}
+function splitCssList(value) {
+  const entries = [];
+  let depth = 0;
+  let start = 0;
+  for (let index = 0; index < value.length; index += 1) {
+    const character = value[index];
+    if (character === "(") depth += 1;
+    if (character === ")") depth = Math.max(0, depth - 1);
+    if (character === "," && depth === 0) {
+      entries.push(value.slice(start, index).trim());
+      start = index + 1;
+    }
+  }
+  entries.push(value.slice(start).trim());
+  return entries.filter(Boolean);
+}
+function parseShadowEffects(value) {
+  if (!value || value.trim().toLowerCase() === "none") return [];
+  return splitCssList(value).map((entry) => {
+    const rgb = rgbColor(entry);
+    const hex = entry.match(/#[\da-f]{6,8}/i)?.[0];
+    const color = rgb?.color ?? (hex ? hex.slice(0, 7) : "#000000");
+    const opacity = rgb?.opacity ?? (hex?.length === 9 ? Number.parseInt(hex.slice(7), 16) / 255 : 1);
+    const withoutColor = entry.replace(/rgba?\([^)]*\)/i, "").replace(/#[\da-f]{3,8}/i, "").replace(/\binset\b/i, "").trim();
+    const values = [...withoutColor.matchAll(/-?[\d.]+(?:px)?/g)].map(
+      (match) => Number(match[0].replace("px", ""))
+    );
+    return {
+      kind: /\binset\b/i.test(entry) ? "inner-shadow" : "drop-shadow",
+      x: values[0] ?? 0,
+      y: values[1] ?? 4,
+      blur: Math.max(0, values[2] ?? 8),
+      spread: values[3] ?? 0,
+      color,
+      opacity: clamp(opacity, 0, 1)
+    };
+  });
+}
+function composeShadowEffects(effects) {
+  if (!effects.length) return "none";
+  return effects.map((effect) => {
+    const hex = effect.color.replace("#", "").padEnd(6, "0").slice(0, 6);
+    const red = Number.parseInt(hex.slice(0, 2), 16) || 0;
+    const green = Number.parseInt(hex.slice(2, 4), 16) || 0;
+    const blue = Number.parseInt(hex.slice(4, 6), 16) || 0;
+    const alpha = Math.round(clamp(effect.opacity, 0, 1) * 100);
+    return `${effect.kind === "inner-shadow" ? "inset " : ""}${effect.x}px ${effect.y}px ${Math.max(0, effect.blur)}px ${effect.spread}px rgb(${red} ${green} ${blue} / ${alpha}%)`;
+  }).join(", ");
+}
+function blurAmount(value) {
+  const match = value.match(/\bblur\(\s*([\d.]+)px\s*\)/i);
+  return match ? Number(match[1]) : null;
+}
+function replaceBlur(value, amount) {
+  const normalized = !value || value.trim().toLowerCase() === "none" ? "" : value.trim();
+  const withoutBlur = normalized.replace(/\bblur\(\s*[\d.]+px\s*\)/gi, "").trim();
+  const parts = [amount == null ? "" : `blur(${Math.max(0, amount)}px)`, withoutBlur].filter(
+    Boolean
+  );
+  return parts.join(" ") || "none";
+}
+
 // src/index.ts
 var CATEGORY_LABELS = {
   layout: "Layout and spacing",
@@ -1096,7 +1201,7 @@ var CONTROL_SECTIONS = {
     { label: "Stroke", properties: ["borderWidth", "borderColor"] },
     {
       label: "Effects",
-      properties: ["boxShadow", "filter"],
+      properties: ["boxShadow", "filter", "backdropFilter"],
       stacked: true
     }
   ],
@@ -1117,7 +1222,9 @@ var CONTROL_SECTIONS = {
 };
 var PANEL_CSS = `
   ${FOUNDRY_UI_FOUNDATION_CSS}
-  :host { all:initial; color-scheme:dark; --fdc-ink:#f0f1f3; --fdc-paper:#141416; --fdc-surface:#1c1c1f; --fdc-subtle:#242428; --fdc-elevated:#29292e; --fdc-line:#303035; --fdc-signal:#3b82f6; --fdc-signal-soft:#172d50; --fdc-component:#9b87f5; --fdc-component-soft:#28233d; --fdc-muted:#9a9aa2; --fdc-font:"Geist Sans",Geist,Arial,sans-serif; font-family:var(--fdc-font); color:var(--fdc-ink); }
+  @font-face { font-family:"Foundry Inter";src:url("http://127.0.0.1:4387/fonts/inter.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap; }
+  @font-face { font-family:"Foundry JetBrains Mono";src:url("http://127.0.0.1:4387/fonts/jetbrains-mono.woff2") format("woff2");font-style:normal;font-weight:100 800;font-display:swap; }
+  :host { all:initial; color-scheme:dark; --fdc-ink:#f0f1f3; --fdc-paper:#141416; --fdc-surface:#1c1c1f; --fdc-subtle:#242428; --fdc-elevated:#29292e; --fdc-line:#303035; --fdc-signal:var(--fdc-canvas-accent); --fdc-signal-soft:#172d50; --fdc-component:#9b87f5; --fdc-component-soft:#28233d; --fdc-muted:#9a9aa2; --fdc-font:var(--fdc-font-sans); font-family:var(--fdc-font); color:var(--fdc-ink); }
   *,*::before,*::after { box-sizing:border-box;font-family:inherit; }
   button,select,input { font:inherit; }
   button:focus-visible,select:focus-visible,input:focus-visible { outline:4px solid var(--fdc-signal);outline-offset:4px; }
@@ -1133,10 +1240,11 @@ var PANEL_CSS = `
   .top-identity>.close { flex:none;margin-left:4px; }.top-actions { min-height:40px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;padding:4px 8px;border-top:1px solid var(--fdc-line);background:var(--fdc-surface); }.top-actions .icon-button { justify-self:center; }.icon-button { width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--fdc-muted);cursor:pointer; }.icon-button:hover { background:var(--fdc-subtle);color:var(--fdc-ink); }.icon-button.active { color:#0761d1;background:#edf6ff; }.icon-button:disabled { opacity:.35;cursor:not-allowed; }.icon-button:disabled:hover { color:var(--fdc-muted);background:transparent; }
   .selection { position:relative;padding:16px;background:var(--fdc-surface);border-bottom:1px solid var(--fdc-line); }.selection::before { content:"";position:absolute;top:12px;left:0;width:4px;height:0;background:var(--fdc-signal);border-radius:0 4px 4px 0;transition:height .18s ease; }.panel.has-selection .selection::before { height:24px; }.selection-heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:8px; }.selection-kind { max-width:220px;overflow:hidden;text-overflow:ellipsis;padding:4px 8px;color:#4d4d4d;background:var(--fdc-subtle);border-radius:4px;font:500 12px/1 var(--fdc-font);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap; }.selection-state { color:var(--fdc-muted);font:450 12px/1 var(--fdc-font); }.panel.has-selection .selection-state { color:#0761d1; }.selection strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.3;font-weight:550;letter-spacing:-.025em; }.selection code { display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;color:var(--fdc-muted);font:400 12px/1.45 var(--fdc-font);white-space:nowrap; }.selection-hint { display:block;margin-top:8px;color:#858585;font:400 12px/1.45 var(--fdc-font); }.selection-stats { display:flex;gap:4px;margin-top:12px; }.selection-stats[hidden] { display:none; }.selection-stats span { padding:4px 8px;color:#4d4d4d;background:var(--fdc-subtle);border-radius:4px;font:400 12px/1 var(--fdc-font); }.selection-stats span:first-child { color:#0761d1;background:#edf6ff; }.selection.selected-flash strong { animation:fdc-selection-title .2s ease-out; }
   .scope { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;background:var(--fdc-surface);border-bottom:1px solid var(--fdc-line); }.scope label { display:flex;flex-direction:column;gap:8px;color:var(--fdc-muted);font:500 12px/1.2 var(--fdc-font); }.scope select { width:100%;height:36px;padding:0 8px;border:1px solid var(--fdc-line);border-radius:8px;background:var(--fdc-surface);color:var(--fdc-ink);font:400 12px/1 var(--fdc-font);text-transform:none;letter-spacing:0;outline:none;cursor:pointer; }
+  .fdc-select { position:relative;min-width:0;min-height:32px;display:flex;flex:1;align-self:stretch; }.fdc-select[hidden] { display:none; }.fdc-select>select { position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;opacity:0!important;pointer-events:none!important; }.fdc-select-trigger { width:100%;min-width:0;height:36px;display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:8px;padding:0 8px;border:1px solid var(--fdc-line);border-radius:8px;color:var(--fdc-ink);background:var(--fdc-paper);font:400 12px/1 var(--fdc-font-mono);text-align:left;cursor:pointer; }.fdc-select-trigger:hover { border-color:var(--fdc-line-strong);background:var(--fdc-subtle); }.fdc-select-trigger[aria-expanded="true"],.fdc-select-trigger:focus-visible { border-color:var(--fdc-signal);box-shadow:0 0 0 4px color-mix(in srgb,var(--fdc-signal) 18%,transparent);outline:0; }.fdc-select-trigger:disabled { opacity:.4;cursor:not-allowed; }.fdc-select-value { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.fdc-select-trigger svg { width:12px;height:12px;color:var(--fdc-muted); }.fdc-select-menu { position:fixed;z-index:2147483647;overflow-x:hidden;overflow-y:auto;padding:4px;border:1px solid var(--fdc-line);border-radius:8px;color:var(--fdc-ink);background:rgb(28 28 31 / 98%);box-shadow:0 16px 36px rgb(0 0 0 / 34%);backdrop-filter:blur(16px);pointer-events:auto; }.fdc-select-menu button { width:100%;min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:4px;color:var(--fdc-muted);background:transparent;font:400 12px/1 var(--fdc-font-mono);text-align:left;cursor:pointer; }.fdc-select-menu button:hover,.fdc-select-menu button:focus-visible { color:var(--fdc-ink);background:var(--fdc-subtle);outline:0; }.fdc-select-menu button[aria-selected="true"] { color:#9ec5ff;background:var(--fdc-signal-soft); }.fdc-select-menu button svg { width:12px;height:12px; }.control-field .fdc-select { min-height:32px; }.control-field .fdc-select-trigger { height:32px;border:0;border-radius:4px;background:transparent;box-shadow:none; }.effect-card-head .fdc-select { min-height:32px; }.effect-card-head .fdc-select-trigger { height:32px;padding-left:0;border:0;background:transparent;box-shadow:none;font-family:var(--fdc-font); }.workbench-controls .fdc-select { width:112px;flex:none;align-self:center; }.workbench-controls .fdc-select-trigger { height:32px; }.fdc-canvas-variant { position:fixed;z-index:2147483645;width:180px;min-height:32px;pointer-events:auto; }.fdc-canvas-variant .fdc-select-trigger { height:32px;color:#9ec5ff;background:var(--fdc-signal-soft);border-color:var(--fdc-signal); }
   .tool-shelf { position:fixed;z-index:2147483646;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:8px;background:var(--fdc-surface);border:1px solid var(--fdc-line);border-radius:12px;box-shadow:0 4px 4px rgb(0 0 0 / 4%),0 8px 16px -4px rgb(0 0 0 / 14%);pointer-events:auto; }.mode-copy { min-width:96px;display:flex;flex-direction:column;gap:4px;padding:0 8px 0 1px; }.mode-copy strong { font-size:12px;font-weight:550;line-height:1.1; }.mode-copy span { color:var(--fdc-muted);font-size:8px;line-height:1.2;white-space:nowrap; }
   .tool-select,.tab { position:relative;flex:none;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;color:#4d4d4d;cursor:pointer; }.tool-select:hover,.tab:hover { color:var(--fdc-ink);background:var(--fdc-subtle); }.tool-select.active,.tab.active { color:white;background:var(--fdc-ink); }.tool-select svg,.icon-button svg { width:20px;height:20px;pointer-events:none; }.tab svg { width:16px;height:16px;pointer-events:none; }.tool-select::after,.tab::after { content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);padding:8px 8px;border-radius:4px;background:var(--fdc-ink);color:white;font:400 12px/1 var(--fdc-font);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease; }.tool-select:hover::after,.tool-select:focus-visible::after,.tab:not(:disabled):hover::after,.tab:not(:disabled):focus-visible::after { opacity:1;transform:translate(-50%,0); }.tool-divider { width:1px;height:24px;flex:none;background:var(--fdc-line); }.tabs { display:flex;gap:4px;overflow:visible;scrollbar-width:none; }.tab:disabled { color:#a1a1a1;cursor:default; }.tab:disabled:hover { background:transparent; }
   .controls { min-height:212px;overflow:auto;background:var(--fdc-surface); }.inspector-heading { position:sticky;top:0;z-index:1;height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;background:rgb(255 255 255 / 96%);border-bottom:1px solid var(--fdc-line);backdrop-filter:blur(8px); }.inspector-heading svg { width:16px;height:16px;color:#4d4d4d; }.inspector-heading strong { font-size:12px;font-weight:550; }.property-count { margin-left:auto;color:var(--fdc-muted);font:400 12px/1 var(--fdc-font);letter-spacing:.01em; }.property-section { padding:0;border-bottom:1px solid var(--fdc-line); }.section-head { width:100%;min-height:40px;display:flex;align-items:center;padding:0 8px 0 4px;background:white;color:#3f3f3f; }.section-head:hover { background:#fcfcfc; }.section-toggle { min-width:0;min-height:40px;flex:1;display:flex;align-items:center;gap:8px;padding:0 8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer; }.section-toggle>svg { width:12px;height:12px;color:#858585;transition:transform .12s ease; }.property-section.collapsed .section-toggle>svg { transform:rotate(-90deg); }.section-head strong { font-size:12px;font-weight:500; }.section-grid { display:grid;gap:8px;padding:0 12px 12px; }.property-section.collapsed .section-grid { display:none; }.section-grid.two { grid-template-columns:1fr 1fr; }.section-grid.stacked .property-control { grid-template-columns:1fr;gap:8px; }.property-control { display:grid;grid-template-columns:minmax(0,1fr) 132px 24px;align-items:center;gap:8px;min-height:36px; }.property-label { overflow:hidden;text-overflow:ellipsis;color:#4d4d4d;font-size:12px;font-weight:400;white-space:nowrap; }.control-field { position:relative;display:flex;align-items:center;min-width:0;height:32px;border:1px solid var(--fdc-line);border-radius:4px;background:var(--fdc-paper);overflow:hidden;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease; }.control-field:hover { background:var(--fdc-surface); }.control-field:focus-within { border-color:var(--fdc-signal);background:var(--fdc-surface);box-shadow:0 0 0 4px rgb(0 112 243 / 10%); }.control-reset { width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#8a8a8a;cursor:pointer;opacity:0; }.property-control:hover .control-reset,.compact-control:hover .control-reset,.control-reset:focus-visible { opacity:1; }.control-reset:hover { color:var(--fdc-ink);background:var(--fdc-subtle); }.control-reset svg { width:12px;height:12px; }.compact-control { min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:4px;align-items:center; }.compact-control .control-field { width:100%; }.field-prefix { min-width:28px;padding-left:8px;color:#7a7a7a;font:400 12px/1 var(--fdc-font); }.compact-control .field-prefix.wide { min-width:40px; }.property-control input,.property-control select,.compact-control input,.compact-control select { width:100%;min-width:0;height:32px;padding:0 8px;border:0;background:transparent;color:var(--fdc-ink);font:400 12px/1 var(--fdc-font);outline:none; }.property-control input[type="number"],.compact-control input[type="number"] { appearance:textfield; }.property-control input[type="number"]::-webkit-inner-spin-button,.property-control input[type="number"]::-webkit-outer-spin-button,.compact-control input[type="number"]::-webkit-inner-spin-button,.compact-control input[type="number"]::-webkit-outer-spin-button { margin:0;appearance:none; }.property-control select { font-family:var(--fdc-font); }.control-field .unit-select { width:40px;flex:none;padding:0 4px;color:#707070;font-size:8px;cursor:pointer; }[data-scrub-for] { cursor:ew-resize;user-select:none;touch-action:none; }.property-label[data-scrub-for]:hover,.field-prefix[data-scrub-for]:hover,[data-scrub-for].scrubbing { color:var(--fdc-signal); }.color-swatch { width:16px;height:16px;flex:none;margin-left:8px;border:1px solid rgb(0 0 0 / 10%);border-radius:4px;background:var(--swatch-color); }.color-swatch.transparent { background-color:white;background-image:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0; }.color-value { overflow:hidden;text-overflow:ellipsis;margin-left:8px;color:#4d4d4d;font:400 12px/1 var(--fdc-font);white-space:nowrap; }.color-picker { position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;cursor:pointer; }.unit { padding-right:8px;color:#7a7a7a;font:400 12px/1 var(--fdc-font); }.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
-  .motion-list { padding:0 12px 12px; }.motion-row { padding:12px 0;border-bottom:1px solid var(--fdc-line); }.motion-title { display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;font-weight:550; }.motion-title code { color:var(--fdc-muted);font:400 12px/1.3 var(--fdc-font); }.motion-actions { display:grid;grid-template-columns:repeat(4,1fr);gap:4px; }.motion-actions button { min-height:32px;padding:0 4px;border:1px solid var(--fdc-line);background:var(--fdc-paper);border-radius:4px;color:var(--fdc-ink);font-size:12px;font-weight:400;cursor:pointer; }.motion-actions button:hover { border-color:#c7c7c7;background:var(--fdc-surface); }
+  .effect-section { display:block;padding:0 12px 12px; }.effects-editor,.effect-stack { display:grid;gap:8px; }.effect-empty { margin:0;padding:16px 12px;border:1px dashed var(--fdc-line);border-radius:8px;color:var(--fdc-muted);font-size:12px;text-align:center; }.effect-card { overflow:hidden;border:1px solid var(--fdc-line);border-radius:8px;background:var(--fdc-paper); }.effect-card-head { min-height:36px;display:flex;align-items:center;gap:8px;padding:0 4px 0 8px;border-bottom:1px solid var(--fdc-line); }.effect-card-head strong,.effect-card-head select { min-width:0;flex:1;height:32px;border:0;background:transparent;color:var(--fdc-ink);font:500 12px/1 var(--fdc-font);outline:none; }.effect-symbol { width:20px;height:20px;display:grid;place-items:center;color:var(--fdc-muted); }.effect-symbol svg,.effect-remove svg,.effect-add summary svg,.effect-menu svg { width:16px;height:16px; }.effect-remove { width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--fdc-muted);cursor:pointer; }.effect-remove:hover { color:var(--fdc-ink);background:var(--fdc-subtle); }.effect-fields { display:grid;gap:8px;padding:8px; }.effect-shadow-fields { grid-template-columns:1fr 1fr; }.effect-value { min-width:0;height:32px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid var(--fdc-line);border-radius:4px;background:var(--fdc-surface); }.effect-value>span { min-width:28px;padding:0 8px;color:var(--fdc-muted);font:500 12px/1 var(--fdc-font); }.effect-value input { width:100%;height:100%;min-width:0;padding:0 8px;border:0;background:transparent;color:var(--fdc-ink);font:400 12px/1 var(--fdc-font-mono);outline:none; }.effect-color,.effect-blur { display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;color:var(--fdc-muted);font-size:12px; }.effect-color { grid-column:1/-1; }.effect-color-control { height:32px;display:grid;grid-template-columns:40px minmax(0,1fr) 24px;align-items:center;overflow:hidden;border:1px solid var(--fdc-line);border-radius:4px;background:var(--fdc-surface); }.effect-color-control input[type="color"] { width:40px;height:100%;padding:4px;border:0;background:transparent; }.effect-color-control input[type="color"]::-webkit-color-swatch-wrapper { padding:0; }.effect-color-control input[type="color"]::-webkit-color-swatch { border:0;border-radius:4px; }.effect-color-control input[type="number"] { width:100%;height:100%;min-width:0;padding:0 8px;border:0;border-left:1px solid var(--fdc-line);background:transparent;color:var(--fdc-ink);font:400 12px/1 var(--fdc-font-mono);outline:none; }.effect-color-control>span { color:var(--fdc-muted);font:400 12px/1 var(--fdc-font); }.effect-add { position:relative; }.effect-add summary { min-height:32px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--fdc-line);border-radius:8px;background:var(--fdc-paper);color:var(--fdc-ink);font-size:12px;cursor:pointer;list-style:none; }.effect-add summary::-webkit-details-marker { display:none; }.effect-add summary:hover { background:var(--fdc-subtle); }.effect-menu { position:absolute;z-index:8;right:0;bottom:calc(100% + 4px);width:220px;padding:4px;border:1px solid var(--fdc-line);border-radius:8px;background:var(--fdc-elevated);box-shadow:0 12px 28px rgb(0 0 0 / 24%); }.effect-menu button { width:100%;height:32px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--fdc-ink);font-size:12px;text-align:left;cursor:pointer; }.effect-menu button:hover:not(:disabled) { background:var(--fdc-subtle); }.effect-menu button:disabled { color:var(--fdc-muted);cursor:not-allowed; }.effect-menu small { font:500 8px/1 var(--fdc-font-mono); }.motion-list { padding:0 12px 12px; }.motion-row { padding:12px 0;border-bottom:1px solid var(--fdc-line); }.motion-title { display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;font-weight:550; }.motion-title code { color:var(--fdc-muted);font:400 12px/1.3 var(--fdc-font); }.motion-actions { display:grid;grid-template-columns:repeat(4,1fr);gap:4px; }.motion-actions button { min-height:32px;padding:0 4px;border:1px solid var(--fdc-line);background:var(--fdc-paper);border-radius:4px;color:var(--fdc-ink);font-size:12px;font-weight:400;cursor:pointer; }.motion-actions button:hover { border-color:#c7c7c7;background:var(--fdc-surface); }
   .motion-timeline { width:100%;margin:4px 0 12px;accent-color:var(--fdc-signal); }.motion-fields { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px; }.motion-fields label { display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px;color:var(--fdc-muted);font-size:8px; }.motion-fields input { width:100%;height:28px;padding:0 8px;border:1px solid var(--fdc-line);border-radius:4px;background:var(--fdc-paper);color:var(--fdc-ink);font-size:12px; }
   .empty { padding:48px 28px;text-align:center;color:var(--fdc-muted);font-size:12px;line-height:1.6; }.empty::before { content:"\u2316";display:grid;place-items:center;width:40px;height:40px;margin:0 auto 12px;color:var(--fdc-signal);background:var(--fdc-signal-soft);border-radius:12px;font:20px/1 var(--fdc-font); }
   .change-dock { min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) 32px 68px;align-items:center;gap:8px;padding:8px 8px;border-top:1px solid var(--fdc-line);background:white; }.change-dock[hidden] { display:none; }.change-dock-copy { min-width:0;padding-left:4px; }.change-dock-copy strong,.change-dock-copy span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.change-dock-copy strong { font-size:12px;font-weight:550; }.change-dock-copy span { margin-top:4px;color:var(--fdc-muted);font-size:8px; }.change-dock button { height:32px;border:1px solid var(--fdc-line);border-radius:4px;background:white;color:var(--fdc-ink);font-size:8px;cursor:pointer; }.change-dock .dock-review { color:white;border-color:var(--fdc-ink);background:var(--fdc-ink); }.change-dock svg { width:12px;height:12px; }.footer { display:grid;grid-template-columns:84px 1fr;gap:8px;padding:8px;background:var(--fdc-surface);border-top:1px solid var(--fdc-line); }.footer:has(.review[hidden]) { grid-template-columns:1fr; }.footer button[hidden] { display:none; }.footer button { min-height:36px;border:1px solid var(--fdc-line);border-radius:8px;background:var(--fdc-surface);color:var(--fdc-ink);font-size:12px;font-weight:450;cursor:pointer; }.footer button:hover { border-color:#d0d0d0;background:var(--fdc-paper); }.footer .review { align-items:center;justify-content:center;gap:8px;color:white;background:var(--fdc-ink);border-color:var(--fdc-ink); }.footer .review:not([hidden]) { display:flex; }.footer .review:hover { background:#2f2f2f; }.change-count { min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 4px;color:var(--fdc-ink);background:white;border-radius:1000px;font:500 8px/1 var(--fdc-font); }.change-count[hidden] { display:none; }
@@ -1375,6 +1483,7 @@ var PANEL_CSS = `
   .interface-theme-menu button:not([aria-checked="true"]) svg { visibility:hidden; }
   :host([data-interface-theme="light"]) { color-scheme:light;--fdc-ink:#141416;--fdc-paper:#f0f1f3;--fdc-surface:#ffffff;--fdc-subtle:#f0f1f3;--fdc-elevated:#f7f7f8;--fdc-line:#dedfe2;--fdc-signal:#2563eb;--fdc-signal-soft:#e8f0ff;--fdc-component:#7259d6;--fdc-component-soft:#f0edff;--fdc-muted:#666870; }
   :host([data-interface-theme="light"]) .panel,:host([data-interface-theme="light"]) .layers-panel,:host([data-interface-theme="light"]) .health-panel,:host([data-interface-theme="light"]) .library-panel,:host([data-interface-theme="light"]) .tool-shelf,:host([data-interface-theme="light"]) .onboarding-card,:host([data-interface-theme="light"]) .compare-bar,:host([data-interface-theme="light"]) .command-palette,:host([data-interface-theme="light"]) .status-popover,:host([data-interface-theme="light"]) .canvas-variant,:host([data-interface-theme="light"]) .workspace-bar,:host([data-interface-theme="light"]) .change-tray,:host([data-interface-theme="light"]) .review-modal { color:var(--fdc-ink);background:rgb(255 255 255 / 97%);border-color:var(--fdc-line);box-shadow:0 1px 4px rgb(0 0 0 / 8%),0 16px 36px rgb(0 0 0 / 14%); }
+  :host([data-interface-theme="light"]) .fdc-select-menu { color:var(--fdc-ink);background:rgb(255 255 255 / 98%);border-color:var(--fdc-line);box-shadow:0 1px 4px rgb(0 0 0 / 8%),0 16px 36px rgb(0 0 0 / 14%); }
   :host([data-interface-theme="light"]) .top,:host([data-interface-theme="light"]) .top-actions,:host([data-interface-theme="light"]) .selection,:host([data-interface-theme="light"]) .scope,:host([data-interface-theme="light"]) .controls,:host([data-interface-theme="light"]) .property-section,:host([data-interface-theme="light"]) .change-dock,:host([data-interface-theme="light"]) .footer,:host([data-interface-theme="light"]) .review-view,:host([data-interface-theme="light"]) .review-head,:host([data-interface-theme="light"]) .review-group,:host([data-interface-theme="light"]) .review-group-title,:host([data-interface-theme="light"]) .review-actions,:host([data-interface-theme="light"]) .layers-head,:host([data-interface-theme="light"]) .layer-tree,:host([data-interface-theme="light"]) .health-head,:host([data-interface-theme="light"]) .health-list,:host([data-interface-theme="light"]) .health-footer,:host([data-interface-theme="light"]) .library-head,:host([data-interface-theme="light"]) .library-actions,:host([data-interface-theme="light"]) .library-body,:host([data-interface-theme="light"]) .memory-card,:host([data-interface-theme="light"]) .context-tools,:host([data-interface-theme="light"]) .native-panel,:host([data-interface-theme="light"]) .section-head,:host([data-interface-theme="light"]) .onboarding-step { color:var(--fdc-ink);background:var(--fdc-surface);border-color:var(--fdc-line); }
   :host([data-interface-theme="light"]) .inspector-heading,:host([data-interface-theme="light"]) .review-toolbar,:host([data-interface-theme="light"]) .review-overview,:host([data-interface-theme="light"]) .review-modal .review-actions { color:var(--fdc-ink);background:rgb(255 255 255 / 97%);border-color:var(--fdc-line); }
   :host([data-interface-theme="light"]) .review-modal .review-group-title { background:rgb(247 247 248 / 98%); }
@@ -1401,6 +1510,23 @@ var PANEL_CSS = `
   .section-grid { gap:8px;padding:0 16px 16px; }
   .inspector-category[data-category="position"]>.category-body>.property-section>.section-grid { padding-top:12px; }
   @media (max-width:680px){.panel,.layers-panel{width:auto}.panel-resizer{display:none}.change-tray{right:8px;bottom:8px;left:auto;width:calc(100vw - 16px)}.review-takeover{padding:8px}.review-modal{width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:12px}.review-modal .review-actions{grid-template-columns:84px 1fr}.panel.change-summary-visible .inspector-scroll{padding-bottom:60px}}
+  :host([data-embedded="true"]) .workspace-bar,
+  :host([data-embedded="true"]) .interface-theme-menu,
+  :host([data-embedded="true"]) .status-popover,
+  :host([data-embedded="true"]) .layers-panel,
+  :host([data-embedded="true"]) .health-panel,
+  :host([data-embedded="true"]) .panel,
+  :host([data-embedded="true"]) .change-tray,
+  :host([data-embedded="true"]) .review-takeover,
+  :host([data-embedded="true"]) .tool-shelf,
+  :host([data-embedded="true"]) .onboarding-card,
+  :host([data-embedded="true"]) .compare-bar,
+  :host([data-embedded="true"]) .command-palette,
+  :host([data-embedded="true"]) .color-popover,
+  :host([data-embedded="true"]) .library-panel,
+  :host([data-embedded="true"]) .workbench,
+  :host([data-embedded="true"]) .comparison-stage,
+  :host([data-embedded="true"]) .canvas-variant { display:none!important; }
   @media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}.layer-row.entering,.layer-branch{animation:none!important}}
 `;
 function numberFrom(value) {
@@ -1440,6 +1566,16 @@ function styleControl(element, computed, category, property, label, kind = "text
     )
   };
 }
+function effectStyleControl(element, computed, property, label) {
+  const control = styleControl(element, computed, "effects", property, label);
+  if (property === "backdropFilter") {
+    control.apply = (value) => {
+      element.style.setProperty("backdrop-filter", String(value));
+      element.style.setProperty("-webkit-backdrop-filter", String(value));
+    };
+  }
+  return control;
+}
 function numberStyleControl(element, computed, category, property, label, min, max, step) {
   return {
     category,
@@ -1621,8 +1757,9 @@ function controlsFor(element) {
     pxControl(element, computed, "effects", "borderBottomRightRadius", "Bottom right radius", 200),
     pxControl(element, computed, "effects", "borderWidth", "Border width", 32),
     styleControl(element, computed, "effects", "borderColor", "Border color", "color"),
-    styleControl(element, computed, "effects", "boxShadow", "Shadow"),
-    styleControl(element, computed, "effects", "filter", "Filter"),
+    effectStyleControl(element, computed, "boxShadow", "Shadow"),
+    effectStyleControl(element, computed, "filter", "Layer effects"),
+    effectStyleControl(element, computed, "backdropFilter", "Background effects"),
     {
       category: "content",
       property: "textContent",
@@ -1793,6 +1930,38 @@ function displayValue(control) {
   if (typeof control.value !== "number") return control.value;
   return String(Math.round(control.value * 100) / 100);
 }
+function controlOptionLabel(control, option) {
+  return option;
+}
+function renderShadowEffect(effect, effectIndex, controlIndex) {
+  const label = effect.kind === "inner-shadow" ? "Inner shadow" : "Drop shadow";
+  const numberField = (part, prefix, value) => `<label class="effect-value"><span>${prefix}</span><input type="number" step="1" value="${value}" data-shadow-control="${controlIndex}" data-shadow-index="${effectIndex}" data-shadow-part="${part}" aria-label="${escapeHtml(`${label} ${part}`)}"/></label>`;
+  return `<article class="effect-card" data-effect-card="${effect.kind}"><header class="effect-card-head"><span class="effect-symbol"><i data-foundry-icon="box"></i></span><select data-shadow-kind="${effectIndex}" data-shadow-control="${controlIndex}" aria-label="Shadow type"><option value="drop-shadow" ${effect.kind === "drop-shadow" ? "selected" : ""}>Drop shadow</option><option value="inner-shadow" ${effect.kind === "inner-shadow" ? "selected" : ""}>Inner shadow</option></select><button type="button" class="effect-remove" data-remove-shadow="${effectIndex}" data-shadow-control="${controlIndex}" aria-label="Remove ${label}"><i data-foundry-icon="x"></i></button></header><div class="effect-fields effect-shadow-fields">${numberField("x", "X", effect.x)}${numberField("y", "Y", effect.y)}${numberField("blur", "Blur", effect.blur)}${numberField("spread", "Spread", effect.spread)}<label class="effect-color"><span>Color</span><span class="effect-color-control"><input type="color" value="${escapeHtml(effect.color)}" data-shadow-control="${controlIndex}" data-shadow-index="${effectIndex}" data-shadow-part="color" aria-label="${label} color"/><input type="number" min="0" max="100" step="1" value="${Math.round(effect.opacity * 100)}" data-shadow-control="${controlIndex}" data-shadow-index="${effectIndex}" data-shadow-part="opacity" aria-label="${label} opacity"/><span>%</span></span></label></div></article>`;
+}
+function renderBlurEffect(label, kind, amount, controlIndex) {
+  return `<article class="effect-card" data-effect-card="${kind}"><header class="effect-card-head"><span class="effect-symbol"><i data-foundry-icon="blur"></i></span><strong>${label}</strong><button type="button" class="effect-remove" data-remove-blur="${kind}" data-blur-control="${controlIndex}" aria-label="Remove ${label}"><i data-foundry-icon="x"></i></button></header><div class="effect-fields"><label class="effect-blur"><span>Blur</span><span class="effect-value"><span>R</span><input type="number" min="0" max="200" step="1" value="${amount}" data-blur-control="${controlIndex}" aria-label="${label} amount"/></span></label></div></article>`;
+}
+function renderEffectsEditor(entries) {
+  const shadowEntry = entries.find(({ control }) => control.property === "boxShadow");
+  const filterEntry = entries.find(({ control }) => control.property === "filter");
+  const backdropEntry = entries.find(({ control }) => control.property === "backdropFilter");
+  const shadows = shadowEntry ? parseShadowEffects(String(shadowEntry.control.value)) : [];
+  const layerBlur = filterEntry ? blurAmount(String(filterEntry.control.value)) : null;
+  const backgroundBlur = backdropEntry ? blurAmount(String(backdropEntry.control.value)) : null;
+  const active = [
+    ...shadowEntry ? shadows.map((effect, index) => renderShadowEffect(effect, index, shadowEntry.index)) : [],
+    ...filterEntry && layerBlur != null ? [renderBlurEffect("Layer blur", "layer-blur", layerBlur, filterEntry.index)] : [],
+    ...backdropEntry && backgroundBlur != null ? [
+      renderBlurEffect(
+        "Background blur",
+        "background-blur",
+        backgroundBlur,
+        backdropEntry.index
+      )
+    ] : []
+  ].join("");
+  return `<div class="effects-editor"><div class="effect-stack">${active || '<p class="effect-empty">No effects applied</p>'}</div><details class="effect-add"><summary><i data-foundry-icon="plus"></i>Add effect</summary><div class="effect-menu" role="menu"><button type="button" data-add-effect="drop-shadow" data-effect-control="${shadowEntry?.index ?? ""}" role="menuitem"><i data-foundry-icon="box"></i><span>Drop shadow</span></button><button type="button" data-add-effect="inner-shadow" data-effect-control="${shadowEntry?.index ?? ""}" role="menuitem"><i data-foundry-icon="box"></i><span>Inner shadow</span></button><button type="button" data-add-effect="layer-blur" data-effect-control="${filterEntry?.index ?? ""}" role="menuitem" ${layerBlur != null ? "disabled" : ""}><i data-foundry-icon="blur"></i><span>Layer blur</span></button><button type="button" data-add-effect="background-blur" data-effect-control="${backdropEntry?.index ?? ""}" role="menuitem" ${backgroundBlur != null ? "disabled" : ""}><i data-foundry-icon="blur"></i><span>Background blur</span></button><button type="button" role="menuitem" disabled title="Available when the project exposes a mapped effect recipe"><i data-foundry-icon="sparkles"></i><span>Noise</span><small>Recipe</small></button><button type="button" role="menuitem" disabled title="Available when the project exposes a mapped effect recipe"><i data-foundry-icon="layout-grid"></i><span>Texture</span><small>Recipe</small></button></div></details></div>`;
+}
 function isTransparentColor(value) {
   const normalized = value.trim().toLowerCase();
   return normalized === "transparent" || /^rgba\([^)]*,\s*0(?:\.0+)?\s*\)$/.test(normalized) || /^rgb\([^)]*\/\s*0%?\s*\)$/.test(normalized);
@@ -1801,7 +1970,7 @@ function renderControlInput(control, index) {
   const id = `fdc-${index}`;
   if (control.kind === "select") {
     return `<select id="${id}" data-control="${index}" aria-label="${escapeHtml(control.label)}">${control.options?.map(
-      (option) => `<option ${String(control.value) === option ? "selected" : ""}>${escapeHtml(option)}</option>`
+      (option) => `<option value="${escapeHtml(option)}" ${String(control.value) === option ? "selected" : ""}>${escapeHtml(controlOptionLabel(control, option))}</option>`
     ).join("")}</select>`;
   }
   if (control.kind === "color") {
@@ -1847,6 +2016,8 @@ function installFoundryInspector(options = {}) {
   const runtimeUrl = (options.runtimeUrl ?? "http://127.0.0.1:4387").replace(/\/$/, "");
   const sessionId = options.sessionId ?? query.get("__foundry_session") ?? "";
   const token = options.token ?? query.get("__foundry_token") ?? "";
+  const embeddedWorkspace = query.get("__foundry_embedded") === "1" && window.parent !== window;
+  const runtimeOrigin = new URL(runtimeUrl).origin;
   const host = document.createElement("div");
   const interfaceThemeKey = "__foundry_interface_theme";
   const systemDarkTheme = window.matchMedia("(prefers-color-scheme: dark)");
@@ -1854,6 +2025,7 @@ function installFoundryInspector(options = {}) {
   let interfaceThemePreference = storedInterfaceTheme === "light" || storedInterfaceTheme === "dark" ? storedInterfaceTheme : "system";
   const resolvedInterfaceTheme = () => resolveInterfaceTheme(interfaceThemePreference, systemDarkTheme.matches);
   host.dataset.foundryOverlay = "true";
+  host.dataset.embedded = String(embeddedWorkspace);
   host.dataset.interfaceTheme = resolvedInterfaceTheme();
   host.dataset.interfaceThemePreference = interfaceThemePreference;
   const shadow = host.attachShadow({ mode: "open" });
@@ -1997,7 +2169,220 @@ function installFoundryInspector(options = {}) {
   function renderIcons(root) {
     renderKeylineIcons(root);
   }
+  let openFdcSelect;
+  let fdcSelectId = 0;
+  let ignoreFdcSelectScrollUntil = 0;
+  function closeFdcSelect(restoreFocus = true) {
+    if (!openFdcSelect) return false;
+    const { trigger, menu, typeaheadTimer } = openFdcSelect;
+    if (typeaheadTimer) clearTimeout(typeaheadTimer);
+    trigger.setAttribute("aria-expanded", "false");
+    menu.remove();
+    openFdcSelect = void 0;
+    if (restoreFocus && trigger.isConnected) trigger.focus();
+    return true;
+  }
+  function syncFdcSelect(select2) {
+    const wrapper = select2.parentElement;
+    const trigger = wrapper?.querySelector(".fdc-select-trigger");
+    if (!wrapper || !trigger) return;
+    if (wrapper.hidden !== select2.hidden) wrapper.hidden = select2.hidden;
+    if (select2.classList.contains("canvas-variant")) {
+      wrapper.style.left = select2.style.left;
+      wrapper.style.top = select2.style.top;
+    }
+    const label = select2.selectedOptions[0]?.textContent ?? select2.options[0]?.textContent ?? "";
+    const value = trigger.querySelector(".fdc-select-value");
+    if (value && value.textContent !== label) value.textContent = label;
+    if (trigger.disabled !== select2.disabled) trigger.disabled = select2.disabled;
+    trigger.setAttribute("aria-disabled", String(select2.disabled));
+  }
+  function positionFdcSelect(trigger, menu) {
+    const rect = trigger.getBoundingClientRect();
+    const margin = 8;
+    const maxHeight = Math.min(240, window.innerHeight - margin * 2);
+    menu.style.minWidth = `${Math.max(160, rect.width)}px`;
+    menu.style.maxWidth = `${Math.max(160, window.innerWidth - margin * 2)}px`;
+    menu.style.maxHeight = `${maxHeight}px`;
+    const left = Math.max(
+      margin,
+      Math.min(rect.left, window.innerWidth - menu.offsetWidth - margin)
+    );
+    menu.style.left = `${left}px`;
+    const menuHeight = Math.min(menu.scrollHeight, maxHeight);
+    const roomBelow = window.innerHeight - rect.bottom - margin;
+    const openAbove = roomBelow < menuHeight && rect.top > roomBelow;
+    menu.style.top = `${Math.max(
+      margin,
+      openAbove ? rect.top - menuHeight - 4 : Math.min(rect.bottom + 4, window.innerHeight - menuHeight - margin)
+    )}px`;
+  }
+  function moveFdcSelectFocus(menu, direction) {
+    const options2 = [...menu.querySelectorAll("button:not(:disabled)")];
+    if (!options2.length) return;
+    const current = options2.indexOf(shadow.activeElement);
+    const next = direction === "first" ? 0 : direction === "last" ? options2.length - 1 : (current + direction + options2.length) % options2.length;
+    options2[next]?.focus({ preventScroll: true });
+    options2[next]?.scrollIntoView({ block: "nearest" });
+  }
+  function openFdcSelectMenu(select2, trigger) {
+    if (openFdcSelect?.select === select2) {
+      closeFdcSelect();
+      return;
+    }
+    closeFdcSelect(false);
+    ignoreFdcSelectScrollUntil = performance.now() + 250;
+    const menu = document.createElement("div");
+    menu.className = "fdc-select-menu";
+    menu.id = `${select2.id}-listbox`;
+    menu.setAttribute("role", "listbox");
+    menu.setAttribute("aria-label", trigger.getAttribute("aria-label") ?? "Options");
+    menu.innerHTML = [...select2.options].map(
+      (option, index) => `<button type="button" role="option" data-fdc-option="${index}" aria-selected="${option.selected}" ${option.disabled ? "disabled" : ""}><span>${escapeHtml(option.textContent)}</span>${option.selected ? '<i data-foundry-icon="check"></i>' : ""}</button>`
+    ).join("");
+    shadow.append(menu);
+    renderIcons(menu);
+    trigger.setAttribute("aria-controls", menu.id);
+    trigger.setAttribute("aria-expanded", "true");
+    positionFdcSelect(trigger, menu);
+    const selected2 = menu.querySelector('[aria-selected="true"]');
+    (selected2 ?? menu.querySelector("button:not(:disabled)"))?.focus({
+      preventScroll: true
+    });
+    openFdcSelect = { select: select2, trigger, menu, typeahead: "" };
+    menu.addEventListener("click", (event) => {
+      const option = event.target.closest("[data-fdc-option]");
+      if (!option || option.disabled) return;
+      select2.selectedIndex = Number(option.dataset.fdcOption);
+      select2.dispatchEvent(new Event("change", { bubbles: true }));
+      syncFdcSelect(select2);
+      closeFdcSelect();
+    });
+  }
+  function selectAccessibleLabel(select2) {
+    const explicit = select2.getAttribute("aria-label");
+    if (explicit) return explicit;
+    const wrappingLabel = select2.closest("label");
+    const textLabel = [...wrappingLabel?.childNodes ?? []].filter((node) => node.nodeType === Node.TEXT_NODE).map((node) => node.textContent?.trim()).filter(Boolean).join(" ");
+    if (textLabel) return textLabel;
+    const visibleLabel = wrappingLabel?.querySelector(
+      ":scope > span:not(.foundry-select):not(.fdc-select), :scope > strong, :scope > small"
+    );
+    return visibleLabel?.textContent?.trim() || "Choose an option";
+  }
+  function upgradeFdcSelect(select2) {
+    if (select2.dataset.foundrySelect === "true") {
+      syncFdcSelect(select2);
+      return;
+    }
+    select2.dataset.foundrySelect = "true";
+    if (!select2.id) select2.id = `foundry-overlay-select-${++fdcSelectId}`;
+    const wrapper = document.createElement("span");
+    wrapper.className = select2.classList.contains("canvas-variant") ? "fdc-select fdc-canvas-variant" : "fdc-select";
+    select2.before(wrapper);
+    wrapper.append(select2);
+    const trigger = document.createElement("button");
+    trigger.type = "button";
+    trigger.className = "fdc-select-trigger";
+    trigger.setAttribute("role", "combobox");
+    trigger.setAttribute("aria-haspopup", "listbox");
+    trigger.setAttribute("aria-expanded", "false");
+    const accessibleLabel = selectAccessibleLabel(select2);
+    select2.setAttribute("aria-hidden", "true");
+    select2.tabIndex = -1;
+    trigger.setAttribute("aria-label", accessibleLabel);
+    trigger.innerHTML = '<span class="fdc-select-value"></span><i data-foundry-icon="chevron-down"></i>';
+    wrapper.append(trigger);
+    renderIcons(trigger);
+    trigger.addEventListener("click", () => openFdcSelectMenu(select2, trigger));
+    trigger.addEventListener("keydown", (event) => {
+      if (!["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(event.key)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (!openFdcSelect || openFdcSelect.select !== select2) openFdcSelectMenu(select2, trigger);
+      if (!openFdcSelect) return;
+      if (event.key === "ArrowUp") moveFdcSelectFocus(openFdcSelect.menu, -1);
+      if (event.key === "Home") moveFdcSelectFocus(openFdcSelect.menu, "first");
+      if (event.key === "End") moveFdcSelectFocus(openFdcSelect.menu, "last");
+    });
+    select2.addEventListener("focus", () => trigger.focus());
+    select2.addEventListener("change", () => syncFdcSelect(select2));
+    syncFdcSelect(select2);
+  }
+  function upgradeFdcSelects(root = shadow) {
+    root.querySelectorAll("select").forEach(upgradeFdcSelect);
+  }
+  const fdcSelectObserver = new MutationObserver(() => upgradeFdcSelects());
+  function handleFdcSelectKeydown(event) {
+    if (!(event instanceof KeyboardEvent)) return;
+    if (!openFdcSelect) return;
+    const { menu } = openFdcSelect;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      closeFdcSelect();
+      return;
+    }
+    if (event.key === "Tab") {
+      closeFdcSelect(false);
+      return;
+    }
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      moveFdcSelectFocus(menu, event.key === "ArrowDown" ? 1 : -1);
+      return;
+    }
+    if (event.key === "Home" || event.key === "End") {
+      event.preventDefault();
+      moveFdcSelectFocus(menu, event.key === "Home" ? "first" : "last");
+      return;
+    }
+    if (event.key === "Enter" || event.key === " ") {
+      const option = shadow.activeElement?.closest(
+        "[data-fdc-option]"
+      );
+      if (option) {
+        event.preventDefault();
+        option.click();
+      }
+      return;
+    }
+    if (event.key.length === 1 && /\S/.test(event.key)) {
+      if (openFdcSelect.typeaheadTimer) clearTimeout(openFdcSelect.typeaheadTimer);
+      openFdcSelect.typeahead += event.key.toLowerCase();
+      const match = [...menu.querySelectorAll("button:not(:disabled)")].find(
+        (button) => button.textContent?.trim().toLowerCase().startsWith(openFdcSelect?.typeahead ?? "")
+      );
+      match?.focus({ preventScroll: true });
+      openFdcSelect.typeaheadTimer = setTimeout(() => {
+        if (openFdcSelect) openFdcSelect.typeahead = "";
+      }, 500);
+    }
+  }
+  function handleFdcSelectDismiss(event) {
+    if (!openFdcSelect) return;
+    const path = event.composedPath();
+    if (!path.includes(openFdcSelect.menu) && !path.includes(openFdcSelect.trigger))
+      closeFdcSelect(false);
+  }
+  function closeFdcSelectForViewportChange(event) {
+    if (event?.type === "scroll" && performance.now() < ignoreFdcSelectScrollUntil) return;
+    if (event?.type === "scroll" && event.target instanceof Node && openFdcSelect?.menu.contains(event.target))
+      return;
+    closeFdcSelect(false);
+  }
   renderIcons(shadow);
+  upgradeFdcSelects();
+  fdcSelectObserver.observe(shadow, {
+    childList: true,
+    subtree: true,
+    attributes: true,
+    attributeFilter: ["disabled", "hidden"]
+  });
+  shadow.addEventListener("keydown", handleFdcSelectKeydown);
+  document.addEventListener("pointerdown", handleFdcSelectDismiss, true);
+  window.addEventListener("resize", closeFdcSelectForViewportChange);
+  window.addEventListener("scroll", closeFdcSelectForViewportChange, true);
   const outline = shadow.querySelector(".outline");
   const panel = shadow.querySelector(".panel");
   const controlsRoot = shadow.querySelector(".controls");
@@ -2182,7 +2567,229 @@ function installFoundryInspector(options = {}) {
   let designMemory = emptyDesignMemory();
   let matrixMode = false;
   let lastUtilityTrigger = null;
+  let workspaceCanvasTool = inspecting ? "select" : "interact";
+  let embeddedSpaceHeld = false;
+  let embeddedPanActive = false;
+  let embeddedPanPointer = null;
   const utilityRects = /* @__PURE__ */ new Map();
+  let workspacePublishFrame = 0;
+  function workspaceSnapshot() {
+    if (!layerEntries.length) discoverLayers();
+    const rect = selected?.getBoundingClientRect();
+    return {
+      version: 1,
+      mode: inspecting ? "select" : "interact",
+      interfaceTheme: resolvedInterfaceTheme(),
+      context: {
+        scope: scope.value,
+        breakpoint: breakpoint.value,
+        theme: theme.value,
+        state: state.value
+      },
+      selection: selected ? {
+        id: foundryTargetId(selected),
+        selector: foundrySelector(selected),
+        label: targetFor(selected).label,
+        kind: selected.tagName.toLowerCase(),
+        source: selected.dataset.foundrySource ?? foundrySelector(selected),
+        confidence: targetFor(selected).confidence,
+        width: rect ? Math.round(rect.width * 100) / 100 : 0,
+        height: rect ? Math.round(rect.height * 100) / 100 : 0,
+        count: selectedElements.length
+      } : null,
+      layers: layerEntries.slice(0, 500).map((entry) => ({
+        id: foundryTargetId(entry.element),
+        selector: foundrySelector(entry.element),
+        label: entry.label,
+        kind: entry.kind,
+        depth: entry.depth,
+        instrumented: entry.instrumented,
+        hasChildren: entry.hasChildren,
+        selected: selectedElements.includes(entry.element)
+      })),
+      controls: selectedControls.map((control, index) => ({
+        index,
+        category: control.category,
+        property: control.property,
+        label: control.label,
+        kind: control.kind,
+        value: control.read(),
+        unit: control.unit,
+        min: control.min,
+        max: control.max,
+        step: control.step,
+        options: control.options
+      })),
+      history: { canUndo: historyCursor > 0, canRedo: historyCursor < previewHistory.length },
+      project: {
+        tokens: designGraph?.tokens ?? [],
+        components: designGraph?.components ?? [],
+        breakpoints: designGraph?.breakpoints ?? [],
+        themes: designGraph?.themes ?? [],
+        states: designGraph?.states ?? []
+      },
+      health: healthIssues.map((issue) => ({
+        id: issue.id,
+        kind: issue.category,
+        title: issue.title,
+        detail: `${issue.elementLabel}: ${issue.description}`,
+        severity: issue.severity
+      })),
+      memory: designMemory
+    };
+  }
+  function publishWorkspaceState() {
+    if (!embeddedWorkspace) return;
+    cancelAnimationFrame(workspacePublishFrame);
+    workspacePublishFrame = requestAnimationFrame(() => {
+      window.parent.postMessage(
+        { type: "foundry:workspace-state", sessionId, payload: workspaceSnapshot() },
+        runtimeOrigin
+      );
+    });
+  }
+  function publishCanvasInput(action, payload = {}) {
+    if (!embeddedWorkspace) return;
+    window.parent.postMessage(
+      { type: "foundry:canvas-input", sessionId, payload: { action, ...payload } },
+      runtimeOrigin
+    );
+  }
+  function handleWorkspaceMessage(event) {
+    if (!embeddedWorkspace || event.source !== window.parent || event.origin !== runtimeOrigin)
+      return;
+    const message = event.data;
+    if (message.type !== "foundry:workspace-command" || message.sessionId !== sessionId) return;
+    const payload = message.payload ?? {};
+    if (message.command === "request-state") publishWorkspaceState();
+    if (message.command === "set-mode") {
+      workspaceCanvasTool = payload.mode === "pan" ? "pan" : payload.mode === "interact" ? "interact" : "select";
+      inspecting = workspaceCanvasTool === "select";
+      document.documentElement.style.cursor = workspaceCanvasTool === "pan" ? "grab" : "";
+      updateInspectionMode();
+      publishWorkspaceState();
+    }
+    if (message.command === "select") {
+      const element = resolveFoundrySelector(document, String(payload.selector ?? ""));
+      if (element) select(element, Boolean(payload.additive));
+    }
+    if (message.command === "set-control") {
+      const control = selectedControls[Number(payload.index)] ?? selectedControls.find((item) => item.property === payload.property);
+      if (control) {
+        void applyControlValue(
+          control,
+          payload.value,
+          `Adjust ${control.label}`
+        ).then(() => {
+          if (selected) selectedControls = controlsFor(selected);
+          renderControls();
+          publishWorkspaceState();
+        });
+      }
+    }
+    if (message.command === "set-context") {
+      const fields = { scope, breakpoint, theme, state };
+      const key = String(payload.key);
+      const field = fields[key];
+      if (field) {
+        field.value = String(payload.value ?? "current");
+        field.dispatchEvent(new Event("change", { bubbles: true }));
+        publishWorkspaceState();
+      }
+    }
+    if (message.command === "undo") void replayHistory(-1).then(publishWorkspaceState);
+    if (message.command === "redo") void replayHistory(1).then(publishWorkspaceState);
+    if (message.command === "compare") {
+      const mode = payload.mode === "before" ? "before" : "after";
+      showComparison(mode);
+      publishWorkspaceState();
+    }
+    if (message.command === "interface-theme") {
+      const preference = String(payload.value);
+      if (preference === "system" || preference === "light" || preference === "dark") {
+        applyInterfaceTheme(preference);
+        publishWorkspaceState();
+      }
+    }
+    if (message.command === "scan-health") {
+      scanDesignHealth();
+      window.setTimeout(publishWorkspaceState, 0);
+    }
+  }
+  function handleEmbeddedCanvasKeyDown(event) {
+    if (!embeddedWorkspace || event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLSelectElement || event.target instanceof HTMLElement && event.target.isContentEditable)
+      return;
+    if (event.code === "Space") {
+      event.preventDefault();
+      embeddedSpaceHeld = true;
+      publishCanvasInput("space", { pressed: true });
+      return;
+    }
+    const key = event.key.toLowerCase();
+    if (key === "h" || key === "v") {
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      publishCanvasInput("shortcut", { key });
+    }
+  }
+  function handleEmbeddedCanvasKeyUp(event) {
+    if (!embeddedWorkspace || event.code !== "Space") return;
+    embeddedSpaceHeld = false;
+    publishCanvasInput("space", { pressed: false });
+  }
+  function handleEmbeddedCanvasPointerDown(event) {
+    if (!embeddedWorkspace) return;
+    const shouldPan = workspaceCanvasTool === "pan" || embeddedSpaceHeld || event.button === 1;
+    if (!shouldPan || event.composedPath().includes(host)) return;
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    embeddedPanActive = true;
+    embeddedPanPointer = event.target instanceof Element ? event.target : null;
+    if (embeddedPanPointer instanceof HTMLElement)
+      embeddedPanPointer.setPointerCapture(event.pointerId);
+    document.documentElement.style.cursor = "grabbing";
+    publishCanvasInput("pan-start", { screenX: event.screenX, screenY: event.screenY });
+  }
+  function handleEmbeddedCanvasPointerMove(event) {
+    if (!embeddedPanActive) return;
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    publishCanvasInput("pan-move", { screenX: event.screenX, screenY: event.screenY });
+  }
+  function handleEmbeddedCanvasPointerUp(event) {
+    if (!embeddedPanActive) return;
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    embeddedPanActive = false;
+    if (embeddedPanPointer instanceof HTMLElement && embeddedPanPointer.hasPointerCapture(event.pointerId))
+      embeddedPanPointer.releasePointerCapture(event.pointerId);
+    embeddedPanPointer = null;
+    document.documentElement.style.cursor = workspaceCanvasTool === "pan" ? "grab" : "";
+    publishCanvasInput("pan-end");
+  }
+  function handleEmbeddedCanvasWheel(event) {
+    if (!embeddedWorkspace || event.composedPath().includes(host)) return;
+    if (event.ctrlKey || event.metaKey) {
+      event.preventDefault();
+      publishCanvasInput("zoom-wheel", {
+        deltaY: event.deltaY,
+        clientX: event.clientX,
+        clientY: event.clientY
+      });
+      return;
+    }
+    if (workspaceCanvasTool === "interact") return;
+    event.preventDefault();
+    publishCanvasInput("pan-wheel", { deltaX: event.deltaX, deltaY: event.deltaY });
+  }
+  window.addEventListener("message", handleWorkspaceMessage);
+  document.addEventListener("keydown", handleEmbeddedCanvasKeyDown, true);
+  document.addEventListener("keyup", handleEmbeddedCanvasKeyUp, true);
+  document.addEventListener("pointerdown", handleEmbeddedCanvasPointerDown, true);
+  document.addEventListener("pointermove", handleEmbeddedCanvasPointerMove, true);
+  document.addEventListener("pointerup", handleEmbeddedCanvasPointerUp, true);
+  document.addEventListener("pointercancel", handleEmbeddedCanvasPointerUp, true);
+  document.addEventListener("wheel", handleEmbeddedCanvasWheel, { capture: true, passive: false });
   const onboardingSteps = [
     {
       id: "setup",
@@ -2448,6 +3055,13 @@ function installFoundryInspector(options = {}) {
   }
   function populateDesignContext() {
     if (!designGraph) return;
+    const selectedBreakpoint = breakpoint.value || "current";
+    const selectedTheme = theme.value || "current";
+    const selectedState = state.value || "current";
+    const workbenchViewport = shadow.querySelector("[data-workbench-viewport]");
+    const selectedWorkbenchViewport = workbenchViewport.value;
+    const workbenchTheme = shadow.querySelector("[data-workbench-theme]");
+    const selectedWorkbenchTheme = workbenchTheme.value || "current";
     breakpoint.innerHTML = [
       '<option value="current">Current</option>',
       ...designGraph.breakpoints.map(
@@ -2471,17 +3085,25 @@ function installFoundryInspector(options = {}) {
       '<option value="disabled">Disabled</option>',
       '<option value="reduced-motion">Reduced motion</option>'
     ].join("");
-    const workbenchViewport = shadow.querySelector("[data-workbench-viewport]");
     workbenchViewport.innerHTML = designGraph.breakpoints.map(
       (item) => `<option value="${escapeHtml(item.id)}">${escapeHtml(item.label)} \xB7 ${item.width}px</option>`
     ).join("");
-    const workbenchTheme = shadow.querySelector("[data-workbench-theme]");
     workbenchTheme.innerHTML = [
       '<option value="current">Current theme</option>',
       ...designGraph.themes.map(
         (item) => `<option value="${escapeHtml(item.id)}">${escapeHtml(item.label)}</option>`
       )
     ].join("");
+    const restoreValue = (field, value, fallback) => {
+      const available = [...field.options].some((option) => option.value === value);
+      field.value = available ? value : fallback ?? field.options[0]?.value ?? "";
+      syncFdcSelect(field);
+    };
+    restoreValue(breakpoint, selectedBreakpoint, "current");
+    restoreValue(theme, selectedTheme, "current");
+    restoreValue(state, selectedState, "current");
+    restoreValue(workbenchViewport, selectedWorkbenchViewport);
+    restoreValue(workbenchTheme, selectedWorkbenchTheme, "current");
   }
   async function hydrateSession() {
     if (!sessionId || !token) return;
@@ -2709,12 +3331,18 @@ function installFoundryInspector(options = {}) {
     return selector;
   }
   function resolveFoundrySelector(root, selector) {
+    if (!selector.trim()) return null;
     const parts = selector.split(">>>").map((part) => part.trim());
     let currentRoot = root;
     for (let index = 0; index < parts.length; index += 1) {
       const part = parts[index];
       if (!part) return null;
-      const element = currentRoot.querySelector(part);
+      let element;
+      try {
+        element = currentRoot.querySelector(part);
+      } catch {
+        return null;
+      }
       if (!element) return null;
       if (index === parts.length - 1) return element;
       if (!element.shadowRoot) return null;
@@ -4184,6 +4812,7 @@ function installFoundryInspector(options = {}) {
     } catch (error) {
       showToast(error instanceof Error ? error.message : "Could not record change");
     }
+    publishWorkspaceState();
   }
   function renderToolTabs() {
     const multi = selectedElements.length > 1;
@@ -4355,6 +4984,7 @@ function installFoundryInspector(options = {}) {
     const component = selectedComponent();
     if (!rect || !component?.variants.length) {
       canvasVariant.hidden = true;
+      syncFdcSelect(canvasVariant);
       return;
     }
     const signature = component.variants.map((variant) => variant.id).join("|");
@@ -4370,6 +5000,7 @@ function installFoundryInspector(options = {}) {
     canvasVariant.style.left = `${Math.max(8, Math.min(window.innerWidth - 188, rect.left))}px`;
     canvasVariant.style.top = `${Math.max(8, rect.bottom + 8)}px`;
     canvasVariant.hidden = false;
+    syncFdcSelect(canvasVariant);
   }
   function opaqueBackground(element) {
     let current = element;
@@ -4412,6 +5043,90 @@ function installFoundryInspector(options = {}) {
     updateOutline();
     await record(control, before, after, element, operationLabel);
   }
+  function installEffectEditor() {
+    const finish = async (control, value, label) => {
+      await applyControlValue(control, value, label);
+      if (selected) selectedControls = controlsFor(selected);
+      renderControls();
+      publishWorkspaceState();
+    };
+    controlsRoot.querySelectorAll("[data-shadow-part]").forEach((field) => {
+      field.addEventListener("change", () => {
+        const control = selectedControls[Number(field.dataset.shadowControl)];
+        const effectIndex = Number(field.dataset.shadowIndex);
+        const part = field.dataset.shadowPart;
+        if (!control || !part) return;
+        const effects = parseShadowEffects(String(control.read()));
+        const effect = effects[effectIndex];
+        if (!effect) return;
+        if (part === "color") effect.color = field.value;
+        else if (part === "opacity") effect.opacity = Number(field.value) / 100;
+        else if (part !== "kind") effect[part] = Number(field.value);
+        void finish(control, composeShadowEffects(effects), `Adjust ${effect.kind}`);
+      });
+    });
+    controlsRoot.querySelectorAll("[data-shadow-kind]").forEach((field) => {
+      field.addEventListener("change", () => {
+        const control = selectedControls[Number(field.dataset.shadowControl)];
+        const effectIndex = Number(field.dataset.shadowKind);
+        if (!control) return;
+        const effects = parseShadowEffects(String(control.read()));
+        const effect = effects[effectIndex];
+        if (!effect) return;
+        effect.kind = field.value === "inner-shadow" ? "inner-shadow" : "drop-shadow";
+        void finish(control, composeShadowEffects(effects), `Change to ${field.value}`);
+      });
+    });
+    controlsRoot.querySelectorAll("[data-remove-shadow]").forEach((button) => {
+      button.addEventListener("click", () => {
+        const control = selectedControls[Number(button.dataset.shadowControl)];
+        if (!control) return;
+        const effects = parseShadowEffects(String(control.read()));
+        effects.splice(Number(button.dataset.removeShadow), 1);
+        void finish(control, composeShadowEffects(effects), "Remove shadow");
+      });
+    });
+    controlsRoot.querySelectorAll("[data-blur-control]").forEach((field) => {
+      field.addEventListener("change", () => {
+        const control = selectedControls[Number(field.dataset.blurControl)];
+        if (!control) return;
+        void finish(
+          control,
+          replaceBlur(String(control.read()), Number(field.value)),
+          `Adjust ${control.label}`
+        );
+      });
+    });
+    controlsRoot.querySelectorAll("[data-remove-blur]").forEach((button) => {
+      button.addEventListener("click", () => {
+        const control = selectedControls[Number(button.dataset.blurControl)];
+        if (!control) return;
+        void finish(control, replaceBlur(String(control.read()), null), `Remove ${control.label}`);
+      });
+    });
+    controlsRoot.querySelectorAll("[data-add-effect]").forEach((button) => {
+      button.addEventListener("click", () => {
+        const control = selectedControls[Number(button.dataset.effectControl)];
+        const type = button.dataset.addEffect;
+        if (!control || !type) return;
+        if (type === "drop-shadow" || type === "inner-shadow") {
+          const effects = parseShadowEffects(String(control.read()));
+          effects.push({
+            kind: type,
+            x: 0,
+            y: 4,
+            blur: 8,
+            spread: 0,
+            color: "#000000",
+            opacity: 0.12
+          });
+          void finish(control, composeShadowEffects(effects), `Add ${type}`);
+          return;
+        }
+        void finish(control, replaceBlur(String(control.read()), 4), `Add ${type}`);
+      });
+    });
+  }
   function installContextActions(controls) {
     controlsRoot.querySelectorAll(".native-search").forEach(
       (search) => search.addEventListener("input", (event) => {
@@ -5332,6 +6047,9 @@ function installFoundryInspector(options = {}) {
         entries.forEach(({ control }) => renderedProperties.add(control.property));
         if (!entries.length) return "";
         const sectionKey = `${group.key}:${section.label}`;
+        if (section.label === "Effects") {
+          return `<section class="property-section ${collapsedSections.has(sectionKey) ? "collapsed" : ""}" data-section-key="${escapeHtml(sectionKey)}"><div class="section-head"><button class="section-toggle" aria-expanded="${String(!collapsedSections.has(sectionKey))}"><i data-foundry-icon="chevron-down"></i><strong>Effects</strong></button></div><div class="section-grid effect-section">${renderEffectsEditor(entries)}</div></section>`;
+        }
         const sectionActions = section.label === "Position and size" ? '<span class="section-actions"><button class="section-action" data-layout-action="lock" aria-label="Lock aspect ratio" title="Lock aspect ratio"><i data-foundry-icon="lock"></i></button></span>' : section.label === "Padding" ? `<span class="section-actions"><button class="section-action ${paddingLinked ? "active" : ""}" data-padding-link aria-label="${paddingLinked ? "Unlink padding values" : "Link padding values"}"><i data-foundry-icon="${paddingLinked ? "link-2" : "unlink-2"}"></i></button></span>` : section.label === "Typeface" ? '<span class="section-actions type-presets"><button data-type-preset="compact">S</button><button data-type-preset="body">M</button><button data-type-preset="display">L</button></span>' : section.label === "Fill" ? '<span class="section-actions"><button class="section-action" data-color-action="gradient" aria-label="Add linear gradient" title="Add gradient"><i data-foundry-icon="sparkles"></i></button><button class="section-action" data-color-action="clear" aria-label="Clear fill" title="Clear fill"><i data-foundry-icon="x"></i></button></span>' : section.label === "Corners" ? `<span class="section-actions"><button class="section-action ${radiusLinked ? "active" : ""}" data-radius-link aria-label="${radiusLinked ? "Edit corner radii independently" : "Link corner radii"}"><i data-foundry-icon="${radiusLinked ? "link-2" : "unlink-2"}"></i></button></span>` : "";
         return `<section class="property-section ${collapsedSections.has(sectionKey) ? "collapsed" : ""}" data-section-key="${escapeHtml(sectionKey)}"><div class="section-head"><button class="section-toggle" aria-expanded="${String(!collapsedSections.has(sectionKey))}"><i data-foundry-icon="chevron-down"></i><strong>${escapeHtml(section.label)}</strong></button>${sectionActions}</div><div class="section-grid ${section.columns === 2 ? "two" : ""} ${section.stacked ? "stacked" : ""}">${entries.map(
           ({ control, index }) => renderPropertyControl(control, index, section.prefixes?.[control.property])
@@ -5591,6 +6309,7 @@ function installFoundryInspector(options = {}) {
         field.dispatchEvent(new Event("input", { bubbles: true, composed: true }));
       });
     });
+    installEffectEditor();
     installContextActions(selectedControls);
     installNumberScrubbing();
     installMotionControls(animations);
@@ -5673,6 +6392,7 @@ function installFoundryInspector(options = {}) {
     if (!workbench.hidden) applyWorkbenchState();
     if (!libraryPanel.hidden) renderDesignMemory();
     if (matrixMode) renderWorkbenchMatrix();
+    publishWorkspaceState();
   }
   function renderSelectionEmptyState() {
     controlsRoot.innerHTML = '<div class="empty-state"><span class="empty-state-icon"><i data-foundry-icon="mouse-pointer-2"></i></span><strong>Select something to begin</strong><p>Click any element on the page, or use Layers for a precise structural selection.</p><span class="empty-state-actions"><button data-empty-layers>Open Layers</button><button data-empty-interact>Interact with app</button></span><kbd>Shift-click adds \xB7 Option-click selects while interacting</kbd></div>';
@@ -5709,6 +6429,7 @@ function installFoundryInspector(options = {}) {
     renderLayers();
     if (!libraryPanel.hidden) renderDesignMemory();
     if (matrixMode) renderWorkbenchMatrix();
+    publishWorkspaceState();
   }
   function simpleStyleControl(element, property, label, category = "layout", unit) {
     return {
@@ -6514,13 +7235,31 @@ function installFoundryInspector(options = {}) {
       sessionStorage.removeItem("__foundry_selected_selector");
     }
   }
+  if (embeddedWorkspace) {
+    discoverLayers();
+    publishWorkspaceState();
+  }
   function destroyInspector() {
     resizeObserver?.disconnect();
+    fdcSelectObserver.disconnect();
+    closeFdcSelect(false);
     cancelAnimationFrame(layerScrollFrame);
     cancelAnimationFrame(mutationFrame);
     layerMutationObserver.disconnect();
     systemDarkTheme.removeEventListener("change", handleSystemThemeChange);
+    window.removeEventListener("message", handleWorkspaceMessage);
+    document.removeEventListener("keydown", handleEmbeddedCanvasKeyDown, true);
+    document.removeEventListener("keyup", handleEmbeddedCanvasKeyUp, true);
+    document.removeEventListener("pointerdown", handleEmbeddedCanvasPointerDown, true);
+    document.removeEventListener("pointermove", handleEmbeddedCanvasPointerMove, true);
+    document.removeEventListener("pointerup", handleEmbeddedCanvasPointerUp, true);
+    document.removeEventListener("pointercancel", handleEmbeddedCanvasPointerUp, true);
+    document.removeEventListener("wheel", handleEmbeddedCanvasWheel, true);
     document.removeEventListener("pointerdown", handleInterfaceThemeDismiss, true);
+    document.removeEventListener("pointerdown", handleFdcSelectDismiss, true);
+    shadow.removeEventListener("keydown", handleFdcSelectKeydown);
+    window.removeEventListener("resize", closeFdcSelectForViewportChange);
+    window.removeEventListener("scroll", closeFdcSelectForViewportChange, true);
     clearInterval(reviewPoll);
     clearInterval(sessionPoll);
     document.removeEventListener("click", handlePointer, true);
@@ -6532,6 +7271,7 @@ function installFoundryInspector(options = {}) {
     window.removeEventListener("scroll", updateOutline, true);
     window.removeEventListener("resize", handleWorkspaceResize);
     cancelAnimationFrame(selectionHoverFrame);
+    cancelAnimationFrame(workspacePublishFrame);
     host.remove();
   }
   return {