:root{--primary-purple-static: #6d28d9;--primary-pink-static: #db2777;--primary-blue-static: #2563eb;--primary-teal-static: #14b8a6;--dark-bg-primary-static: #111827;--dark-bg-secondary-static: #1f2937;--dark-bg-tertiary-static: #374151;--text-primary-static: #f3f4f6;--text-secondary-static: #d1d5db;--text-placeholder-static: #9ca3af;--accent-red-static: #dc2626;--accent-green-static: #16a34a;--border-color-static: #4b5563;--font-family: "Inter", sans-serif;--theme-bg-body: linear-gradient(135deg, var(--primary-purple-static) 0%, var(--primary-pink-static) 50%, var(--primary-blue-static) 100%);--theme-bg-page-card: rgba(17, 24, 39, .6);--theme-bg-section-card: rgba(31, 41, 55, .7);--theme-bg-fieldset-card: transparent;--theme-text-primary: var(--text-primary-static);--theme-text-secondary: var(--text-secondary-static);--theme-text-placeholder: var(--text-placeholder-static);--theme-text-inverted: var(--dark-bg-primary-static);--theme-accent-primary: var(--primary-pink-static);--theme-accent-secondary: var(--primary-purple-static);--theme-accent-tertiary: var(--primary-blue-static);--theme-accent-teal: var(--primary-teal-static);--theme-accent-red: var(--accent-red-static);--theme-accent-green: var(--accent-green-static);--theme-accent-yellow: #ca8a04;--theme-border-color: var(--border-color-static);--theme-input-bg: var(--dark-bg-secondary-static);--theme-input-focus-border: var(--primary-pink-static);--theme-input-focus-shadow: 0 0 0 2px rgba(219, 39, 119, .3);--theme-button-primary-bg: var(--primary-purple-static);--theme-button-primary-text: var(--text-primary-static);--theme-button-secondary-bg: var(--dark-bg-tertiary-static);--theme-button-secondary-text: var(--text-primary-static);--theme-shadow-color: rgba(0,0,0,.1);--theme-shadow-strong-color: rgba(0,0,0,.2);--theme-toast-success-bg: linear-gradient(to right, #16a34a, #22c55e);--theme-toast-error-bg: linear-gradient(to right, #dc2626, #ef4444);--theme-gradient-text: linear-gradient(to right, var(--theme-accent-primary), var(--theme-accent-secondary));--theme-kit-title-icon-color: var(--theme-accent-primary);--theme-kit-title-icon-video-color: var(--theme-accent-teal);--theme-naskah-notes-bg: #413748;--theme-naskah-notes-text: #fcd34d;--theme-select-arrow-color: var(--text-placeholder-static);--theme-checkbox-bg: var(--dark-bg-secondary-static);--theme-checkbox-border: var(--border-color-static);--theme-checkbox-checked-bg: var(--primary-pink-static);--theme-checkbox-checked-border: var(--primary-pink-static);--theme-checkbox-checked-icon: white;--theme-output-area-bg: var(--dark-bg-primary-static);--theme-output-area-shadow: inset 0 2px 4px rgba(0,0,0,.2);--theme-footer-line1-color: #d1d5db;--theme-footer-line2-color: #f0f0f0;--theme-footer-line3-color: #c0c0c0;--theme-image-loading-text-color: var(--text-secondary-static);--theme-pagination-text-color: var(--text-primary-static)}body.theme-dark-neon{--theme-neon-white: #ffffff;--theme-neon-blue: #00ccff;--theme-bg-body: #050214;--theme-bg-page-card: rgba(10, 5, 30, .75);--theme-bg-section-card: rgba(20, 10, 50, .7);--theme-bg-fieldset-card: rgba(30, 20, 70, .5);--theme-text-primary: #e0e0ff;--theme-text-secondary: #a0a0cc;--theme-text-placeholder: #707099;--theme-text-inverted: #050214;--theme-accent-primary: #ff00ff;--theme-accent-secondary: #7d00ff;--theme-accent-tertiary: var(--theme-neon-blue);--theme-accent-teal: #00ffd0;--theme-accent-red: #ff3333;--theme-accent-green: #33ff33;--theme-accent-yellow: #ffee00;--theme-border-color: var(--theme-neon-white);--theme-input-bg: #100a28;--theme-input-focus-border: var(--theme-neon-white);--theme-input-focus-shadow: 0 0 6px var(--theme-neon-white), 0 0 12px var(--theme-neon-white), 0 0 0 1px var(--theme-neon-white);--theme-button-primary-bg: var(--theme-input-bg);--theme-button-primary-text: var(--theme-neon-blue);--theme-button-secondary-bg: var(--theme-input-bg);--theme-button-secondary-text: var(--theme-neon-blue);--theme-shadow-color: var(--theme-neon-white);--theme-shadow-strong-color: rgba(255, 255, 255, .7);--theme-toast-success-bg: linear-gradient(to right, var(--theme-accent-green), #66ff66);--theme-toast-error-bg: linear-gradient(to right, var(--theme-accent-red), #ff6666);--theme-gradient-text: linear-gradient(to right, var(--theme-accent-primary), var(--theme-neon-blue));--theme-kit-title-icon-color: var(--theme-accent-primary);--theme-kit-title-icon-video-color: var(--theme-accent-teal);--theme-naskah-notes-bg: #2a0e3a;--theme-naskah-notes-text: var(--theme-accent-yellow);--theme-select-arrow-color: var(--theme-text-placeholder);--theme-checkbox-bg: var(--theme-input-bg);--theme-checkbox-border: var(--theme-neon-white);--theme-checkbox-checked-bg: var(--theme-neon-blue);--theme-checkbox-checked-border: var(--theme-neon-white);--theme-checkbox-checked-icon: var(--theme-input-bg);--theme-output-area-bg: #0a051a;--theme-output-area-shadow: inset 0 1px 3px rgba(0,0,0,.3), 0 0 8px var(--theme-neon-white);--theme-footer-line1-color: var(--theme-text-secondary);--theme-footer-line2-color: var(--theme-text-primary);--theme-footer-line3-color: #a0a0cc;--theme-image-loading-text-color: var(--theme-text-secondary);--theme-pagination-text-color: var(--theme-text-primary)}body.theme-dark-neon .btn{background-color:var(--theme-input-bg);color:var(--theme-neon-blue);border:1px solid var(--theme-neon-white);box-shadow:0 0 5px var(--theme-neon-white),0 0 10px var(--theme-neon-white),0 0 2px var(--theme-neon-blue) inset}body.theme-dark-neon .btn:hover{background-color:var(--theme-input-bg);color:var(--theme-neon-blue);border-color:var(--theme-neon-white);box-shadow:0 0 10px var(--theme-neon-white),0 0 20px var(--theme-neon-white),0 0 12px var(--theme-neon-blue),0 0 3px var(--theme-neon-blue) inset}body.theme-dark-neon #agGenerateBtn,body.theme-dark-neon #agCopyTextBtn,body.theme-dark-neon #crGenerateBtn,body.theme-dark-neon #vkGenerateBtn{background-color:var(--theme-input-bg)}body.theme-dark-neon .btn-yellow{background-color:var(--theme-input-bg);color:var(--theme-neon-blue);border:1px solid var(--theme-neon-white);box-shadow:0 0 5px var(--theme-neon-white),0 0 10px var(--theme-neon-white),0 0 2px var(--theme-neon-blue) inset}body.theme-dark-neon .btn-yellow:hover{box-shadow:0 0 10px var(--theme-neon-white),0 0 20px var(--theme-neon-white),0 0 12px var(--theme-neon-blue),0 0 3px var(--theme-neon-blue) inset}body.theme-dark-neon .kit-title,body.theme-dark-neon h1.home-title .main-title-text{text-shadow:0 0 5px var(--theme-text-primary),0 0 10px var(--theme-accent-primary),0 0 15px var(--theme-accent-secondary)}body.theme-dark-green-soft{--theme-bg-body: linear-gradient(135deg, #18282a 0%, #203830 50%, #284838 100%);--theme-bg-page-card: rgba(26, 58, 50, .6);--theme-bg-section-card: rgba(32, 64, 56, .7);--theme-bg-fieldset-card: rgba(20, 40, 30, .3);--theme-text-primary: #d8e2dc;--theme-text-secondary: #a8b2ac;--theme-text-placeholder: #88928c;--theme-text-inverted: #121f1c;--theme-accent-primary: #60a080;--theme-accent-secondary: #a08060;--theme-accent-tertiary: #5080a0;--theme-accent-teal: #50a090;--theme-accent-red: #b85c5c;--theme-accent-green: #5cb85c;--theme-accent-yellow: #b8a05c;--theme-border-color: #485850;--theme-input-bg: #283830;--theme-input-focus-border: var(--theme-accent-primary);--theme-input-focus-shadow: 0 0 0 2px rgba(96, 160, 128, .3);--theme-button-primary-bg: var(--theme-accent-primary);--theme-button-primary-text: var(--theme-text-inverted);--theme-button-secondary-bg: var(--theme-input-bg);--theme-button-secondary-text: var(--theme-text-primary);--theme-shadow-color: rgba(10, 20, 15, .2);--theme-shadow-strong-color: rgba(10, 20, 15, .3);--theme-toast-success-bg: linear-gradient(to right, var(--theme-accent-green), #7cc87c);--theme-toast-error-bg: linear-gradient(to right, var(--theme-accent-red), #c87c7c);--theme-gradient-text: linear-gradient(to right, var(--theme-accent-primary), var(--theme-accent-secondary));--theme-kit-title-icon-color: var(--theme-accent-primary);--theme-kit-title-icon-video-color: var(--theme-accent-teal);--theme-naskah-notes-bg: #304038;--theme-naskah-notes-text: var(--theme-accent-yellow);--theme-select-arrow-color: var(--theme-text-placeholder);--theme-checkbox-bg: var(--theme-input-bg);--theme-checkbox-border: var(--theme-border-color);--theme-checkbox-checked-bg: var(--theme-accent-primary);--theme-checkbox-checked-border: var(--theme-accent-primary);--theme-checkbox-checked-icon: var(--theme-text-inverted);--theme-output-area-bg: #1a2a25;--theme-output-area-shadow: inset 0 2px 4px rgba(0,0,0,.2);--theme-footer-line1-color: var(--theme-text-secondary);--theme-footer-line2-color: var(--theme-text-primary);--theme-footer-line3-color: #98a29c;--theme-image-loading-text-color: var(--theme-text-secondary);--theme-pagination-text-color: var(--theme-text-primary)}body.theme-dark-green-soft .btn-red{background-color:var(--theme-accent-red);color:var(--theme-text-primary)}body.theme-dark-green-soft .btn-green{background-color:var(--theme-accent-green);color:var(--theme-text-inverted)}body.theme-dark-green-soft .btn-blue{background-color:var(--theme-accent-tertiary);color:var(--theme-text-primary)}body.theme-dark-green-soft .btn-purple{background-color:var(--theme-accent-secondary);color:var(--theme-text-primary)}body.theme-dark-green-soft .btn-teal{background-color:var(--theme-accent-teal);color:var(--theme-text-inverted)}body.theme-dark-green-soft .btn-yellow{background-color:var(--theme-accent-yellow);color:var(--theme-text-inverted)}body.theme-dark-green-soft .page,body.theme-dark-green-soft .section-card,body.theme-dark-green-soft .fieldset-card,body.theme-dark-green-soft .naskah-table,body.theme-dark-green-soft .storyboard-item{border:1px solid var(--theme-border-color)}body.theme-dark-green-soft .page-home{border:none}body.theme-dark-green-soft .page-login{border:none;box-shadow:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--theme-bg-body);color:var(--theme-text-primary);display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh;padding:20px;overflow-x:hidden;transition:background .3s ease,color .3s ease}.app-container{width:100%;max-width:90vw;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;position:relative}.app-footer{margin-top:32px;text-align:center;padding-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.theme-selector-container{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.theme-selector-container .form-label{color:var(--theme-footer-line1-color)}.app-footer .footer-line-1{display:block;font-size:.9rem;font-weight:500;color:var(--theme-footer-line1-color)}.app-footer .footer-line-2{display:block;font-size:1.875rem;font-weight:700;color:var(--theme-footer-line2-color);margin-top:.25rem}body.theme-dark-neon .app-footer .footer-line-2{text-shadow:0 0 5px var(--theme-footer-line2-color),0 0 8px var(--theme-accent-primary)}.app-footer .footer-line-3{display:block;font-size:.75rem;font-weight:400;color:var(--theme-footer-line3-color);margin-top:.5rem}.page{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:var(--theme-bg-page-card);border-radius:12px;box-shadow:0 10px 15px -3px var(--theme-shadow-color),0 4px 6px -2px var(--theme-shadow-color);position:relative;transition:background-color .3s ease}body.theme-dark-neon .page{border:1px solid var(--theme-neon-white);box-shadow:0 0 15px var(--theme-neon-white),0 0 25px var(--theme-neon-white)}.page-home,.page-login{max-width:100%;text-align:center;background-color:transparent;box-shadow:none;padding:0;border-radius:0;border:none}body.theme-dark-neon .page-home,body.theme-dark-neon .page-login{box-shadow:none;border:none}.page-kit{max-width:100%}.login-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;padding:2rem;background-color:var(--theme-bg-page-card);border-radius:12px;box-shadow:0 10px 15px -3px var(--theme-shadow-color),0 4px 6px -2px var(--theme-shadow-color)}body.theme-dark-neon .login-container{border:1px solid var(--theme-neon-white);box-shadow:0 0 15px var(--theme-neon-white),0 0 25px var(--theme-neon-white)}body.theme-dark-green-soft .login-container{border:1px solid var(--theme-border-color)}.login-title{font-size:2rem;font-weight:700;color:var(--theme-text-primary);margin-bottom:.5rem}body.theme-dark-neon .login-title{text-shadow:0 0 5px var(--theme-text-primary),0 0 8px var(--theme-accent-primary)}.login-form .form-group{width:100%}.login-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.login-buttons .btn{width:100%}.login-error-message{color:var(--theme-accent-red);font-size:.875rem;margin-top:.5rem;min-height:1.25rem}h1.home-title{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;line-height:1.1}h1.home-title .welcome-text{font-size:1.5rem;font-weight:500;color:var(--theme-text-primary);margin-bottom:.1rem}h1.home-title .main-title-text{font-size:4rem;font-weight:800;color:var(--theme-text-primary)}h2.kit-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--theme-text-primary);display:flex;align-items:center;justify-content:center}h2.kit-title svg{width:2.5rem;height:2.5rem;margin-right:.5rem;color:var(--theme-kit-title-icon-color)}h2.kit-title svg.kit-title-icon-video{color:var(--theme-kit-title-icon-video-color)}.section-title{font-size:1.25rem;font-weight:600;color:var(--theme-accent-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--theme-border-color)}body.theme-dark-neon .section-title{text-shadow:0 0 3px var(--theme-accent-primary)}.legend-text{font-size:1.125rem;font-weight:600;color:var(--theme-accent-primary);padding:0 .5rem}body.theme-dark-neon .legend-text{text-shadow:0 0 3px var(--theme-accent-primary)}.btn{font-family:var(--font-family);font-weight:700;padding:.75rem 1.5rem;border-radius:9999px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px var(--theme-shadow-color);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background-color:var(--theme-button-primary-bg);color:var(--theme-button-primary-text)}.btn:hover{transform:scale(1.05);filter:brightness(1.1)}body.theme-dark-green-soft .btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:scale(1)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-red{background-color:var(--theme-accent-red);color:#fff}.btn-red:hover{filter:brightness(.9)}.btn-green{background-color:var(--theme-accent-green);color:#fff}.btn-green:hover{filter:brightness(.9)}.btn-blue{background-color:var(--theme-accent-tertiary);color:#fff}.btn-blue:hover{filter:brightness(.9)}.btn-purple{background-color:var(--theme-accent-secondary);color:#fff}.btn-purple:hover{filter:brightness(.9)}.btn-teal{background-color:var(--theme-accent-teal);color:#fff}.btn-teal:hover{filter:brightness(.9)}.btn-yellow{background-color:var(--theme-accent-yellow);color:var(--theme-text-inverted)}.btn-yellow:hover{filter:brightness(.9)}.btn-secondary{background-color:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text);padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem}.btn-secondary:hover{filter:brightness(1.2)}.btn-secondary.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-ai-generate{background-color:var(--theme-button-secondary-bg);color:var(--theme-accent-primary);border:1px solid var(--theme-accent-primary);padding:.5rem .75rem;font-size:.875rem;font-weight:500;border-radius:.5rem;margin-left:.5rem}.btn-ai-generate:hover{background-color:var(--theme-accent-primary);color:var(--theme-text-inverted)}.btn-ai-generate svg{width:1.25rem;height:1.25rem;margin-right:.25rem}.btn-ai-generate .loading-spinner{margin-left:.5rem}.page-nav-buttons{position:absolute;top:20px;left:20px;display:flex;gap:.75rem;z-index:10}.home-page-actions{position:absolute;top:20px;right:20px;z-index:10}.btn-home-nav,.btn-exit-nav{background-color:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text)}.form-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.form-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group-inline{display:flex;align-items:center;gap:.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--theme-text-secondary);margin-bottom:.25rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;background-color:var(--theme-input-bg);border:1px solid var(--theme-border-color);border-radius:.5rem;color:var(--theme-text-primary);font-size:1rem;outline:none;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form-input::placeholder,.form-textarea::placeholder,.form-select option[value=""]{color:var(--theme-text-placeholder)}.form-select:required:invalid{color:var(--theme-text-placeholder)}.form-select option{color:var(--theme-text-primary);background-color:var(--theme-input-bg)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--theme-input-focus-border);box-shadow:var(--theme-input-focus-shadow)}.form-textarea{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='PLACEHOLDER_ARROW_COLOR' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25em 1.25em;padding-right:2.5rem}body.theme-default .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}body.theme-dark-neon .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23707099' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}body.theme-dark-green-soft .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2388928c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}body.theme-dark-neon input[type=date]::-webkit-calendar-picker-indicator{filter:brightness(3) saturate(.5) hue-rotate(200deg) invert(.1)}body.theme-dark-green-soft input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7) hue-rotate(70deg) saturate(.6) brightness(.9)}.custom-checkbox,input[type=radio].custom-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1.25rem;width:1.25rem;border:1px solid var(--theme-checkbox-border);border-radius:.375rem;background-color:var(--theme-checkbox-bg);transition:all .2s;vertical-align:middle;cursor:pointer;position:relative;flex-shrink:0}input[type=radio].custom-checkbox{border-radius:50%}.custom-checkbox:checked,input[type=radio].custom-checkbox:checked{background-color:var(--theme-checkbox-checked-bg);border-color:var(--theme-checkbox-checked-border)}body.theme-dark-neon .custom-checkbox:checked,body.theme-dark-neon input[type=radio].custom-checkbox:checked{box-shadow:0 0 5px var(--theme-checkbox-checked-bg)}.custom-checkbox:checked:after{content:"✔";color:var(--theme-checkbox-checked-icon);font-size:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1}input[type=radio].custom-checkbox:checked:after{content:"";display:block;width:.65rem;height:.65rem;border-radius:50%;background-color:var(--theme-checkbox-checked-icon);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label{margin-left:.5rem;font-size:.875rem;color:var(--theme-text-secondary);cursor:pointer}.section-card{background-color:var(--theme-bg-section-card);border:1px solid var(--theme-border-color);padding:1.5rem;border-radius:1rem;box-shadow:0 10px 15px -3px var(--theme-shadow-strong-color),0 4px 6px -2px var(--theme-shadow-color);margin-bottom:2rem}body.theme-dark-neon .section-card{box-shadow:0 0 10px var(--theme-neon-white),0 0 15px var(--theme-neon-white)}.fieldset-card{border:1px solid var(--theme-border-color);padding:1rem;border-radius:.5rem;margin-top:1rem;background-color:var(--theme-bg-fieldset-card)}body.theme-dark-neon .fieldset-card{box-shadow:inset 0 0 5px var(--theme-neon-white)}.output-area{background-color:var(--theme-output-area-bg);padding:1rem;border-radius:.5rem;box-shadow:var(--theme-output-area-shadow);min-height:150px;overflow-x:auto;color:var(--theme-text-primary)}.output-placeholder{color:var(--theme-text-placeholder);font-style:italic}.naskah-table{width:100%;border-collapse:collapse;margin-top:1rem;border:1px solid var(--theme-border-color);border-radius:.5rem;box-shadow:0 4px 6px -1px var(--theme-shadow-color),0 2px 4px -1px var(--theme-shadow-color);overflow:hidden}body.theme-dark-neon .naskah-table{box-shadow:0 0 8px var(--theme-neon-white)}.naskah-table th,.naskah-table td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--theme-border-color);word-break:break-word}.naskah-table th{background-color:var(--theme-button-secondary-bg);font-size:.75rem;font-weight:600;color:var(--theme-text-secondary);text-transform:uppercase;letter-spacing:.05em}.naskah-table td{font-size:.875rem;color:var(--theme-text-primary)}.naskah-table tr:last-child td{border-bottom:none}.naskah-table td:first-child{width:35%;font-weight:600;color:var(--theme-text-secondary)}.naskah-table td:last-child{width:65%}.naskah-table .slug-row td{background-color:var(--theme-button-secondary-bg);color:var(--theme-accent-primary)!important;font-weight:700}body.theme-dark-neon .naskah-table .slug-row td,body.theme-dark-green-soft .naskah-table .slug-row td{color:var(--theme-accent-primary)!important}.naskah-table .notes-row{background-color:var(--theme-naskah-notes-bg)}.naskah-table .notes-row td{color:var(--theme-naskah-notes-text)}.naskah-table .notes-row strong{color:var(--theme-naskah-notes-text);filter:brightness(1.1)}.naskah-table .notes-row em{color:var(--theme-naskah-notes-text);filter:brightness(.9)}.naskah-table pre{white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:inherit}.storyboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}@media (min-width: 768px){.storyboard-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.storyboard-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1280px){.storyboard-grid{grid-template-columns:repeat(5,1fr)}}.storyboard-item{background-color:var(--theme-input-bg);border-radius:.5rem;overflow:hidden;box-shadow:0 2px 4px var(--theme-shadow-color)}body.theme-dark-neon .storyboard-item{border:1px solid var(--theme-neon-white);box-shadow:0 0 5px var(--theme-neon-white)}.storyboard-item img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;display:block}.storyboard-item p{padding:.5rem;font-size:.75rem;text-align:center;color:var(--theme-text-secondary)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.pagination-controls .btn{padding:.5rem 1rem;border-radius:.375rem}.pagination-controls .pagination-text{color:var(--theme-pagination-text-color);padding:.5rem 1rem}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-loading-text{color:var(--theme-image-loading-text-color)}#toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{padding:1rem 1.5rem;border-radius:.5rem;color:#fff;box-shadow:0 10px 15px -3px var(--theme-shadow-strong-color),0 4px 6px -2px var(--theme-shadow-color);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;min-width:250px}body.theme-dark-neon .toast{text-shadow:0 0 3px black;box-shadow:0 0 10px var(--theme-neon-white),0 0 5px var(--theme-neon-white)}body.theme-dark-green-soft .toast{color:var(--theme-text-inverted)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background:var(--theme-toast-success-bg)}.toast.error{background:var(--theme-toast-error-bg)}@media (max-width: 768px){.app-container{max-width:95vw}body{padding:10px}h1.home-title .welcome-text{font-size:1.25rem}h1.home-title .main-title-text{font-size:2.5rem}h2.kit-title{font-size:1.75rem;margin-bottom:1.5rem}h2.kit-title svg{width:1.75rem;height:1.75rem}.app-footer .footer-line-1{font-size:.8rem}.app-footer .footer-line-2{font-size:1.5rem}.app-footer .footer-line-3{font-size:.65rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.page{padding:15px}.section-card{padding:1rem}.form-grid-cols-2,.form-grid-cols-3{grid-template-columns:1fr}.kit-actions{flex-direction:column;gap:.5rem}.kit-actions .btn{width:100%}.page-nav-buttons{top:10px;left:10px}.home-page-actions{top:10px;right:10px}.btn-home-nav,.btn-exit-nav,.home-page-actions .btn-exit-nav{padding:.5rem 1rem;font-size:.875rem}.home-buttons-grid .btn{padding:.65rem 1.25rem;font-size:.9rem}.page-home,.page-login{padding:0}.login-container{padding:1.5rem}}.home-buttons-grid{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.home-buttons-grid .btn{width:100%;padding:.7rem 1.5rem;font-size:1rem;font-weight:600}.creator-kit-form-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;margin:0 auto}.creator-kit-form-container .form-textarea,.creator-kit-form-container .form-input,.creator-kit-form-container .form-select{background-color:var(--theme-input-bg);border-radius:.75rem}body.theme-default .creator-kit-form-container .form-textarea,body.theme-default .creator-kit-form-container .form-input,body.theme-default .creator-kit-form-container .form-select{background-color:var(--dark-bg-tertiary-static)}.creator-kit-form-container .form-textarea{min-height:120px}.btn-creator-generate{background-color:var(--theme-accent-tertiary);color:#fff;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;border-radius:.5rem;align-self:center;margin-top:1.5rem}body.theme-dark-green-soft .btn-creator-generate{background-color:var(--theme-accent-tertiary);color:var(--theme-text-primary)}.btn-creator-generate:hover{filter:brightness(.9)}body.theme-dark-green-soft .btn-creator-generate:hover{filter:brightness(1.1)}.creator-kit-output-area{width:100%;max-width:100%;min-height:150px;background-color:var(--theme-input-bg);border-radius:.75rem;padding:1rem;margin-top:1.5rem;color:var(--theme-text-placeholder);font-style:italic;text-align:center;display:flex;align-items:center;justify-content:center}body.theme-default .creator-kit-output-area{background-color:var(--dark-bg-tertiary-static)}.creator-kit-home-btn-container{width:100%;display:flex;justify-content:center;margin-top:2rem}.btn-creator-home{background-color:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text);padding:.5rem 1.5rem;font-size:.8rem;border-radius:.5rem}.btn-creator-home:hover{filter:brightness(1.2)}.creator-kit-output-grid{margin-top:2rem;padding:1.5rem;background-color:var(--theme-output-area-bg);border-radius:.75rem;box-shadow:var(--theme-output-area-shadow);width:100%;max-width:100%}.creator-kit-output-grid h3{font-size:1.25rem;font-weight:600;color:var(--theme-accent-primary);margin-bottom:1rem;text-align:left}.creator-kit-output-grid h4{font-size:1rem;font-weight:600;color:var(--theme-text-secondary);margin-top:1rem;margin-bottom:.5rem;text-align:left}.creator-kit-output-grid .output-text-area{width:100%;min-height:120px;background-color:var(--theme-input-bg);border-radius:.5rem;padding:.75rem;color:var(--theme-text-primary);font-style:normal;text-align:left;margin-bottom:1rem;resize:vertical}.creator-kit-output-grid .hashtags-display,.creator-kit-output-grid .visuals-display{padding:.75rem;background-color:var(--theme-input-bg);border-radius:.375rem;color:var(--theme-text-primary);word-break:break-word;min-height:40px;text-align:left;font-style:normal}.agency-kit-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:100%;margin:0 auto}#agContentDetail,#agContentStyle,#agDuration,#agDialogOption{background-color:var(--theme-input-bg);border-radius:.75rem}body.theme-default #agContentDetail,body.theme-default #agContentStyle,body.theme-default #agDuration,body.theme-default #agDialogOption{background-color:var(--dark-bg-tertiary-static)}#agGenerateBtn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:.5rem;margin-top:.5rem}body.theme-dark-green-soft #agGenerateBtn{background-color:var(--theme-button-primary-bg);color:var(--theme-button-primary-text)}.agency-kit-output-textarea{background-color:var(--theme-input-bg);border-radius:.75rem;min-height:200px}body.theme-default .agency-kit-output-textarea{background-color:var(--dark-bg-tertiary-static)}#agGeneratedResult::placeholder{color:var(--theme-text-placeholder);font-style:italic}.agency-kit-action-buttons{display:flex;justify-content:center;gap:1rem;width:100%;margin-top:.5rem;margin-bottom:1rem}#agCopyTextBtn{padding:.6rem 1.5rem;font-size:.9rem;border-radius:.5rem}body.theme-dark-green-soft #agCopyTextBtn{background-color:var(--theme-accent-yellow);color:var(--theme-text-inverted)}#agHomeBtn{background-color:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text);padding:.5rem 1.5rem;font-size:.8rem;font-weight:500;border-radius:.5rem}#agHomeBtn:hover{filter:brightness(1.2)}#agDownloadStoryboardBtn{padding-top:.75rem;padding-bottom:.75rem;font-size:.9rem;border-radius:.5rem}body.theme-dark-green-soft #agDownloadStoryboardBtn{background-color:var(--theme-accent-secondary);color:var(--theme-text-primary)}#agStoryboardOutputSection{padding-top:1rem;border-top:1px solid var(--theme-border-color);margin-top:1.5rem}.kit-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;margin-top:1.5rem;margin-bottom:1rem}.kit-actions .btn{flex-grow:0}.journalist-kit-output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.journalist-kit-output-header h3{font-size:1.5rem;font-weight:600;color:var(--theme-accent-primary);margin-bottom:0}.video-kit-form-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;margin:0 auto}.video-kit-form-container .form-textarea,.video-kit-form-container .form-input,.video-kit-form-container .form-select{background-color:var(--theme-input-bg);border-radius:.75rem}body.theme-default .video-kit-form-container .form-textarea,body.theme-default .video-kit-form-container .form-input,body.theme-default .video-kit-form-container .form-select{background-color:var(--dark-bg-tertiary-static)}.video-kit-form-container .form-textarea{min-height:100px}.video-kit-form-container .form-group .flex.items-center.gap-2{gap:.75rem}.video-kit-form-container .vk-auto-checkbox+.checkbox-label{white-space:nowrap}#vkVideoSubject{min-height:120px}.btn-video-generate{background-color:var(--theme-accent-teal);color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:.5rem;align-self:center;margin-top:1.5rem}body.theme-dark-green-soft .btn-video-generate{background-color:var(--theme-accent-teal);color:var(--theme-text-inverted)}.btn-video-generate:hover{filter:brightness(.9)}body.theme-dark-green-soft .btn-video-generate:hover{filter:brightness(1.1)}.video-kit-output-container{width:100%;max-width:100%;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.video-kit-output-textarea{width:100%;min-height:180px;background-color:var(--theme-input-bg);border-radius:.75rem;padding:1rem;color:var(--theme-text-primary);font-style:normal;text-align:left;resize:vertical}body.theme-default .video-kit-output-textarea{background-color:var(--dark-bg-secondary-static)}.video-kit-output-textarea::placeholder{color:var(--theme-text-placeholder);font-style:italic;text-align:center}.video-kit-actions{display:flex;justify-content:center;gap:1rem;width:100%;margin-top:.5rem}.btn-video-copy{padding:.6rem 1.5rem;font-size:.9rem;border-radius:.5rem}body.theme-dark-green-soft .btn-video-copy{background-color:var(--theme-accent-yellow);color:var(--theme-text-inverted)}.video-kit-home-btn-container{width:100%;display:flex;justify-content:center;margin-top:2rem}.btn-video-home{background-color:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text);padding:.5rem 1.5rem;font-size:.8rem;border-radius:.5rem}.btn-video-home:hover{filter:brightness(1.2)}.hidden{display:none!important}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.ml-2{margin-left:.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-6>*:not([hidden])~*:not([hidden]){margin-top:1.5rem}.space-y-8>*:not([hidden])~*:not([hidden]){margin-top:2rem}.gradient-text{background-image:var(--theme-gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.naskah-table td strong{font-weight:700;color:var(--theme-text-secondary)}.naskah-table .slug-row td strong,.naskah-table .slug-row td{color:var(--theme-accent-primary)!important}.naskah-table .audio-column-presenter strong{color:var(--theme-text-primary)}