.glass-panel{position:relative;contain:layout style;isolation:isolate;background:linear-gradient(150deg,rgba(255,255,255,.04) 0%,transparent 50%),#0608134d;backdrop-filter:blur(28px) saturate(1.5) brightness(1.08);-webkit-backdrop-filter:blur(28px) saturate(1.5) brightness(1.08);box-shadow:0 0 0 1px #ffffff17,inset 0 1px #ffffff24,inset 0 -1px #00000040,0 24px 60px -12px #000000a6,0 8px 24px -6px #0006}@media (prefers-color-scheme: light){.glass-panel{background:linear-gradient(150deg,#ffffffbf,#ffffff80);backdrop-filter:blur(28px) saturate(1.8) brightness(1.06);-webkit-backdrop-filter:blur(28px) saturate(1.8) brightness(1.06);box-shadow:0 0 0 1px #0000000f,inset 0 1px #fffffff2,inset 0 -1px #0000000a,0 20px 50px -10px #00000029,0 6px 18px -4px #00000014}}.glass-panel--toast{background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 100%),#06081347;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 0 0 1px #ffffff12,inset 0 1px #ffffff1f,0 8px 24px -6px #00000073}.dark .glass-panel{background:linear-gradient(150deg,rgba(255,255,255,.04) 0%,transparent 50%),#0f172aa6;box-shadow:0 8px 32px #0009,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #0000004d;color:#f8fafc}.dark .glass-panel p,.dark .glass-panel span,.dark .glass-panel div,.dark .glass-panel h2,.dark .glass-panel h3{color:inherit}.dark .glass-panel .text-muted{color:#cbd5e1}.dark .glass-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 40%,rgba(0,0,0,.4) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.glass-panel--error{background:linear-gradient(150deg,rgba(239,68,68,.1) 0%,transparent 60%),#06081347;box-shadow:0 0 0 1px #ef444447,inset 0 1px #ff64642e,0 12px 40px -8px #00000080}.glass-panel--success{background:linear-gradient(150deg,rgba(16,185,129,.1) 0%,transparent 60%),#06081347;box-shadow:0 0 0 1px #10b98140,inset 0 1px #34d39929,0 12px 40px -8px #00000080}.glass-panel--info{background:linear-gradient(150deg,rgba(99,102,241,.1) 0%,transparent 60%),#06081347;box-shadow:0 0 0 1px #6366f140,inset 0 1px #8b5cf629,0 12px 40px -8px #00000080}@supports not (backdrop-filter: blur(1px)){.glass-panel{background:#060816f5;box-shadow:0 0 0 1px #ffffff1a}}.skia-props-panel{display:flex;flex-direction:column;gap:0;font-size:12px;color:#e2e8f0}.skia-props-empty{color:#64748b;font-size:13px}.prop-section{border-bottom:1px solid rgba(255,255,255,.06)}.prop-section-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background:none;border:none;color:#94a3b8;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background .15s}.prop-section-header:hover{background:#ffffff0a}.prop-chevron{font-size:10px;opacity:.5}.prop-section-body{padding:4px 12px 12px;display:flex;flex-direction:column;gap:8px}.prop-field{display:flex;flex-direction:column;gap:3px}.prop-label{font-size:10px;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.prop-input{width:100%;padding:5px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e2e8f0;font-size:12px;outline:none;transition:border-color .15s}.prop-input:focus{border-color:#6366f1}.prop-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.prop-input[type=number]::-webkit-inner-spin-button,.prop-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.prop-textarea{width:100%;padding:6px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e2e8f0;font-size:12px;outline:none;resize:vertical;min-height:60px;font-family:inherit}.prop-textarea:focus{border-color:#6366f1}.prop-select{width:100%;padding:5px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e2e8f0;font-size:12px;outline:none;cursor:pointer}.prop-select:focus{border-color:#6366f1}.prop-select option{background:#1e1e2e;color:#e2e8f0;padding:6px 8px}.prop-color-wrap{display:flex;align-items:center;gap:6px}.prop-color-picker{width:28px;height:28px;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;padding:0;background:none}.prop-color-picker::-webkit-color-swatch-wrapper{padding:2px}.prop-color-picker::-webkit-color-swatch{border-radius:4px;border:none}.prop-color-text{flex:1}.prop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prop-wh-row{display:flex;align-items:center;gap:4px;margin:2px 0}.prop-wh-row>.prop-field{flex:1;min-width:0}.prop-lock-btn{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffff59;cursor:pointer;transition:all .15s ease;padding:0}.prop-lock-btn:hover{background:#ffffff0f;color:#fff9;border-color:#ffffff26}.prop-lock-btn.locked{color:#818cf8;background:#6366f11f;border-color:#6366f159}.prop-lock-btn.locked:hover{background:#6366f133;color:#a5b4fc}.prop-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prop-badge{padding:2px 6px;background:#6366f133;color:#818cf8;border-radius:4px;font-size:9px;font-weight:600;letter-spacing:.5px}.prop-badge-al{background:#22c55e26;color:#4ade80}.prop-btn{padding:5px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#94a3b8;font-size:12px;cursor:pointer;transition:all .15s}.prop-btn:hover{background:#ffffff1a;color:#e2e8f0}.prop-btn-active{background:#6366f133;border-color:#6366f1;color:#818cf8}.prop-btn-full{width:100%}.prop-btn-danger{color:#f87171;border-color:#f8717133}.prop-btn-danger:hover{background:#f8717126}.prop-btn-group{display:flex;gap:4px}.prop-toggle-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8;cursor:pointer}.skia-layer-panel{display:flex;flex-direction:column;height:100%;font-size:12px;color:#e2e8f0}.layer-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.layer-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.layer-count{font-size:10px;color:#64748b;background:#ffffff0f;padding:1px 6px;border-radius:8px}.layer-list{flex:1;overflow-y:auto}.layer-row{display:flex;align-items:center;gap:4px;padding:6px 4px 6px 8px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.02);min-height:32px}.layer-row:hover{background:#ffffff0a}.layer-row-selected{background:#6366f126!important;border-left:2px solid #6366f1}.layer-row-hidden{opacity:.4}.layer-expand-btn{width:16px;height:16px;border:none;background:none;color:#64748b;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.layer-expand-spacer{width:16px;flex-shrink:0}.layer-icon{font-size:11px;width:18px;text-align:center;flex-shrink:0;opacity:.7}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.layer-badge-al{padding:1px 4px;background:#22c55e26;color:#4ade80;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.layer-controls{display:flex;gap:2px;opacity:0;transition:opacity .15s;flex-shrink:0}.layer-row:hover .layer-controls,.layer-row-selected .layer-controls{opacity:1}.layer-ctrl-btn{width:22px;height:22px;border:none;background:#ffffff0a;border-radius:4px;color:#94a3b8;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s}.layer-ctrl-btn:hover{background:#ffffff1a;color:#e2e8f0}.layer-ctrl-off{color:#475569}.layer-ctrl-delete:hover{background:#f8717133;color:#f87171}.font-picker{position:relative;width:100%}.font-picker-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e2e8f0;font-size:12px;cursor:pointer;transition:border-color .15s;text-align:left}.font-picker-trigger:hover{border-color:#ffffff26}.font-picker-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.font-picker-dropdown{position:absolute;top:calc(100% + 4px);left:-12px;width:260px;max-height:400px;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 12px 40px #00000080;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.font-picker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.font-picker-title{font-size:12px;font-weight:600;color:#e2e8f0}.font-picker-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#64748b;border-radius:4px;cursor:pointer;transition:all .15s}.font-picker-close:hover{background:#ffffff14;color:#e2e8f0}.font-picker-search{position:relative;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.font-picker-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.font-picker-search-input{width:100%;padding:7px 10px 7px 32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#e2e8f0;font-size:12px;outline:none;transition:border-color .15s}.font-picker-search-input:focus{border-color:#6366f1}.font-picker-search-input::-moz-placeholder{color:#475569}.font-picker-search-input::placeholder{color:#475569}.font-picker-search-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex}.font-picker-list{flex:1;overflow-y:auto;max-height:300px;padding:4px 0}.font-picker-list::-webkit-scrollbar{width:6px}.font-picker-list::-webkit-scrollbar-track{background:transparent}.font-picker-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.font-picker-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;color:#cbd5e1;font-size:14px;cursor:pointer;text-align:left;transition:background .12s}.font-picker-item:hover{background:#ffffff0d}.font-picker-item-active{color:#818cf8}.font-picker-check{color:#818cf8;flex-shrink:0}.font-picker-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-empty{padding:20px 14px;text-align:center;color:#475569;font-size:12px}.typo-row-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.typo-field{display:flex;flex-direction:column;gap:3px}.typo-field-grow{flex:1.3}.typo-field-size{flex:.7}.typo-input-wrap{display:flex;align-items:center;position:relative}.typo-input-icon{position:absolute;left:7px;display:flex;align-items:center;color:#64748b;pointer-events:none;z-index:1}.typo-icon-input{padding-left:28px!important}.typo-align-row{display:flex;align-items:center;gap:6px}.typo-align-divider{width:1px;height:20px;background:#ffffff14;flex-shrink:0}.prop-btn-icon{display:flex;align-items:center;justify-content:center;padding:5px 6px;min-width:30px;min-height:30px}.prop-btn-icon svg{flex-shrink:0}.text-popover-container{position:relative}.text-popover-trigger{width:100%;display:flex;align-items:center;justify-content:center;padding:6px 10px;gap:6px;font-size:11px;color:#94a3b8;transition:all .15s}.text-popover-trigger:hover{color:#e2e8f0}.text-popover-panel{position:absolute;bottom:calc(100% + 8px);left:0;right:0;min-width:240px;background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 -8px 40px #00000080,0 0 0 1px #ffffff0a;z-index:1000;overflow:hidden;animation:popover-in .15s ease-out}@keyframes popover-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-popover-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.text-popover-title{font-size:12px;font-weight:600;color:#e2e8f0}.text-popover-body{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.text-popover-preview{padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#e2e8f0;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.4}.text-popover-panel .prop-btn-group{flex-wrap:wrap}.text-popover-panel .prop-label{color:#94a3b8}.al-matrix{display:flex;flex-direction:column;gap:4px;padding:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;width:-moz-fit-content;width:fit-content}.al-matrix-row{display:flex;gap:4px}.al-matrix-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;border:none;cursor:pointer;transition:all .15s;padding:0}.al-matrix-dot:hover{background:#ffffff40}.al-matrix-dot-active{background:#6366f1;box-shadow:0 0 4px #6366f180}.al-matrix-dot-spaced{background:#8b5cf6;border-radius:3px;width:10px;height:10px;box-shadow:0 0 6px #8b5cf699}.al-matrix-label{font-size:8px;text-align:center;color:#8b5cf6;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.al-align-gap-row{display:flex;align-items:center;gap:10px}.al-gap-field{flex:1}.al-padding-row{display:flex;align-items:center;gap:6px}.al-padding-row .typo-input-wrap{flex:1}.al-expand-padding{flex-shrink:0;width:28px!important;height:28px;min-width:28px!important}.al-size-select{margin-top:2px;font-size:10px!important;padding:2px 4px!important;height:20px;opacity:.6;transition:opacity .15s}.al-size-select:hover,.al-size-select:focus{opacity:1}.child-layout-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.cl-size-row{display:flex;align-items:center;gap:6px;height:28px;margin-bottom:4px}.cl-label{font-size:11px;font-weight:500;color:#ffffff73;width:12px;flex:0 0 12px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-input{flex:1 1 auto;min-width:0;height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0f;color:#e2e8f0;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s;box-sizing:border-box;-moz-appearance:textfield}.cl-input::-webkit-outer-spin-button,.cl-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cl-input:focus{border-color:#6366f180}.cl-input:disabled{opacity:.35;cursor:not-allowed}.cl-select{flex:0 0 76px;width:76px;height:28px;padding:0 8px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0f;color:#e2e8f0;font-size:11px;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s,color .15s;box-sizing:border-box}.cl-select option{background:#1e293b;color:#e2e8f0;padding:6px 8px}.cl-select:hover,.cl-select:focus{color:#e2e8f0;border-color:#ffffff26}.skia-bottom-toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px 6px;background:#1e1e26f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 32px #00000073,0 2px 8px #0003,inset 0 1px #ffffff0a;z-index:50;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skia-bottom-toolbar.light{background:#fffffff5;border-color:#00000014;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f,inset 0 1px #fffc}.skia-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#9ca3af;border-radius:8px;cursor:pointer;transition:all .15s ease;padding:0;position:relative;flex-shrink:0}.skia-toolbar-btn:hover{background:#ffffff14;color:#e2e8f0}.skia-toolbar-btn.active{color:#6366f1;background:#6366f11f}.skia-toolbar-btn.active:hover{background:#6366f12e}.skia-toolbar-btn.light{color:#6b7280}.skia-toolbar-btn.light:hover{background:#0000000f;color:#1f2937}.skia-toolbar-btn.light.active{color:#4f46e5;background:#4f46e51a}.skia-toolbar-chevron{display:flex;align-items:center;justify-content:center;width:14px;height:32px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .12s ease;padding:0;margin-left:-4px;border-radius:0 6px 6px 0;flex-shrink:0}.skia-toolbar-chevron:hover{color:#d1d5db;background:#ffffff0f}.skia-toolbar-chevron.active{color:#818cf8}.skia-toolbar-chevron.light:hover{color:#374151;background:#0000000a}.skia-toolbar-group{display:flex;align-items:center;position:relative}.skia-toolbar-sep{width:1px;height:20px;background:#ffffff14;margin:0 4px;flex-shrink:0}.skia-bottom-toolbar.light .skia-toolbar-sep{background:#00000014}.skia-toolbar-dot{width:2px;height:2px;border-radius:50%;background:#ffffff1f;margin:0 3px;flex-shrink:0}.skia-bottom-toolbar.light .skia-toolbar-dot{background:#0000001f}.skia-toolbar-dropdown{position:absolute;bottom:calc(100% + 10px);left:0;min-width:210px;background:#1e1e26fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0a;z-index:100;padding:4px;animation:toolbar-dropdown-in .12s ease-out}.skia-toolbar-dropdown.light{background:#fffffffa;border-color:#0000001a;box-shadow:0 12px 40px #00000026,0 0 0 1px #0000000a}@keyframes toolbar-dropdown-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.skia-toolbar-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:none;background:transparent;color:#d1d5db;font-size:13px;cursor:pointer;border-radius:6px;text-align:left;transition:background .1s ease}.skia-toolbar-dropdown-item:hover{background:#ffffff12;color:#f3f4f6}.skia-toolbar-dropdown-item.active{color:#f3f4f6}.skia-toolbar-dropdown-item.light{color:#4b5563}.skia-toolbar-dropdown-item.light:hover{background:#0000000d;color:#1f2937}.skia-toolbar-dropdown-item.light.active{color:#1f2937}.skia-toolbar-dropdown-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#818cf8}.skia-toolbar-dropdown-item.light .skia-toolbar-dropdown-check{color:#4f46e5}.skia-toolbar-dropdown-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;opacity:.8}.skia-toolbar-dropdown-label{flex:1;white-space:nowrap}.skia-toolbar-dropdown-shortcut{font-size:11px;color:#6b7280;font-family:inherit;background:none;border:none;padding:0;margin-left:12px;flex-shrink:0}.skia-toolbar-dropdown-item.light .skia-toolbar-dropdown-shortcut{color:#9ca3af}.darkveil-container{background-color:transparent}.darkveil-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.8;transform-origin:center center;animation:darkveil-float 15s infinite ease-in-out alternate;will-change:transform}.darkveil-reverse{animation-direction:alternate-reverse}@keyframes darkveil-float{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(15%,-10%) scale(1.1) rotate(10deg)}66%{transform:translate(-10%,15%) scale(.9) rotate(-10deg)}to{transform:translate(5%,5%) scale(1.05) rotate(5deg)}}.darkveil-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-repeat:repeat}