silk-compose 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.d.ts +7 -3
  2. package/dist/silk.css +1 -1
  3. package/dist/silk.js +938 -847
  4. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -15,7 +15,7 @@ import { SerializedElementNode } from 'lexical';
15
15
  import { SerializedLexicalNode } from 'lexical';
16
16
  import { Spread } from 'lexical';
17
17
 
18
- export declare function $createImageNode(src: string, altText?: string, width?: number, height?: number): ImageNode;
18
+ export declare function $createImageNode(src: string, altText?: string, width?: number, height?: number, alignment?: string): ImageNode;
19
19
 
20
20
  export declare function $createNoteNode(noteType?: NoteType): NoteNode;
21
21
 
@@ -28,11 +28,14 @@ export declare class ImageNode extends DecoratorNode<JSX.Element> {
28
28
  __altText: string;
29
29
  __width: number | undefined;
30
30
  __height: number | undefined;
31
+ __alignment: string;
31
32
  static getType(): string;
32
33
  static clone(node: ImageNode): ImageNode;
33
- constructor(src: string, altText: string, width?: number, height?: number, key?: NodeKey);
34
+ constructor(src: string, altText: string, width?: number, height?: number, alignment?: string, key?: NodeKey);
35
+ getAlignment(): string;
36
+ setAlignment(alignment: string): void;
34
37
  createDOM(): HTMLElement;
35
- updateDOM(): false;
38
+ updateDOM(prevNode: ImageNode, dom: HTMLElement): boolean;
36
39
  isInline(): boolean;
37
40
  isKeyboardSelectable(): boolean;
38
41
  static importJSON(serializedNode: SerializedImageNode): ImageNode;
@@ -64,6 +67,7 @@ export declare type SerializedImageNode = Spread<{
64
67
  altText: string;
65
68
  width?: number;
66
69
  height?: number;
70
+ alignment?: string;
67
71
  }, SerializedLexicalNode>;
68
72
 
69
73
  declare type SerializedNoteNode = Spread<{
package/dist/silk.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.silk-editor-container{position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a}.silk-root{position:relative;min-height:150px;outline:none;background-color:#faf9f7}.silk-content-editable{min-height:150px;outline:none;padding:8px 12px}.silk-content-editable:focus{outline:none}.silk-placeholder{position:absolute;top:8px;left:12px;color:#999;pointer-events:none;-webkit-user-select:none;user-select:none}.silk-paragraph{margin:0 0 8px;line-height:1.6}.silk-text-bold{font-weight:600}.silk-text-italic{font-style:italic}.silk-text-underline{text-decoration:underline}.silk-text-strikethrough{text-decoration:line-through}.silk-text-code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;background-color:#0000000a;border:1px solid rgba(0,0,0,.1);padding:2px 5px;border-radius:0;font-size:.875em}.silk-heading-h1{font-family:Space Grotesk,Inter,sans-serif;font-size:1.875em;font-weight:600;margin:0 0 12px;line-height:1.3;letter-spacing:-.02em}.silk-heading-h2{font-family:Space Grotesk,Inter,sans-serif;font-size:1.375em;font-weight:600;margin:0 0 10px;line-height:1.35;letter-spacing:-.01em}.silk-heading-h3{font-family:Space Grotesk,Inter,sans-serif;font-size:1.125em;font-weight:600;margin:0 0 8px;line-height:1.4}.silk-quote{margin:12px 0;padding:20px 24px;border-left:4px solid #ac3521;background-color:#f0efeb;color:#31332c;line-height:1.6}.silk-list-ul{margin:0 0 8px;padding-left:24px;list-style-type:disc}.silk-list-ol{margin:0 0 8px;padding-left:48px;list-style:none;counter-reset:silk-ol}.silk-list-item{margin:2px 0;line-height:1.6}.silk-list-ol>.silk-list-item:not(.silk-list-item-nested){counter-increment:silk-ol;position:relative;margin:14px 0}.silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,decimal);position:absolute;left:-40px;color:#ac3521;font-weight:600;font-feature-settings:"tnum";width:28px;text-align:right}.silk-list-item-nested{list-style-type:none}.silk-list-ul .silk-list-ul{list-style-type:circle}.silk-list-ul .silk-list-ul .silk-list-ul{list-style-type:square}.silk-list-ol .silk-list-ol{counter-reset:silk-ol}.silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,upper-alpha)}.silk-list-ol .silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,lower-alpha)}.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,decimal)}.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,upper-alpha)}.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,lower-alpha)}.silk-list-ol .silk-list-ol .silk-list-ol,.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol,.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol,.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol{counter-reset:silk-ol}.silk-code-block{display:block;background-color:#1e1e1e;color:#d4d4d4;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.8125em;line-height:1.6;padding:12px;margin-top:40px;margin-bottom:8px;border-radius:0;border:1px solid #333;border-top:none;overflow-x:auto;-moz-tab-size:2;tab-size:2;white-space:pre;min-height:1.6em}.silk-code-header{display:flex;align-items:center;height:32px;padding:0 8px;border:1px solid #333;border-bottom:none;background-color:#2d2d2d;border-radius:0;-webkit-user-select:none;user-select:none;z-index:1;box-sizing:border-box}.silk-code-language-select{display:flex;align-items:center;gap:4px;background:none;border:none;color:#999;font-size:12px;font-family:inherit;padding:2px 6px;border-radius:0;line-height:1}.silk-code-language-select:hover{background-color:#ffffff14;color:#ccc}.silk-code-language-chevron{font-size:10px;color:#666}.silk-code-language-dropdown{position:absolute;top:100%;left:4px;margin-top:4px;background:#2d2d2d;border:1px solid #444;border-radius:0;padding:4px;min-width:120px;z-index:10;box-shadow:0 4px 12px #0006}.silk-code-language-option{display:block;width:100%;text-align:left;background:none;border:none;color:#ccc;padding:4px 8px;border-radius:0;font-size:12px;cursor:pointer;font-family:inherit}.silk-code-language-option:hover{background:#ffffff1a}.silk-code-language-option--active{color:#fff;background:#ffffff1f}.silk-hr{border:none;margin:28px 0;padding:0;display:flex;align-items:center;gap:16px}.silk-hr:before{content:"";flex:1;height:0;border-top:1px solid #e0ded9}.silk-hr:after{content:"SECTION_START";flex-shrink:0;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.08em;color:#c5c3be}.silk-image-wrapper{margin:12px 0;line-height:0}.silk-image-container{position:relative;display:inline-block;max-width:100%}.silk-image-container--selected{outline:2px solid #ac3521;outline-offset:2px}.silk-image{max-width:100%;height:auto;display:block;cursor:default}.silk-image-handle{position:absolute;width:10px;height:10px;background:#ac3521;border:1px solid #fbf9f4;z-index:2}.silk-image-handle--nw{top:-5px;left:-5px;cursor:nw-resize}.silk-image-handle--ne{top:-5px;right:-5px;cursor:ne-resize}.silk-image-handle--sw{bottom:-5px;left:-5px;cursor:sw-resize}.silk-image-handle--se{bottom:-5px;right:-5px;cursor:se-resize}.silk-note{margin:8px 0;border-left:4px solid;padding:14px 16px 14px 44px;position:relative;line-height:1.6}.silk-note:before{content:"";position:absolute;left:16px;top:16px;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center}.silk-note--info{background-color:#efeeea;border-color:#7d7870}.silk-note--info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%237d7870'/%3E%3Ccircle cx='10' cy='6.5' r='1.5' fill='white'/%3E%3Crect x='8.5' y='9.5' width='3' height='6.5' rx='1' fill='white'/%3E%3C/svg%3E")}.silk-note--warning{background-color:#f5ebe0;border-color:#96734c}.silk-note--warning:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 22 20'%3E%3Cpolygon points='11,0.5 21.5,19.5 0.5,19.5' fill='%23a07850'/%3E%3Ctext x='11' y='16' text-anchor='middle' fill='white' font-family='Inter,sans-serif' font-weight='700' font-size='13'%3E%3F%3C/text%3E%3C/svg%3E")}.silk-note--error{background-color:#fde8e8;border-color:#c44}.silk-note--error:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23cc4444'/%3E%3Crect x='8.75' y='4' width='2.5' height='8' rx='1' fill='white'/%3E%3Ccircle cx='10' cy='14.5' r='1.5' fill='white'/%3E%3C/svg%3E")}.silk-note .silk-paragraph{margin:0}.silk-note-icon-trigger{width:24px;height:24px;background:none;border:none;border-radius:0;cursor:pointer;padding:0;opacity:0;transition:opacity .15s}.silk-note-icon-trigger:hover{background-color:#00000014;opacity:1}.silk-note-icon-dropdown{position:absolute;top:28px;left:0;background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:4px;min-width:120px;z-index:10;box-shadow:0 4px 12px #0000001a}.silk-note-type-option{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:none;border:none;color:#333;padding:5px 8px;border-radius:0;font-size:12px;cursor:pointer;font-family:inherit}.silk-note-type-option:hover{background:#f0f0f0}.silk-note-type-option--active{background:#e8e8e8}.silk-note-type-option--info{color:#2563eb}.silk-note-type-option--warning{color:#a16207}.silk-note-type-option--error{color:#dc2626}.silk-slash-anchor{z-index:1000}.silk-slash-menu{background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:4px;min-width:220px;max-width:300px;box-shadow:0 4px 16px #0000001f;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.silk-slash-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;border:none;background:none;border-radius:0;cursor:pointer;text-align:left;font-family:inherit}.silk-slash-menu-item:hover,.silk-slash-menu-item--active{background:#faf9f7}.silk-slash-menu-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f5f5f5;border:1px solid #eee;border-radius:0;color:#555;flex-shrink:0}.silk-slash-menu-text{display:flex;flex-direction:column;min-width:0}.silk-slash-menu-name{font-size:13px;font-weight:500;color:#1a1a1a}.silk-slash-menu-description{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.silk-link{color:inherit;text-decoration:underline;text-decoration-color:#00000059;text-underline-offset:2px;text-decoration-thickness:1px;cursor:pointer;transition:text-decoration-thickness .1s,text-decoration-color .1s}.silk-link:hover{text-decoration-thickness:2px;text-decoration-color:#0009}.silk-link-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001f;z-index:1100;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.silk-link-dialog{background:#fff;border-radius:0;padding:20px;width:360px;box-shadow:0 8px 30px #00000026}.silk-link-dialog-field{margin-bottom:14px}.silk-link-dialog-label{display:block;font-size:12px;font-weight:500;color:#666;margin-bottom:5px}.silk-link-dialog-input{width:100%;padding:8px 10px;border:1px solid #e2e2e2;border-radius:0;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s}.silk-link-dialog-input:focus{border-color:#999}.silk-link-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.silk-link-dialog-cancel{padding:7px 14px;border:1px solid #e2e2e2;border-radius:0;background:#fff;font-size:13px;font-family:inherit;cursor:pointer;color:#333}.silk-link-dialog-cancel:hover{background:#f5f5f5}.silk-link-dialog-insert{padding:7px 14px;border:none;border-radius:0;background:#1a1a1a;color:#fff;font-size:13px;font-family:inherit;cursor:pointer}.silk-link-dialog-insert:hover{background:#333}.silk-link-dialog-input--readonly{background:#f9f9f9;color:#888}.silk-link-dialog-insert:disabled{opacity:.4;cursor:not-allowed}.silk-toolbar{display:flex;align-items:center;padding:6px 8px;gap:1px;background:#fbf9f4;border-bottom:1px solid rgba(121,124,115,.12);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.silk-toolbar .silk-ft-color-grid,.silk-toolbar .silk-ft-font-dropdown{bottom:auto;top:100%;margin-bottom:0;margin-top:6px}.silk-floating-toolbar{position:absolute;display:flex;align-items:center;background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:3px;box-shadow:0 4px 16px #0000001f;z-index:50;gap:1px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.silk-ft-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:0;cursor:pointer;font-size:13px;color:#444;padding:0;flex-shrink:0}.silk-ft-btn:hover{background:#f0f0f0}.silk-ft-btn--active{background:#e8e8e8;color:#1a1a1a}.silk-ft-btn--sm{width:22px;height:22px;font-size:14px}.silk-ft-btn--sm:disabled{opacity:.3;cursor:default}.silk-ft-btn--mono{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:11px}.silk-ft-sep{width:1px;height:18px;background:#e2e2e2;margin:0 3px;flex-shrink:0}.silk-ft-font-size{display:flex;align-items:center;gap:2px}.silk-ft-font-size-value{font-size:12px;color:#444;min-width:20px;text-align:center;-webkit-user-select:none;user-select:none}.silk-ft-color-wrap{position:relative}.silk-ft-btn--color{font-size:14px;font-weight:600}.silk-ft-color-indicator{border-bottom:2.5px solid;padding-bottom:1px;line-height:1}.silk-ft-color-grid{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:6px;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;box-shadow:0 4px 16px #0000001f;z-index:10}.silk-ft-color-swatch{width:22px;height:22px;border-radius:0;border:2px solid transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#999}.silk-ft-color-swatch:hover{border-color:#ccc}.silk-ft-color-swatch--active{border-color:#666}.silk-ft-font-wrap{position:relative}.silk-ft-font-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:4px;min-width:160px;box-shadow:0 4px 16px #0000001f;z-index:10}.silk-ft-font-option{display:block;width:100%;text-align:left;background:none;border:none;padding:5px 8px;border-radius:0;cursor:pointer;font-size:12px;color:#444}.silk-ft-font-option:hover{background:#f0f0f0}.silk-ft-font-option--active{background:#e8e8e8;color:#1a1a1a}
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";.silk-editor-container{position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a}.silk-root{position:relative;min-height:150px;outline:none;background-color:#faf9f7}.silk-content-editable{min-height:150px;outline:none;padding:8px 12px}.silk-content-editable:focus{outline:none}.silk-placeholder{position:absolute;top:8px;left:12px;color:#999;pointer-events:none;-webkit-user-select:none;user-select:none}.silk-paragraph{margin:0 0 8px;line-height:1.6}.silk-text-bold{font-weight:600}.silk-text-italic{font-style:italic}.silk-text-underline{text-decoration:underline}.silk-text-strikethrough{text-decoration:line-through}.silk-text-code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;background-color:#0000000a;border:1px solid rgba(0,0,0,.1);padding:2px 5px;border-radius:0;font-size:.875em}.silk-heading-h1{font-family:Space Grotesk,Inter,sans-serif;font-size:1.875em;font-weight:600;margin:0 0 12px;line-height:1.3;letter-spacing:-.02em}.silk-heading-h2{font-family:Space Grotesk,Inter,sans-serif;font-size:1.375em;font-weight:600;margin:0 0 10px;line-height:1.35;letter-spacing:-.01em}.silk-heading-h3{font-family:Space Grotesk,Inter,sans-serif;font-size:1.125em;font-weight:600;margin:0 0 8px;line-height:1.4}.silk-quote{margin:12px 0;padding:20px 24px;border-left:4px solid #ac3521;background-color:#f0efeb;color:#31332c;line-height:1.6}.silk-list-ul{margin:0 0 8px;padding-left:24px;list-style-type:disc}.silk-list-ol{margin:0 0 8px;padding-left:48px;list-style:none;counter-reset:silk-ol}.silk-list-item{margin:2px 0;line-height:1.6}.silk-list-ol>.silk-list-item:not(.silk-list-item-nested){counter-increment:silk-ol;position:relative;margin:14px 0}.silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,decimal);position:absolute;left:-40px;color:#ac3521;font-weight:600;font-feature-settings:"tnum";width:28px;text-align:right}.silk-list-item-nested{list-style-type:none}.silk-list-ul .silk-list-ul{list-style-type:circle}.silk-list-ul .silk-list-ul .silk-list-ul{list-style-type:square}.silk-list-ol .silk-list-ol{counter-reset:silk-ol}.silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,upper-alpha)}.silk-list-ol .silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,lower-alpha)}.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,decimal)}.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,upper-alpha)}.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol>.silk-list-item:not(.silk-list-item-nested):before{content:counter(silk-ol,lower-alpha)}.silk-list-ol .silk-list-ol .silk-list-ol,.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol,.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol,.silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol .silk-list-ol{counter-reset:silk-ol}.silk-code-block{display:block;background-color:#1e1e1e;color:#d4d4d4;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:.8125em;line-height:1.6;padding:12px;margin-top:40px;margin-bottom:8px;border-radius:0;border:1px solid #333;border-top:none;overflow-x:auto;-moz-tab-size:2;tab-size:2;white-space:pre;min-height:1.6em}.silk-code-header{display:flex;align-items:center;height:32px;padding:0 8px;border:1px solid #333;border-bottom:none;background-color:#2d2d2d;border-radius:0;-webkit-user-select:none;user-select:none;z-index:1;box-sizing:border-box}.silk-code-language-select{display:flex;align-items:center;gap:4px;background:none;border:none;color:#999;font-size:12px;font-family:inherit;padding:2px 6px;border-radius:0;line-height:1}.silk-code-language-select:hover{background-color:#ffffff14;color:#ccc}.silk-code-language-chevron{font-size:10px;color:#666}.silk-code-language-dropdown{position:absolute;top:100%;left:4px;margin-top:4px;background:#2d2d2d;border:1px solid #444;border-radius:0;padding:4px;min-width:120px;z-index:10;box-shadow:0 4px 12px #0006}.silk-code-language-option{display:block;width:100%;text-align:left;background:none;border:none;color:#ccc;padding:4px 8px;border-radius:0;font-size:12px;cursor:pointer;font-family:inherit}.silk-code-language-option:hover{background:#ffffff1a}.silk-code-language-option--active{color:#fff;background:#ffffff1f}.silk-hr{height:auto;border:none;margin:28px 0;padding:0;display:flex;align-items:center;gap:16px}.silk-hr:before{content:"";flex:1;height:0;border-top:1px solid #e0ded9}.silk-hr:after{content:"SECTION_START";flex-shrink:0;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.08em;color:#c5c3be}.silk-image-wrapper{margin:12px 0;line-height:0}.silk-image-container{position:relative;display:inline-block;max-width:100%}.silk-image-container--selected{outline:2px solid #ac3521;outline-offset:2px}.silk-image{max-width:100%;height:auto;display:block;cursor:default}.silk-image-handle{position:absolute;width:10px;height:10px;background:#ac3521;border:1px solid #fbf9f4;z-index:2}.silk-image-handle--nw{top:-5px;left:-5px;cursor:nw-resize}.silk-image-handle--ne{top:-5px;right:-5px;cursor:ne-resize}.silk-image-handle--sw{bottom:-5px;left:-5px;cursor:sw-resize}.silk-image-handle--se{bottom:-5px;right:-5px;cursor:se-resize}.silk-note{margin:8px 0;border-left:4px solid;padding:14px 16px 14px 44px;position:relative;line-height:1.6}.silk-note:before{content:"";position:absolute;left:16px;top:16px;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center}.silk-note--info{background-color:#efeeea;border-color:#7d7870}.silk-note--info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%237d7870'/%3E%3Ccircle cx='10' cy='6.5' r='1.5' fill='white'/%3E%3Crect x='8.5' y='9.5' width='3' height='6.5' rx='1' fill='white'/%3E%3C/svg%3E")}.silk-note--warning{background-color:#f5ebe0;border-color:#96734c}.silk-note--warning:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 22 20'%3E%3Cpolygon points='11,0.5 21.5,19.5 0.5,19.5' fill='%23a07850'/%3E%3Ctext x='11' y='16' text-anchor='middle' fill='white' font-family='Inter,sans-serif' font-weight='700' font-size='13'%3E%3F%3C/text%3E%3C/svg%3E")}.silk-note--error{background-color:#fde8e8;border-color:#c44}.silk-note--error:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23cc4444'/%3E%3Crect x='8.75' y='4' width='2.5' height='8' rx='1' fill='white'/%3E%3Ccircle cx='10' cy='14.5' r='1.5' fill='white'/%3E%3C/svg%3E")}.silk-note .silk-paragraph{margin:0}.silk-note-icon-trigger{width:24px;height:24px;background:none;border:none;border-radius:0;cursor:pointer;padding:0;opacity:0;transition:opacity .15s}.silk-note-icon-trigger:hover{background-color:#00000014;opacity:1}.silk-note-icon-dropdown{position:absolute;top:28px;left:0;background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:4px;min-width:120px;z-index:10;box-shadow:0 4px 12px #0000001a}.silk-note-type-option{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:none;border:none;color:#333;padding:5px 8px;border-radius:0;font-size:12px;cursor:pointer;font-family:inherit}.silk-note-type-option:hover{background:#f0f0f0}.silk-note-type-option--active{background:#e8e8e8}.silk-note-type-option--info{color:#2563eb}.silk-note-type-option--warning{color:#a16207}.silk-note-type-option--error{color:#dc2626}.silk-slash-anchor{z-index:1000}.silk-slash-menu{background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:4px;min-width:220px;max-width:300px;box-shadow:0 4px 16px #0000001f;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.silk-slash-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;border:none;background:none;border-radius:0;cursor:pointer;text-align:left;font-family:inherit}.silk-slash-menu-item:hover,.silk-slash-menu-item--active{background:#faf9f7}.silk-slash-menu-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f5f5f5;border:1px solid #eee;border-radius:0;color:#555;flex-shrink:0}.silk-slash-menu-text{display:flex;flex-direction:column;min-width:0}.silk-slash-menu-name{font-size:13px;font-weight:500;color:#1a1a1a}.silk-slash-menu-description{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.silk-link{color:inherit;text-decoration:underline;text-decoration-color:#00000059;text-underline-offset:2px;text-decoration-thickness:1px;cursor:pointer;transition:text-decoration-thickness .1s,text-decoration-color .1s}.silk-link:hover{text-decoration-thickness:2px;text-decoration-color:#0009}.silk-link-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000001f;z-index:1100;display:flex;align-items:center;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.silk-link-dialog{background:#fff;border-radius:0;padding:20px;width:360px;box-shadow:0 8px 30px #00000026}.silk-link-dialog-field{margin-bottom:14px}.silk-link-dialog-label{display:block;font-size:12px;font-weight:500;color:#666;margin-bottom:5px}.silk-link-dialog-input{width:100%;padding:8px 10px;border:1px solid #e2e2e2;border-radius:0;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .15s}.silk-link-dialog-input:focus{border-color:#999}.silk-link-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.silk-link-dialog-cancel{padding:7px 14px;border:1px solid #e2e2e2;border-radius:0;background:#fff;font-size:13px;font-family:inherit;cursor:pointer;color:#333}.silk-link-dialog-cancel:hover{background:#f5f5f5}.silk-link-dialog-insert{padding:7px 14px;border:none;border-radius:0;background:#1a1a1a;color:#fff;font-size:13px;font-family:inherit;cursor:pointer}.silk-link-dialog-insert:hover{background:#333}.silk-link-dialog-input--readonly{background:#f9f9f9;color:#888}.silk-link-dialog-insert:disabled{opacity:.4;cursor:not-allowed}.silk-toolbar{display:flex;align-items:center;padding:6px 8px;gap:1px;background:#fbf9f4;border-bottom:1px solid rgba(121,124,115,.12);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.silk-toolbar .silk-ft-color-grid,.silk-toolbar .silk-ft-font-dropdown{bottom:auto;top:100%;margin-bottom:0;margin-top:6px}.silk-floating-toolbar{position:absolute;display:flex;align-items:center;background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:3px;box-shadow:0 4px 16px #0000001f;z-index:50;gap:1px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.silk-ft-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;border-radius:0;cursor:pointer;font-size:13px;color:#444;padding:0;flex-shrink:0}.silk-ft-btn:hover{background:#f0f0f0}.silk-ft-btn--active{background:#e8e8e8;color:#1a1a1a}.silk-ft-btn--sm{width:22px;height:22px;font-size:14px}.silk-ft-btn--sm:disabled{opacity:.3;cursor:default}.silk-ft-btn--mono{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:11px}.silk-ft-sep{width:1px;height:18px;background:#e2e2e2;margin:0 3px;flex-shrink:0}.silk-ft-font-size{display:flex;align-items:center;gap:2px}.silk-ft-font-size-value{font-size:12px;color:#444;min-width:20px;text-align:center;-webkit-user-select:none;user-select:none}.silk-ft-color-wrap{position:relative}.silk-ft-btn--color{font-size:14px;font-weight:600}.silk-ft-color-indicator{border-bottom:2.5px solid;padding-bottom:1px;line-height:1}.silk-ft-color-grid{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:6px;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;box-shadow:0 4px 16px #0000001f;z-index:10}.silk-ft-color-swatch{width:22px;height:22px;border-radius:0;border:2px solid transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#999}.silk-ft-color-swatch:hover{border-color:#ccc}.silk-ft-color-swatch--active{border-color:#666}.silk-ft-font-wrap{position:relative}.silk-ft-font-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:#fff;border:1px solid #e2e2e2;border-radius:0;padding:4px;min-width:160px;box-shadow:0 4px 16px #0000001f;z-index:10}.silk-ft-font-option{display:block;width:100%;text-align:left;background:none;border:none;padding:5px 8px;border-radius:0;cursor:pointer;font-size:12px;color:#444}.silk-ft-font-option:hover{background:#f0f0f0}.silk-ft-font-option--active{background:#e8e8e8;color:#1a1a1a}