.rive-theme-toggle{position:relative;display:inline-block;width:auto;height:auto}.rive-theme-toggle canvas{display:block;max-width:100%;height:auto}.theme-toggle-loader{display:inline-block;width:40px;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--color-primary);animation:spin .8s linear infinite}#app,.home-container *,.home-footer *{transition:background-color var(--transition-medium),color var(--transition-medium),box-shadow var(--transition-medium);transition-delay:50ms}@keyframes slideUpFadeButton{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpFadeRiv{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.home-container{width:100%;height:100vh;min-width:var(--size-mobile-min-width);max-width:var(--max-width-page);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-primary);padding:var(--spacing-2xl);overflow:hidden;margin:0 auto}.home-main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.home-content-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:var(--spacing-xl)}canvas{border:none!important}.animation-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;opacity:0;animation:slideUpFadeRiv 1s cubic-bezier(0,.82,.33,1) 0s forwards;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;position:relative}.animation-wrapper canvas{width:100%!important;height:auto!important;max-width:100%;max-height:60vh;object-fit:contain;transform:translateZ(0);will-change:auto}.play-pause-icon-btn{position:absolute;bottom:0;left:50%;display:flex;width:44px;height:44px;border:none;background:transparent;color:var(--colorProperty2-dark);cursor:pointer;border-radius:50%;transition:all .2s ease;z-index:5}.light-theme .play-pause-icon-btn{color:var(--colorProperty2-light)}.play-pause-icon-btn:hover{background:#ffffff1a;color:var(--color-primary)}.light-theme .play-pause-icon-btn:hover{background:#0000001a;color:var(--color-primary)}.play-pause-icon-btn:active{background:#ffffff26}.light-theme .play-pause-icon-btn:active{background:#00000026}.play-pause-icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.content-wrapper{max-width:600px;width:100%;text-align:center;padding:0 var(--spacing-xl);display:flex;flex-direction:column;align-items:center;flex-shrink:0}.home-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-tertiary);margin:0 0 var(--spacing-xl) 0;line-height:var(--line-height-tight);opacity:0;animation:slideUpFadeButton .85s cubic-bezier(0,.82,.33,1) .1s forwards}.home-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.home-header .home-title{margin:0;flex:1}.home-theme-toggle{position:relative;z-index:100}.play-pause-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) 24px;background:var(--colorProperty1-dark);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-button-dark);margin-right:var(--spacing-md);transform:translateY(0);will-change:transform,box-shadow}.play-pause-btn:hover{background:var(--colorProperty1-dark);box-shadow:var(--shadow-button-area-dark-hover);transform:translateY(-3px)}.play-pause-btn:active{transform:translateY(-1px)!important;box-shadow:var(--shadow-button-dark)!important}.play-pause-btn:focus-visible{outline:3px solid rgba(90,164,112,.5);outline-offset:2px}.home-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-4xl) 0;opacity:0;animation:slideUpFadeButton .85s cubic-bezier(0,.82,.33,1) .15s forwards}.button-wrapper{opacity:0;animation:slideUpFadeButton .85s cubic-bezier(0,.82,.33,1) .2s forwards;padding:10px;margin:-10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-md)}.test-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) 36px;background:var(--home-rive-accent-dark);color:var(--color-light-test-dark-btn);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-button-dark);margin:0;border:none;cursor:pointer;position:relative;overflow:hidden;transform:translateY(0);will-change:transform,box-shadow}.test-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,var(--opacity-subtle));transition:left .4s ease;z-index:0;pointer-events:none}.button-wrapper:hover .test-button{background:var(--home-rive-accent-dark);box-shadow:var(--shadow-button-area-dark-hover);transform:translateY(-6px)}.button-wrapper:hover .test-button:before{left:100%}.test-button:active{transform:translateY(-2px)!important;box-shadow:var(--shadow-button-dark)!important}.test-button:focus-visible{outline:3px solid rgba(90,164,112,.5);outline-offset:2px}.home-footer p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.home-footer a{color:var(--color-primary-dark);text-decoration:none;transition:var(--transition-fast)}.home-footer a:hover{color:var(--color-primary);text-decoration:underline}@media(orientation:landscape)and (min-width:768px){.home-content-inner{flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-3xl);height:100%}.animation-wrapper{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;height:100%}.animation-wrapper canvas{width:auto!important;height:auto!important;max-height:75vh;max-width:50vw}.content-wrapper{flex:0 1 auto;max-width:80vw;text-align:left;align-items:flex-start;padding:0}.home-title{text-align:left;font-size:clamp(1.25rem,3vh,var(--font-size-2xl))}.home-description{text-align:left;font-size:clamp(.9rem,2vh,var(--font-size-lg));max-width:450px}.test-button{font-size:clamp(.85rem,1.8vh,var(--font-size-md));padding:var(--spacing-lg) 36px}}@media(orientation:landscape)and (min-width:768px)and (max-height:600px){.home-description{max-width:300px}}@media(max-width:768px),(orientation:portrait){.home-content-inner{gap:var(--spacing-4xl)}.animation-wrapper{flex-shrink:0;width:100%}.animation-wrapper canvas{width:100%!important;height:auto!important;max-height:50vh}.home-title{font-size:1.5rem}.home-description{font-size:var(--font-size-md);margin-bottom:var(--spacing-2xl)}.test-button{padding:var(--spacing-lg) 36px;font-size:.95rem}}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:var(--spacing-3xl)}.not-found h1{font-size:6rem;margin:0;color:var(--color-error)}.not-found h2{font-size:var(--font-size-2xl);margin:var(--spacing-xl) 0}.not-found p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin:var(--spacing-xl) 0 var(--spacing-3xl)}.home-link{padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-info);color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition-fast)}.home-link:hover{background:var(--color-info-dark)}*{box-sizing:border-box}button svg.tabler-icon,a svg.tabler-icon,h1 svg.tabler-icon,h2 svg.tabler-icon,h3 svg.tabler-icon,p svg.tabler-icon{display:inline-block;vertical-align:middle;flex-shrink:0}button,a.test-button,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}html,body{height:100%;margin:0;font-family:var(--font-family-primary);background:var(--color-bg-primary);color:var(--color-text-primary)}#app{display:flex;flex-direction:column}#content-wrapper{display:flex;flex-direction:column;height:100vh}.light-theme #main-content{background-color:var(--color-bg-secondary)}#main-content{background-color:var(--color-bg-secondary);display:flex;flex:1;overflow:hidden;flex-direction:row}#sidebar{width:var(--size-sidebar-width);background:var(--color-bg-tertiary);border-left:1px solid var(--color-border-primary);padding:var(--spacing-2xl);flex-shrink:0;display:flex;flex-direction:column;position:relative;overflow:auto;padding:var(--spacing-2xl) 0}.sidebar-section{padding:0 var(--spacing-2xl)}@media(max-width:768px){#main-content{flex-direction:column;overflow:auto}#canvas-container{flex:0 0 auto!important;min-width:var(--size-mobile-min-width);height:40vh;min-height:auto;overflow:visible}.light-theme #sidebar{border-top:1px solid var(--color-border-primary)}#sidebar{width:100%;min-width:var(--size-mobile-min-width);max-height:none;overflow-y:visible;border-left:none;border-top:1px solid var(--color-border-primary);flex-shrink:0;padding:var(--spacing-4xl) 0}.sidebar-section{padding:0 var(--spacing-4xl)}}@media(max-width:480px){.sidebar-section{margin-bottom:var(--spacing-2xl)}}#canvas-container{background-color:var(--color-bg-canvas);flex:1;display:flex;position:relative;overflow:auto}#canvas-container.no-scroll{overflow:hidden!important}.canvas-wrapper{margin:auto;display:flex}canvas{border:1px solid var(--color-border-primary)}.light-theme canvas{border:1px solid var(--color-border-primary)}.sidebar-section{margin-bottom:var(--spacing-section-margin)}.sidebar-header{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.sidebar-section h3{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);min-width:0}.sidebar-header h3.wrap{word-break:normal}.sidebar-header h3.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-section label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md);text-transform:uppercase}#animation-select,#artboard-select,.sidebar-select{width:100%;padding:var(--spacing-lg) var(--spacing-lg);background:var(--color-bg-elevated);border:1px solid var(--color-border-secondary);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer}#animation-select:hover:not(:disabled),#artboard-select:hover:not(:disabled),.sidebar-select:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}#animation-select:disabled,#artboard-select:disabled,.sidebar-select:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}#animation-select option,#artboard-select option,.sidebar-select option{background:var(--color-bg-elevated);color:var(--color-text-primary);padding:var(--spacing-md)}.zoom-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.zoom-btn{font-weight:var(--font-weight-semibold);height:var(--size-button-height);background:var(--color-button-bg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;flex:1}.zoom-btn:hover{background:var(--color-button-bg-hover);border-color:var(--color-border-hover)}.zoom-btn[style*=background]{cursor:default}.btn{height:var(--size-button-height);background:var(--color-button-bg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;flex:1;min-width:60px}.btn:hover{background:var(--color-button-bg-hover);border-color:var(--color-border-hover)}.light-theme .btn{background:var(--color-bg-primary)}.upload-btn{width:100%;height:var(--size-button-height);background:var(--color-primary-dark);color:var(--color-text-primary);border:1px solid var(--color-primary-dark);border-radius:var(--radius-base);cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:var(--transition-fast)}.upload-btn:hover{background:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.upload-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.canvas-info{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-elevated);border-radius:var(--radius-base);font-size:var(--font-size-sm);color:var(--color-text-muted)}.canvas-info div{margin-bottom:var(--spacing-sm)}.canvas-info div:last-child{margin-bottom:0}.canvas-info strong{color:var(--color-text-primary)}#loading-indicator{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xl);z-index:var(--z-index-overlay)}.loader{width:var(--size-loader);height:var(--size-loader);border:4px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:var(--radius-circle);animation:var(--animation-spin)}.loading-text{font-size:var(--font-size-md);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}#theme-toggle{display:flex;gap:var(--spacing-gap-small);position:relative;margin-bottom:0;margin-left:auto;flex-shrink:0}.theme-btn{display:flex;align-items:center;justify-content:center;width:var(--size-icon-button);height:var(--size-icon-button);padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:#ffffff4d;font-size:var(--font-size-lg);cursor:pointer}.theme-btn:hover:not(.active){background:var(--color-border-tertiary);color:#eee;border:1px solid var(--color-border-tree)}.theme-btn.active{background:#3c3c3c;color:#ffffffb3;border-color:var(--color-border-tertiary);cursor:default}.light-theme .theme-btn{color:#0000004d}.light-theme .theme-btn:hover:not(.active){background:var(--color-light-bg-primary);color:var(--color-light-text-secondary);border:1px solid var(--color-light-border-primary)}.light-theme .theme-btn.active{background-color:var(--color-light-bg-primary);color:#000000b3;border-color:var(--color-light-border-tertiary);cursor:default}.light-theme .upload-btn{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-light-test-dark-btn)}.light-theme .upload-btn:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.light-theme .loader{border:4px solid rgba(0,0,0,.1);border-top-color:var(--color-primary)}.input-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background-color:var(--color-bg-darker);border:1px solid var(--color-border-primary);border-radius:var(--radius-base)}.property-wrapper{border-radius:var(--radius-base);padding:var(--spacing-xs) var(--spacing-md)}.property-wrapper:has(.viewmodel-btn[aria-expanded=false]){background-color:var(--color-bg-secondary);border:1px solid #3c3c3c}.property-wrapper:has(.viewmodel-btn[aria-expanded=false]):hover{border-color:var(--color-border-hover);cursor:pointer}.property-wrapper:has(.viewmodel-btn[aria-expanded=true]){border:1px solid transparent;background-color:transparent;padding:var(--spacing-sm)}.property-wrapper:has(.viewmodel-btn[aria-expanded=true]):hover{border:1px solid var(--color-warning)}.property-container{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm);background-color:var(--color-bg-darker);border:1px solid var(--color-border-primary);border-radius:var(--radius-base)}.property-container.nested{margin-bottom:var(--spacing-lg);border-radius:0;border:none;padding:0}.property-wrapper.nested{margin-bottom:var(--spacing-lg);background-color:var(--color-bg-secondary);border:none;padding:0}.input-label,.property-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}button .property-name{padding:0 var(--spacing-sm)}.property-label .property-name{color:var(--color-text-tertiary)}.light-theme .property-label .property-name{color:var(--color-light-text-secondary)}.property-label.nested{font-size:var(--font-size-sm);opacity:var(--opacity-high);color:var(--color-text-muted)}.viewmodel-header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);margin-top:var(--spacing-md)}.control-btn{width:100%;padding:var(--spacing-sm);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base)}.control-input.nested,.control-btn.nested{font-size:var(--font-size-base)}.trigger-control{display:flex;gap:var(--spacing-md);align-items:center}.trigger-btn.square{width:var(--size-trigger-button);height:var(--size-trigger-button);border-radius:var(--radius-circle);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);cursor:pointer;border:2px solid var(--color-text-disabled);background:var(--color-bg-elevated);color:var(--color-text-primary);flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.trigger-btn.square:before{content:"";position:absolute;width:var(--size-trigger-dot);height:var(--size-trigger-dot);border-radius:var(--radius-circle);background:transparent}.trigger-btn.square:hover{border-color:var(--color-border-tree)}.trigger-btn.square:hover:before{background:transparent}.trigger-btn.square.firing{border-color:var(--color-primary-dark)}.trigger-btn.square.firing:before{background:var(--color-primary-dark)}.trigger-label{flex:1;min-width:100px;padding:var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family-code);height:var(--size-button-height);display:flex;align-items:center;cursor:default}.trigger-btn.square.nested,.trigger-label.nested{height:var(--size-button-height-nested)}.trigger-btn.square.nested{width:var(--size-trigger-button-nested);height:var(--size-trigger-button-nested);font-size:var(--font-size-lg)}.trigger-btn.square.nested:before{width:var(--size-trigger-dot-nested);height:var(--size-trigger-dot-nested)}.control-btn.boolean-btn{color:var(--color-text-primary)}.control-btn.boolean-btn.on{background:var(--color-button-boolean-on)}.control-btn.boolean-btn.off{background:var(--color-button-boolean-off)}.control-btn.boolean-btn.on:hover{background:var(--color-button-boolean-on-hover)}.control-btn.boolean-btn.off:hover{background:var(--color-button-boolean-off-hover)}.boolean-control{display:flex;gap:var(--spacing-md);align-items:center}.boolean-btn.square{width:var(--size-boolean-button);height:var(--size-boolean-button);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);cursor:pointer;border:1px solid var(--color-border-secondary);transition:var(--transition-all);flex-shrink:0}.boolean-btn.square.on{background:var(--color-primary);color:var(--color-text-primary);border-color:var(--color-primary)}.boolean-btn.square.off{background:var(--color-button-boolean-off);color:var(--color-text-primary);border-color:var(--color-button-boolean-off)}.boolean-btn.square.on:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.boolean-btn.square.off:hover{background:var(--color-button-boolean-off-hover);border-color:var(--color-button-boolean-off-hover)}.boolean-select{flex:1;min-width:100px;padding:var(--spacing-md);background:var(--color-bg-input);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);cursor:pointer;font-family:var(--font-family-code);height:var(--size-button-height)}.boolean-select:focus{outline:none;border-color:var(--color-border-focus)}.boolean-btn.square.nested,.boolean-select.nested{height:var(--size-boolean-button-nested)}.boolean-btn.square.nested{width:var(--size-boolean-button-nested);font-size:10px}.viewmodel-btn{background-color:transparent;color:var(--color-text-tertiary);position:relative;transition:var(--transition-color);display:flex;align-items:center;justify-content:center;gap:0;margin-left:var(--tree-connector-offset)}.vm-context{opacity:var(--opacity-semi);font-size:.9em;font-weight:var(--font-weight-normal)}.light-theme .vm-context{opacity:var(--opacity-muted)}.viewmodel-text-wrapper{display:flex;align-items:center;width:100%;gap:var(--spacing-md)}.viewmodel-text{white-space:nowrap;flex-shrink:0}.viewmodel-btn[aria-expanded=true]:not(.empty):before{content:"";position:absolute;left:calc(-1 * var(--tree-connector-offset));top:50%;bottom:-10px;width:var(--tree-connector-width);background-color:var(--color-border-tree)}.viewmodel-btn[aria-expanded=true]:not(.empty):after{content:"";position:absolute;left:calc(-1 * var(--tree-connector-offset));top:50%;width:var(--tree-connector-horizontal);height:var(--tree-connector-width);background-color:var(--color-border-tree)}.light-theme .viewmodel-btn.nested[aria-expanded=false]:before,.light-theme .viewmodel-btn[aria-expanded=true]:not(.empty):before,.light-theme .viewmodel-btn[aria-expanded=true]:not(.empty):after{background-color:var(--color-border-tree)}.control-input{width:100%;padding:var(--spacing-sm);background:var(--color-bg-input);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base)}.control-input:focus{outline:none;border-color:var(--color-border-focus)}.control-input[type=color]{height:32px;cursor:pointer;padding:2px}.info-text{font-size:var(--font-size-sm);color:var(--color-text-disabled);padding:var(--spacing-md)}.info-text.error{color:var(--color-text-error)}.info-text.warning{color:var(--color-warning)}.info-text.list-info{margin:0;padding:0}.light-theme .property-wrapper:has(.viewmodel-btn[aria-expanded=false]){background-color:var(--color-light-bg-secondary);border:1px solid var(--color-light-border-secondary)}.light-theme .property-wrapper:has(.viewmodel-btn[aria-expanded=false]):hover{border-color:var(--color-border-hover);cursor:pointer}.light-theme .property-wrapper:has(.viewmodel-btn[aria-expanded=true]){border:1px solid transparent;background-color:transparent;padding:var(--spacing-sm)}.light-theme .property-wrapper:has(.viewmodel-btn[aria-expanded=true]):hover{border:1px solid var(--color-warning-dark)}.light-theme .property-container{background-color:var(--color-light-bg-elevated);border:1px solid var(--color-light-border-secondary)}.light-theme .property-container.nested{border-radius:0;border:none;padding:0}.light-theme .property-wrapper.nested{background-color:var(--color-light-bg-tertiary);border:none;padding:0}.nested-viewmodel-wrapper{position:relative;margin-left:var(--spacing-lg)}.nested-viewmodel{position:relative}.property-container.nested{position:relative;margin-bottom:var(--spacing-md)}.property-container.nested:before{content:"";position:absolute;left:-12px;top:7px;width:var(--tree-connector-horizontal-nested);height:var(--tree-connector-width);background-color:var(--color-border-tree)}.property-container.nested:not(:last-child):after{content:"";position:absolute;left:-12px;top:0;bottom:-10px;width:var(--tree-connector-width);background-color:var(--color-border-tree)}.property-container.nested:last-child:after{content:"";position:absolute;left:-12px;top:0;height:8px;width:var(--tree-connector-width);background-color:var(--color-border-tree)}.light-theme .property-container.nested:before,.light-theme .property-container.nested:after{background-color:var(--color-border-tree)}.color-control{display:flex;gap:var(--spacing-md);align-items:center}.color-square{width:var(--size-color-square);height:var(--size-color-square);border-radius:var(--radius-sm);cursor:pointer;padding:2px}.hex-input{flex:1;min-width:100px;padding:var(--spacing-md);border-radius:var(--radius-sm);font-family:var(--font-family-code);text-transform:uppercase}.color-square.nested,.hex-input.nested{height:var(--size-button-height-nested)}.light-theme .boolean-btn.square{border-color:var(--color-light-border-secondary)}.light-theme .boolean-btn.square.on{background:var(--color-primary);border-color:var(--color-primary)}.light-theme .boolean-btn.square.off{background:var(--color-button-boolean-off);color:var(--color-light-text-primary);border-color:var(--color-button-boolean-off)}.light-theme .boolean-btn.square.off:hover{background:var(--color-button-boolean-off-hover);border-color:var(--color-button-boolean-off-hover)}.light-theme .boolean-btn.square.on:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.light-theme .boolean-select{background:var(--color-light-bg-input);border:1px solid var(--color-light-border-secondary);color:var(--color-light-text-primary)}.light-theme .boolean-select:focus{border-color:var(--color-border-focus)}.light-theme .trigger-btn.square{background:var(--color-light-bg-tertiary);border-color:var(--color-border-tree)}.light-theme .trigger-btn.square:before{background:transparent}.light-theme .trigger-btn.square:hover:before{background:transparent}.light-theme .trigger-btn.square:hover{border-color:var(--color-text-disabled)}.light-theme .trigger-btn.square.firing{border-color:var(--color-primary-dark)}.light-theme .trigger-btn.square.firing:before{background:var(--color-primary-dark)}.light-theme .trigger-label{color:var(--color-light-text-primary)}.paused-overlay{position:absolute;inset:0;background:var(--color-bg-paused);border:1px solid var(--color-border-secondary);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-base);z-index:var(--z-index-dropdown);pointer-events:all;cursor:default}.paused-overlay-text{color:#ff6b6b;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;text-transform:uppercase;letter-spacing:var(--letter-spacing-normal)}.light-theme .paused-overlay{background:var(--color-light-bg-overlay-light);border:1px solid var(--color-light-border-primary)}#error-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-elevated);padding:var(--spacing-4xl);border-radius:var(--radius-md);border:1px solid var(--color-border-secondary);max-width:500px;text-align:center}#error-display h2{color:var(--color-text-error);margin:0 0 10px;font-size:var(--font-size-xl)}#error-display p{color:var(--color-text-muted);margin:0;font-size:var(--font-size-md)}.light-theme #error-display{background:var(--color-light-bg-primary);border:1px solid var(--color-light-border-secondary)}.light-theme #error-display h2{color:var(--color-error)}.light-theme #error-display p{color:var(--color-light-text-muted)}.light-theme .control-btn.boolean-btn.off{background:var(--color-button-boolean-off);color:var(--color-light-text-primary)}.light-theme .control-btn.boolean-btn.off:hover{background:var(--color-button-boolean-off-hover)}.control-input:disabled,.control-select:disabled,.control-btn:disabled,.trigger-btn:disabled,.boolean-btn:disabled,.boolean-select:disabled{opacity:var(--opacity-disabled);cursor:default;pointer-events:none}.control-input:disabled:hover,.control-select:disabled:hover,.control-btn:disabled:hover,.trigger-btn:disabled:hover,.boolean-btn:disabled:hover,.boolean-select:disabled:hover{border-color:var(--color-border-disabled);background:var(--color-bg-elevated)}.light-theme .control-input:disabled,.light-theme .control-select:disabled,.light-theme .control-btn:disabled,.light-theme .trigger-btn:disabled,.light-theme .boolean-btn:disabled,.light-theme .boolean-select:disabled{opacity:var(--opacity-disabled)}.light-theme .control-input:disabled:hover,.light-theme .control-select:disabled:hover,.light-theme .control-btn:disabled:hover,.light-theme .trigger-btn:disabled:hover,.light-theme .boolean-btn:disabled:hover,.light-theme .boolean-select:disabled:hover{border-color:var(--color-light-border-secondary);background:var(--color-light-bg-tertiary)}.light-theme .boolean-btn.square.off:disabled:hover{background:var(--color-button-boolean-off);border-color:var(--color-button-boolean-off)}.light-theme .boolean-btn.square.on:disabled:hover{background:var(--color-primary);border-color:var(--color-primary)}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#333;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#68b882;cursor:pointer;border:none}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#68b882;cursor:pointer;border:none}input[type=range]::-moz-range-track{background:#333;height:4px;border-radius:2px}.light-theme input[type=range]{background:#ddd}.light-theme input[type=range]::-webkit-slider-thumb{background:#5aa470}.light-theme input[type=range]::-moz-range-thumb{background:#5aa470}.light-theme input[type=range]::-moz-range-track{background:#ddd}.number-control{display:flex;align-items:stretch;gap:0}.number-input{flex:1;height:var(--size-input-height);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-input);border:1px solid var(--color-border-secondary);border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-md)}.number-input:focus{outline:none;border-color:var(--color-primary)}.number-spinners{display:flex;flex-direction:column;border-left:1px solid var(--color-border-secondary)}.number-spinner-btn{flex:1;width:28px;padding:0;background:var(--color-bg-elevated);border:none;border-bottom:1px solid var(--color-border-secondary);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.number-spinner-btn:hover:not(:disabled){background:var(--color-bg-hover)}.number-spinner-btn:active:not(:disabled){background:var(--color-border-secondary);transform:scale(.95)}.number-spinner-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.number-spinner-btn.up{border-radius:0 var(--radius-sm) 0 0}.number-spinner-btn.down{border-bottom:none;border-radius:0 0 var(--radius-sm) 0}.light-theme .number-input{background:var(--color-light-bg-input);border-color:var(--color-light-border-secondary)}.light-theme .number-spinners{border-left-color:var(--color-light-border-secondary)}.light-theme .number-spinner-btn{background:var(--color-light-bg-elevated);border-bottom-color:var(--color-light-border-secondary)}.light-theme .number-spinner-btn:hover:not(:disabled){background:var(--color-light-bg-hover)}:root{--color-primary: #68b882;--color-primary-dark: #5aa470;--color-primary-light: rgba(104, 184, 130, .1);--color-primary-alpha-05: rgba(104, 184, 130, .05);--color-primary-alpha-30: rgba(104, 184, 130, .3);--color-primary-alpha-35: rgba(104, 184, 130, .35);--color-primary-alpha-45: rgba(104, 184, 130, .45);--color-primary-alpha-50: rgba(104, 184, 130, .5);--color-accent-cyan: #63ccc8;--color-accent-cyan-dark: #4db8b4;--color-accent-blue: #3b82f6;--color-accent-blue-alpha-05: rgba(59, 130, 246, .05);--color-accent-blue-alpha-10: rgba(59, 130, 246, .1);--color-accent-blue-dark: #1e40af;--color-accent-blue-light: #93c5fd;--color-error: #ef4444;--color-error-light: #fca5a5;--color-error-bg: #3a1a1a;--color-error-border: #5a2a2a;--color-warning: #fbbf24;--color-warning-dark: #ca8a04;--color-info: #3b82f6;--color-bg-primary: #1a1a1a;--color-bg-secondary: #222;--color-bg-tertiary: #232323;--color-bg-darker: #262626;--color-bg-elevated: #2a2a2a;--color-bg-input: #1a1a1a;--color-bg-hover: #333;--color-bg-canvas: #1a1a1a;--color-bg-overlay: rgba(0, 0, 0, .85);--color-bg-overlay-light: rgba(0, 0, 0, .7);--color-bg-modal-overlay: rgba(0, 0, 0, .7);--color-bg-paused: rgba(40, 40, 40, .8);--color-text-primary: #fff;--color-text-secondary: #ccc;--color-text-tertiary: #ddd;--color-text-muted: #999;--color-text-disabled: #666;--color-text-error: #f87171;--color-text-code: #63ccc8;--color-border-primary: #333;--color-border-secondary: #444;--color-border-tertiary: #555;--color-border-focus: #68b882;--color-border-hover: #68b882;--color-border-disabled: #444;--color-border-error: #ef4444;--color-border-dashed: #444;--color-border-tree: #777;--color-button-bg: #2a2a2a;--color-button-bg-hover: #333;--color-button-bg-disabled: #444;--color-button-boolean-on: #68b882;--color-button-boolean-off: #444;--color-button-boolean-on-hover: #5aa470;--color-button-boolean-off-hover: #555;--color-light-bg-primary: #fcfcfc;--color-light-bg-secondary: #fafafa;--color-light-bg-tertiary: #f7f7f7;--color-light-bg-elevated: #f5f5f5;--color-light-bg-input: #ffffff;--color-light-bg-hover: #e8e8e8;--color-light-bg-canvas: #eee;--color-light-bg-overlay: rgba(255, 255, 255, .95);--color-light-bg-overlay-light: rgba(255, 255, 255, .7);--color-light-bg-gradient-start: #f5f5f5;--color-light-bg-gradient-end: #e8e8e8;--color-light-text-primary: #1a1a1a;--color-light-text-secondary: #222;--color-light-text-tertiary: #000;--color-light-text-muted: #666;--color-light-text-disabled: #999;--color-light-test-dark-btn: #fff;--color-light-border-primary: #ddd;--color-light-border-secondary: #d0d0d0;--color-light-border-tertiary: #c0c0c0;--color-light-border-tree: #c5c5c5;--color-light-border-input: #d0d0d0;--color-light-border-dashed: #d1d5db;--color-light-button-bg: #f5f5f5;--color-light-button-bg-hover: #e8e8e8;--color-light-button-boolean-off: #d0d0d0;--color-light-button-boolean-off-hover: #c0c0c0;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 15px;--spacing-2xl: 20px;--spacing-3xl: 25px;--spacing-4xl: 30px;--spacing-input-padding: 6px;--spacing-button-padding-vertical: .6em;--spacing-button-padding-horizontal: 1.2em;--spacing-section-margin: 25px;--spacing-gap-small: 4px;--spacing-gap-medium: 8px;--spacing-gap-large: 10px;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-system: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-code: "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 28px;--font-size-3xl: 2rem;--font-size-4xl: 3.2em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-tight: .3px;--letter-spacing-normal: .5px;--letter-spacing-wide: 1px;--size-button-height: 44px;--size-button-height-nested: 40px;--size-input-height: 36px;--size-trigger-button: 24px;--size-trigger-button-nested: 20px;--size-trigger-dot: 10px;--size-trigger-dot-nested: 8px;--size-boolean-button: 44px;--size-boolean-button-nested: 40px;--size-color-square: 50px;--size-icon-button: 44px;--size-loader: 48px;--size-loader-small: 40px;--size-sidebar-width: 340px;--size-sidebar-min-width: 320px;--size-mobile-min-width: 340px;--max-width-content: 600px;--max-width-modal: 600px;--max-width-modal-large: 900px;--max-width-container: 1200px;--max-width-page: 1400px;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-circle: 50%;--shadow-sm: 0 1px 4px rgba(90, 164, 112, .2);--shadow-md: 0 2px 8px rgba(104, 184, 130, .3);--shadow-lg: 0 4px 16px rgba(90, 164, 112, .35);--shadow-xl: 0 8px 24px rgba(90, 164, 112, .45);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .5);--shadow-button-light: 0 4px 15px rgba(104, 184, 130, .3);--shadow-button-area-light-hover: 0 12px 32px rgba(104, 184, 130, .5);--shadow-button-dark: 0 4px 15px rgba(255, 107, 107, .5);--shadow-button-area-dark-hover: 0 12px 32px rgba(255, 107, 107, .8);--shadow-button-hover: 0 6px 20px rgba(104, 184, 130, .5);--shadow-light-sm: 0 2px 8px rgba(90, 164, 112, .25);--shadow-light-md: 0 4px 12px rgba(90, 164, 112, .4);--shadow-focus: 0 0 0 3px rgba(104, 184, 130, .1);--shadow-focus-light: 0 0 0 3px rgba(104, 184, 130, .1);--transition-fast: .2s ease;--transition-base: .25s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--transition-color: color .2s;--transition-border: border-color .3s ease;--transition-all: all .2s ease;--transition-all-medium: all .3s ease;--animation-spin: spin .8s linear infinite;--animation-spin-fast: spin 1s linear infinite;--animation-slide-in: slideIn .5s ease;--animation-slide-in-fast: slideIn .3s ease;--z-index-base: 0;--z-index-dropdown: 10;--z-index-overlay: 20;--z-index-modal: 100;--z-index-toast: 1000;--opacity-disabled: .4;--opacity-muted: .5;--opacity-semi: .6;--opacity-medium: .7;--opacity-high: .9;--color-theme-btn: rgba(255, 255, 255, .3);--color-theme-btn-active: rgba(255, 255, 255, .7);--color-theme-btn: rgba(0, 0, 0, .3);--color-theme-btn-active: rgba(0, 0, 0, .7);--color-theme-btn-active-bg: #3c3c3c;--color-theme-btn-hover: #eee;--color-loader-border: rgba(255, 255, 255, .1);--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--tree-connector-offset: 8px;--tree-connector-width: 1px;--tree-connector-horizontal: 10px;--tree-connector-horizontal-nested: 6px;--home-rive-bg-dark: var(--colorProperty1-dark);--home-rive-accent-dark: var(--propertyOfGirlVM-colorProperty2-dark);--home-rive-bg-light: var(--colorProperty1-light);--home-rive-accent-light: var(--propertyOfGirlVM-colorProperty2-light);--colorProperty1-dark: #2e3b81;--colorProperty2-dark: #3a4fa0;--propertyOfCirclesVM-generatedColor1-dark: #3a79e3;--propertyOfCirclesVM-generatedColor2-dark: #d9a89a;--propertyOfFlowerVM-colorProperty1-dark: #4a5fa8;--propertyOfFlowerVM-colorProperty2-dark: #e8b5a8;--propertyOfFlowerVM-colorProperty3-dark: #f2eae3;--propertyOfGirlVM-colorProperty1-dark: var(--colorProperty1-dark);--propertyOfGirlVM-colorProperty2-dark: #ff6b6b;--propertyOfGirlVM-colorProperty3-dark: #d9b5a8;--propertyOfStarVM-colorProperty1-dark: #6db8b8;--propertyOfBooksVM-colorProperty1-dark: var(--colorProperty1-dark);--propertyOfBooksVM-colorProperty2-dark: #e8b5a8;--colorProperty1-light: #f2eae3;--colorProperty2-light: #f5d1c6;--propertyOfCirclesVM-generatedColor1-light: #4db8b4;--propertyOfCirclesVM-generatedColor2-light: #383c58;--propertyOfFlowerVM-colorProperty1-light: #f7bab4;--propertyOfFlowerVM-colorProperty2-light: #334e70;--propertyOfFlowerVM-colorProperty3-light: #f2eae3;--propertyOfGirlVM-colorProperty1-light: var(--colorProperty1-light);--propertyOfGirlVM-colorProperty2-light: #68b882;--propertyOfGirlVM-colorProperty3-light: #334e70;--propertyOfStarVM-colorProperty1-light: #ffffff;--propertyOfBooksVM-colorProperty1-light: var(--colorProperty1-light);--propertyOfBooksVM-colorProperty2-light: #334e70}.light-theme{--color-bg-primary: var(--color-light-bg-primary);--color-bg-secondary: var(--color-light-bg-secondary);--color-bg-tertiary: var(--color-light-bg-tertiary);--color-bg-darker: var(--color-light-bg-elevated);--color-bg-elevated: var(--color-light-bg-elevated);--color-bg-input: var(--color-light-bg-input);--color-bg-hover: var(--color-light-bg-hover);--color-bg-canvas: var(--color-light-bg-canvas);--color-bg-overlay: var(--color-light-bg-overlay);--color-text-primary: var(--color-light-text-primary);--color-text-secondary: var(--color-light-text-secondary);--color-text-tertiary: var(--color-light-text-tertiary);--color-text-muted: var(--color-light-text-muted);--color-text-disabled: var(--color-light-text-disabled);--color-border-primary: var(--color-light-border-primary);--color-border-secondary: var(--color-light-border-secondary);--color-border-tertiary: var(--color-light-border-tertiary);--color-border-tree: var(--color-light-border-tree);--color-border-dashed: var(--color-light-border-dashed);--color-button-bg: var(--color-light-button-bg);--color-button-bg-hover: var(--color-light-button-bg-hover);--color-button-boolean-off: var(--color-light-button-boolean-off);--color-button-boolean-off-hover: var(--color-light-button-boolean-off-hover);--color-accent-blue-alpha-10: var(--color-accent-blue-alpha-05);--color-accent-blue-light: var(--color-accent-blue-dark);--color-theme-btn-active-bg: var(--color-light-bg-primary);--color-theme-btn-hover: var(--color-light-text-secondary);--color-loader-border: rgba(0, 0, 0, .1);--home-rive-accent-dark: var(--home-rive-accent-light);--shadow-button-area-dark-hover: var(--shadow-button-area-light-hover);--shadow-button-dark: var(--shadow-button-light)}@keyframes slideUpFadeDragDrop{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.riv-drag-drop-container{background-color:var(--color-bg-secondary);display:flex;padding:0;flex-direction:column;min-height:100vh;min-width:var(--size-mobile-min-width)}.top-bar{width:100%;background-color:var(--color-bg-darker);border-bottom:1px solid var(--color-border-primary);padding:var(--spacing-lg) var(--spacing-2xl)}.top-bar-content{max-width:var(--max-width-page);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);min-width:0}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-base);color:var(--color-text-primary);cursor:pointer;flex-shrink:0}.back-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);transform:translate(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:active{transform:translate(-1px);background:var(--color-primary-light)}.top-bar-left{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.top-bar-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar-subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.top-bar-right{display:flex;gap:var(--spacing-xs);flex-shrink:0}.riv-drag-drop-content{width:100%;max-width:500px;flex:1;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:var(--spacing-xl);min-width:0}.riv-drag-drop-content h2{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);opacity:0;animation:slideUpFadeDragDrop .8s cubic-bezier(0,.82,.33,1) 0s forwards}.riv-drag-drop-content>p{text-align:center;color:var(--color-text-muted);margin-bottom:var(--spacing-4xl);font-size:var(--font-size-md);opacity:0;animation:slideUpFadeDragDrop .8s cubic-bezier(0,.82,.33,1) .05s forwards}.riv-drag-drop-container .drag-drop-zone{border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);padding:40px var(--spacing-2xl);text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--color-bg-input);position:relative;opacity:0;animation:slideUpFadeDragDrop .8s cubic-bezier(0,.82,.33,1) .1s forwards;min-width:0;flex-shrink:0}.riv-drag-drop-container .drag-drop-zone:hover{border-color:var(--color-border-hover);background:var(--color-bg-elevated)}.riv-drag-drop-container .drag-drop-zone.active{border-color:var(--color-border-focus);background:var(--color-primary-light);transform:scale(1.02)}.riv-drag-drop-container .drag-drop-zone.loading{opacity:var(--opacity-disabled);pointer-events:none}.loading-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.spinner{width:40px;height:40px;border:3px solid var(--color-border-secondary);border-top-color:var(--color-primary);border-radius:var(--radius-circle);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drag-drop-icon{font-size:48px;margin-bottom:var(--spacing-xl);color:var(--color-text-muted)}.drag-drop-icon svg{color:var(--color-text-muted)}.drag-drop-text{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.drag-drop-or{color:var(--color-text-disabled);font-size:var(--font-size-sm);margin:var(--spacing-xl) 0;text-transform:uppercase;letter-spacing:1px}.file-input{display:none}.file-input-button-wrapper{display:inline-flex;padding:10px;margin:-10px}.file-input-label{display:inline-flex;align-items:center;justify-content:center;height:var(--size-button-height);padding:0 var(--spacing-3xl);background:var(--color-primary-dark);color:var(--color-light-test-dark-btn);border-radius:var(--radius-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:var(--font-size-md);position:relative;overflow:hidden;transform:translateY(0);will-change:transform,box-shadow}.file-input-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,var(--opacity-subtle));transition:left .4s ease;z-index:0;pointer-events:none}.file-input-button-wrapper:hover .file-input-label{background:var(--color-primary);box-shadow:0 12px 32px #5aa47080;transform:translateY(-8px)}.file-input-button-wrapper:hover .file-input-label:before{left:100%}.file-input-label:active{transform:translateY(-2px);box-shadow:var(--shadow-button)}.drag-drop-hint{color:var(--color-text-disabled);font-size:var(--font-size-sm);margin-top:var(--spacing-lg);margin-bottom:0}.error-message{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-base);color:var(--color-error-light);font-size:var(--font-size-md);text-align:center}.info-box{margin-top:var(--spacing-3xl);padding:var(--spacing-xl);background:var(--color-accent-blue-alpha-10);border-left:3px solid var(--color-accent-blue);border-radius:var(--radius-base);opacity:0;animation:slideUpFadeDragDrop .8s cubic-bezier(0,.82,.33,1) .15s forwards;min-width:0}.info-box p{display:flex;align-items:center;gap:var(--spacing-md);margin:0;color:var(--color-accent-blue-light);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);overflow-wrap:break-word;word-break:break-word}.home-footer{width:100%;padding:var(--spacing-xl);text-align:center;margin-top:auto;flex-shrink:0}.light-theme .riv-drag-drop-container{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}@media(max-width:768px){.top-bar{padding:16px var(--spacing-lg)}}