@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--spacing:.25rem;--container-2xl:42rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-semibold:600;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.max-w-2xl{max-width:var(--container-2xl)}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}body{color:#f3f4f6;background-color:#111827;min-width:320px;min-height:100vh;margin:0}#app{width:100vw;height:100vh;overflow:hidden}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.console-container.svelte-ft9v04{display:flex;flex-direction:column;height:100%;background:#1e1e1e;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.console-header.svelte-ft9v04{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#252526;border-bottom:1px solid #3e3e42}.console-title.svelte-ft9v04{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#ccc}.clear-button.svelte-ft9v04{padding:4px 12px;background:#3e3e42;color:#ccc;border:none;border-radius:3px;cursor:pointer;font-size:11px;transition:background .1s}.clear-button.svelte-ft9v04:hover{background:#505050}.console-output.svelte-ft9v04{flex:1;overflow-y:auto;padding:12px}.error-message.svelte-ft9v04{color:#f48771;background:#5a1d1d;padding:8px 12px;border-left:3px solid #f48771;margin-bottom:12px;border-radius:3px}.stdout.svelte-ft9v04 pre:where(.svelte-ft9v04),.stderr.svelte-ft9v04 pre:where(.svelte-ft9v04){margin:0;white-space:pre-wrap;word-wrap:break-word}.stdout.svelte-ft9v04{color:#d4d4d4;margin-bottom:8px}.stderr.svelte-ft9v04{color:#f48771;margin-bottom:8px}.empty-message.svelte-ft9v04{color:#858585;font-style:italic;text-align:center;padding:40px 20px}.execution-time.svelte-ft9v04{color:#858585;font-size:11px;margin-top:12px;padding-top:8px;border-top:1px solid #3e3e42}.code-editor.svelte-1rdigva{width:100%;height:100%;min-height:400px}.modal-overlay.svelte-1obr5lb{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content.svelte-1obr5lb{background:#252526;border:1px solid #3e3e42;border-radius:4px;padding:24px;min-width:300px;max-width:500px;box-shadow:0 4px 12px #00000080}.modal-message.svelte-1obr5lb{color:#d4d4d4;font-size:14px;line-height:1.5;margin:0 0 20px}.modal-actions.svelte-1obr5lb{display:flex;gap:12px;justify-content:flex-end}.cancel-button.svelte-1obr5lb,.confirm-button.svelte-1obr5lb{padding:8px 16px;border:none;border-radius:3px;font-size:13px;cursor:pointer;transition:background-color .1s}.cancel-button.svelte-1obr5lb{background:#3e3e42;color:#d4d4d4}.cancel-button.svelte-1obr5lb:hover{background:#4e4e52}.confirm-button.svelte-1obr5lb{background:#0e639c;color:#fff}.confirm-button.svelte-1obr5lb:hover{background:#17b}.cancel-button.svelte-1obr5lb:active,.confirm-button.svelte-1obr5lb:active{transform:translateY(1px)}.example-selector.svelte-9fjuf{position:relative;display:inline-block}.selector-button.svelte-9fjuf{display:flex;align-items:center;gap:6px;padding:4px 8px;background:transparent;border:1px solid #3e3e42;border-radius:3px;color:#d4d4d4;font-size:13px;cursor:pointer;transition:background-color .1s}.selector-button.svelte-9fjuf:hover{background:#2a2d2e;border-color:#4e4e52}.example-name.svelte-9fjuf{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow.svelte-9fjuf{font-size:10px;color:#858585}.dropdown-menu.svelte-9fjuf{position:absolute;top:calc(100% + 4px);left:0;min-width:350px;max-width:500px;background:#252526;border:1px solid #3e3e42;border-radius:3px;box-shadow:0 4px 12px #00000080;z-index:1000;max-height:400px;overflow-y:auto}.dropdown-item.svelte-9fjuf{width:100%;padding:10px 12px;background:transparent;border:none;border-bottom:1px solid #2a2d2e;text-align:left;cursor:pointer;transition:background-color .1s}.dropdown-item.svelte-9fjuf:last-child{border-bottom:none}.dropdown-item.svelte-9fjuf:hover{background:#2a2d2e}.dropdown-item.active.svelte-9fjuf{background:#094771}.item-header.svelte-9fjuf{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.item-name.svelte-9fjuf{font-size:13px;font-weight:500;color:#d4d4d4}.checkmark.svelte-9fjuf{color:#4ec9b0;font-size:14px}.item-description.svelte-9fjuf{font-size:12px;color:#858585;line-height:1.4}.editor-layout.svelte-1d8jz11{display:flex;flex-direction:column;height:100vh;width:100vw;background:#1e1e1e;color:#d4d4d4}.editor-header.svelte-1d8jz11{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#252526;border-bottom:1px solid #3e3e42;flex-wrap:wrap;gap:8px}.header-left.svelte-1d8jz11{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.editor-title.svelte-1d8jz11{margin:0;font-size:16px;font-weight:600;color:#ccc}.example-controls.svelte-1d8jz11{display:flex;align-items:center;gap:8px}.icon-button.svelte-1d8jz11{padding:6px 10px;background:transparent;border:1px solid #3e3e42;border-radius:3px;font-size:16px;cursor:pointer;transition:background-color .1s;line-height:1}.icon-button.svelte-1d8jz11:hover{background:#2a2d2e;border-color:#4e4e52}.icon-button.svelte-1d8jz11:active{transform:translateY(1px)}.header-actions.svelte-1d8jz11{display:flex;gap:12px}.execute-button.svelte-1d8jz11{padding:8px 16px;background:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:13px;font-weight:500;transition:background .1s}.execute-button.svelte-1d8jz11:hover:not(:disabled){background:#17b}.execute-button.svelte-1d8jz11:disabled{background:#3e3e42;color:#858585;cursor:not-allowed}.close-button.svelte-1d8jz11{padding:8px 12px;background:#3e3e42;color:#ccc;border:none;border-radius:3px;cursor:pointer;font-size:16px;line-height:1;transition:background .1s}.close-button.svelte-1d8jz11:hover{background:#505050}.split-container.svelte-1d8jz11{display:flex;flex:1;overflow:hidden}.left-panel.svelte-1d8jz11,.right-panel.svelte-1d8jz11{display:flex;flex-direction:column;overflow:hidden}.divider.svelte-1d8jz11{width:4px;background:#3e3e42;cursor:col-resize;transition:background .1s}.divider.svelte-1d8jz11:hover{background:#505050}.desktop-tabs.svelte-1d8jz11{display:flex;gap:4px;padding:8px 12px;background:#252526;border-bottom:1px solid #3e3e42}.desktop-content.svelte-1d8jz11{flex:1;overflow:hidden}.mobile-tabs.svelte-1d8jz11{display:flex;gap:4px;padding:8px 12px;background:#252526;border-bottom:1px solid #3e3e42}.mobile-content.svelte-1d8jz11{flex:1;overflow:hidden}.tab-button.svelte-1d8jz11{padding:8px 16px;background:transparent;color:#ccc;border:none;border-radius:3px;cursor:pointer;font-size:13px;transition:background .1s}.tab-button.svelte-1d8jz11:hover{background:#3e3e42}.tab-button.active.svelte-1d8jz11{background:#0e639c;color:#fff}.code-panel.svelte-1d8jz11,.viewer-panel.svelte-1d8jz11,.console-panel.svelte-1d8jz11{height:100%;overflow:hidden}.viewer-panel.svelte-1d8jz11{position:relative}.viewer-panel.svelte-1d8jz11 .viewer-container{width:100%!important;height:100%!important}#code-editor-container{width:100%;height:100%}.hidden.svelte-1d8jz11{display:none!important}.error-toast.svelte-mx3r26{position:absolute;top:1rem;right:1rem;z-index:200}.error-content.svelte-mx3r26{background-color:#3a1a1a;border:1px solid #ff4444;border-radius:8px;padding:1rem 1.5rem;max-width:500px;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.error-title.svelte-mx3r26{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#f66}.error-message.svelte-mx3r26{margin:0 0 1rem;font-size:.875rem;color:#faa;white-space:pre-wrap;line-height:1.5}.error-button.svelte-mx3r26{background-color:#f44;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.error-button.svelte-mx3r26:hover{background-color:#f66}.file-upload.svelte-1ara9wo{border:2px dashed #444;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#1a1a1a}.file-upload.svelte-1ara9wo:hover{border-color:#666;background-color:#222}.file-upload.dragging.svelte-1ara9wo{border-color:#4a9eff;background-color:#1a2a3a}.file-upload.waiting.svelte-1ara9wo{cursor:default;border-color:#4a9eff;border-style:solid}.file-upload.waiting.svelte-1ara9wo:hover{border-color:#4a9eff;background-color:#1a1a1a}.upload-content.svelte-1ara9wo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-icon.svelte-1ara9wo{width:48px;height:48px;color:#888}.waiting-icon.svelte-1ara9wo{color:#4a9eff;animation:svelte-1ara9wo-pulse 2s ease-in-out infinite}@keyframes svelte-1ara9wo-pulse{0%,to{opacity:1}50%{opacity:.5}}.upload-text.svelte-1ara9wo{margin:0;font-size:1rem;color:#ccc}.upload-hint.svelte-1ara9wo{margin:0;font-size:.875rem;color:#666}.file-upload-container.svelte-1ara9wo{display:flex;flex-direction:column;gap:1.5rem;max-width:1400px;width:100%}.examples-section.svelte-1ara9wo{text-align:left}.examples-title.svelte-1ara9wo{margin:0 0 .75rem;font-size:.875rem;font-weight:500;color:#888;text-transform:uppercase;letter-spacing:.05em}.examples-grid.svelte-1ara9wo{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}@media(min-width:1200px){.examples-grid.svelte-1ara9wo{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(min-width:768px)and (max-width:1199px){.examples-grid.svelte-1ara9wo{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.example-card.svelte-1ara9wo{display:flex;flex-direction:column;gap:.5rem;padding:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;cursor:pointer;text-align:left;position:relative;overflow:hidden}.example-card.svelte-1ara9wo:hover:not(:disabled){background:#222;border-color:#4a9eff}.example-card.svelte-1ara9wo:disabled{opacity:.6;cursor:not-allowed}.example-card.loading.svelte-1ara9wo{border-color:#4a9eff}.example-preview.svelte-1ara9wo{width:100%;aspect-ratio:3 / 2;background:#111;overflow:hidden}.example-preview.svelte-1ara9wo img:where(.svelte-1ara9wo){width:100%;height:100%;object-fit:cover}.example-icon.svelte-1ara9wo{flex-shrink:0;width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:#111;color:#4a9eff}.example-icon.svelte-1ara9wo svg:where(.svelte-1ara9wo){width:40px;height:40px}.example-info.svelte-1ara9wo{display:flex;flex-direction:column;gap:.125rem;min-width:0;padding:.5rem .75rem .75rem}.example-name.svelte-1ara9wo{font-size:.875rem;font-weight:500;color:#eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-desc.svelte-1ara9wo{font-size:.75rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-meta.svelte-1ara9wo{font-size:.625rem;color:#666;text-transform:uppercase;letter-spacing:.02em}.example-source-link.svelte-1ara9wo{color:#4a9eff;text-decoration:none}.example-source-link.svelte-1ara9wo:hover{text-decoration:underline}.example-loading.svelte-1ara9wo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#1a1a1acc}.loading-spinner.svelte-1ara9wo{width:24px;height:24px;border:2px solid #333;border-top-color:#4a9eff;border-radius:50%;animation:svelte-1ara9wo-spin .8s linear infinite}@keyframes svelte-1ara9wo-spin{to{transform:rotate(360deg)}}@media(max-width:767px){.file-upload-container.svelte-1ara9wo{max-width:600px}}@media(max-width:480px){.examples-grid.svelte-1ara9wo{grid-template-columns:1fr 1fr}.example-preview.svelte-1ara9wo{aspect-ratio:4 / 3}.example-icon.svelte-1ara9wo{height:60px}.example-info.svelte-1ara9wo{padding:.375rem .5rem .5rem}.example-name.svelte-1ara9wo{font-size:.75rem}.example-desc.svelte-1ara9wo{font-size:.625rem}}.desktop-controls.svelte-17agfrz{display:flex;gap:.5rem;align-items:center}.control-button.svelte-17agfrz{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background-color:#2a2a2a;border:1px solid #444;border-radius:.375rem;color:#e5e7eb;font-size:.875rem;cursor:pointer;transition:all .2s}.control-button.svelte-17agfrz:hover{background-color:#333;border-color:#555}.control-button.active.svelte-17agfrz{background-color:#1e40af;border-color:#3b82f6}.control-button.svelte-17agfrz svg:where(.svelte-17agfrz){width:1rem;height:1rem}.info-message.svelte-17agfrz{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background-color:#1e293b;border:1px solid #475569;border-radius:.375rem;color:#94a3b8;font-size:.875rem;font-style:italic}.info-message.svelte-17agfrz svg:where(.svelte-17agfrz){width:1rem;height:1rem;flex-shrink:0}.header.svelte-9y61nh{padding:1rem 1.5rem;background-color:#0f0f0f;border-bottom:1px solid #333}.header-content.svelte-9y61nh{display:flex;justify-content:space-between;align-items:center;gap:2rem}.title-section.svelte-9y61nh{flex:1}.title-container.svelte-9y61nh{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;width:fit-content}.title-container.svelte-9y61nh:hover .title:where(.svelte-9y61nh){color:#6bb3ff}.title-icon.svelte-9y61nh{width:2rem;height:2rem}.title.svelte-9y61nh{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.subtitle.svelte-9y61nh{margin:.25rem 0 0;font-size:.875rem;color:#888}.file-name.svelte-9y61nh{margin:.5rem 0 0;font-size:.875rem;color:#4a9eff;font-weight:500}.session-controls.svelte-9y61nh{display:flex;align-items:center;gap:.75rem}.session-info.svelte-9y61nh{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#1a1a1a;border:1px solid #333;border-radius:6px}.session-label.svelte-9y61nh{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.session-id.svelte-9y61nh{font-size:.875rem;color:#4a9eff;font-family:monospace}.user-count.svelte-9y61nh{font-size:.875rem;color:#4ecdc4;font-weight:500}.role-badge.svelte-9y61nh{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;background-color:#333;color:#888;text-transform:uppercase;letter-spacing:.05em}.role-badge.host.svelte-9y61nh{background-color:#4a9eff;color:#fff}.btn.svelte-9y61nh{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn.svelte-9y61nh:disabled{opacity:.5;cursor:not-allowed}.btn-primary.svelte-9y61nh{background-color:#4a9eff;color:#fff}.btn-primary.svelte-9y61nh:hover:not(:disabled){background-color:#6bb3ff}.btn-secondary.svelte-9y61nh{background-color:#333;color:#fff}.btn-secondary.svelte-9y61nh:hover{background-color:#444}.btn-danger.svelte-9y61nh{background-color:#f44;color:#fff}.btn-danger.svelte-9y61nh:hover{background-color:#f66}.btn-upload.svelte-9y61nh{display:inline-flex;align-items:center;gap:.5rem;background-color:#2d5a3d;color:#fff}.btn-upload.svelte-9y61nh:hover{background-color:#3a7350}.btn-icon.svelte-9y61nh{width:1rem;height:1rem}.qr-code-backdrop.svelte-9y61nh{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;animation:svelte-9y61nh-fadeInBackdrop .2s ease-out}@keyframes svelte-9y61nh-fadeInBackdrop{0%{opacity:0}to{opacity:1}}.qr-code-panel.svelte-9y61nh{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem;background:#000000f2;border:1px solid #444;border-radius:8px;z-index:1000;box-shadow:0 4px 20px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:svelte-9y61nh-fadeInPanel .2s ease-out}@keyframes svelte-9y61nh-fadeInPanel{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.qr-code-content.svelte-9y61nh{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-code-title.svelte-9y61nh{margin:0;font-size:1rem;font-weight:600;color:#fff}.qr-code-image.svelte-9y61nh{width:300px;max-width:100%;height:auto;aspect-ratio:1;border:4px solid #fff;border-radius:8px;background-color:#fff}.qr-code-hint.svelte-9y61nh{margin:0;font-size:.875rem;color:#888;text-align:center;max-width:300px}.qr-code-loading.svelte-9y61nh{margin:0;font-size:.875rem;color:#4a9eff;padding:2rem}@media(max-width:1023px){.header-content.svelte-9y61nh{flex-direction:column;align-items:flex-start;gap:1rem}.session-controls.svelte-9y61nh{width:100%;flex-wrap:wrap}.session-info.svelte-9y61nh{flex:1;min-width:200px}.btn.svelte-9y61nh{flex:1}}.dialog-backdrop.svelte-9y61nh{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;animation:svelte-9y61nh-fadeInBackdrop .2s ease-out}.dialog-panel.svelte-9y61nh{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem;background:#1a1a1a;border:1px solid #444;border-radius:8px;z-index:1001;box-shadow:0 4px 20px #00000080;min-width:320px;max-width:90vw;animation:svelte-9y61nh-fadeInPanel .2s ease-out}.dialog-title.svelte-9y61nh{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#fff}.dialog-message.svelte-9y61nh{margin:0 0 1rem;font-size:.875rem;color:#aaa;line-height:1.5}.dialog-note.svelte-9y61nh{margin:0 0 1rem;font-size:.875rem;color:#888;font-style:italic}.participant-select.svelte-9y61nh{margin-bottom:1.5rem}.participant-select.svelte-9y61nh label:where(.svelte-9y61nh){display:block;margin-bottom:.5rem;font-size:.875rem;color:#ccc}.participant-select.svelte-9y61nh select:where(.svelte-9y61nh){width:100%;padding:.5rem;font-size:.875rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer}.participant-select.svelte-9y61nh select:where(.svelte-9y61nh):focus{outline:none;border-color:#4a9eff}.dialog-actions.svelte-9y61nh{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.btn-warning.svelte-9y61nh{background-color:#ff9800;color:#000}.btn-warning.svelte-9y61nh:hover{background-color:#ffb74d}.modal-backdrop.svelte-1rgx2lr{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content.svelte-1rgx2lr{background-color:#2a2a2a;border-radius:8px;max-width:700px;max-height:90vh;width:100%;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000080;overflow:hidden}.modal-header.svelte-1rgx2lr{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #3a3a3a}.modal-header.svelte-1rgx2lr h2:where(.svelte-1rgx2lr){margin:0;font-size:1.5rem;color:#fff}.close-btn.svelte-1rgx2lr{background:none;border:none;color:#999;font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.close-btn.svelte-1rgx2lr:hover{color:#fff}.modal-body.svelte-1rgx2lr{padding:1.5rem;overflow-y:auto;flex:1}.modal-body.svelte-1rgx2lr section:where(.svelte-1rgx2lr){margin-bottom:1.5rem}.modal-body.svelte-1rgx2lr section:where(.svelte-1rgx2lr):last-child{margin-bottom:0}.modal-body.svelte-1rgx2lr h3:where(.svelte-1rgx2lr){margin:0 0 .75rem;font-size:1.1rem;color:#e0e0e0;font-weight:600}.collapsible-section.svelte-1rgx2lr{margin-bottom:1rem}.collapsible-header.svelte-1rgx2lr{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem;margin:0 -.5rem .5rem;border-radius:4px;transition:background-color .2s}.collapsible-header.svelte-1rgx2lr:hover{background-color:#3a3a3a}.chevron-icon.svelte-1rgx2lr{width:1rem;height:1rem;transition:transform .2s;flex-shrink:0}.chevron-icon.rotated.svelte-1rgx2lr{transform:rotate(-90deg)}.modal-body.svelte-1rgx2lr ul:where(.svelte-1rgx2lr){margin:0;padding-left:1.5rem;color:#ccc}.modal-body.svelte-1rgx2lr li:where(.svelte-1rgx2lr){margin-bottom:.5rem}.shortcuts-grid.svelte-1rgx2lr{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.shortcut-item.svelte-1rgx2lr{display:flex;align-items:center;gap:.75rem;padding:.5rem;background-color:#1a1a1a;border-radius:4px}.shortcut-item.svelte-1rgx2lr kbd:where(.svelte-1rgx2lr){background-color:#3a3a3a;border:1px solid #4a4a4a;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.85rem;color:#e0e0e0;white-space:nowrap;min-width:fit-content}.shortcut-item.svelte-1rgx2lr span:where(.svelte-1rgx2lr){color:#ccc;font-size:.9rem}.modal-footer.svelte-1rgx2lr{padding:1rem 1.5rem;border-top:1px solid #3a3a3a;display:flex;justify-content:flex-end}.primary-btn.svelte-1rgx2lr{background-color:#4a4a4a;color:#e0e0e0;border:1px solid #666;padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.primary-btn.svelte-1rgx2lr:hover{background-color:#5a5a5a;border-color:#777}@media(max-width:768px){.modal-content.svelte-1rgx2lr{max-width:100%;max-height:95vh;margin:.5rem}.shortcuts-grid.svelte-1rgx2lr{grid-template-columns:1fr}.modal-header.svelte-1rgx2lr h2:where(.svelte-1rgx2lr){font-size:1.25rem}.modal-body.svelte-1rgx2lr,.modal-header.svelte-1rgx2lr{padding:1rem}}.loading-overlay.svelte-a7i2s3{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#1a1a1af2;z-index:100}.loading-content.svelte-a7i2s3{text-align:center;max-width:400px}.spinner.svelte-a7i2s3{width:48px;height:48px;border:4px solid #333;border-top-color:#4a9eff;border-radius:50%;animation:svelte-a7i2s3-spin 1s linear infinite;margin:0 auto 1rem}@keyframes svelte-a7i2s3-spin{to{transform:rotate(360deg)}}.loading-message.svelte-a7i2s3{margin:0 0 1rem;font-size:1rem;color:#ccc}.progress-bar.svelte-a7i2s3{width:100%;height:8px;background-color:#333;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill.svelte-a7i2s3{height:100%;background-color:#4a9eff;transition:width .1s linear}.progress-text.svelte-a7i2s3{margin:0;font-size:.875rem;color:#888}.participant-list.svelte-1fl6ki0{position:fixed;min-width:180px;max-width:320px;width:auto;max-height:300px;background:#000000e6;color:#ccc;border-radius:4px;font-family:monospace;font-size:12px;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000004d;transition:max-height .2s ease-out;-webkit-user-select:none;user-select:none}.participant-list.collapsed.svelte-1fl6ki0{max-height:44px}.participant-list.dragging.svelte-1fl6ki0{cursor:grabbing;opacity:.9}.panel-header.svelte-1fl6ki0{padding:12px;display:flex;align-items:center;justify-content:space-between;cursor:grab;background:transparent;border:none;border-bottom:1px solid #444;width:100%;text-align:left;color:inherit;font-family:inherit}.participant-list.dragging.svelte-1fl6ki0 .panel-header:where(.svelte-1fl6ki0){cursor:grabbing}.panel-header.svelte-1fl6ki0:hover{background:#ffffff0d}.panel-header.svelte-1fl6ki0 h3:where(.svelte-1fl6ki0){margin:0;font-size:14px;color:#fff}.chevron-icon.svelte-1fl6ki0{width:16px;height:16px;color:#888;transition:transform .2s ease-out;flex-shrink:0}.chevron-icon.rotated.svelte-1fl6ki0{transform:rotate(-90deg)}.participant-items.svelte-1fl6ki0{overflow-y:auto;padding:8px;flex:1}.participant-item.svelte-1fl6ki0{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:3px}.participant-item.svelte-1fl6ki0:hover{background:#ffffff0d}.color-indicator.svelte-1fl6ki0{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.participant-name.svelte-1fl6ki0{flex:1;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-badge.svelte-1fl6ki0{margin-left:4px;font-size:10px;color:#4ecdc4;font-weight:500}.host-badge.svelte-1fl6ki0{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;background-color:#4a9eff;color:#fff;text-transform:uppercase}.make-host-btn.svelte-1fl6ki0{font-size:10px;padding:2px 6px;border-radius:3px;background:#333;color:#aaa;border:1px solid #555;cursor:pointer;transition:all .2s}.make-host-btn.svelte-1fl6ki0:hover{background:#444;color:#fff;border-color:#4a9eff}.viewport-sync-controls.svelte-1fl6ki0{padding:8px 12px;border-top:1px solid #333;background:#ffffff05}.sync-toggle.svelte-1fl6ki0{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sync-toggle.svelte-1fl6ki0 input[type=checkbox]:where(.svelte-1fl6ki0){width:14px;height:14px;accent-color:#4a9eff;cursor:pointer}.toggle-label.svelte-1fl6ki0{font-size:11px;color:#aaa}.sync-toggle.svelte-1fl6ki0:hover .toggle-label:where(.svelte-1fl6ki0){color:#ddd}.dialog-backdrop.svelte-1fl6ki0{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;animation:svelte-1fl6ki0-fadeIn .15s ease-out}@keyframes svelte-1fl6ki0-fadeIn{0%{opacity:0}to{opacity:1}}.dialog-panel.svelte-1fl6ki0{background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 8px 32px #00000080}.dialog-title.svelte-1fl6ki0{margin:0 0 1rem;font-size:1.125rem;color:#fff}.dialog-message.svelte-1fl6ki0{margin:0 0 1.5rem;color:#aaa;line-height:1.5}.dialog-message.svelte-1fl6ki0 strong:where(.svelte-1fl6ki0){color:#4ecdc4}.dialog-actions.svelte-1fl6ki0{display:flex;justify-content:flex-end;gap:.75rem}.btn.svelte-1fl6ki0{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-primary.svelte-1fl6ki0{background-color:#4a9eff;color:#fff}.btn-primary.svelte-1fl6ki0:hover{background-color:#6bb3ff}.btn-secondary.svelte-1fl6ki0{background-color:#333;color:#fff}.btn-secondary.svelte-1fl6ki0:hover{background-color:#444}.comment-bubble.svelte-dqkqxe{position:absolute;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:100;transform:translateY(-100%);background:#000000e6;border:1px solid #444;border-radius:4px;transition:none}.comment-bubble.minimal.svelte-dqkqxe{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.comment-bubble.preview.svelte-dqkqxe,.comment-bubble.full.svelte-dqkqxe{max-width:300px;padding:8px 12px}.comment-bubble.preview.svelte-dqkqxe:after,.comment-bubble.full.svelte-dqkqxe:after{content:"";position:absolute;bottom:-6px;left:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.9);transition:none}.comment-bubble.preview.svelte-dqkqxe:before,.comment-bubble.full.svelte-dqkqxe:before{content:"";position:absolute;bottom:-7px;left:7px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #444;transition:none}.initials.svelte-dqkqxe{font-size:10px;font-weight:600;text-transform:uppercase}.content.svelte-dqkqxe{display:flex;flex-direction:column;gap:4px}.header.svelte-dqkqxe{display:flex;align-items:center;justify-content:space-between;gap:8px}.author.svelte-dqkqxe{font-size:11px;font-weight:600}.timestamp.svelte-dqkqxe{color:#fff9;font-size:10px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.timestamp.svelte-dqkqxe:hover{color:#fffc}.text.svelte-dqkqxe{color:#ccc;font-size:11px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.comment-bubble.svelte-dqkqxe:hover{background:#141414f2;border-color:#666}.comment-bubble.preview.svelte-dqkqxe:hover:after,.comment-bubble.full.svelte-dqkqxe:hover:after{border-top-color:#141414f2}.comment-bubble.preview.svelte-dqkqxe:hover:before,.comment-bubble.full.svelte-dqkqxe:hover:before{border-top-color:#666}.modal-backdrop.svelte-1rmstgr{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content.svelte-1rmstgr{background:#000000f2;border:1px solid #444;border-radius:4px;padding:20px;min-width:400px;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;gap:12px;font-family:monospace;color:#ccc}h3.svelte-1rmstgr{margin:0;font-size:16px;font-weight:700;color:#fff}textarea.svelte-1rmstgr{width:100%;min-height:120px;max-height:300px;padding:10px;background:#ffffff0d;border:1px solid #555;border-radius:4px;color:#fff;font-family:monospace;font-size:14px;resize:vertical;outline:none}textarea.svelte-1rmstgr:focus{border-color:#4ecdc4}.modal-footer.svelte-1rmstgr{display:flex;justify-content:space-between;align-items:center;gap:12px}.char-counter.svelte-1rmstgr{font-size:12px;color:#888}.char-counter.over-limit.svelte-1rmstgr{color:#ff6b6b;font-weight:700}.error-text.svelte-1rmstgr{color:#ff6b6b;margin-left:4px}.button-group.svelte-1rmstgr{display:flex;gap:8px}button.svelte-1rmstgr{padding:8px 16px;border:1px solid #555;border-radius:4px;background:#ffffff0d;color:#ccc;font-family:monospace;font-size:12px;cursor:pointer;transition:all .1s}button.svelte-1rmstgr:hover:not(:disabled){background:#ffffff1a;border-color:#4ecdc4;color:#fff}button.svelte-1rmstgr:disabled{opacity:.5;cursor:not-allowed}.submit-btn.svelte-1rmstgr{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.submit-btn.svelte-1rmstgr:hover:not(:disabled){background:#4ecdc44d;color:#fff}.cancel-btn.svelte-1rmstgr:hover{border-color:#ff6b6b;color:#ff6b6b}@media(max-width:600px){.modal-content.svelte-1rmstgr{min-width:unset;width:95%;padding:16px}.modal-footer.svelte-1rmstgr{flex-direction:column;align-items:stretch}.button-group.svelte-1rmstgr{width:100%}button.svelte-1rmstgr{flex:1}}.comment-panel.svelte-1wulchy{position:absolute;width:320px;max-height:600px;background:#000000e6;border:1px solid #444;border-radius:4px;box-shadow:0 4px 6px #0000004d;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:12px;color:#ccc;transition:none}.comment-panel.dragging.svelte-1wulchy{cursor:move;opacity:.9}.panel-header.svelte-1wulchy{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #444;cursor:grab}.panel-header.svelte-1wulchy h3:where(.svelte-1wulchy){margin:0;font-size:12px;font-weight:400;color:#ccc}.chevron-icon.svelte-1wulchy{width:16px;height:16px;color:#ccc;transition:none}.chevron-icon.rotated.svelte-1wulchy{transform:rotate(-90deg)}.panel-content.svelte-1wulchy{display:flex;flex-direction:column;gap:12px;padding:12px;max-height:540px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.host-controls.svelte-1wulchy{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid #444}.control-btn.svelte-1wulchy{padding:8px 12px;background:#282828cc;border:1px solid #555;border-radius:4px;color:#ccc;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:none}.control-btn.svelte-1wulchy:hover:not(:disabled){background:#3c3c3ce6;border-color:#666}.control-btn.svelte-1wulchy:disabled{opacity:.5;cursor:not-allowed}.control-btn.danger.svelte-1wulchy{background:#b432324d;border-color:#ff64644d}.control-btn.danger.svelte-1wulchy:hover:not(:disabled){background:#c83c3c80;border-color:#ff646480}.comment-list.svelte-1wulchy{display:flex;flex-direction:column;gap:12px}.empty-state.svelte-1wulchy{padding:24px;text-align:center;color:#888;font-size:11px}.comment-item.svelte-1wulchy{padding:10px;background:#14141499;border:1px solid #333;border-radius:4px}.comment-item.svelte-1wulchy:hover{background:#ffffff0d}.comment-header.svelte-1wulchy{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.author.svelte-1wulchy{font-size:11px;font-weight:600}.timestamp.svelte-1wulchy{font-size:10px;color:#888;cursor:pointer;white-space:nowrap;flex-shrink:0}.timestamp.svelte-1wulchy:hover{color:#aaa}.comment-text.svelte-1wulchy{font-size:11px;color:#aaa;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;margin-bottom:8px}.comment-actions.svelte-1wulchy{display:flex;gap:8px}.action-btn.svelte-1wulchy{padding:4px 8px;background:#28282899;border:1px solid #444;border-radius:3px;color:#aaa;font-size:10px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:none}.action-btn.svelte-1wulchy:hover{background:#3c3c3ccc;border-color:#555;color:#ccc}.action-btn.delete.svelte-1wulchy{background:#b4323233;border-color:#ff646433}.action-btn.delete.svelte-1wulchy:hover{background:#c83c3c66;border-color:#ff646466}.btn-icon.svelte-1wulchy{width:14px;height:14px;flex-shrink:0}.layer-panel.svelte-1jmas8u{position:fixed;width:280px;max-height:80vh;background:#000000e6;color:#ccc;border-radius:4px;font-family:monospace;font-size:12px;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000004d;-webkit-user-select:none;user-select:none}.layer-panel.collapsed.svelte-1jmas8u{max-height:44px}.layer-panel.dragging.svelte-1jmas8u{cursor:grabbing;opacity:.9}.panel-header.svelte-1jmas8u{padding:12px;border-bottom:1px solid #444;display:flex;align-items:center;justify-content:space-between;cursor:grab}.layer-panel.dragging.svelte-1jmas8u .panel-header:where(.svelte-1jmas8u){cursor:grabbing}.panel-header.svelte-1jmas8u:hover{background:#ffffff0d}h3.svelte-1jmas8u{margin:0;font-size:14px;color:#fff}.chevron-icon.svelte-1jmas8u{width:16px;height:16px;color:#888;transition:transform .2s ease-out;flex-shrink:0}.chevron-icon.rotated.svelte-1jmas8u{transform:rotate(-90deg)}.layer-sync-controls.svelte-1jmas8u{padding:8px 12px;background:#ffffff05;border-bottom:1px solid #333}.sync-toggle.svelte-1jmas8u{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.sync-toggle.svelte-1jmas8u input[type=checkbox]:where(.svelte-1jmas8u){width:14px;height:14px;accent-color:#4a9eff;cursor:pointer}.toggle-label.svelte-1jmas8u{font-size:11px;color:#aaa}.sync-toggle.svelte-1jmas8u:hover .toggle-label:where(.svelte-1jmas8u){color:#ddd}.bulk-actions.svelte-1jmas8u{padding:8px 12px;border-bottom:1px solid #333}.bulk-actions.svelte-1jmas8u button:where(.svelte-1jmas8u){width:100%;padding:4px 8px;background:#333;color:#ccc;border:1px solid #555;border-radius:3px;cursor:pointer;font-size:11px}.bulk-actions.svelte-1jmas8u button:where(.svelte-1jmas8u):hover{background:#444;border-color:#666}.layer-list.svelte-1jmas8u{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:8px;flex:1}.layer-item.svelte-1jmas8u{display:flex;align-items:center;gap:8px;padding:4px;margin:2px 0;border-radius:3px;cursor:pointer}.layer-item.svelte-1jmas8u:hover{background:#ffffff0d}.layer-color.svelte-1jmas8u{width:16px;height:16px;border-radius:2px;border:1px solid #666;flex-shrink:0}.layer-name.svelte-1jmas8u{flex:1;color:#aaa}.layer-count.svelte-1jmas8u{color:#0f0;font-size:11px}input[type=checkbox].svelte-1jmas8u{cursor:pointer}.minimap-panel.svelte-1f93key{position:fixed;background:#000000e6;border-radius:4px;font-family:monospace;font-size:12px;box-shadow:0 4px 6px #0000004d;-webkit-user-select:none;user-select:none;color:#ccc}.panel-header.svelte-1f93key{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;cursor:move;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header.svelte-1f93key h3:where(.svelte-1f93key){margin:0;font-size:12px;font-weight:400}.collapse-btn.svelte-1f93key{background:none;border:none;color:#ccc;cursor:pointer;padding:0 4px;font-size:10px}.collapse-btn.svelte-1f93key:hover{color:#fff}.minimap-content.svelte-1f93key{position:relative;overflow:hidden}.minimap-content.svelte-1f93key canvas:where(.svelte-1f93key){display:block;border-radius:0 0 4px 4px}.resize-handle.svelte-1f93key{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.3) 50%);border-radius:0 0 4px}.minimap-panel.collapsed.svelte-1f93key{width:auto}.mobile-controls.svelte-dcwv23{position:fixed;bottom:20px;right:20px;z-index:1000}.menu-backdrop.svelte-dcwv23{position:fixed;inset:0;background:#0000004d;border:none;z-index:998;cursor:pointer}.menu-items.svelte-dcwv23{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:8px;z-index:999;animation:svelte-dcwv23-slideUp .2s ease-out}@keyframes svelte-dcwv23-slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-item.svelte-dcwv23{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:160px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-item.svelte-dcwv23:hover{background:#323232f2;border-color:#fff3;transform:translate(-2px)}.menu-item.svelte-dcwv23:active{transform:translate(-2px) scale(.98)}.menu-item.active.svelte-dcwv23{background:#3b82f633;border-color:#3b82f680}.menu-item.svelte-dcwv23 svg:where(.svelte-dcwv23){width:20px;height:20px;flex-shrink:0}.menu-item.svelte-dcwv23 .chevron:where(.svelte-dcwv23){margin-left:auto;width:16px;height:16px;transition:transform .2s ease}.menu-item.svelte-dcwv23 .chevron.open:where(.svelte-dcwv23){transform:rotate(90deg)}.submenu-items.svelte-dcwv23{display:flex;flex-direction:column;gap:6px;padding-left:12px;margin-top:-2px}.submenu-item.svelte-dcwv23{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#141414f2;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:148px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.submenu-item.svelte-dcwv23:hover{background:#282828f2;border-color:#ffffff26;transform:translate(-2px)}.submenu-item.svelte-dcwv23:active{transform:translate(-2px) scale(.98)}.submenu-item.active.svelte-dcwv23{background:#3b82f626;border-color:#3b82f666}.submenu-item.svelte-dcwv23 svg:where(.svelte-dcwv23){width:18px;height:18px;flex-shrink:0}.fab.svelte-dcwv23{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:999}.fab.svelte-dcwv23:hover{transform:scale(1.05);box-shadow:0 6px 16px #0006}.fab.svelte-dcwv23:active{transform:scale(.95)}.fab.open.svelte-dcwv23{background:linear-gradient(135deg,#f093fb,#f5576c);transform:rotate(90deg)}.fab.svelte-dcwv23 svg:where(.svelte-dcwv23){width:24px;height:24px;stroke-width:2.5}.performance-panel.svelte-mzr5wf{position:fixed;background:#000000d9;border:1px solid #444;border-radius:4px;padding:12px;font-family:monospace;font-size:11px;color:#fff;min-width:280px;max-height:calc(100vh - 50px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none}.performance-panel.collapsed.svelte-mzr5wf{max-height:50px;overflow:hidden}.performance-panel.dragging.svelte-mzr5wf{cursor:grabbing;opacity:.9}@media(max-width:1023px){.performance-panel.svelte-mzr5wf{max-height:calc(100vh - 100px);max-width:calc(100vw - 20px);font-size:10px}}.panel-header.svelte-mzr5wf{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #444;cursor:grab}.performance-panel.dragging.svelte-mzr5wf .panel-header:where(.svelte-mzr5wf){cursor:grabbing}.panel-header.svelte-mzr5wf:hover{background:#ffffff0d}h3.svelte-mzr5wf{margin:0;font-size:12px;font-weight:700;color:#4a9eff}.chevron-icon.svelte-mzr5wf{width:16px;height:16px;color:#888;transition:transform .2s ease-out;flex-shrink:0}.chevron-icon.rotated.svelte-mzr5wf{transform:rotate(-90deg)}.metrics-grid.svelte-mzr5wf{display:grid;grid-template-columns:1fr;gap:6px}.metric.svelte-mzr5wf{display:flex;justify-content:space-between;align-items:center}.label.svelte-mzr5wf{color:#aaa}.value.svelte-mzr5wf{color:#fff;font-weight:700}.value.good.svelte-mzr5wf{color:#4ade80}.value.warning.svelte-mzr5wf{color:#fbbf24}.zoom-thresholds.svelte-mzr5wf{font-size:10px}.section-title.svelte-mzr5wf{margin-top:12px;margin-bottom:6px;padding-top:8px;border-top:1px solid #444;font-size:11px;font-weight:700;color:#888;text-transform:uppercase}.filename.svelte-mzr5wf{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.viewer-container.svelte-5yfmnd{width:100%;height:100%;position:relative;overflow:hidden}.viewer-canvas.svelte-5yfmnd{display:block;width:100%;height:100%}.viewer-container.comment-mode.svelte-5yfmnd{cursor:crosshair}.viewer-container.comment-mode.svelte-5yfmnd .viewer-canvas:where(.svelte-5yfmnd){cursor:crosshair}.mobile-comment-crosshair.svelte-5yfmnd{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:900}.mobile-place-comment-btn.svelte-5yfmnd{position:fixed;bottom:90px;right:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#4ecdc4f2;border:1px solid rgba(255,255,255,.3);border-radius:24px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:none}.mobile-place-comment-btn.svelte-5yfmnd:active{transform:scale(.95)}.mobile-place-comment-btn.svelte-5yfmnd svg:where(.svelte-5yfmnd){width:20px;height:20px;flex-shrink:0}.follow-toast.svelte-5yfmnd{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:#4a9effe6;color:#fff;border-radius:6px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000004d;z-index:1000;animation:svelte-5yfmnd-slideDown .2s ease-out}@keyframes svelte-5yfmnd-slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-icon.svelte-5yfmnd{width:16px;height:16px;flex-shrink:0}.toast-dismiss.svelte-5yfmnd{background:none;border:none;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;opacity:.7;transition:opacity .15s}.toast-dismiss.svelte-5yfmnd:hover{opacity:1}.mode-toast.svelte-5yfmnd{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00bcd4e6;color:#fff;border-radius:6px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000004d;z-index:1001;transition:none}.comment-toast.svelte-5yfmnd{position:absolute;top:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ff9800e6;color:#fff;border-radius:6px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000004d;z-index:1000;transition:none}.measurement-toast.svelte-5yfmnd{position:absolute;top:104px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00bcd4e6;color:#fff;border-radius:6px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000004d;z-index:1000;transition:none}.app-main.svelte-1n46o8q{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#1a1a1a}.viewer-wrapper.svelte-1n46o8q{flex:1;overflow:hidden;position:relative}.upload-overlay.svelte-1n46o8q{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:2rem;background-color:#1a1a1a;overflow-y:auto}.controls-info.svelte-1n46o8q{padding:.5rem 1.5rem;background-color:#0f0f0f;border-top:1px solid #333}.footer-note.svelte-1n46o8q{margin-top:.25rem}.creator-link.svelte-1n46o8q{color:#4a9eff;text-decoration:none;transition:color .2s}.creator-link.svelte-1n46o8q:hover{color:#6bb3ff;text-decoration:underline}@media(max-width:1023px){.keyboard-shortcuts.svelte-1n46o8q{display:none}}