.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.top-4{top:1rem}.right-4{right:1rem}.z-10{z-index:10}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.text-sm{font-size:1.2rem}.text-lg{font-size:1.55rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.w-full{width:100%}.w-72{width:18rem}.w-8{width:2rem}.h-8{height:2rem}.h-4,.w-4{width:1rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.h-2{height:.5rem}.bg-white{background-color:white}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-1{flex:1 1}.overflow-hidden{overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(240,240,240,.8);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#3498db,#2c3e50);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#2980b9,#1a2a3a)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mouse-controls-hint{position:absolute;bottom:20px;left:20px;background-color:rgba(0,0,0,.5);color:white;padding:8px 12px;border-radius:4px;font-size:14px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8;transition:opacity .3s ease;z-index:100}.mouse-controls-hint:hover{opacity:.4}button,input[type=button]{transition:all .3s ease!important}button:hover,input[type=button]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}:root{--hero-color-primary:#669900;--hero-color-primary-light:rgba(102,153,0,0.06);--hero-color-primary-medium:rgba(102,153,0,0.12);--hero-color-primary-border:rgba(102,153,0,0.35);--hero-color-primary-focus:rgba(102,153,0,0.25);--hero-focus-ring:0 0 0 3px var(--hero-color-primary-focus);--hero-color-secondary:#6c757d;--hero-color-success:#10b981;--hero-color-danger:#ef4444;--hero-color-warning:#f59e0b;--hero-color-info:#3b82f6;--hero-radius-sm:6px;--hero-radius-md:8px;--hero-radius-lg:12px;--hero-radius-xl:16px;--hero-radius-full:9999px;--hero-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--hero-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--hero-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--hero-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--hero-transition:200ms all cubic-bezier(0.4,0,0.2,1);--hero-font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.hero-panel{background:white;border-radius:var(--hero-radius-lg);box-shadow:var(--hero-shadow-md);overflow:hidden;margin-bottom:2px}.hero-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.08)}.hero-panel-title{font-size:14px;font-weight:600;color:#111827;margin:0}.hero-panel-body{padding:6px 12px}.hero-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--hero-radius-md);font-weight:500;font-size:14px;line-height:20px;letter-spacing:.012em;color:white;background-color:var(--hero-color-primary);border:none;cursor:pointer;transition:var(--hero-transition);box-shadow:var(--hero-shadow-sm);height:44px;position:relative;overflow:hidden}.hero-button:hover{background-color:#558800;box-shadow:var(--hero-shadow-md)}.hero-button:active{transform:translateY(1px);box-shadow:var(--hero-shadow-sm)}.hero-button:focus{outline:none;box-shadow:var(--hero-focus-ring)}.hero-ghost-button{background-color:transparent;border:1px solid rgba(0,0,0,.15);color:var(--hero-color-primary);box-shadow:none}.hero-ghost-button:hover{background-color:var(--hero-color-primary-light);border-color:var(--hero-color-primary-border);box-shadow:none}.hero-ghost-button:active{background-color:var(--hero-color-primary-medium);transform:translateY(1px)}.hero-secondary-button{background-color:transparent;border:1px solid rgba(0,0,0,.15);color:var(--hero-color-secondary);box-shadow:none}.hero-secondary-button:hover{background-color:rgba(108,117,125,.06);border-color:rgba(108,117,125,.35)}.hero-secondary-button:active{background-color:rgba(108,117,125,.12)}.hero-success-button{background-color:var(--hero-color-success)}.hero-success-button:hover{background-color:#0ea271}.hero-danger-button{background-color:var(--hero-color-danger)}.hero-danger-button:hover{background-color:#dc3535}.hero-checkbox-container{display:flex;align-items:center;margin-bottom:6px;cursor:pointer}.hero-checkbox{position:relative;width:18px;height:18px}.hero-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.hero-checkbox-checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:white;border:1px solid rgba(0,0,0,.2);border-radius:4px;transition:var(--hero-transition)}.hero-checkbox input:checked~.hero-checkbox-checkmark{background-color:var(--hero-color-primary);border-color:var(--hero-color-primary)}.hero-checkbox input:focus~.hero-checkbox-checkmark{box-shadow:var(--hero-focus-ring)}.hero-checkbox-checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.hero-checkbox input:checked~.hero-checkbox-checkmark:after{display:block}.hero-checkbox-label{margin-left:6px;font-size:12px;line-height:16px;color:#374151}.hero-slider-container{margin-bottom:8px}.hero-slider-label{display:block;margin-bottom:2px;font-size:12px;color:#374151;font-weight:500}.hero-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:var(--hero-radius-full);background:#e5e7eb;outline:none;transition:var(--hero-transition)}.hero-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--hero-color-primary);cursor:pointer;box-shadow:var(--hero-shadow-sm);-webkit-transition:var(--hero-transition);transition:var(--hero-transition)}.hero-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--hero-color-primary);cursor:pointer;box-shadow:var(--hero-shadow-sm);-moz-transition:var(--hero-transition);transition:var(--hero-transition);border:none}.hero-slider::-moz-range-thumb:hover,.hero-slider::-webkit-slider-thumb:hover{background:#558800;box-shadow:var(--hero-shadow-md);transform:scale(1.1)}.hero-slider:focus{outline:none}.hero-slider:focus::-webkit-slider-thumb{box-shadow:var(--hero-focus-ring)}.hero-slider:focus::-moz-range-thumb{box-shadow:var(--hero-focus-ring)}.hero-slider-value{display:inline-block;margin-left:10px;font-size:14px;color:#6b7280}.hero-radio-group{display:flex;gap:16px;margin-bottom:16px}.hero-radio-container{display:flex;align-items:center;cursor:pointer}.hero-radio{position:relative;width:18px;height:18px}.hero-radio input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.hero-radio-mark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:white;border:1px solid rgba(0,0,0,.2);border-radius:50%;transition:var(--hero-transition)}.hero-radio input:checked~.hero-radio-mark{border-color:var(--hero-color-primary);background-color:white}.hero-radio input:focus~.hero-radio-mark{box-shadow:var(--hero-focus-ring)}.hero-radio-mark:after{content:"";position:absolute;display:none;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--hero-color-primary)}.hero-radio input:checked~.hero-radio-mark:after{display:block}.hero-radio-label{margin-left:10px;font-size:14px;line-height:20px;color:#374151}.hero-select-container{margin-bottom:20px}.hero-select-label{display:block;margin-bottom:8px;font-size:14px;color:#374151;font-weight:500}.hero-select{display:block;width:100%;padding:10px 14px;font-size:14px;line-height:20px;color:#111827;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:20px 20px;border:1px solid rgba(0,0,0,.15);border-radius:var(--hero-radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:var(--hero-transition);cursor:pointer}.hero-select:focus{outline:none;border-color:var(--hero-color-primary-border);box-shadow:var(--hero-focus-ring)}.hero-select:hover{border-color:rgba(0,0,0,.25)}.hero-color-picker-container{margin-bottom:8px}.hero-color-picker-label{display:block;margin-bottom:2px;font-size:12px;color:#374151;font-weight:500}.hero-color-picker-input{-webkit-appearance:none;width:100%;height:32px;padding:0;border:1px solid rgba(0,0,0,.1);border-radius:var(--hero-radius-md);cursor:pointer;overflow:hidden}.hero-color-picker-input::-webkit-color-swatch-wrapper{padding:0}.hero-color-picker-input::-webkit-color-swatch{border:none}.hero-color-picker-input::-moz-color-swatch{border:none}.hero-color-picker-input:focus{outline:none;box-shadow:var(--hero-focus-ring)}.hero-press-effect{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.hero-press-circle{position:absolute;border-radius:50%;background:var(--hero-color-primary-light);opacity:0;transform:scale(0);transform-origin:center;transition:transform .5s ease-out,opacity .3s ease-out}.hero-number-input-container{margin-bottom:20px}.hero-number-input-label{display:block;margin-bottom:8px;font-size:14px;color:#374151;font-weight:500}.hero-number-input-wrapper{display:flex;position:relative;width:100%}.hero-number-input{width:100%;padding:10px 40px 10px 14px;font-size:14px;line-height:20px;color:#111827;background-color:white;border:1px solid rgba(0,0,0,.15);border-radius:var(--hero-radius-md);transition:var(--hero-transition)}.hero-number-input:focus{outline:none;border-color:var(--hero-color-primary-border);box-shadow:var(--hero-focus-ring)}.hero-number-input:hover{border-color:rgba(0,0,0,.25)}.hero-number-controls{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;width:30px;border-left:1px solid rgba(0,0,0,.1)}.hero-number-down,.hero-number-up{flex:1 1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#6b7280;transition:var(--hero-transition)}.hero-number-up{border-bottom:1px solid rgba(0,0,0,.1);border-top-right-radius:var(--hero-radius-md)}.hero-number-down{border-bottom-right-radius:var(--hero-radius-md)}.hero-number-down:hover,.hero-number-up:hover{background-color:rgba(0,0,0,.05);color:#111827}.hero-number-down:active,.hero-number-up:active{background-color:rgba(0,0,0,.1)}.hero-gradient-text{background:linear-gradient(90deg,#1a2980,#26d0ce);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.hero-mobile-panel{position:fixed;bottom:0;left:0;right:0;z-index:20;background:linear-gradient(145deg,#ffffff,#f5f5f5);border-top-left-radius:var(--hero-radius-lg);border-top-right-radius:var(--hero-radius-lg);box-shadow:0 -5px 25px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);transition:all .3s ease;overflow:hidden}.hero-mobile-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer}.hero-desktop-panel{width:320px;background:linear-gradient(145deg,#ffffff,#f5f5f5);border-radius:var(--hero-radius-lg);box-shadow:0 10px 30px 5px rgba(0,0,0,.2),0 4px 10px rgba(0,0,0,.1),0 0 60px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);filter:drop-shadow(0 25px 25px rgba(0,0,0,.15))}.hero-panel-header-desktop{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 8px;margin-bottom:0}.hero-title-with-drag{font-size:13px;font-weight:700;cursor:move;white-space:nowrap}.hero-reset-button{padding:4px 8px;border-radius:var(--hero-radius-sm);background:rgba(240,240,240,.8);border:none;cursor:pointer;transition:all .2s ease;font-size:14px;color:#6b7280}.hero-reset-button:hover{color:#111827;background:rgba(240,240,240,1)}.hero-helper-text{font-size:12px;line-height:16px;color:#6b7280;margin-top:4px;margin-left:8px}.ps-page__left{position:relative}.hero-collapsed-button{position:absolute;top:30px;left:30px;width:48px;height:48px;background:linear-gradient(145deg,#ffffff,#f5f5f5);border-radius:12px;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 15px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-collapsed-button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.15)}.hero-collapsed-button:active{transform:scale(.98)}.hero-hamburger{width:24px;height:18px;position:relative;cursor:pointer}.hero-hamburger span{display:block;position:absolute;height:3px;width:100%;background:var(--hero-color-primary);border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.hero-hamburger span:first-child{top:0}.hero-hamburger span:nth-child(2){top:7px}.hero-hamburger span:nth-child(3){top:14px}.hero-collapse-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.hero-collapse-button:hover{background-color:rgba(0,0,0,.05)}.hero-collapse-icon{width:16px;height:16px;stroke:#6b7280;transition:transform .2s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:white;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:20px;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s;color:#6b7280}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:24px;overflow-y:auto;flex:1 1}.modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.hero-primary-button{background-color:var(--hero-color-primary);color:white;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.hero-primary-button:hover{background-color:var(--hero-color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.ml-2{margin-left:8px}.mt-4{margin-top:16px}