.md-svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background-color:var(--md-surface);border-right:1px solid var(--md-divider);display:flex;flex-direction:column;z-index:var(--md-z-sticky, 100);transition:width .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar--collapsed{width:64px}.sidebar__header{display:flex;align-items:center;height:56px;padding:0 var(--md-spacing-md);border-bottom:1px solid var(--md-divider);flex-shrink:0}.sidebar__toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--md-on-surface);cursor:pointer;border-radius:var(--md-radius-full, 50%);flex-shrink:0;transition:background-color .15s}.sidebar__toggle:hover{background-color:var(--md-surface-variant)}.sidebar__toggle:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.sidebar__brand{font-size:var(--md-font-size-h5, 1.125rem);font-weight:var(--md-font-weight-medium, 500);color:var(--md-primary);margin-left:var(--md-spacing-sm);white-space:nowrap;opacity:1;transition:opacity .2s}.sidebar--collapsed .sidebar__brand{opacity:0;pointer-events:none}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--md-spacing-xs) 0}.sidebar__section-label{padding:var(--md-spacing-md) var(--md-spacing-md) var(--md-spacing-xs);font-size:var(--md-font-size-caption, .75rem);font-weight:var(--md-font-weight-medium, 500);color:var(--md-on-surface-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;opacity:1;transition:opacity .2s}.sidebar--collapsed .sidebar__section-label{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.sidebar__divider{height:1px;background-color:var(--md-divider);margin:var(--md-spacing-xs) var(--md-spacing-md)}.sidebar__item{position:relative;display:flex;align-items:center;gap:var(--md-spacing-md);width:calc(100% - var(--md-spacing-sm) * 2);margin:2px var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);border:none;background:none;color:var(--md-on-surface);font-family:var(--md-font-family, inherit);font-size:var(--md-font-size-body, .875rem);text-decoration:none;border-radius:var(--md-radius-sm, 8px);cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}.sidebar__item:hover{background-color:var(--md-surface-variant)}.sidebar__item:focus-visible{outline:2px solid var(--md-primary);outline-offset:-2px}.sidebar__item--active{background-color:#1976d21f;color:var(--md-primary)}.sidebar__item--active .sidebar__item-icon{color:var(--md-primary)}.sidebar__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--md-on-surface-secondary);transition:color .15s}.sidebar__item-label{opacity:1;transition:opacity .2s;overflow:hidden}.sidebar--collapsed .sidebar__item-label{opacity:0;width:0;pointer-events:none}.sidebar--collapsed .sidebar__item{justify-content:center;padding:var(--md-spacing-sm);gap:0}.sidebar__tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:4px 10px;background-color:var(--md-on-surface, #212121);color:var(--md-surface, #fff);font-size:var(--md-font-size-caption, .75rem);border-radius:var(--md-radius-xs, 4px);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:10}.sidebar--collapsed .sidebar__item:hover .sidebar__tooltip{opacity:1}.sidebar__footer{flex-shrink:0;padding-bottom:var(--md-spacing-sm)}.sidebar__user{display:flex;align-items:center;gap:var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);margin:2px var(--md-spacing-sm);overflow:hidden}.sidebar__user-avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--md-primary);color:#fff;font-size:.875rem;font-weight:600;flex-shrink:0}.sidebar__user-email{font-size:var(--md-font-size-caption, .75rem);color:var(--md-on-surface-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .2s}.sidebar--collapsed .sidebar__user-email{opacity:0;width:0;pointer-events:none}.sidebar--collapsed .sidebar__user{justify-content:center;padding:var(--md-spacing-sm);gap:0}.sidebar__item--logout:hover{background-color:#ef444414;color:#ef4444}.sidebar__item--logout:hover .sidebar__item-icon{color:#ef4444}.sidebar-layout{display:flex;min-height:100vh;font-family:Inter,Arial,sans-serif}.sidebar-layout__content{flex:1;min-width:0;padding:2rem 1rem;max-width:1400px;width:100%;margin-right:auto;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sidebar-layout__content--fullscreen{padding:0;max-width:none;height:100vh;overflow:auto}.sidebar-layout__content--full-width{padding:0;max-width:none}@media(max-width:768px){.sidebar-layout__content{padding:1rem}}.md-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--md-spacing-sm);font-family:var(--md-font-family);font-weight:var(--md-font-weight-medium);letter-spacing:.025em;text-transform:none;border:none;border-radius:var(--md-radius-sm);cursor:pointer;transition:all var(--md-transition-fast);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.md-button:focus-visible{outline:none;box-shadow:var(--md-focus-ring)}.md-button--small{height:var(--md-button-height-sm);padding:0 var(--md-spacing-sm);font-size:var(--md-font-size-caption);min-width:64px}.md-button--medium{height:var(--md-button-height);padding:0 var(--md-spacing-md);font-size:var(--md-font-size-body-sm);min-width:88px}.md-button--large{height:var(--md-button-height-lg);padding:0 var(--md-spacing-lg);font-size:var(--md-font-size-body);min-width:112px}.md-button--contained{box-shadow:var(--md-elevation-1)}.md-button--contained:hover:not(:disabled){box-shadow:var(--md-elevation-2)}.md-button--contained:active:not(:disabled){box-shadow:var(--md-elevation-1)}.md-button--contained.md-button--primary{background-color:var(--md-primary);color:var(--md-on-primary)}.md-button--contained.md-button--primary:hover:not(:disabled){background-color:var(--md-primary-dark)}.md-button--contained.md-button--secondary{background-color:var(--md-secondary);color:var(--md-on-secondary)}.md-button--contained.md-button--secondary:hover:not(:disabled){background-color:var(--md-secondary-dark)}.md-button--contained.md-button--error{background-color:var(--md-error);color:var(--md-on-error)}.md-button--contained.md-button--error:hover:not(:disabled){background-color:#c62828}.md-button--outlined{background-color:transparent;border:1px solid}.md-button--outlined.md-button--primary{border-color:var(--md-primary);color:var(--md-primary)}.md-button--outlined.md-button--primary:hover:not(:disabled){background-color:#1976d214}.md-button--outlined.md-button--secondary{border-color:var(--md-secondary);color:var(--md-secondary)}.md-button--outlined.md-button--secondary:hover:not(:disabled){background-color:#00897b14}.md-button--outlined.md-button--error{border-color:var(--md-error);color:var(--md-error)}.md-button--outlined.md-button--error:hover:not(:disabled){background-color:#d32f2f14}.md-button--text{background-color:transparent;box-shadow:none}.md-button--text.md-button--primary{color:var(--md-primary)}.md-button--text.md-button--primary:hover:not(:disabled){background-color:#1976d214}.md-button--text.md-button--secondary{color:var(--md-secondary)}.md-button--text.md-button--secondary:hover:not(:disabled){background-color:#00897b14}.md-button--text.md-button--error{color:var(--md-error)}.md-button--text.md-button--error:hover:not(:disabled){background-color:#d32f2f14}.md-button--full-width{width:100%}.md-button--disabled,.md-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.md-button--loading{pointer-events:none}.md-button__spinner{display:flex;align-items:center;justify-content:center}.md-button__spinner-svg{width:18px;height:18px;animation:md-button-spin 1s linear infinite}.md-button__spinner-svg circle{stroke:currentColor;stroke-dasharray:60;stroke-dashoffset:45;stroke-linecap:round}@keyframes md-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.md-button__icon{display:flex;align-items:center;justify-content:center;font-size:1.125em}.md-button__icon--start{margin-right:var(--md-spacing-xs)}.md-button__icon--end{margin-left:var(--md-spacing-xs)}.md-button__label{display:flex;align-items:center}.md-button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,currentColor 10%,transparent 10.01%);transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.md-button:active:after{transform:scale(0);opacity:.2;transition:0s}.md-card{background-color:var(--md-surface);border-radius:var(--md-radius-md);overflow:hidden;transition:box-shadow var(--md-transition-fast),transform var(--md-transition-fast);position:relative}.md-card--elevation-0{box-shadow:none;border:1px solid var(--md-divider)}.md-card--elevation-1{box-shadow:var(--md-elevation-1)}.md-card--elevation-2{box-shadow:var(--md-elevation-2)}.md-card--elevation-3{box-shadow:var(--md-elevation-3)}.md-card--elevation-4{box-shadow:var(--md-elevation-4)}.md-card--interactive{cursor:pointer;border:none;width:100%;text-align:left;font:inherit;color:inherit;padding:0}.md-card--interactive:hover{box-shadow:var(--md-elevation-hover);transform:translateY(-2px);transition:box-shadow var(--md-transition-normal),transform var(--md-transition-normal)}.md-card--interactive:focus-visible{outline:none;box-shadow:var(--md-focus-ring),var(--md-elevation-2)}.md-card--interactive:active{transform:translateY(0)}.md-card--selected{border:2px solid var(--md-primary)}.md-card--selected:before{content:"";position:absolute;inset:0;background-color:#1976d214;pointer-events:none}.md-card--no-padding{padding:0}.md-card__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--md-spacing-md);gap:var(--md-spacing-md)}.md-card__header-content{flex:1;min-width:0}.md-card__title{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0;line-height:var(--md-line-height-tight)}.md-card__subtitle{font-size:var(--md-font-size-body-sm);color:var(--md-on-surface-secondary);margin:var(--md-spacing-xs) 0 0 0;line-height:var(--md-line-height-normal)}.md-card__header-action{flex-shrink:0}.md-card__content{padding:0 var(--md-spacing-md) var(--md-spacing-md)}.md-card__content:first-child{padding-top:var(--md-spacing-md)}.md-card__actions{display:flex;align-items:center;gap:var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);border-top:1px solid var(--md-divider)}.md-card__actions--start{justify-content:flex-start}.md-card__actions--center{justify-content:center}.md-card__actions--end{justify-content:flex-end}.md-card__actions--between{justify-content:space-between}.md-card__media{position:relative;overflow:hidden;background-color:var(--md-surface-variant)}.md-card__media img{width:100%;height:100%;object-fit:cover;display:block}.md-card__media+.md-card__header{padding-top:var(--md-spacing-md)}.md-card__media+.md-card__content{padding-top:var(--md-spacing-md)}.md-input{position:relative;display:inline-flex;flex-direction:column}.md-input--full-width{width:100%}.md-input__container{display:flex;align-items:center;position:relative}.md-input__field-wrapper{position:relative;flex:1;display:flex;align-items:center}.md-input__field{width:100%;height:var(--md-input-height);padding:var(--md-spacing-md);padding-top:calc(var(--md-spacing-md) + 4px);font-family:var(--md-font-family);font-size:var(--md-font-size-body);color:var(--md-on-surface);background:transparent;border:none;outline:none;z-index:1}.md-input__field::placeholder{color:var(--md-on-surface-disabled);opacity:0;transition:opacity var(--md-transition-fast)}.md-input--focused .md-input__field::placeholder{opacity:1}.md-input__field--textarea{height:auto;min-height:120px;resize:vertical;padding-top:var(--md-spacing-lg)}.md-input__label{position:absolute;left:var(--md-spacing-md);top:50%;transform:translateY(-50%);font-size:var(--md-font-size-body);color:var(--md-on-surface-secondary);pointer-events:none;transition:all var(--md-transition-fast);background:transparent;padding:0 var(--md-spacing-xs);z-index:2}.md-input--textarea .md-input__label{top:var(--md-spacing-md);transform:none}.md-input__label--floating{top:0;transform:translateY(-50%);font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);background:var(--md-surface)}.md-input--textarea .md-input__label--floating{top:0;transform:translateY(-50%)}.md-input--focused .md-input__label--floating{color:var(--md-primary)}.md-input--error .md-input__label--floating{color:var(--md-error)}.md-input__required{color:var(--md-error);margin-left:2px}.md-input__outline{position:absolute;inset:0;margin:0;padding:0 var(--md-spacing-sm);border:1px solid var(--md-border);border-radius:var(--md-radius-sm);pointer-events:none;transition:border-color var(--md-transition-fast)}.md-input--focused .md-input__outline{border-color:var(--md-primary);border-width:2px}.md-input--error .md-input__outline{border-color:var(--md-error)}.md-input:hover:not(.md-input--focused):not(.md-input--disabled) .md-input__outline{border-color:var(--md-on-surface)}.md-input__legend{height:0;padding:0;visibility:hidden;font-size:var(--md-font-size-caption);line-height:0;transition:max-width var(--md-transition-fast);max-width:.01px}.md-input__legend--floating{max-width:100%;padding:0 var(--md-spacing-xs)}.md-input__legend span{padding:0 var(--md-spacing-xs);display:inline-block}.md-input__adornment{display:flex;align-items:center;justify-content:center;color:var(--md-on-surface-secondary);padding:0 var(--md-spacing-sm)}.md-input__adornment--start{padding-left:var(--md-spacing-md)}.md-input__adornment--end{padding-right:var(--md-spacing-md)}.md-input--has-start-adornment .md-input__field{padding-left:0}.md-input--has-start-adornment .md-input__label{left:calc(var(--md-spacing-md) + 24px + var(--md-spacing-sm))}.md-input--has-end-adornment .md-input__field{padding-right:0}.md-input__helper{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);margin:var(--md-spacing-xs) var(--md-spacing-md) 0;line-height:var(--md-line-height-normal)}.md-input--error .md-input__helper{color:var(--md-error)}.md-input--disabled{opacity:.6;pointer-events:none}.md-input--disabled .md-input__outline{border-style:dashed}.md-progress-circular{display:inline-flex;align-items:center;justify-content:center;position:relative}.md-progress-circular svg{transform:rotate(-90deg)}.md-progress-circular__track{stroke:var(--md-surface-variant)}.md-progress-circular__circle{transition:stroke-dashoffset var(--md-transition-normal)}.md-progress-circular--primary .md-progress-circular__circle{stroke:var(--md-primary)}.md-progress-circular--secondary .md-progress-circular__circle{stroke:var(--md-secondary)}.md-progress-circular--error .md-progress-circular__circle{stroke:var(--md-error)}.md-progress-circular--success .md-progress-circular__circle{stroke:var(--md-success)}.md-progress-circular--indeterminate svg{animation:md-circular-rotate 1.4s linear infinite}.md-progress-circular--indeterminate .md-progress-circular__circle{animation:md-circular-dash 1.4s ease-in-out infinite;stroke-dasharray:80,200;stroke-dashoffset:0}@keyframes md-circular-rotate{to{transform:rotate(270deg)}}@keyframes md-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:100,200;stroke-dashoffset:-15}to{stroke-dasharray:100,200;stroke-dashoffset:-125}}.md-progress-circular__label{position:absolute;font-size:var(--md-font-size-caption);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface-secondary)}.md-progress-linear{position:relative;width:100%;overflow:hidden;border-radius:var(--md-radius-full);background-color:transparent}.md-progress-linear__track{position:absolute;inset:0;background-color:var(--md-surface-variant)}.md-progress-linear__bar{position:absolute;top:0;bottom:0;left:0;border-radius:var(--md-radius-full);transition:width var(--md-transition-normal)}.md-progress-linear--primary .md-progress-linear__bar{background-color:var(--md-primary)}.md-progress-linear--primary .md-progress-linear__track{background-color:#1976d233}.md-progress-linear--secondary .md-progress-linear__bar{background-color:var(--md-secondary)}.md-progress-linear--secondary .md-progress-linear__track{background-color:#00897b33}.md-progress-linear--error .md-progress-linear__bar{background-color:var(--md-error)}.md-progress-linear--error .md-progress-linear__track{background-color:#d32f2f33}.md-progress-linear--success .md-progress-linear__bar{background-color:var(--md-success)}.md-progress-linear--success .md-progress-linear__track{background-color:#388e3c33}.md-progress-linear--determinate .md-progress-linear__bar{width:0}.md-progress-linear--indeterminate .md-progress-linear__bar{width:auto;animation:md-linear-indeterminate-1 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.md-progress-linear--indeterminate .md-progress-linear__bar--secondary{animation:md-linear-indeterminate-2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite}@keyframes md-linear-indeterminate-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes md-linear-indeterminate-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.md-snackbar-container{position:fixed;bottom:var(--md-spacing-lg);left:50%;transform:translate(-50%);z-index:var(--md-z-snackbar);display:flex;flex-direction:column;gap:var(--md-spacing-sm);pointer-events:none;max-width:calc(100vw - var(--md-spacing-xl))}.md-snackbar{display:flex;align-items:center;justify-content:space-between;gap:var(--md-spacing-md);min-width:288px;max-width:568px;padding:var(--md-spacing-md) var(--md-spacing-md);background-color:#323232;color:#fff;border-radius:var(--md-radius-sm);box-shadow:var(--md-elevation-3);pointer-events:auto;opacity:0;transform:translateY(100%);transition:opacity var(--md-transition-fast),transform var(--md-transition-fast)}.md-snackbar--visible{opacity:1;transform:translateY(0)}.md-snackbar--exiting{opacity:0;transform:translateY(100%)}.md-snackbar__content{display:flex;align-items:center;gap:var(--md-spacing-sm);flex:1;min-width:0}.md-snackbar__icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--md-font-weight-bold)}.md-snackbar__message{font-size:var(--md-font-size-body-sm);line-height:var(--md-line-height-normal)}.md-snackbar__actions{display:flex;align-items:center;gap:var(--md-spacing-sm);flex-shrink:0}.md-snackbar__action{background:none;border:none;color:var(--md-primary-light);font-family:var(--md-font-family);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);text-transform:uppercase;letter-spacing:.05em;padding:var(--md-spacing-sm);margin:calc(-1 * var(--md-spacing-sm));cursor:pointer;border-radius:var(--md-radius-sm);transition:background-color var(--md-transition-fast)}.md-snackbar__action:hover{background-color:#ffffff1a}.md-snackbar__close{background:none;border:none;color:#ffffffb3;font-size:14px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--md-radius-full);transition:background-color var(--md-transition-fast),color var(--md-transition-fast)}.md-snackbar__close:hover{background-color:#ffffff1a;color:#fff}.md-snackbar--success{background-color:var(--md-success)}.md-snackbar--success .md-snackbar__action{color:#fff}.md-snackbar--error{background-color:var(--md-error)}.md-snackbar--error .md-snackbar__action{color:#fff}.md-snackbar--warning{background-color:var(--md-warning);color:#000}.md-snackbar--warning .md-snackbar__action{color:#000}.md-snackbar--warning .md-snackbar__close{color:#000000b3}.md-snackbar--warning .md-snackbar__close:hover{background-color:#0000001a;color:#000}.md-snackbar--info{background-color:var(--md-info)}.md-snackbar--info .md-snackbar__action{color:#fff}@media(max-width:600px){.md-snackbar-container{left:var(--md-spacing-md);right:var(--md-spacing-md);transform:none;max-width:none}.md-snackbar{min-width:auto;max-width:none;width:100%}}.md-chip{display:inline-flex;align-items:center;gap:var(--md-spacing-xs);height:32px;padding:0 var(--md-spacing-md);border:1px solid var(--md-border);border-radius:var(--md-radius-full);background:var(--md-surface-variant);color:var(--md-on-surface);font-size:var(--md-font-size-body-sm);font-family:inherit;cursor:pointer;transition:background var(--md-transition-fast),color var(--md-transition-fast),border-color var(--md-transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.md-chip:hover{background:var(--md-primary-light);color:var(--md-on-primary);border-color:var(--md-primary-light)}.md-chip--selected{background:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}.md-chip--selected:hover{background:var(--md-primary-dark);border-color:var(--md-primary-dark)}.md-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--md-spacing-xxl)}.md-empty-state__illustration{margin-bottom:var(--md-spacing-lg)}.md-empty-state__title{font-size:var(--md-font-size-h4);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm) 0}.md-empty-state__description{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0 0 var(--md-spacing-md) 0;max-width:400px}.md-empty-state__action{margin-top:var(--md-spacing-sm)}.md-skeleton{display:inline-block;background:linear-gradient(90deg,var(--md-surface-variant) 25%,var(--md-surface) 50%,var(--md-surface-variant) 75%);background-size:200% 100%;animation:md-skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--md-radius-sm)}@keyframes md-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.md-skeleton--text{height:16px;width:100%;border-radius:var(--md-radius-xs)}.md-skeleton--circle{border-radius:50%}.md-skeleton--card{width:100%;min-height:120px;border-radius:var(--md-radius-md)}.md-skeleton+.md-skeleton{margin-top:8px}.md-view-toggle{display:inline-flex;align-items:center;border:1px solid var(--md-border);border-radius:var(--md-radius-md);overflow:hidden}.md-view-toggle__button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:var(--md-surface);color:var(--md-on-surface-secondary);cursor:pointer;transition:background var(--md-transition-fast),color var(--md-transition-fast)}.md-view-toggle__button:hover{background:var(--md-surface-variant)}.md-view-toggle__button--active{background:var(--md-primary);color:var(--md-on-primary)}.md-view-toggle__button--active:hover{background:var(--md-primary-dark)}.md-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--md-spacing-xl, 32px);border:2px dashed var(--md-border);border-radius:var(--md-radius-lg, 12px);background:transparent;cursor:pointer;transition:border-color var(--md-transition-fast),background-color var(--md-transition-fast);min-height:160px;text-align:center;-webkit-user-select:none;user-select:none}.md-drop-zone:hover{border-color:var(--md-primary)}.md-drop-zone--active{border-color:var(--md-primary);background-color:#1976d214}.md-drop-zone--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dashboard-page{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.dashboard-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-lg);max-width:1200px;margin-left:auto;margin-right:auto}.dashboard-page__header-text{flex:1}.dashboard-page__title{display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.dashboard-page__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0}.dashboard-page__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--md-spacing-md);max-width:1200px;margin:0 auto var(--md-spacing-lg)}.dashboard-page__card{background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:12px;padding:var(--md-spacing-md);display:flex;flex-direction:column;gap:4px}.dashboard-page__card-label{font-size:.75rem;font-weight:500;color:var(--md-on-surface-secondary, #666);text-transform:uppercase;letter-spacing:.05em}.dashboard-page__card-value{font-size:1.75rem;font-weight:700;color:var(--md-on-surface, #1a1a1a)}.dashboard-page__card-detail{font-size:.8125rem;color:var(--md-on-surface-secondary, #666)}.dashboard-page__quick-actions{display:flex;flex-wrap:wrap;gap:var(--md-spacing-sm);max-width:1200px;margin:0 auto var(--md-spacing-lg)}.dashboard-page__section{max-width:1200px;margin:0 auto var(--md-spacing-lg)}.dashboard-page__section-title{font-size:var(--md-font-size-h3, 1.125rem);font-weight:var(--md-font-weight-bold, 600);color:var(--md-on-surface, #1a1a1a);margin:0 0 var(--md-spacing-sm) 0}.dashboard-page__screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--md-spacing-sm)}.dashboard-page__screen-card{background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.dashboard-page__screen-header{display:flex;align-items:center;gap:var(--md-spacing-sm)}.dashboard-page__screen-name{font-size:.875rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-page__status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dashboard-page__status-dot--online{background:#4caf50}.dashboard-page__status-dot--offline{background:#f44336}.dashboard-page__status-dot--pending{background:#ff9800}.dashboard-page__screen-meta{font-size:.75rem;color:var(--md-on-surface-secondary, #666)}.dashboard-page__activity-list{list-style:none;padding:0;margin:0;background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;overflow:hidden}.dashboard-page__activity-item{padding:10px 16px;border-bottom:1px solid var(--md-outline-variant, #f0f0f0);display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:.8125rem;color:var(--md-on-surface, #1a1a1a)}.dashboard-page__activity-item:last-child{border-bottom:none}.dashboard-page__activity-action{font-weight:500}.dashboard-page__activity-time{margin-left:auto;font-size:.75rem;color:var(--md-on-surface-secondary, #666);white-space:nowrap}.dashboard-page__skeleton{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.dashboard-page__empty{max-width:1200px;margin:0 auto;padding:40px 0}@media(max-width:767px){.dashboard-page__header{flex-direction:column;align-items:stretch}.dashboard-page__title{font-size:var(--md-font-size-h3)}.dashboard-page__summary{grid-template-columns:repeat(2,1fr)}.dashboard-page__quick-actions{flex-direction:column}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:450px}.auth-card h2{color:#2d3748;margin-bottom:24px;text-align:center;font-size:28px;font-weight:600}.form-group label{display:block;color:#4a5568;font-weight:500;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#a0aec0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;padding:8px;font-size:14px;text-decoration:none}.btn-link:hover{text-decoration:underline}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.5}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c00}.alert-success{background-color:#efe;border:1px solid #cfc;color:#060}.alert-info{background-color:#e7f3ff;border:1px solid #b3d9ff;color:#004085}.auth-card a{color:#667eea;text-decoration:none;font-weight:500;font-size:14px}.auth-card a:hover{text-decoration:underline}@media(max-width:480px){.auth-card{padding:30px 20px}.auth-card h2{font-size:24px}}.lp{min-height:100vh;background:#fff;overflow-x:hidden;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,sans-serif;color:#202124;line-height:1.6}.lp *,.lp *:before,.lp *:after{box-sizing:border-box}.lp__container{max-width:1140px;margin:0 auto;padding:0 24px}.lp__nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e8eaed;height:64px;display:flex;align-items:center}.lp__nav-inner{max-width:1140px;margin:0 auto;padding:0 24px;width:100%;display:flex;align-items:center;justify-content:space-between}.lp__logo{font-size:22px;font-weight:700;color:#202124;text-decoration:none;display:flex;align-items:center;gap:8px}.lp__logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#4285f4 25%,#34a853 25% 50%,#fbbc04 50% 75%,#ea4335 75%);border-radius:6px}.lp__nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.lp__nav-links a{color:#5f6368;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.lp__nav-links a:hover{color:#4285f4}.lp__nav-cta{display:flex;align-items:center;gap:12px}.lp__nav-signin{color:#4285f4;text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;border-radius:6px;transition:background .2s}.lp__nav-signin:hover{background:#e8f0fe}.lp__nav-trial{background:#4285f4;color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:8px 20px;border-radius:6px;border:none;cursor:pointer;transition:background .2s,box-shadow .2s}.lp__nav-trial:hover{background:#3367d6;box-shadow:0 1px 3px #4285f44d}.lp__menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:#5f6368;font-size:24px;line-height:1}.lp__hero{padding:140px 24px 80px;background:linear-gradient(170deg,#f8f9fa,#fff,#e8f0fe);position:relative;overflow:hidden}.lp__hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(66,133,244,.06) 0%,transparent 70%);border-radius:50%}.lp__hero-inner{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.lp__hero-text{max-width:520px}.lp__hero-badge{display:inline-block;background:#e8f0fe;color:#4285f4;font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:20px}.lp__hero-title{font-size:52px;font-weight:700;line-height:1.12;color:#202124;margin:0 0 20px;letter-spacing:-1px}.lp__hero-title span{color:#4285f4}.lp__hero-subtitle{font-size:18px;line-height:1.7;color:#5f6368;margin:0 0 32px}.lp__hero-actions{display:flex;gap:14px;flex-wrap:wrap}.lp__hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.lp__mockup{width:100%;max-width:480px;aspect-ratio:16 / 10;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc04);border-radius:12px;position:relative;box-shadow:0 20px 60px #4285f433,0 4px 16px #00000014;overflow:hidden}.lp__mockup:before{content:"";position:absolute;top:0;left:0;right:0;height:32px;background:#ffffff26;display:flex;align-items:center}.lp__mockup-dots{position:absolute;top:10px;left:12px;display:flex;gap:6px}.lp__mockup-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff80}.lp__mockup-content{position:absolute;inset:40px 16px 16px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.lp__mockup-block{background:#fff3;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lp__mockup-block:first-child{grid-row:1 / 3;background:#ffffff40}.lp__mockup-float{position:absolute;bottom:-20px;right:-20px;width:120px;height:80px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;justify-content:center}.lp__mockup-float-bar{width:80px;display:flex;flex-direction:column;gap:6px}.lp__mockup-float-bar span{height:6px;border-radius:3px}.lp__mockup-float-bar span:nth-child(1){background:#4285f4;width:100%}.lp__mockup-float-bar span:nth-child(2){background:#34a853;width:70%}.lp__mockup-float-bar span:nth-child(3){background:#fbbc04;width:45%}.lp__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s;border:none}.lp__btn--primary{background:#4285f4;color:#fff}.lp__btn--primary:hover{background:#3367d6;box-shadow:0 2px 8px #4285f459;transform:translateY(-1px)}.lp__btn--outline{background:transparent;color:#4285f4;border:2px solid #dadce0}.lp__btn--outline:hover{border-color:#4285f4;background:#e8f0fe}.lp__btn--large{padding:14px 32px;font-size:16px}.lp__btn--white{background:#fff;color:#4285f4}.lp__btn--white:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001f}.lp__section{padding:80px 24px}.lp__section--gray{background:#f8f9fa}.lp__section-header{text-align:center;max-width:600px;margin:0 auto 56px}.lp__section-label{display:inline-block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;padding:4px 12px;border-radius:4px}.lp__section-label--blue{color:#4285f4;background:#e8f0fe}.lp__section-label--green{color:#34a853;background:#e6f4ea}.lp__section-label--red{color:#ea4335;background:#fce8e6}.lp__section-label--yellow{color:#e37400;background:#fef7e0}.lp__section-title{font-size:36px;font-weight:700;color:#202124;margin:0 0 14px;letter-spacing:-.5px}.lp__section-desc{font-size:16px;color:#5f6368;margin:0;line-height:1.6}.lp__features-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp__feature-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:28px 24px;transition:transform .2s,box-shadow .2s}.lp__feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000012}.lp__feature-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.lp__feature-icon--blue{background:#e8f0fe}.lp__feature-icon--green{background:#e6f4ea}.lp__feature-icon--red{background:#fce8e6}.lp__feature-icon--yellow{background:#fef7e0}.lp__feature-card h3{font-size:17px;font-weight:600;color:#202124;margin:0 0 8px}.lp__feature-card p{font-size:14px;line-height:1.6;color:#5f6368;margin:0}.lp__steps{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.lp__steps:before{content:"";position:absolute;top:40px;left:16.67%;right:16.67%;height:2px;background:#e8eaed}.lp__step{text-align:center;position:relative}.lp__step-number{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 20px;position:relative;z-index:1}.lp__step-number--blue{background:#e8f0fe;color:#4285f4}.lp__step-number--green{background:#e6f4ea;color:#34a853}.lp__step-number--yellow{background:#fef7e0;color:#e37400}.lp__step h3{font-size:20px;font-weight:600;color:#202124;margin:0 0 8px}.lp__step p{font-size:14px;color:#5f6368;margin:0;line-height:1.6}.lp__usecases-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.lp__usecase{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:20px 16px;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:default}.lp__usecase:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000000f;border-color:#4285f4}.lp__usecase-icon{font-size:32px;display:block;margin-bottom:8px}.lp__usecase h3{font-size:14px;font-weight:600;color:#202124;margin:0 0 6px}.lp__usecase-desc{font-size:12px;color:#5f6368;margin:0;line-height:1.4}.lp__pricing-grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lp__price-card{background:#fff;border:1px solid #e8eaed;border-radius:14px;padding:32px 24px;position:relative;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.lp__price-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.lp__price-card--popular{border:2px solid #4285F4;box-shadow:0 4px 20px #4285f426}.lp__price-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:#4285f4;color:#fff;font-size:12px;font-weight:600;padding:4px 16px;border-radius:20px;white-space:nowrap}.lp__price-name{font-size:18px;font-weight:600;color:#202124;margin:0 0 4px}.lp__price-amount{font-size:40px;font-weight:700;color:#202124;margin:0 0 4px}.lp__price-amount span{font-size:16px;font-weight:400;color:#5f6368}.lp__price-period{font-size:13px;color:#80868b;margin:0 0 20px}.lp__price-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.lp__price-features li{padding:6px 0;font-size:14px;color:#3c4043;display:flex;align-items:flex-start;gap:8px}.lp__price-features li:before{content:"✓";color:#34a853;font-weight:700;flex-shrink:0}.lp__price-btn{width:100%;padding:12px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;text-align:center;text-decoration:none;display:block;transition:all .2s}.lp__price-btn--primary{background:#4285f4;color:#fff}.lp__price-btn--primary:hover{background:#3367d6}.lp__price-btn--secondary{background:#f1f3f4;color:#3c4043}.lp__price-btn--secondary:hover{background:#e8eaed}.lp__cta{background:linear-gradient(135deg,#4285f4,#34a853);padding:64px 24px;text-align:center;color:#fff}.lp__cta h2{font-size:32px;font-weight:700;margin:0 0 12px}.lp__cta p{font-size:17px;opacity:.92;max-width:500px;margin:0 auto 28px}.lp__cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.lp__footer{background:#202124;color:#9aa0a6;padding:48px 24px 32px}.lp__footer-inner{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px}.lp__footer-brand{max-width:280px}.lp__footer-logo{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;display:flex;align-items:center;gap:8px}.lp__footer-logo-icon{width:24px;height:24px;background:linear-gradient(135deg,#4285f4 25%,#34a853 25% 50%,#fbbc04 50% 75%,#ea4335 75%);border-radius:4px}.lp__footer-brand p{font-size:13px;line-height:1.6;margin:0}.lp__footer-links{display:flex;gap:48px}.lp__footer-col h4{color:#e8eaed;font-size:14px;font-weight:600;margin:0 0 12px}.lp__footer-col ul{list-style:none;padding:0;margin:0}.lp__footer-col li{margin-bottom:8px}.lp__footer-col a{color:#9aa0a6;text-decoration:none;font-size:13px;transition:color .2s}.lp__footer-col a:hover{color:#e8eaed}.lp__footer-bottom{max-width:1140px;margin:32px auto 0;padding-top:24px;border-top:1px solid #3c4043;text-align:center;font-size:13px}@media(max-width:1024px){.lp__hero-inner{grid-template-columns:1fr;gap:40px;text-align:center}.lp__hero-text{max-width:600px;margin:0 auto}.lp__hero-actions{justify-content:center}.lp__hero-visual{max-width:400px;margin:0 auto}.lp__features-grid{grid-template-columns:repeat(2,1fr)}.lp__usecases-grid{grid-template-columns:repeat(3,1fr)}.lp__pricing-grid{grid-template-columns:repeat(2,1fr)}.lp__footer-inner{flex-direction:column;align-items:center;text-align:center}.lp__footer-brand{max-width:100%}.lp__footer-links{gap:32px}}@media(max-width:640px){.lp__nav-links{display:none}.lp__menu-toggle{display:block}.lp__nav-cta{display:none}.lp__nav--open .lp__nav-links{display:flex;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #e8eaed;padding:16px 24px;gap:16px;box-shadow:0 4px 12px #00000014}.lp__nav--open .lp__nav-cta{display:flex;position:absolute;top:calc(64px + var(--menu-links-height, 160px));left:0;right:0;background:#fff;padding:0 24px 16px;border-bottom:1px solid #e8eaed;box-shadow:0 4px 12px #00000014}.lp__hero{padding:100px 16px 60px}.lp__hero-title{font-size:34px}.lp__hero-subtitle{font-size:16px}.lp__hero-actions{flex-direction:column;align-items:center}.lp__hero-actions .lp__btn{width:100%;max-width:280px}.lp__section{padding:56px 16px}.lp__section-title{font-size:28px}.lp__features-grid{grid-template-columns:1fr}.lp__steps{grid-template-columns:1fr;gap:32px}.lp__steps:before{display:none}.lp__usecases-grid{grid-template-columns:repeat(2,1fr);gap:12px}.lp__pricing-grid{grid-template-columns:1fr;max-width:400px}.lp__cta h2{font-size:26px}.lp__footer-links{flex-direction:column;gap:24px}}html{scroll-behavior:smooth}.lp__section[id]{scroll-margin-top:72px}.page-container{width:100%;min-height:calc(100vh - 70px);background:linear-gradient(to bottom,#f8f9fa,#fff)}.page-header{background:#fff;border-bottom:2px solid #e9ecef;padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;box-shadow:0 2px 8px #0000000a}.page-header-content{display:flex;align-items:center;gap:1.5rem;flex:1}.page-icon{font-size:3rem;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px #667eea4d;flex-shrink:0}.page-title-section{flex:1}.page-title{font-size:2rem;font-weight:700;color:#1a202c;margin:0;line-height:1.2;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1rem;color:#718096;margin:.5rem 0 0;line-height:1.5}.page-actions{display:flex;gap:1rem;flex-shrink:0;align-items:center}.page-body{padding:2.5rem;margin:0 auto}.page-body.no-padding{padding:0}.page-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;margin-bottom:1.5rem;border:1px solid #e9ecef;transition:all .3s}.page-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.page-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f3f5}.page-card-title{font-size:1.25rem;font-weight:600;color:#2d3748;margin:0}.page-card-body{color:#4a5568}.page-section{margin-bottom:3rem}.page-section-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem}.page-section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.page-grid{display:grid;gap:1.5rem}.page-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.page-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.page-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e9ecef;transition:all .3s}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.stat-label{font-size:.875rem;color:#718096;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:2rem;font-weight:700;color:#2d3748;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-description{font-size:.875rem;color:#a0aec0;margin:.5rem 0 0}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:2px dashed #e2e8f0}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.empty-state-description{font-size:1rem;color:#718096;margin:0 0 2rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea4d;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#667eea;padding:.75rem 1.5rem;border:2px solid #667eea;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#f7fafc;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #f5576c4d}.btn-danger:hover{box-shadow:0 6px 16px #f5576c66;transform:translateY(-2px)}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;padding:1.5rem}.page-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.page-icon{width:60px;height:60px;font-size:2.5rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.9rem}.page-actions{width:100%;flex-direction:column}.page-actions button,.page-actions a{width:100%;justify-content:center}.page-body,.page-card{padding:1.5rem}.stats-grid,.page-grid-2,.page-grid-3,.page-grid-4{grid-template-columns:1fr}}@media(max-width:480px){.page-header,.page-body{padding:1rem}.page-title{font-size:1.25rem}.stat-value{font-size:1.5rem}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.modal-content{background:#fff;border-radius:12px;max-width:95%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-modal{max-width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:32px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#1f2937}.modal-body{padding:32px}.upgrade-reason{margin-bottom:32px}.alert{padding:16px;border-radius:8px;margin:0}.alert-warning{background-color:#fef3c7;border:1px solid #fbbf24;color:#92400e}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px}.pricing-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:24px;position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.pricing-card.recommended{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.pricing-card.current{border-color:#10b981;background:#f0fdf4}.recommended-badge,.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:4px 16px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recommended-badge{background:#fbbf24;color:#92400e}.pricing-card h3{margin:0 0 16px;font-size:20px;font-weight:700}.pricing-card.recommended h3{color:#fff}.price{margin-bottom:24px}.price .amount{font-size:36px;font-weight:700;color:#1f2937}.pricing-card.recommended .price .amount{color:#fff}.price .period{font-size:16px;color:#6b7280;margin-left:4px}.pricing-card.recommended .price .period{color:#ffffffe6}.features{list-style:none;padding:0;margin:0 0 24px}.features li{padding:8px 0;display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#4b5563}.pricing-card.recommended .features li{color:#fffffff2}.checkmark{color:#10b981;font-weight:700;flex-shrink:0}.pricing-card.recommended .checkmark{color:#fbbf24}.upgrade-btn{width:100%;padding:12px 24px;border:2px solid #6366f1;background:#fff;color:#6366f1;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.upgrade-btn:hover{background:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.upgrade-btn.primary{background:#6366f1;color:#fff}.upgrade-btn.primary:hover{background:#4f46e5}.upgrade-footer{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.upgrade-footer p{margin:8px 0;color:#6b7280;font-size:14px}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}.modal-header{padding:16px 24px}.modal-header h2{font-size:20px}.modal-body{padding:24px}}.uploads-storage-bar{margin-bottom:var(--md-spacing-lg, 24px);padding:var(--md-spacing-md, 16px);background:var(--md-surface, #fff);border-radius:var(--md-radius-md, 8px);border:1px solid var(--md-border, #e0e0e0)}.uploads-storage-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--md-spacing-sm, 8px)}.uploads-storage-bar__label{display:flex;align-items:center;gap:var(--md-spacing-xs, 4px);font-weight:600;font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface, #1c1b1f)}.uploads-storage-bar__usage{font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666)}.uploads-storage-bar__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--md-spacing-xs, 4px);font-size:12px;color:var(--md-on-surface-secondary, #666)}.uploads-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md-spacing-md, 16px);margin-bottom:var(--md-spacing-lg, 24px)}.uploads-stat-card .md-card__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--md-spacing-xs, 4px)}.uploads-stat-card__icon{color:var(--md-primary, #1976d2);margin-bottom:var(--md-spacing-xs, 4px)}.uploads-stat-card__value{font-size:var(--md-font-size-h3, 24px);font-weight:700;color:var(--md-on-surface, #1c1b1f)}.uploads-stat-card__label{font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666)}.uploads-drop-section{margin-bottom:var(--md-spacing-lg, 24px)}.uploads-drop-content{display:flex;flex-direction:column;align-items:center;gap:var(--md-spacing-sm, 8px);padding:var(--md-spacing-xl, 32px)}.uploads-drop-content__title{margin:0;font-size:var(--md-font-size-body, 16px);font-weight:600;color:var(--md-on-surface, #1c1b1f)}.uploads-drop-content__subtitle{margin:0;font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666)}.uploads-drop-actions{display:flex;gap:var(--md-spacing-sm, 8px);margin-top:var(--md-spacing-md, 16px)}.uploads-alert{margin-top:var(--md-spacing-md, 16px);padding:12px 16px;border-radius:var(--md-radius-sm, 6px);font-size:var(--md-font-size-body-sm, 14px)}.uploads-alert--success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.uploads-alert--error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.uploads-alert--info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.uploads-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--md-spacing-md, 16px);margin-bottom:var(--md-spacing-lg, 24px)}.uploads-toolbar__filters{display:flex;gap:var(--md-spacing-sm, 8px);flex-wrap:wrap}.uploads-toolbar__actions{display:flex;align-items:center;gap:var(--md-spacing-md, 16px)}.uploads-toolbar__select-all{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666)}.uploads-library__title{display:flex;align-items:center;gap:var(--md-spacing-sm, 8px);margin:0 0 var(--md-spacing-md, 16px) 0;font-size:var(--md-font-size-h4, 18px);font-weight:600;color:var(--md-on-surface, #1c1b1f)}.uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--md-spacing-md, 16px)}.uploads-card{position:relative;overflow:hidden}.uploads-card--selected{outline:3px solid var(--md-primary, #1976d2);outline-offset:-1px}.uploads-card__checkbox{position:absolute;top:8px;left:8px;z-index:10;background:var(--md-surface, #fff);border-radius:var(--md-radius-sm, 4px);padding:4px;box-shadow:var(--md-elevation-1, 0 1px 3px rgba(0,0,0,.12))}.uploads-card__checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--md-primary, #1976d2)}.uploads-card__preview{width:100%;height:180px;background:var(--md-surface-variant, #f0f0f0);display:flex;align-items:center;justify-content:center;overflow:hidden}.uploads-card__preview img,.uploads-card__preview video{width:100%;height:100%;object-fit:cover}.uploads-card__name{font-weight:600;font-size:var(--md-font-size-body-sm, 14px);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-on-surface, #1c1b1f)}.uploads-card__meta{display:flex;gap:10px;align-items:center;margin-bottom:4px}.uploads-card__type{background:var(--md-primary, #1976d2);color:#fff;padding:2px 8px;border-radius:var(--md-radius-full, 100px);font-size:11px;text-transform:capitalize;font-weight:500}.uploads-card__size{font-size:12px;color:var(--md-on-surface-secondary, #666)}.uploads-card__date{font-size:11px;color:var(--md-on-surface-secondary, #999)}.uploads-card__actions{display:flex;gap:4px;padding:8px 12px;border-top:1px solid var(--md-border, #e0e0e0)}.uploads-card__action{flex:1;display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:var(--md-radius-sm, 4px);cursor:pointer;color:var(--md-on-surface-secondary, #666);transition:background var(--md-transition-fast, .15s)}.uploads-card__action:hover{background:var(--md-surface-variant, #f0f0f0)}.uploads-card__action--danger:hover{background:#fee;color:var(--md-error, #dc3545)}.uploads-table-wrapper{overflow-x:auto}.uploads-table{width:100%;border-collapse:collapse;font-size:var(--md-font-size-body-sm, 14px)}.uploads-table th{text-align:left;padding:10px 12px;font-weight:600;color:var(--md-on-surface-secondary, #666);border-bottom:2px solid var(--md-border, #e0e0e0);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.uploads-table td{padding:10px 12px;border-bottom:1px solid var(--md-border, #e0e0e0);color:var(--md-on-surface, #1c1b1f)}.uploads-table tbody tr:hover{background:var(--md-surface-variant, #f5f5f5)}.uploads-table__row--selected{background:#1976d20f}.uploads-table__preview{width:48px;height:36px;border-radius:var(--md-radius-sm, 4px);overflow:hidden;background:var(--md-surface-variant, #f0f0f0);display:flex;align-items:center;justify-content:center}.uploads-table__preview img{width:100%;height:100%;object-fit:cover}.uploads-table__name{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploads-table__actions{display:flex;gap:4px}@media(max-width:768px){.uploads-stats{grid-template-columns:repeat(2,1fr)}.uploads-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.uploads-card__preview{height:140px}.uploads-toolbar{flex-direction:column;align-items:flex-start}}.slide-timeline{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:20px}.timeline-header{margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #eee}.timeline-header h3{margin:0;font-size:16px;font-weight:600}.timeline-slides{display:flex;gap:12px;overflow-x:auto;padding:8px 0;min-height:120px}.timeline-slide{position:relative;flex-shrink:0;width:140px;background:#f9f9f9;border:2px solid #ddd;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s}.timeline-slide:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.timeline-slide.active{border-color:#007bff;background:#e7f3ff;box-shadow:0 0 0 3px #007bff1a}.timeline-slide-preview{width:100%;height:80px;border-radius:4px;overflow:hidden;background:#eee;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.timeline-slide-preview img,.timeline-slide-preview video{width:100%;height:100%;object-fit:cover}.timeline-slide-preview .text-preview{font-size:12px;color:#666;padding:8px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.timeline-slide-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.slide-number{font-weight:600}.slide-duration{background:#007bff;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px}.timeline-slide-delete{position:absolute;top:4px;right:4px;background:#dc3545e6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.timeline-slide:hover .timeline-slide-delete{opacity:1}.timeline-slide-delete:hover{background:#dc3545}.timeline-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;text-align:center;padding:20px}.slide-preview{position:relative;width:100%;height:500px;background:#000;border-radius:8px;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.preview-content img,.preview-content video{max-width:100%;max-height:100%;object-fit:contain}.text-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px;text-align:center}.text-slide p{margin:0;word-wrap:break-word}.preview-empty{text-align:center;color:#999}.preview-empty p{margin:8px 0}.preview-hint{font-size:14px;color:#666}.preview-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#fff3}.progress-bar{height:100%;background:#007bff;transition:width .05s linear}.preview-content.fade{animation:fadeIn .5s ease-in}.preview-content.slide{animation:slideIn .5s ease-out}.preview-content.zoom{animation:zoomIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.media-picker-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.media-picker-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.media-picker-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #eee}.media-picker-header h3{margin:0;font-size:20px;font-weight:600}.close-btn{background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:#999;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:#f0f0f0;color:#333}.media-picker-filters{padding:16px 24px;border-bottom:1px solid #eee;background:#f8f9fa}.filter-section{margin-bottom:12px}.filter-section:last-child{margin-bottom:0}.filter-section label{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:8px}.filter-btn{padding:8px 16px;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.filter-btn:hover{background:#e0e0e0}.filter-btn.active{background:#007bff;color:#fff;border-color:#007bff}.filter-btn.tier-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.filter-btn.tier-btn:hover{background:linear-gradient(135deg,#5568d3,#653a8b)}.filter-btn.tier-btn.active{box-shadow:0 0 0 3px #667eea4d}.media-picker-content{flex:1;overflow-y:auto;padding:20px 24px;min-height:300px}.media-picker-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;text-align:center}.media-picker-empty p{margin:8px 0}.hint{font-size:14px;color:#999}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.media-picker-item{position:relative;background:#f9f9f9;border:2px solid #ddd;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}.media-picker-item:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.media-picker-item.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff33}.media-picker-item.premium-item{border-color:#667eea;background:linear-gradient(135deg,#f5f7ff,#fef5ff)}.media-picker-item.premium-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.media-picker-item.premium-item.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.media-thumbnail{width:100%;height:120px;background:#e0e0e0;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-thumbnail img,.media-thumbnail video{width:100%;height:100%;object-fit:cover}.file-icon{font-size:48px}.media-item-info{padding:10px;background:#fff}.media-name{font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-tier-badge{display:inline-block;font-size:10px;font-weight:700;color:#667eea;background:#667eea1a;padding:2px 6px;border-radius:4px;margin-bottom:4px}.media-size{font-size:11px;color:#666}.selected-indicator{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#007bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px #0003}.media-picker-footer{display:flex!important;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:2px solid #eee;background:#fff3cd;flex-shrink:0;min-height:70px;position:sticky;bottom:0;z-index:10}.btn-primary,.btn-secondary{padding:10px 24px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.media-picker-overlay{padding:10px}.media-picker-modal{max-height:95vh}.media-picker-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.media-thumbnail{height:100px}.media-picker-filters{flex-wrap:wrap}}.slide-controls{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;height:fit-content}.slide-controls h3{margin:0 0 20px;font-size:18px;font-weight:600;border-bottom:2px solid #eee;padding-bottom:10px}.controls-empty{text-align:center;padding:20px 0}.controls-empty h3{border:none;margin-bottom:16px}.add-buttons{display:flex;flex-direction:column;gap:12px}.btn-add{padding:12px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-add:hover{background:#0056b3}.control-group{margin-bottom:20px}.control-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.control-group input[type=text],.control-group input[type=number],.control-group select,.control-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.control-group input[type=text]:focus,.control-group input[type=number]:focus,.control-group select:focus,.control-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.control-group input[type=color]{width:100%;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.control-group textarea{resize:vertical;min-height:80px}.help-text{display:block;margin-top:4px;font-size:12px;color:#666}.control-actions{margin-top:24px;padding-top:20px;border-top:1px solid #eee;display:flex;gap:8px;flex-wrap:wrap}.btn-secondary{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s}.btn-sm{padding:6px 12px;font-size:12px}.media-preview{border:1px solid #ddd;border-radius:6px;overflow:hidden;background:#f9f9f9}.media-preview img,.media-preview video{width:100%;height:auto;max-height:200px;object-fit:contain;display:block;background:#000}.media-info{padding:12px;display:flex;flex-direction:column;gap:8px}.media-filename{font-size:13px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-change,.btn-select-media{width:100%;padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-change:hover,.btn-select-media:hover{background:#0056b3}.btn-change{background:#6c757d}.btn-change:hover{background:#5a6268}.editor-page{padding:20px;max-width:1600px;margin:0 auto}.subscription-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #667eea4d}.quota-info{display:flex;justify-content:space-between;align-items:center;font-size:14px}.quota-info strong{font-weight:600}.btn-upgrade-small{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.btn-upgrade-small:hover{background:#ffffff4d;transform:translateY(-1px)}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #eee}.editor-title{display:flex;align-items:center;gap:16px}.slideshow-name-input{font-size:24px;font-weight:600;border:2px solid transparent;padding:4px 12px;border-radius:4px;background:transparent;transition:all .2s}.slideshow-name-input:hover{background:#f9f9f9;border-color:#ddd}.slideshow-name-input:focus{outline:none;background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.slide-count{font-size:14px;color:#666;background:#f0f0f0;padding:4px 12px;border-radius:12px}.editor-actions{display:flex;gap:12px}.btn-primary,.btn-secondary,.btn-success,.btn-danger{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-success{background:#28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838}.btn-success:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.editor-content{display:grid;grid-template-columns:1fr 350px;gap:24px}.publish-result{background:#f0f9ff;border:2px solid #0ea5e9;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a}.publish-success{margin-bottom:20px;text-align:center}.publish-success h3{color:#0ea5e9;margin-bottom:8px;font-size:20px}.publish-success p{color:#64748b;font-size:14px}.url-section{margin-bottom:16px}.url-section label{display:block;font-weight:600;color:#334155;margin-bottom:8px;font-size:14px}.url-display{display:flex;gap:8px}.url-input{flex:1;padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-family:Courier New,monospace;font-size:13px;background:#fff;color:#1e293b}.url-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.btn-copy{padding:10px 16px;background:#0ea5e9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s}.btn-copy:hover{background:#0284c7}.btn-copy:active{transform:scale(.95)}.url-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #cbd5e1}.btn-open{flex:1;padding:12px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;text-align:center;text-decoration:none;transition:background .2s}.btn-open:hover{background:#059669}.btn-dismiss{padding:12px 20px;background:#64748b;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-dismiss:hover{background:#475569}.editor-main{min-width:0}.editor-sidebar{position:sticky;top:20px;height:fit-content}.aspect-ratio-panel{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #667eea33}.aspect-ratio-panel h3{color:#fff;margin:0 0 8px;font-size:18px}.aspect-ratio-select{width:100%;padding:10px;border:2px solid rgba(255,255,255,.3);border-radius:6px;background:#ffffffe6;font-size:14px;cursor:pointer;transition:all .2s}.aspect-ratio-select:hover{background:#fff;border-color:#ffffff80}.aspect-ratio-select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 3px #fff3}.aspect-ratio-info{margin-top:12px;text-align:center}.dimension-badge{display:inline-block;background:#fff3;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.3)}.banner-panel{background:linear-gradient(135deg,#f093fb,#f5576c);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 4px 12px #f5576c33}.banner-panel h3{color:#fff;margin:0 0 8px;font-size:18px}.panel-description{color:#ffffffe6;font-size:13px;margin:0 0 16px;line-height:1.4}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#fff;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.banner-type-select,.feed-source-select{width:100%;padding:10px;border:2px solid rgba(255,255,255,.3);border-radius:6px;font-size:14px;background:#fffffff2;cursor:pointer;font-family:inherit}.banner-type-select:focus,.feed-source-select:focus{outline:none;border-color:#fffc;background:#fff}.feed-note{margin-top:8px;font-size:12px;color:#ffffffe6;font-style:italic}.banner-text-input{width:100%;padding:10px;border:2px solid rgba(255,255,255,.3);border-radius:6px;font-size:14px;resize:vertical;background:#fffffff2;font-family:inherit}.banner-text-input:focus{outline:none;border-color:#fffc;background:#fff}.control-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.banner-panel .control-group{margin-bottom:16px}.banner-panel .control-group label{display:block;color:#fff;font-weight:500;font-size:13px;margin-bottom:6px}.banner-panel input[type=color]{width:100%;height:40px;border:2px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;background:#fff}.banner-panel input[type=range]{width:100%;cursor:pointer}.banner-preview{text-align:center;font-weight:500;box-shadow:0 2px 8px #0003}@media(max-width:1200px){.editor-content{grid-template-columns:1fr 300px}}@media(max-width:968px){.editor-content{grid-template-columns:1fr}.editor-sidebar{position:static}.editor-header{flex-direction:column;gap:16px;align-items:flex-start}.editor-actions{width:100%;flex-wrap:wrap}.editor-actions button{flex:1;min-width:120px}}.share-dialog__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--md-z-modal, 1000)}.share-dialog{background:var(--md-surface, #fff);border-radius:var(--md-radius-lg, 12px);box-shadow:var(--md-elevation-3, 0 8px 32px rgba(0, 0, 0, .2));width:480px;max-width:95vw;max-height:85vh;overflow-y:auto;padding:var(--md-spacing-lg, 24px)}.share-dialog__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--md-spacing-md, 16px)}.share-dialog__title{font-size:var(--md-font-size-h4, 18px);font-weight:600;margin:0;color:var(--md-on-surface, #1c1b1f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:380px}.share-dialog__close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--md-on-surface-secondary, #666);padding:4px 8px;border-radius:var(--md-radius-sm, 6px)}.share-dialog__close:hover{background:var(--md-surface-variant, #f0f0f0)}.share-dialog__form{display:flex;flex-direction:column;gap:var(--md-spacing-sm, 12px)}.share-dialog__field{display:flex;flex-direction:column;gap:4px;flex:1}.share-dialog__label{font-size:var(--md-font-size-body-sm, 14px);font-weight:500;color:var(--md-on-surface, #1c1b1f)}.share-dialog__input,.share-dialog__select{padding:8px 12px;border:1px solid var(--md-border, #e0e0e0);border-radius:var(--md-radius-sm, 6px);font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface, #1c1b1f);background:var(--md-surface, #fff)}.share-dialog__input:focus,.share-dialog__select:focus{outline:none;border-color:var(--md-primary, #1976d2);box-shadow:0 0 0 2px #1976d21f}.share-dialog__row{display:flex;gap:var(--md-spacing-sm, 12px)}.share-dialog__warning{padding:10px 12px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:var(--md-radius-sm, 6px);font-size:var(--md-font-size-body-sm, 14px);color:#e65100}.share-dialog__error{padding:8px 12px;background:#dc354514;border-radius:var(--md-radius-sm, 6px);font-size:var(--md-font-size-body-sm, 14px);color:var(--md-error, #dc3545)}.share-dialog__success{padding:8px 12px;background:#4caf5014;border-radius:var(--md-radius-sm, 6px);font-size:var(--md-font-size-body-sm, 14px);color:#4caf50}.share-dialog__submit{padding:10px 20px;background:var(--md-primary, #1976d2);color:#fff;border:none;border-radius:var(--md-radius-sm, 6px);font-size:var(--md-font-size-body-sm, 14px);font-weight:600;cursor:pointer;transition:background .15s ease}.share-dialog__submit:hover{background:var(--md-primary-dark, #1565c0)}.share-dialog__submit:disabled{opacity:.6;cursor:not-allowed}.share-dialog__divider{height:1px;background:var(--md-border, #e0e0e0);margin:var(--md-spacing-md, 16px) 0}.share-dialog__shares-title{font-size:var(--md-font-size-body, 16px);font-weight:600;margin:0 0 var(--md-spacing-sm, 12px) 0;color:var(--md-on-surface, #1c1b1f)}.share-dialog__shares-empty{font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666);margin:0}.share-dialog__shares-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.share-dialog__share-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--md-surface-variant, #f5f5f5);border-radius:var(--md-radius-sm, 6px)}.share-dialog__share-info{display:flex;align-items:center;gap:8px;overflow:hidden}.share-dialog__share-email{font-size:var(--md-font-size-body-sm, 14px);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-dialog__share-role{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--md-radius-full, 100px);text-transform:capitalize}.share-dialog__share-role--viewer{background:#1976d21a;color:#1976d2}.share-dialog__share-role--editor{background:#4caf501a;color:#4caf50}.share-dialog__share-type{font-size:11px;color:var(--md-on-surface-secondary, #666)}.share-dialog__revoke-btn{background:none;border:1px solid var(--md-error, #dc3545);color:var(--md-error, #dc3545);padding:4px 10px;border-radius:var(--md-radius-sm, 6px);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease}.share-dialog__revoke-btn:hover{background:#dc354514}.slideshows-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md-spacing-md, 16px);margin-bottom:var(--md-spacing-lg, 24px)}.slideshows-stat-card .md-card__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--md-spacing-xs, 4px)}.slideshows-stat-card__icon{color:var(--md-primary, #1976d2);margin-bottom:var(--md-spacing-xs, 4px)}.slideshows-stat-card__value{font-size:var(--md-font-size-h3, 24px);font-weight:700;color:var(--md-on-surface, #1c1b1f)}.slideshows-stat-card__label{font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666)}.slideshows-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--md-spacing-md, 16px);margin-bottom:var(--md-spacing-lg, 24px)}.slideshows-toolbar__search{flex:1;max-width:400px}.slideshows-toolbar__actions{display:flex;align-items:center;gap:var(--md-spacing-md, 16px)}.slideshows-toolbar__sort{display:flex;align-items:center;gap:var(--md-spacing-sm, 8px)}.slideshows-toolbar__sort-label{font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666);white-space:nowrap}.slideshows-toolbar__sort-select{padding:6px 12px;border:1px solid var(--md-border, #e0e0e0);border-radius:var(--md-radius-sm, 6px);font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface, #1c1b1f);background:var(--md-surface, #fff);cursor:pointer}.slideshows-toolbar__sort-select:focus{outline:none;border-color:var(--md-primary, #1976d2);box-shadow:0 0 0 2px #1976d21f}.slideshows-toolbar__results{font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666);white-space:nowrap}.slideshows-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--md-spacing-lg, 24px)}.slideshow-card{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.slideshow-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.slideshow-card__thumbnail{width:100%;height:200px;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.slideshow-card__thumbnail img{width:100%;height:100%;object-fit:cover}.slideshow-card__thumbnail canvas{border-radius:0}.slideshow-card__status{position:absolute;top:8px;right:8px;padding:3px 10px;border-radius:var(--md-radius-full, 100px);font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.slideshow-card__status--draft{background:#0000000f;color:var(--md-on-surface-secondary, #666)}.slideshow-card__status--published{background:#4caf501f;color:#4caf50}.slideshow-card__status--scheduled{background:#ff98001f;color:#ff9800}.slideshow-card__overlay{position:absolute;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;gap:var(--md-spacing-sm, 8px);opacity:0;transition:opacity var(--md-transition-normal, .25s) ease;pointer-events:none}.slideshow-card:hover .slideshow-card__overlay{opacity:1;pointer-events:auto}.slideshow-card__overlay-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--md-radius-full, 100px);background:var(--md-surface, #fff);color:var(--md-on-surface, #1c1b1f);cursor:pointer;transition:background var(--md-transition-fast, .15s),transform var(--md-transition-fast, .15s);box-shadow:0 2px 6px #0003}.slideshow-card__overlay-btn:hover{background:var(--md-primary, #1976d2);color:#fff;transform:scale(1.1)}.slideshow-card__overlay-btn--danger:hover{background:var(--md-error, #dc3545);color:#fff}.slideshow-card__info{padding:var(--md-spacing-md, 16px)}.slideshow-card__name{font-weight:600;font-size:var(--md-font-size-body, 16px);margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--md-on-surface, #1c1b1f)}.slideshow-card__meta{display:flex;align-items:center;gap:var(--md-spacing-sm, 8px);font-size:var(--md-font-size-body-sm, 14px);color:var(--md-on-surface-secondary, #666)}.slideshow-card__meta-item{display:flex;align-items:center;gap:4px}.slideshow-card__published-link{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:12px}.slideshow-card__published-link a{color:var(--md-primary, #1976d2);text-decoration:none;font-weight:500}.slideshow-card__published-link a:hover{text-decoration:underline}@media(max-width:1023px){.slideshows-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.slideshows-stats{grid-template-columns:repeat(2,1fr)}.slideshows-grid{grid-template-columns:1fr}.slideshows-toolbar{flex-direction:column;align-items:stretch}.slideshows-toolbar__search{max-width:none}.slideshows-toolbar__actions{flex-wrap:wrap}}.slideshow-card__shared-badge{font-size:11px;font-weight:600;color:var(--md-primary, #1976d2);background:#1976d214;padding:2px 8px;border-radius:var(--md-radius-full, 100px);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%}.content-picker{background:#1e1e1e;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.content-picker__tabs{display:flex;border-bottom:1px solid #3a3a3a;background:#252525}.content-picker__tab{flex:1;padding:10px 16px;background:none;border:none;color:#999;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s,border-color .2s;border-bottom:2px solid transparent}.content-picker__tab:hover{color:#ccc}.content-picker__tab--active{color:#64b5f6;border-bottom-color:#64b5f6}.content-picker__toolbar{display:flex;gap:8px;padding:10px 12px;background:#252525;border-bottom:1px solid #3a3a3a;flex-wrap:wrap;align-items:center}.content-picker__search{flex:1;min-width:120px;padding:7px 10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;font-size:13px;outline:none;transition:border-color .2s}.content-picker__search::placeholder{color:#777}.content-picker__search:focus{border-color:#64b5f6}.content-picker__filter{padding:7px 10px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;font-size:13px;cursor:pointer;outline:none}.content-picker__filter:focus{border-color:#64b5f6}.content-picker__multi-toggle{padding:7px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;color:#e0e0e0;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.content-picker__multi-toggle:hover{background:#333}.content-picker__multi-toggle--active{background:#1565c0;border-color:#1976d2;color:#fff}.content-picker__bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1565c0;color:#fff;font-size:13px;font-weight:500}.content-picker__bulk-add{padding:6px 14px;background:#fff;color:#1565c0;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.content-picker__bulk-add:hover{background:#e3f2fd}.content-picker__bulk-add:disabled{opacity:.5;cursor:not-allowed}.content-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:12px;overflow-y:auto;flex:1}.content-picker__empty{display:flex;align-items:center;justify-content:center;flex:1;color:#777;font-size:14px;padding:32px 12px;text-align:center}.content-picker__item{position:relative;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;overflow:hidden;cursor:pointer;transition:border-color .2s,transform .15s}.content-picker__item:hover{border-color:#64b5f6;transform:translateY(-1px)}.content-picker__item--selected{border-color:#1976d2;box-shadow:0 0 0 2px #1976d24d}.content-picker__item-checkbox{position:absolute;top:6px;left:6px;width:20px;height:20px;background:#00000080;border:2px solid #999;border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:1;color:#fff;font-size:12px}.content-picker__item--selected .content-picker__item-checkbox{background:#1976d2;border-color:#1976d2}.content-picker__item-thumb{width:100%;height:100px;background:#333;display:flex;align-items:center;justify-content:center;overflow:hidden}.content-picker__item-thumb img{width:100%;height:100%;object-fit:cover}.content-picker__item-thumb-placeholder{color:#666;font-size:32px}.content-picker__item-thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:8px}.content-picker__item-thumb-fallback .content-picker__item-thumb-name{color:#ffffffb3;font-size:11px;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.content-picker__item-thumb canvas{width:100%!important;height:100%!important;display:block;object-fit:cover}.content-picker__item-info{padding:8px}.content-picker__item-name{font-size:12px;font-weight:500;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px}.content-picker__item-meta{font-size:11px;color:#999;text-transform:capitalize}.content-picker__loading{display:flex;align-items:center;justify-content:center;flex:1;color:#999;font-size:14px;padding:32px}.content-picker__media{padding:20px}.content-picker__media-header h3{margin:0 0 4px;font-size:16px;font-weight:600}.content-picker__media-header p{margin:0 0 16px;font-size:13px;color:#888}.content-picker__media-platforms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.content-picker__media-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;border:1px solid #ddd;font-size:12px;color:#666;background:#f8f8f8}.content-picker__media-chip--active{color:#333;font-weight:600}.content-picker__media-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;box-sizing:border-box}.content-picker__media-input:focus{border-color:#4285f4;box-shadow:0 0 0 2px #4285f426}.content-picker__media-error{margin-top:8px;font-size:13px;color:#d32f2f}.content-picker__media-preview{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:8px;border:1px solid #e0e0e0;border-left:4px solid #4285f4;background:#fafafa}.content-picker__media-preview-icon{width:40px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.content-picker__media-preview-info{flex:1;min-width:0}.content-picker__media-preview-info strong{display:block;font-size:14px;text-transform:capitalize}.content-picker__media-preview-url{display:block;font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.content-picker__media-add{display:block;width:100%;margin-top:16px;padding:12px;border:none;border-radius:8px;background:#4285f4;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.content-picker__media-add:disabled{background:#ccc;cursor:not-allowed}.content-picker__media-add:not(:disabled):hover{background:#3367d6}.generate-ai{display:flex;flex-direction:column;gap:var(--md-spacing-sm);font-family:var(--md-font-family)}.generate-ai__toggle{display:inline-flex;align-items:center;gap:var(--md-spacing-sm);align-self:flex-start;min-height:var(--md-button-height);padding:var(--md-spacing-sm) var(--md-spacing-md);border:none;border-radius:var(--md-radius-sm);background:var(--md-primary);color:var(--md-on-primary);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);cursor:pointer;transition:background var(--md-transition-fast),box-shadow var(--md-transition-fast)}.generate-ai__toggle:hover{background:var(--md-primary-dark);box-shadow:var(--md-elevation-1)}.generate-ai__toggle:focus-visible{outline:none;box-shadow:var(--md-focus-ring)}.generate-ai__toggle-icon{font-size:1rem;line-height:1}.generate-ai__panel{display:flex;flex-direction:column;gap:var(--md-spacing-md);padding:var(--md-spacing-md);border:1px solid var(--md-divider);border-radius:var(--md-radius-md);background:var(--md-surface);box-shadow:var(--md-elevation-1)}.generate-ai__hint{margin:0;font-size:var(--md-font-size-body-sm);color:var(--md-on-surface-secondary);line-height:var(--md-line-height-normal)}.generate-ai__form{display:flex;flex-direction:column;gap:var(--md-spacing-xs)}.generate-ai__label{font-size:var(--md-font-size-caption);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface-secondary);text-transform:uppercase;letter-spacing:.04em}.generate-ai__input-row{display:flex;gap:var(--md-spacing-sm);align-items:stretch}.generate-ai__input{flex:1;min-width:0;padding:var(--md-spacing-sm) var(--md-spacing-md);border:1px solid var(--md-border);border-radius:var(--md-radius-sm);background:var(--md-surface);color:var(--md-on-surface);font-size:var(--md-font-size-body);font-family:var(--md-font-family);outline:none;transition:border-color var(--md-transition-fast),box-shadow var(--md-transition-fast)}.generate-ai__input::placeholder{color:var(--md-on-surface-disabled)}.generate-ai__input:hover{border-color:var(--md-on-surface-secondary)}.generate-ai__input:focus{border-color:var(--md-border-focus);box-shadow:var(--md-focus-ring)}.generate-ai__input:disabled{background:var(--md-surface-variant);color:var(--md-on-surface-disabled);cursor:not-allowed}.generate-ai__input--error{border-color:var(--md-error)}.generate-ai__input--error:focus{border-color:var(--md-error);box-shadow:var(--md-focus-ring-error)}.generate-ai__submit{min-height:var(--md-button-height);padding:var(--md-spacing-sm) var(--md-spacing-lg);border:none;border-radius:var(--md-radius-sm);background:var(--md-primary);color:var(--md-on-primary);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--md-transition-fast),box-shadow var(--md-transition-fast)}.generate-ai__submit:hover:not(:disabled){background:var(--md-primary-dark);box-shadow:var(--md-elevation-1)}.generate-ai__submit:focus-visible{outline:none;box-shadow:var(--md-focus-ring)}.generate-ai__submit:disabled{background:var(--md-surface-variant);color:var(--md-on-surface-disabled);cursor:not-allowed}.generate-ai__error{font-size:var(--md-font-size-body-sm);color:var(--md-error)}.generate-ai__pages-row{display:flex;align-items:center;gap:var(--md-spacing-sm);flex-wrap:wrap}.generate-ai__pages-row .generate-ai__label{margin:0}.generate-ai__pages-input{width:72px;padding:var(--md-spacing-xs) var(--md-spacing-sm);border:1px solid var(--md-border);border-radius:var(--md-radius-sm);background:var(--md-surface);color:var(--md-on-surface);font-size:var(--md-font-size-body);font-family:var(--md-font-family);outline:none;transition:border-color var(--md-transition-fast),box-shadow var(--md-transition-fast)}.generate-ai__pages-input:hover{border-color:var(--md-on-surface-secondary)}.generate-ai__pages-input:focus{border-color:var(--md-border-focus);box-shadow:var(--md-focus-ring)}.generate-ai__pages-input:disabled{background:var(--md-surface-variant);color:var(--md-on-surface-disabled);cursor:not-allowed}.generate-ai__pages-hint{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary)}.generate-ai__status{display:inline-flex;align-items:center;gap:var(--md-spacing-sm);align-self:flex-start;padding:var(--md-spacing-xs) var(--md-spacing-md);border-radius:var(--md-radius-full);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);background:var(--md-surface-variant);color:var(--md-on-surface)}.generate-ai__status--complete{background:var(--md-success-light);color:var(--md-on-success)}.generate-ai__status--failed{background:var(--md-error-light);color:var(--md-on-error)}.generate-ai__status-label{line-height:var(--md-line-height-tight)}.generate-ai__spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--md-radius-full);animation:generate-ai-spin .8s linear infinite}@keyframes generate-ai-spin{to{transform:rotate(360deg)}}.generate-ai__failure{padding:var(--md-spacing-sm) var(--md-spacing-md);border-left:4px solid var(--md-error);border-radius:var(--md-radius-sm);background:var(--md-surface-elevated);color:var(--md-error);font-size:var(--md-font-size-body-sm)}.generate-ai__sections{display:flex;flex-direction:column;gap:var(--md-spacing-md)}.generate-ai__sections-title{margin:0;font-size:var(--md-font-size-h4);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface)}.generate-ai__section{display:flex;flex-direction:column;gap:var(--md-spacing-sm);padding:var(--md-spacing-md);border:1px solid var(--md-divider);border-radius:var(--md-radius-md);background:var(--md-surface-elevated)}.generate-ai__section-header{display:flex;align-items:center;gap:var(--md-spacing-sm);flex-wrap:wrap}.generate-ai__category{display:inline-flex;align-items:center;padding:var(--md-spacing-xs) var(--md-spacing-sm);border-radius:var(--md-radius-full);background:var(--md-secondary);color:var(--md-on-secondary);font-size:var(--md-font-size-caption);font-weight:var(--md-font-weight-medium)}.generate-ai__section-title{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface)}.generate-ai__section-body{margin:0;font-size:var(--md-font-size-body-sm);color:var(--md-on-surface-secondary);line-height:var(--md-line-height-normal)}.generate-ai__images{display:flex;flex-wrap:wrap;gap:var(--md-spacing-sm)}.generate-ai__image{width:96px;height:72px;object-fit:cover;border-radius:var(--md-radius-sm);border:1px solid var(--md-divider);background:var(--md-surface-variant)}.generate-ai__accept{align-self:flex-start;min-height:var(--md-button-height-sm);padding:var(--md-spacing-xs) var(--md-spacing-md);border:1px solid var(--md-primary);border-radius:var(--md-radius-sm);background:transparent;color:var(--md-primary);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);cursor:pointer;transition:background var(--md-transition-fast),color var(--md-transition-fast)}.generate-ai__accept:hover{background:var(--md-primary);color:var(--md-on-primary)}.generate-ai__accept:focus-visible{outline:none;box-shadow:var(--md-focus-ring)}.generate-ai__added-banner{margin-bottom:var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);border-radius:var(--md-radius-sm);background:var(--md-secondary-container, rgba(76, 175, 80, .12));color:var(--md-on-secondary-container, var(--md-on-surface));font-size:var(--md-font-size-body-sm);line-height:var(--md-line-height-normal)}.generate-ai__added-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--md-spacing-xs);padding:var(--md-spacing-xs) var(--md-spacing-sm);border-radius:var(--md-radius-full);background:#4caf5029;color:#2e7d32;font-size:var(--md-font-size-caption);font-weight:var(--md-font-weight-medium)}.generate-ai__optional{display:flex;flex-direction:column;gap:var(--md-spacing-md);margin-top:var(--md-spacing-sm);padding-top:var(--md-spacing-md);border-top:1px dashed var(--md-divider)}.generate-ai__optional-title{margin:0;font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface)}.generate-ai__optional-hint{margin:0;font-size:var(--md-font-size-body-sm);color:var(--md-on-surface-secondary);line-height:var(--md-line-height-normal)}.generate-ai__section--optional{border-style:dashed}.generate-ai__social{display:flex;flex-direction:column;gap:var(--md-spacing-sm);margin-top:var(--md-spacing-sm)}.generate-ai__social-toggle{display:inline-flex;align-items:center;gap:var(--md-spacing-xs);align-self:flex-start;padding:var(--md-spacing-xs) 0;border:none;background:transparent;color:var(--md-primary);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);cursor:pointer}.generate-ai__social-caret{font-size:.7em}.generate-ai__social-fields{display:flex;flex-direction:column;gap:var(--md-spacing-sm);padding:var(--md-spacing-md);border:1px solid var(--md-divider);border-radius:var(--md-radius-md);background:var(--md-surface-elevated)}.generate-ai__social-hint{margin:0;font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);line-height:var(--md-line-height-normal)}.generate-ai__social-row{display:flex;align-items:center;gap:var(--md-spacing-sm)}.generate-ai__social-label{flex:0 0 110px;display:inline-flex;align-items:center;gap:var(--md-spacing-xs);font-size:var(--md-font-size-caption);color:var(--md-on-surface)}.generate-ai__social-input{flex:1;min-width:0;padding:var(--md-spacing-xs) var(--md-spacing-sm);border:1px solid var(--md-border);border-radius:var(--md-radius-sm);background:var(--md-surface);color:var(--md-on-surface);font-size:var(--md-font-size-body-sm);font-family:var(--md-font-family);outline:none}.generate-ai__social-input:focus{border-color:var(--md-border-focus);box-shadow:var(--md-focus-ring)}.generate-ai__ig-import{display:flex;flex-direction:column;gap:var(--md-spacing-xs);margin-top:var(--md-spacing-sm);padding-top:var(--md-spacing-sm);border-top:1px dashed var(--md-divider)}.generate-ai__ig-buttons{display:flex;flex-wrap:wrap;gap:var(--md-spacing-sm)}.generate-ai__ig-button{align-self:flex-start;min-height:var(--md-button-height-sm);padding:var(--md-spacing-xs) var(--md-spacing-md);border:1px solid var(--md-primary);border-radius:var(--md-radius-sm);background:transparent;color:var(--md-primary);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);cursor:pointer}.generate-ai__ig-button:hover:not(:disabled){background:var(--md-primary);color:var(--md-on-primary)}.generate-ai__ig-button:disabled{opacity:.6;cursor:not-allowed}.generate-ai__ig-hint{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary)}.generate-ai__ig-status{font-size:var(--md-font-size-body-sm)}.generate-ai__ig-status--success{color:#2e7d32}.generate-ai__ig-status--error{color:var(--md-error)}.generate-ai__link-btn{background:none;border:none;padding:0;color:var(--md-sys-color-primary, #6750a4);font:inherit;text-decoration:underline;cursor:pointer}.generate-ai__link-btn:disabled{color:var(--md-sys-color-on-surface-variant, #79747e);cursor:default;text-decoration:none}.generate-ai__ig-advanced{margin-top:10px}.generate-ai__ig-advanced>summary{cursor:pointer;font-size:.85rem;color:var(--md-sys-color-on-surface-variant, #49454f)}.slide-list{background:#1e1e1e;border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.slide-list--empty{align-items:center;justify-content:center}.slide-list__header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#252525;border-bottom:1px solid #3a3a3a}.slide-list__header-title{font-size:14px;font-weight:600;color:#e0e0e0}.slide-list__items{flex:1;overflow-y:auto;padding:6px 0}.slide-list__row{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 6px;background:#2a2a2a;border:2px solid transparent;border-radius:6px;cursor:grab;transition:background .15s,border-color .15s,opacity .15s}.slide-list__row:hover{background:#333}.slide-list__row--active{border-color:#64b5f6;background:#1a3a5c}.slide-list__row--dragging{opacity:.4}.slide-list__row--drag-over{border-color:#90caf9;background:#1e3a52}.slide-list__drag-handle{color:#666;font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;width:18px;text-align:center}.slide-list__row:hover .slide-list__drag-handle{color:#999}.slide-list__order{font-size:12px;font-weight:600;color:#777;min-width:18px;text-align:center;flex-shrink:0}.slide-list__thumb{width:80px;height:54px;background:#333;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.slide-list__thumb img{width:100%;height:100%;object-fit:cover}.slide-list__thumb-placeholder{color:#555;font-size:20px}.slide-list__thumb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:4px}.slide-list__thumb-fallback-name{color:#ffffffb3;font-size:9px;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.slide-list__thumb canvas{width:100%!important;height:100%!important;display:block;object-fit:cover}.slide-list__name{flex:1;font-size:13px;font-weight:500;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.slide-list__duration-field{position:relative;display:flex;align-items:center;gap:2px;flex-shrink:0}.slide-list__duration-input{width:60px;padding:4px 6px;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:13px;text-align:right;outline:none;transition:border-color .2s;-moz-appearance:textfield}.slide-list__duration-input::-webkit-inner-spin-button,.slide-list__duration-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slide-list__duration-input:focus{border-color:#64b5f6}.slide-list__duration-input--error{border-color:#ef5350}.slide-list__duration-unit{font-size:12px;color:#777;flex-shrink:0}.slide-list__duration-error{position:absolute;top:100%;left:0;margin-top:2px;font-size:11px;color:#ef5350;white-space:nowrap;z-index:1}.slide-list__transition{padding:4px 6px;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:4px;color:#e0e0e0;font-size:12px;cursor:pointer;outline:none;flex-shrink:0;text-transform:capitalize}.slide-list__transition:focus{border-color:#64b5f6}.slide-list__remove{background:none;border:none;color:#777;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.slide-list__remove:hover{color:#ef5350;background:#ef53501a}.slide-list__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px;background:#252525;border-top:1px solid #3a3a3a}.slide-list__total-label{font-size:13px;color:#999}.slide-list__total-value{font-size:14px;font-weight:600;color:#64b5f6}.slide-list__visual-edit{background:none;border:1px solid #555;color:#aaa;cursor:pointer;font-size:14px;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.slide-list__visual-edit:hover{background:#2d6b4f;color:#fff;border-color:#4caf50}.slide-list__edit{background:none;border:1px solid #555;color:#aaa;cursor:pointer;font-size:14px;width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.slide-list__edit:hover{background:#3a3a3a;color:#fff;border-color:#888}.slide-list__edit--active{background:#4a90d9;color:#fff;border-color:#4a90d9}.slide-list__editor{background:#252525;border:1px solid #4a90d9;border-top:none;border-radius:0 0 6px 6px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;margin-bottom:4px}.slide-list__editor-field{display:flex;flex-direction:column;gap:4px}.slide-list__editor-label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.slide-list__editor-input{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px;padding:6px 10px;outline:none;transition:border-color .15s}.slide-list__editor-input:focus{border-color:#4a90d9}.slide-list__editor-textarea{background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px;padding:6px 10px;outline:none;resize:vertical;min-height:40px;font-family:inherit;line-height:1.4;transition:border-color .15s}.slide-list__editor-textarea:focus{border-color:#4a90d9}.slide-list__editor-color{width:40px;height:30px;border:1px solid #444;border-radius:4px;cursor:pointer;background:none;padding:2px}.slide-list__editor-bg-preview{width:100%;height:80px;border-radius:4px;overflow:hidden;border:1px solid #444;margin-bottom:4px}.slide-list__editor-bg-preview img{width:100%;height:100%;object-fit:cover}.slide-list__editor-section{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid #333}.slide-list__editor-section-header,.slide-list__editor-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.slide-list__editor-item{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:#1e1e1e;border:1px solid #333;border-radius:4px}.slide-list__editor-item--row,.slide-list__editor-add-row{flex-direction:row;display:flex;align-items:center;gap:6px}.slide-list__editor-grow{flex:1;min-width:0}.slide-list__editor-image-thumb{width:48px;height:32px;object-fit:cover;border-radius:3px;flex-shrink:0}.slide-list__editor-gadget-name{font-size:13px;font-weight:600;color:#e0e0e0}.slide-list__editor-add{background:#1a3a5c;border:1px solid #4a90d9;color:#e0e0e0;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;white-space:nowrap;flex-shrink:0}.slide-list__editor-add:hover:not(:disabled){background:#4a90d9;color:#fff}.slide-list__editor-add:disabled{opacity:.45;cursor:not-allowed}.slide-list__editor-add:focus-visible,.slide-list__editor-delete:focus-visible{outline:2px solid #90caf9;outline-offset:1px}.slide-list__editor-delete{background:none;border:1px solid #555;color:#aaa;font-size:12px;width:24px;height:24px;border-radius:4px;cursor:pointer;flex-shrink:0}.slide-list__editor-delete:hover{color:#ef5350;border-color:#ef5350;background:#ef53501a}.slide-list__editor-empty,.slide-list__editor-note{margin:0;font-size:12px;color:#888}.slide-list__editor-error{font-size:12px;color:#ef5350}.slide-visual-editor{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#e0e0e0}.slide-visual-editor__body{background:#1a1a2e}.slide-visual-editor__canvas-area{position:relative;border-radius:4px;margin:8px;background:#12121e;box-shadow:inset 0 2px 8px #0000004d;transition:opacity .25s ease-in-out,transform .2s ease-in-out}.slide-visual-editor__right-panel{background:#1e1e2e;box-shadow:-2px 0 8px #0003}.slide-visual-editor__right-panel::-webkit-scrollbar{width:6px}.slide-visual-editor__right-panel::-webkit-scrollbar-track{background:#1a1a2e}.slide-visual-editor__right-panel::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.slide-visual-editor__right-panel::-webkit-scrollbar-thumb:hover{background:#555}.editor-toolbar{box-shadow:0 2px 6px #0000004d;z-index:10;-webkit-user-select:none;user-select:none}.editor-toolbar__close-btn{transition:background .15s ease,color .15s ease,transform .1s ease;border-radius:6px!important;background:#2563eb!important;color:#fff!important;font-weight:600!important;font-size:14px!important;padding:8px 20px!important;border:none!important;cursor:pointer;white-space:nowrap;flex-shrink:0}.editor-toolbar__close-btn:hover{background:#1d4ed8!important;color:#fff!important;transform:translateY(-1px)}.editor-toolbar__slide-indicator{white-space:nowrap;letter-spacing:.3px}.editor-toolbar__separator{opacity:.6}.editor-toolbar__add-text-btn,.editor-toolbar__add-image-btn{transition:background .15s ease,border-color .15s ease,transform .1s ease}.editor-toolbar__add-text-btn:hover,.editor-toolbar__add-image-btn:hover{background:#3a3a5e!important;border-color:#777!important;transform:translateY(-1px)}.editor-toolbar__add-text-btn:active,.editor-toolbar__add-image-btn:active{transform:translateY(0)}.editor-toolbar__font-family{transition:border-color .15s ease;outline:none}.editor-toolbar__font-family:hover{border-color:#777!important}.editor-toolbar__font-family:focus{border-color:#1976d2!important;box-shadow:0 0 0 2px #1976d233}.editor-toolbar__font-size{transition:border-color .15s ease;outline:none}.editor-toolbar__font-size:hover{border-color:#777!important}.editor-toolbar__font-size:focus{border-color:#1976d2!important;box-shadow:0 0 0 2px #1976d233}.editor-toolbar__font-color{transition:border-color .15s ease;background:transparent}.editor-toolbar__font-color:hover{border-color:#777!important}.editor-toolbar__bold-btn,.editor-toolbar__italic-btn{transition:background .15s ease,border-color .15s ease}.editor-toolbar__bold-btn:hover,.editor-toolbar__italic-btn:hover{background:#3a3a5e!important;border-color:#777!important}.editor-toolbar__alignment-group button{transition:background .15s ease,border-color .15s ease}.editor-toolbar__alignment-group button:hover{background:#3a3a5e!important;border-color:#777!important}.editor-toolbar button:disabled,.editor-toolbar select:disabled,.editor-toolbar input:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.editor-toolbar__add-gadget:hover{border-color:#777!important}.editor-toolbar__delete-btn:hover{background:#7f1d1d!important;color:#fff!important}.editor-filmstrip{background:#1e1e2e;border-right:1px solid #333;box-shadow:2px 0 8px #0003}.editor-filmstrip::-webkit-scrollbar{width:5px}.editor-filmstrip::-webkit-scrollbar-track{background:transparent}.editor-filmstrip::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.editor-filmstrip::-webkit-scrollbar-thumb:hover{background:#555}.editor-filmstrip__item{transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;box-shadow:0 1px 4px #0000004d}.editor-filmstrip__item:hover{border-color:#5a5a7e!important;box-shadow:0 2px 8px #0006;transform:scale(1.03)}.editor-filmstrip__item--active{border-color:#1976d2!important;box-shadow:0 0 0 1px #1976d24d,0 2px 8px #1976d240}.editor-filmstrip__item--active:hover{border-color:#1976d2!important;box-shadow:0 0 0 2px #1976d266,0 3px 10px #1976d24d;transform:scale(1.03)}.editor-filmstrip__number{pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:opacity .15s ease}.editor-filmstrip__item img{transition:opacity .2s ease}.builder-canvas-container{position:relative;width:100%;height:100%;overflow:hidden;background-color:#2c2c2c;display:flex;align-items:center;justify-content:center}.builder-canvas-container canvas{display:block;box-shadow:0 2px 12px #0006}.canvas-inline-wrapper{display:flex;flex-direction:column;pointer-events:auto}.canvas-inline-toolbar{display:flex;align-items:center;gap:3px;padding:3px 6px;background:#181828f2;border:1px solid rgba(100,100,140,.5);border-radius:8px 8px 0 0;box-shadow:0 -2px 12px #00000080;flex-wrap:nowrap;min-height:30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cit-btn{background:transparent;border:1px solid transparent;color:#aaa;font-size:13px;font-weight:700;width:26px;height:26px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .15s,color .15s}.cit-btn:hover{background:#ffffff1a;color:#fff}.cit-btn.active{background:#1976d2;border-color:#1976d2;color:#fff}.cit-separator{width:1px;height:18px;background:#ffffff26;margin:0 2px}.cit-size-input{width:42px;height:26px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ccc;font-size:11px;text-align:center;padding:0 2px;transition:border-color .15s}.cit-size-input:focus{outline:none;border-color:#1976d2}.cit-color-input{width:26px;height:26px;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:1px;background:transparent;cursor:pointer}.cit-align-select{height:26px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ccc;font-size:11px;padding:0 4px;cursor:pointer;transition:border-color .15s}.cit-align-select:focus{outline:none;border-color:#1976d2}.cit-line-label{color:#ffffff59;font-size:10px;margin-left:4px;white-space:nowrap;-webkit-user-select:none;user-select:none}.canvas-inline-editor{background:#1a1a2e;border:1px solid rgba(25,118,210,.6);border-top:none;border-radius:0 0 4px 4px;outline:none;resize:none;padding:4px;box-sizing:border-box;overflow:auto;caret-color:#4fc3f7;word-wrap:break-word;white-space:pre-wrap;color:#fff}.canvas-inline-editor div[data-line-idx]{outline:none;min-height:1.2em}.canvas-inline-editor::selection{background:#1976d266;color:#fff}.canvas-inline-editor::-moz-selection{background:#1976d266;color:#fff}.ai-dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.ai-dialog{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:24px;width:460px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080}.ai-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ai-dialog-title{margin:0;font-size:16px;font-weight:600;color:#e0e0e0}.ai-dialog-settings-btn{background:none;border:1px solid #555;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:14px;color:#aaa;transition:background .15s}.ai-dialog-settings-btn:hover{background:#333;color:#e0e0e0}.ai-dialog-provider-badge{font-size:11px;color:#4fc3f7;margin-bottom:12px}.ai-dialog-settings{margin-top:8px}.ai-dialog-provider-option{display:flex;align-items:flex-start;gap:8px;padding:10px;margin-bottom:6px;background:#333;border:1px solid #444;border-radius:4px;cursor:pointer;transition:border-color .15s}.ai-dialog-provider-option:hover{border-color:#666}.ai-dialog-provider-option.active{border-color:#4fc3f7;background:#2d3a42}.ai-dialog-provider-option input[type=radio]{margin-top:3px;accent-color:#4fc3f7}.ai-dialog-provider-name{display:block;font-size:13px;font-weight:600;color:#e0e0e0}.ai-dialog-provider-desc{display:block;font-size:11px;color:#888;margin-top:2px}.ai-dialog-key-field{margin-top:12px}.ai-dialog-key-input{width:100%;padding:8px 10px;background:#333;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px;box-sizing:border-box;font-family:monospace}.ai-dialog-key-input::placeholder{color:#666}.ai-dialog-key-hint{font-size:11px;color:#888;margin:6px 0 0}.ai-dialog-save-settings-btn{width:100%;padding:10px;margin-top:12px;background:#4fc3f7;color:#000;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer}.ai-dialog-save-settings-btn:hover{background:#81d4fa}.ai-dialog-label{display:block;font-size:12px;color:#aaa;margin-bottom:6px}.ai-dialog-textarea{width:100%;padding:10px;background:#333;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:13px;resize:vertical;box-sizing:border-box;font-family:inherit}.ai-dialog-textarea::placeholder{color:#777}.ai-dialog-generate-btn{width:100%;padding:10px;margin-top:12px;background:#4fc3f7;color:#000;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s}.ai-dialog-generate-btn:hover:not(:disabled){background:#81d4fa}.ai-dialog-generate-btn:disabled{opacity:.5;cursor:not-allowed}.ai-dialog-loading{display:flex;align-items:center;gap:8px;margin-top:12px;color:#aaa;font-size:12px}.ai-dialog-spinner{width:14px;height:14px;border:2px solid #555;border-top-color:#4fc3f7;border-radius:50%;animation:ai-spin .6s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-dialog-error{background:#3a1c1c;border:1px solid #6b2c2c;border-radius:4px;padding:8px;margin-top:12px;font-size:12px;color:#f88}.ai-dialog-error p{margin:0 0 6px}.ai-dialog-retry-btn{background:#555;color:#e0e0e0;border:none;border-radius:3px;padding:4px 10px;cursor:pointer;font-size:11px}.ai-dialog-retry-btn:hover{background:#666}.ai-dialog-result{margin-top:16px}.ai-dialog-result-text{background:#333;border:1px solid #444;border-radius:4px;padding:10px;color:#e0e0e0;font-size:13px;line-height:1.5;white-space:pre-wrap;margin-bottom:12px;max-height:200px;overflow-y:auto}.ai-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.ai-dialog-apply-btn{padding:8px 20px;background:#4fc3f7;color:#000;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s}.ai-dialog-apply-btn:hover{background:#81d4fa}.ai-dialog-cancel-btn{padding:8px 20px;background:#555;color:#e0e0e0;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background-color .15s}.ai-dialog-cancel-btn:hover{background:#666}.properties-panel{width:280px;min-width:280px;background-color:#1e1e1e;border-left:1px solid #333;display:flex;flex-direction:column;height:100%;color:#e0e0e0;overflow-y:auto}.properties-panel-header{padding:12px;border-bottom:1px solid #333;font-size:13px;font-weight:600}.properties-panel-content{padding:12px;display:flex;flex-direction:column;gap:16px}.prop-section{display:flex;flex-direction:column;gap:8px}.prop-section-title{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.prop-row{display:flex;gap:8px;align-items:center}.prop-field{display:flex;flex-direction:column;gap:3px;flex:1}.prop-label{font-size:11px;color:#aaa}.prop-input{width:100%;padding:6px 8px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:12px;box-sizing:border-box}.prop-input:focus{outline:none;border-color:#4fc3f7}.prop-select{width:100%;padding:6px 8px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:12px;box-sizing:border-box;cursor:pointer}.prop-select:focus{outline:none;border-color:#4fc3f7}.prop-color-input{width:100%;height:32px;border:1px solid #444;border-radius:4px;cursor:pointer;background:none;padding:2px}.prop-range{width:100%;accent-color:#4fc3f7}.prop-checkbox-row{display:flex;align-items:center;gap:8px;font-size:12px}.prop-checkbox-row input[type=checkbox]{accent-color:#4fc3f7}.prop-textarea{width:100%;padding:6px 8px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:12px;resize:vertical;min-height:60px;font-family:inherit;box-sizing:border-box}.prop-textarea:focus{outline:none;border-color:#4fc3f7}.prop-textarea-large{min-height:200px}.prop-subsection{display:flex;flex-direction:column;gap:6px;padding:6px 0;border-bottom:1px solid #333}.prop-subsection:last-child{border-bottom:none}.prop-btn{padding:5px 10px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:12px;cursor:pointer;white-space:nowrap}.prop-btn:hover{background-color:#333}.prop-btn.active{background-color:#4fc3f7;color:#000;border-color:#4fc3f7}.prop-btn-ai{background-color:#2d1b4e;border-color:#7c4dff;color:#ce93d8}.prop-btn-ai:hover{background-color:#3a2560}.color-swatch-picker{display:flex;flex-direction:column;gap:6px}.color-swatch-row{display:flex;flex-wrap:wrap;gap:4px}.color-swatch{width:22px;height:22px;border-radius:3px;border:2px solid transparent;cursor:pointer;padding:0;outline:none}.color-swatch:hover{border-color:#ffffff80}.color-swatch.active{border-color:#4fc3f7}.line-editor{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:4px;max-height:280px;overflow-y:auto}.line-editor-row{display:flex;align-items:center;gap:4px;margin-bottom:2px}.line-editor-toolbar{display:flex;gap:2px;flex-shrink:0}.line-btn{width:22px;height:22px;padding:0;border:1px solid #555;border-radius:3px;background:#2a2a2a;color:#ccc;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.line-btn:hover{background:#333}.line-btn.active{background:#4fc3f7;color:#000;border-color:#4fc3f7}.line-btn-bold{font-weight:700}.line-editor-input{flex:1;background:transparent;border:none;border-bottom:1px solid transparent;color:#e0e0e0;font-size:13px;padding:3px 4px;outline:none;font-family:inherit}.line-editor-input:focus{border-bottom-color:#4fc3f7}.line-editor-input.bold{font-weight:700}.line-editor-add{width:100%;padding:4px;margin-top:2px;background:transparent;border:1px dashed #555;border-radius:3px;color:#888;font-size:11px;cursor:pointer}.line-editor-add:hover{border-color:#4fc3f7;color:#4fc3f7}.line-editor-block{margin-bottom:2px}.line-color-picker{width:22px;height:22px;padding:0;border:1px solid #555;border-radius:3px;background:transparent;cursor:pointer}.line-color-picker::-webkit-color-swatch-wrapper{padding:1px}.line-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.line-btn-size{font-size:9px;min-width:22px}.line-editor-expanded{display:flex;align-items:center;gap:4px;padding:3px 0 3px 52px;background:#222;border-radius:0 0 3px 3px}.line-size-label{color:#888;font-size:10px}.line-size-input{width:48px;background:#1a1a1a;border:1px solid #555;border-radius:3px;color:#e0e0e0;font-size:11px;padding:2px 4px;text-align:center}.layer-panel{background-color:#1e1e1e;border-top:1px solid #333;display:flex;flex-direction:column;color:#e0e0e0;max-height:300px}.layer-panel-header{padding:10px 12px;font-size:13px;font-weight:600;border-bottom:1px solid #333;flex-shrink:0}.layer-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.layer-item{display:flex;align-items:center;padding:6px 12px;font-size:12px;cursor:pointer;border-bottom:1px solid #2a2a2a;transition:background-color .1s;gap:8px;position:relative}.layer-item:hover{background-color:#2a2a2a}.layer-item.selected{background-color:#1a3a4a;border-left:2px solid #4fc3f7;padding-left:10px}.layer-item-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center}.layer-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item-type{font-size:10px;color:#888;text-transform:uppercase}.layer-item-actions{display:flex;gap:2px;flex-shrink:0}.layer-btn{background:none;border:1px solid transparent;color:#999;cursor:pointer;padding:2px 4px;font-size:12px;border-radius:3px;line-height:1}.layer-btn:hover{color:#4fc3f7;border-color:#444;background-color:#333}.layer-btn:disabled{color:#555;cursor:default;border-color:transparent;background:none}.layer-context-menu{position:fixed;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;padding:4px 0;z-index:1000;min-width:160px;box-shadow:0 4px 12px #0006}.layer-context-menu button{display:block;width:100%;padding:8px 16px;background:none;border:none;color:#e0e0e0;font-size:12px;text-align:left;cursor:pointer}.layer-context-menu button:hover{background-color:#4fc3f7;color:#000}.layer-empty{padding:16px 12px;font-size:12px;color:#888;text-align:center}.layer-rename-input{flex:1;background-color:#333;border:1px solid #4fc3f7;color:#e0e0e0;font-size:12px;padding:2px 4px;border-radius:3px;outline:none;min-width:0}.layer-rename-input:focus{border-color:#81d4fa}.layer-item-toggles{display:flex;gap:2px;flex-shrink:0}.layer-toggle-btn{font-size:13px;padding:1px 3px}.layer-toggle-btn.toggled-off{opacity:.4}.layer-toggle-btn.toggled-on{color:#ffa726}.layer-item.hidden-layer{opacity:.5}.layer-item.locked-layer .layer-item-label{font-style:italic}.slideshow-creator{display:flex;min-height:100vh;background-color:#1a1a2e;color:#e0e0e0}.slideshow-creator__sidebar{width:320px;min-width:320px;background-color:#1e1e1e;border-right:1px solid #333;overflow-y:auto;display:flex;flex-direction:column}.slideshow-creator__main{flex:1;display:flex;flex-direction:column;padding:24px;gap:20px;overflow-y:auto}.slideshow-creator__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #333}.slideshow-creator__title{font-size:20px;font-weight:600;color:#e0e0e0;margin:0}.slideshow-creator__actions{display:flex;gap:10px;align-items:center}.slideshow-creator__btn{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #444;transition:background-color .2s,opacity .2s}.slideshow-creator__btn--save{background-color:#4a9eff;border-color:#4a9eff;color:#fff}.slideshow-creator__btn--save:hover{background-color:#3a8eef}.slideshow-creator__btn--publish{background-color:#27ae60;border-color:#27ae60;color:#fff}.slideshow-creator__btn--publish:hover{background-color:#219a52}.slideshow-creator__btn--preview{background-color:#2a2a2a;color:#e0e0e0}.slideshow-creator__btn--preview:hover{background-color:#333}.slideshow-creator__btn--ai{background:linear-gradient(135deg,#6c63ff,#4834d4);border-color:#6c63ff;color:#fff}.slideshow-creator__btn--ai:hover{opacity:.9}.slideshow-creator__btn--ai.slideshow-creator__btn--active{background:#4834d4;box-shadow:0 0 0 2px #6c63ff66}.slideshow-creator__btn--ai-v2{background:linear-gradient(135deg,#00b894,#00cec9);border-color:#00b894;color:#fff}.slideshow-creator__btn--ai-v2:hover{opacity:.9}.slideshow-creator__btn--ai-v2.slideshow-creator__btn--active{background:#00a884;box-shadow:0 0 0 2px #00b89466}.slideshow-creator__btn:disabled{opacity:.4;cursor:not-allowed}.slideshow-creator__btn:disabled:hover{opacity:.4}.slideshow-creator__content{display:flex;gap:20px;flex:1;min-height:0}.slideshow-creator__slides-area{flex:1;min-width:0}.slideshow-creator__right-panel{width:280px;min-width:280px;display:flex;flex-direction:column;gap:16px}.slideshow-creator__message{padding:10px 16px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px}.slideshow-creator__message--success{background-color:#27ae6026;border:1px solid #27ae60;color:#2ecc71}.slideshow-creator__message--error{background-color:#e74c3c26;border:1px solid #e74c3c;color:#e74c3c}.slideshow-creator__message--info{background-color:#4a9eff26;border:1px solid #4a9eff;color:#4a9eff}.slideshow-creator__message-dismiss{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:16px;padding:0 4px;opacity:.7}.slideshow-creator__message-dismiss:hover{opacity:1}.slideshow-creator__published-urls{background-color:#1e1e1e;border:1px solid #27ae60;border-radius:6px;padding:14px;display:flex;flex-direction:column;gap:10px}.slideshow-creator__published-urls h4{margin:0;font-size:13px;color:#2ecc71}.slideshow-creator__url-row{display:flex;flex-direction:column;gap:4px}.slideshow-creator__url-label{font-size:11px;color:#aaa}.slideshow-creator__url-link{font-size:12px;color:#4a9eff;word-break:break-all;text-decoration:none}.slideshow-creator__url-link:hover{text-decoration:underline}.slideshow-creator__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#aaa;font-size:14px}.slideshow-creator__spinner{width:32px;height:32px;border:3px solid #333;border-top-color:#4a9eff;border-radius:50%;animation:creator-spin .8s linear infinite}@keyframes creator-spin{to{transform:rotate(360deg)}}.slideshow-creator__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;color:#e74c3c;text-align:center}.slideshow-creator__error p{margin:0;font-size:14px}.slideshow-creator__retry-btn{padding:8px 20px;background-color:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:13px}.slideshow-creator__retry-btn:hover{background-color:#333}.slideshow-creator__btn--loading{position:relative;pointer-events:none;opacity:.7}.slideshow-creator__modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:16px}.slideshow-creator__name-modal{width:100%;max-width:420px;background:#1e1e2e;border:1px solid #333;border-radius:10px;padding:24px;box-shadow:0 12px 40px #00000080}.slideshow-creator__name-modal-title{margin:0 0 6px;font-size:18px;font-weight:600;color:#f0f0f5}.slideshow-creator__name-modal-hint{margin:0 0 16px;font-size:13px;color:#a0a0b0}.slideshow-creator__name-modal-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #444;border-radius:6px;background:#14141f;color:#f0f0f5;font-size:15px;outline:none}.slideshow-creator__name-modal-input:focus{border-color:#4f8cff;box-shadow:0 0 0 3px #4f8cff40}.slideshow-creator__name-modal-error{margin-top:8px;font-size:13px;color:#ff6b6b}.slideshow-creator__name-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.template-library{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.template-library__header{margin-bottom:var(--md-spacing-lg);text-align:center}.template-library__title{display:flex;align-items:center;justify-content:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm) 0}.template-library__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0}.template-library__aspect-ratio{display:inline-flex;align-items:center;gap:var(--md-spacing-xs);margin-top:var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);background:#1976d214;border-radius:var(--md-radius-md);font-size:var(--md-font-size-body-sm);color:var(--md-primary)}.template-library__controls{max-width:1400px;margin:0 auto var(--md-spacing-lg)}.template-library__categories{display:flex;gap:var(--md-spacing-sm);margin-bottom:var(--md-spacing-md);overflow-x:auto;padding:var(--md-spacing-xs) 0;flex-wrap:wrap;justify-content:center}.template-library__search{max-width:400px;margin:0 auto}.template-library__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md-spacing-lg);max-width:1400px;margin:0 auto}.template-library__loading,.template-library__empty{grid-column:1 / -1}.template-library__skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md-spacing-lg);max-width:1400px;margin:0 auto}.template-card{background:var(--md-surface);border-radius:var(--md-radius-lg);overflow:hidden;box-shadow:var(--md-elevation-1);transition:box-shadow var(--md-transition-normal),transform var(--md-transition-normal)}.template-card:hover{box-shadow:var(--md-elevation-hover);transform:translateY(-2px)}.template-card__thumbnail-wrapper{position:relative;width:100%;height:200px;overflow:hidden}.template-card__thumbnail{width:100%;height:100%;object-fit:cover;display:block;background:var(--md-surface-variant)}.template-card__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--md-surface-variant);color:var(--md-on-surface-secondary);gap:var(--md-spacing-sm)}.template-card__placeholder-name{font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium)}.template-card__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--md-spacing-sm);background:#00000080;opacity:0;transition:opacity var(--md-transition-normal)}.template-card:hover .template-card__overlay{opacity:1}.template-card__info{padding:var(--md-spacing-md)}.template-card__name{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.template-card__meta{display:flex;align-items:center;justify-content:space-between}.template-card__category{font-size:var(--md-font-size-caption);color:var(--md-primary);font-weight:var(--md-font-weight-medium);text-transform:capitalize}.template-card__dimensions{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary)}@media(max-width:1023px){.template-library__grid,.template-library__skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.template-library__grid,.template-library__skeleton-grid{grid-template-columns:1fr}.template-library__title{font-size:var(--md-font-size-h3)}.template-library__categories{justify-content:flex-start}}.template-editor{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.template-editor.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px 20px;background:#ffffff1a;border-radius:12px}.editor-header h1{color:#fff;font-size:24px;margin:0}.btn-back,.btn-save-custom{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back{background:#fff3;color:#fff}.btn-back:hover{background:#ffffff4d}.btn-save-custom{background:#2ecc71;color:#fff}.btn-save-custom:hover:not(:disabled){background:#27ae60}.btn-save-custom:disabled{opacity:.6;cursor:not-allowed}.editor-workspace{display:flex;gap:20px;height:calc(100vh - 140px)}.canvas-container{flex:1;background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;overflow:auto;box-shadow:0 4px 6px #0000001a}.canvas-container canvas{max-width:100%;max-height:100%;cursor:crosshair;border:1px solid #ddd}.editor-sidebar{width:320px;background:#fff;border-radius:12px;padding:20px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.sidebar-section{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}.sidebar-section:last-child{border-bottom:none}.sidebar-section h3{font-size:16px;margin:0 0 15px;color:#333}.btn-add-text,.btn-add-image{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .3s ease;margin-bottom:10px}.btn-add-text:hover,.btn-add-image:hover{opacity:.9}.btn-add-image{background:linear-gradient(135deg,#f093fb,#f5576c)}.control-group{margin-bottom:15px}.control-group label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:5px}.control-group input[type=text],.control-group select{width:100%;padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .3s ease}.control-group input[type=text]:focus,.control-group select:focus{outline:none;border-color:#667eea}.control-group input[type=range]{width:100%;cursor:pointer}.control-group input[type=color]{width:100%;height:40px;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer}.btn-delete{width:100%;padding:10px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s ease;margin-top:10px}.btn-delete:hover{background:#c0392b}.instructions{list-style:none;padding:0;margin:0}.instructions li{padding:8px 0;font-size:13px;color:#666;border-bottom:1px solid #f0f0f0}.instructions li:last-child{border-bottom:none}.instructions li:before{content:"✓ ";color:#2ecc71;font-weight:700;margin-right:8px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media(max-width:1024px){.editor-workspace{flex-direction:column;height:auto}.canvas-container{min-height:400px}.editor-sidebar{width:100%}}.template-card-v2{background:var(--md-surface);border-radius:var(--md-radius-lg);overflow:hidden;box-shadow:var(--md-elevation-1);transition:box-shadow var(--md-transition-normal),transform var(--md-transition-normal);cursor:pointer}.template-card-v2:hover{box-shadow:var(--md-elevation-hover);transform:translateY(-2px)}.template-card-v2:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.template-card-v2--deprecated{opacity:.7}.template-card-v2__thumbnail-wrapper{position:relative;width:100%;height:200px;overflow:hidden}.template-card-v2__thumbnail{width:100%;height:100%;object-fit:cover;display:block;background:var(--md-surface-variant)}.template-card-v2__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#ffffffd9;gap:var(--md-spacing-sm);position:relative;overflow:hidden}.template-card-v2__placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.12) 0%,transparent 50%);pointer-events:none}.template-card-v2__placeholder:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.12);border-radius:6px;pointer-events:none}.template-card-v2__placeholder .svg-icon{opacity:.5;filter:brightness(2)}.template-card-v2__mini-preview{width:100%;height:100%;display:block;object-fit:cover}.template-card-v2__placeholder-name{font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);text-align:center;padding:0 var(--md-spacing-md);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1}.template-card-v2__placeholder-aspect{font-size:11px;opacity:.5;position:relative;z-index:1}.template-card-v2__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;opacity:0;transition:opacity var(--md-transition-normal)}.template-card-v2:hover .template-card-v2__overlay{opacity:1}.template-card-v2__overlay-actions{display:flex;flex-direction:column;gap:6px;align-items:center}.template-card-v2__delete-btn{color:var(--md-error, #d32f2f)!important;border-color:var(--md-error, #d32f2f)!important}.template-card-v2__deprecated-badge{position:absolute;top:var(--md-spacing-sm);right:var(--md-spacing-sm);padding:2px var(--md-spacing-sm);background:var(--md-error, #d32f2f);color:#fff;font-size:var(--md-font-size-caption);font-weight:var(--md-font-weight-medium);border-radius:var(--md-radius-sm)}.template-card-v2__info{padding:var(--md-spacing-md)}.template-card-v2__name{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-card-v2__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--md-spacing-sm)}.template-card-v2__aspect-ratio{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);white-space:nowrap}.template-card-v2__date{font-size:11px;color:var(--md-on-surface-secondary, #9ca3af);margin-top:4px}.template-card-v2__shared-badge{font-size:11px;font-weight:600;color:var(--md-primary, #1976d2);background:#1976d214;padding:2px 8px;border-radius:var(--md-radius-full, 100px);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%}.template-preview-modal__backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;padding:var(--md-spacing-lg)}.template-preview-modal{position:relative;background:var(--md-surface);border-radius:var(--md-radius-lg);box-shadow:var(--md-elevation-4, 0 8px 32px rgba(0, 0, 0, .24));max-width:960px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.template-preview-modal__close{position:absolute;top:var(--md-spacing-sm);right:var(--md-spacing-sm);z-index:1;background:var(--md-surface);border:none;border-radius:var(--md-radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--md-elevation-1);transition:background var(--md-transition-fast)}.template-preview-modal__close:hover{background:var(--md-surface-variant)}.template-preview-modal__body{display:flex;overflow:hidden;flex:1;min-height:0}.template-preview-modal__preview{flex:1;display:flex;align-items:center;justify-content:center;background:var(--md-surface-variant);min-height:300px;overflow:hidden}.template-preview-modal__image{max-width:100%;max-height:70vh;object-fit:contain;display:block}.template-preview-modal__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--md-spacing-sm);color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body)}.template-preview-modal__sidebar{width:300px;flex-shrink:0;padding:var(--md-spacing-lg);overflow-y:auto;border-left:1px solid var(--md-border);display:flex;flex-direction:column;gap:var(--md-spacing-md)}.template-preview-modal__title{font-size:var(--md-font-size-h3);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0}.template-preview-modal__deprecation-notice{display:flex;align-items:flex-start;gap:var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);background:#d32f2f14;border:1px solid rgba(211,47,47,.3);border-radius:var(--md-radius-md);color:var(--md-error, #d32f2f);font-size:var(--md-font-size-body-sm)}.template-preview-modal__metadata{display:flex;flex-direction:column;gap:var(--md-spacing-sm)}.template-preview-modal__meta-row{display:flex;align-items:center;justify-content:space-between;gap:var(--md-spacing-sm)}.template-preview-modal__meta-row--tags{flex-direction:column;align-items:flex-start}.template-preview-modal__meta-label{font-size:var(--md-font-size-body-sm);color:var(--md-on-surface-secondary);font-weight:var(--md-font-weight-medium)}.template-preview-modal__meta-value{font-size:var(--md-font-size-body-sm);color:var(--md-on-surface)}.template-preview-modal__tags{display:flex;flex-wrap:wrap;gap:var(--md-spacing-xs)}.template-preview-modal__tag{display:inline-block;padding:2px var(--md-spacing-sm);background:var(--md-surface-variant);border-radius:var(--md-radius-sm);font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary)}.template-preview-modal__versions{border-top:1px solid var(--md-border);padding-top:var(--md-spacing-md)}.template-preview-modal__versions-title{font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm) 0}.template-preview-modal__version-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--md-spacing-xs)}.template-preview-modal__version-item{display:flex;align-items:center;gap:var(--md-spacing-xs);font-size:var(--md-font-size-caption);color:var(--md-on-surface)}.template-preview-modal__version-date{margin-left:auto;color:var(--md-on-surface-secondary)}.template-preview-modal__actions{margin-top:auto;padding-top:var(--md-spacing-md)}@media(max-width:767px){.template-preview-modal__body{flex-direction:column}.template-preview-modal__sidebar{width:100%;border-left:none;border-top:1px solid var(--md-border)}.template-preview-modal__preview{min-height:200px}}.tpl-page{display:flex;min-height:100vh;background:#f8f9fa}.tpl-page__sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid #e5e7eb;padding:20px 16px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:100vh;position:sticky;top:0}.tpl-page__sidebar-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.tpl-page__search-input{border:none;outline:none;background:transparent;font-size:14px;width:100%;color:#374151}.tpl-page__search-input::placeholder{color:#9ca3af}.tpl-page__create-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.tpl-page__create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea59}.tpl-page__sidebar-section{display:flex;flex-direction:column;gap:2px}.tpl-page__sidebar-label{font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;padding:0 8px;margin-bottom:6px}.tpl-page__type-btn{display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#4b5563;cursor:pointer;transition:background .15s,color .15s}.tpl-page__type-btn:hover{background:#f3f4f6}.tpl-page__type-btn--active{background:#eef2ff;color:#667eea;font-weight:600}.tpl-page__tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px}.tpl-page__tag{padding:4px 10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;font-size:12px;color:#6b7280;cursor:pointer;transition:all .15s}.tpl-page__tag:hover{border-color:#667eea;color:#667eea}.tpl-page__tag--active{background:#667eea;color:#fff;border-color:#667eea}.tpl-page__cat-btn{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:none;background:transparent;border-radius:6px;font-size:13px;color:#4b5563;cursor:pointer;transition:background .15s}.tpl-page__cat-btn:hover{background:#f3f4f6}.tpl-page__cat-btn--active{background:#eef2ff;color:#667eea;font-weight:600}.tpl-page__cat-count{font-size:11px;color:#9ca3af;background:#f3f4f6;padding:2px 7px;border-radius:10px}.tpl-page__main{flex:1;padding:24px 28px;min-width:0;overflow-y:auto}.tpl-page__header{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.tpl-page__title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.tpl-page__count{font-size:14px;color:#9ca3af}.tpl-page__header-spacer{flex:1}.tpl-page__sort-select{padding:6px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:13px;color:#374151;cursor:pointer;outline:none;transition:border-color .15s}.tpl-page__sort-select:hover{border-color:#667eea}.tpl-page__sort-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.tpl-page__back-btn{padding:6px 14px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;font-size:13px;color:#667eea;cursor:pointer;font-weight:500;transition:all .15s;margin-right:8px}.tpl-page__back-btn:hover{background:#eef2ff;border-color:#667eea}.tpl-page__grid,.tpl-page__skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.tpl-page__categories{display:flex;flex-direction:column;gap:32px}.tpl-page__cat-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tpl-page__cat-row-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.tpl-page__see-all{display:flex;align-items:center;gap:4px;border:none;background:none;color:#667eea;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.tpl-page__see-all:hover{background:#eef2ff}.tpl-page__cat-row-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tpl-page__cat-row-scroll::-webkit-scrollbar{height:6px}.tpl-page__cat-row-scroll::-webkit-scrollbar-track{background:transparent}.tpl-page__cat-row-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.tpl-page__cat-row-item{flex-shrink:0;width:200px;scroll-snap-align:start}.tpl-page__more-card{flex-shrink:0;width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;color:#6b7280;transition:border-color .15s,color .15s}.tpl-page__more-card:hover{border-color:#667eea;color:#667eea}@media(max-width:900px){.tpl-page{flex-direction:column}.tpl-page__sidebar{width:100%;max-height:none;position:static;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #e5e7eb;padding:12px 16px;gap:12px}.tpl-page__sidebar-section{flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}.tpl-page__sidebar-label{margin-bottom:0}.tpl-page__cat-row-item{width:170px}}@media(max-width:600px){.tpl-page__main{padding:16px}.tpl-page__grid{grid-template-columns:repeat(2,1fr);gap:12px}.tpl-page__cat-row-item{width:150px}}.tool-panel{width:280px;min-width:280px;background-color:#1e1e1e;border-right:1px solid #333;display:flex;flex-direction:column;height:100%;color:#e0e0e0}.tool-panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:6px;background-color:#161616;border-bottom:1px solid #333;flex-shrink:0}.tool-panel-tab{padding:8px 4px;background:#252525;border:1px solid transparent;border-radius:6px;color:#999;font-size:11px;font-weight:500;cursor:pointer;text-align:center;transition:all .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-panel-tab:hover{color:#e0e0e0;background:#2a2a2a;border-color:#444}.tool-panel-tab.active{color:#fff;background:#333;border-color:#4fc3f7;font-weight:600}.tool-panel-content{flex:1;overflow-y:auto;padding:14px}.template-builder{display:flex;flex-direction:column;width:100%;height:100%;background-color:#1e1e1e;color:#e0e0e0;overflow:hidden}.builder-toolbar{display:flex;align-items:center;padding:8px 12px;background-color:#252525;border-bottom:1px solid #333;gap:8px;flex-shrink:0}.builder-toolbar-group{display:flex;align-items:center;gap:4px}.builder-toolbar-group+.builder-toolbar-group{margin-left:8px;padding-left:12px;border-left:1px solid #444}.builder-toolbar-spacer{flex:1}.builder-btn{padding:6px 12px;background-color:#333;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:12px;cursor:pointer;transition:background-color .15s,border-color .15s;display:flex;align-items:center;gap:4px}.builder-btn:hover{background-color:#3a3a3a;border-color:#555}.builder-btn:disabled{color:#666;cursor:default;background-color:#2a2a2a;border-color:#333}.builder-btn.primary{background-color:#4fc3f7;border-color:#4fc3f7;color:#000;font-weight:600}.builder-btn.primary:hover{background-color:#81d4fa;border-color:#81d4fa}.zoom-display{font-size:12px;color:#aaa;min-width:48px;text-align:center;-webkit-user-select:none;user-select:none}.builder-body{display:flex;flex:1;overflow:hidden}.builder-center{flex:1;overflow:hidden}.builder-right{display:flex;flex-direction:column;width:280px;min-width:280px;border-left:1px solid #333;overflow:hidden}.builder-right .properties-panel{flex:1;border-left:none;overflow-y:auto}.builder-right .layer-panel{flex-shrink:0}.builder-name-input{padding:5px 10px;background-color:#333;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:12px;width:180px;outline:none}.builder-name-input:focus{border-color:#4fc3f7}.builder-category-select{padding:5px 8px;background-color:#333;border:1px solid #444;border-radius:4px;color:#e0e0e0;font-size:12px;outline:none;cursor:pointer}.builder-category-select:focus{border-color:#4fc3f7}.builder-message{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:13px;flex-shrink:0}.builder-message--error{background-color:#5c1a1a;color:#ffb4ab;border-bottom:1px solid #7a2020}.builder-message--success{background-color:#1a3a1a;color:#a5d6a7;border-bottom:1px solid #2e7d32}.builder-message-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:2px 6px;opacity:.7}.builder-message-dismiss:hover{opacity:1}.template-builder--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#aaa;font-size:14px}.builder-loading-spinner{width:36px;height:36px;border:3px solid #333;border-top-color:#4fc3f7;border-radius:50%;animation:builder-spin .8s linear infinite}@keyframes builder-spin{to{transform:rotate(360deg)}}.folder-tree{font-family:var(--md-font-family);font-size:var(--md-font-size-body-sm);-webkit-user-select:none;user-select:none}.folder-tree__item{display:flex;align-items:center;gap:var(--md-spacing-xs);padding:var(--md-spacing-xs) var(--md-spacing-sm);border-radius:var(--md-radius-sm);cursor:pointer;transition:background var(--md-transition-fast);position:relative}.folder-tree__item:hover{background:var(--md-surface-variant)}.folder-tree__item--selected{background:#1976d21f;color:var(--md-primary)}.folder-tree__toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;cursor:pointer;padding:0;color:inherit;transition:transform var(--md-transition-fast)}.folder-tree__toggle--expanded{transform:rotate(90deg)}.folder-tree__toggle--hidden{visibility:hidden}.folder-tree__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tree__children{padding-left:var(--md-spacing-md)}.folder-tree__context-menu{position:fixed;background:var(--md-surface);border-radius:var(--md-radius-md);box-shadow:var(--md-elevation-3);z-index:var(--md-z-dropdown);min-width:160px;padding:var(--md-spacing-xs) 0}.folder-tree__context-item{display:flex;align-items:center;gap:var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);width:100%;border:none;background:none;cursor:pointer;font-size:var(--md-font-size-body-sm);color:var(--md-on-surface);text-align:left}.folder-tree__context-item:hover{background:var(--md-surface-variant)}.folder-tree__context-item--danger{color:var(--md-error)}.asset-card{border-radius:var(--md-radius-md);background:var(--md-surface);box-shadow:var(--md-elevation-1);overflow:hidden;cursor:pointer;transition:box-shadow var(--md-transition-fast),transform .15s ease;position:relative}.asset-card:hover{box-shadow:var(--md-elevation-hover);transform:translateY(-2px)}.asset-card__thumbnail-wrapper{position:relative;width:100%;padding-top:75%;background:var(--md-surface-variant);overflow:hidden}.asset-card__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.asset-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--md-on-surface-secondary)}.asset-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease}.asset-card:hover .asset-card__overlay{opacity:1}.asset-card__overlay-btn{width:36px;height:36px;border-radius:50%;background:#ffffff26;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}.asset-card__overlay-btn:hover{background:#ffffff4d;transform:scale(1.1)}.asset-card__overlay-btn--danger:hover{background:#f4433680}.asset-card__info{padding:10px 12px 12px}.asset-card__name{font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card__meta{display:flex;align-items:center;gap:var(--md-spacing-xs);margin-top:4px;color:var(--md-on-surface-secondary);font-size:var(--md-font-size-caption)}.asset-card__size{margin-left:auto;color:var(--md-on-surface-secondary)}.asset-card__tags{display:flex;flex-wrap:wrap;gap:var(--md-spacing-xs);margin-top:var(--md-spacing-xs)}.asset-card__tag{font-size:var(--md-font-size-caption);background:var(--md-surface-variant);padding:1px 6px;border-radius:var(--md-radius-full);color:var(--md-on-surface-secondary)}.asset-card__context-menu{position:fixed;background:var(--md-surface);border-radius:var(--md-radius-md);box-shadow:var(--md-elevation-3);z-index:var(--md-z-dropdown);min-width:180px;padding:var(--md-spacing-xs) 0}.asset-card__context-item{display:flex;align-items:center;gap:var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);width:100%;border:none;background:none;cursor:pointer;font-size:var(--md-font-size-body-sm);color:var(--md-on-surface);text-align:left}.asset-card__context-item:hover{background:var(--md-surface-variant)}.asset-card__context-item--danger{color:var(--md-error)}.asset-card__shared-badge{font-size:11px;font-weight:600;color:var(--md-primary, #1976d2);background:#1976d214;padding:2px 8px;border-radius:var(--md-radius-full, 100px);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%}.asset-library-page{display:flex;flex-direction:column;height:100%;font-family:var(--md-font-family);position:relative}.asset-library-page__header{padding:20px 24px;border-bottom:1px solid var(--md-divider);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.asset-library-page__header-left{flex:1;min-width:200px}.asset-library-page__title{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;margin:0}.asset-library-page__subtitle{color:var(--md-on-surface-secondary);margin:4px 0 0;font-size:13px}.asset-library-page__header-right{display:flex;align-items:center;gap:20px}.asset-library-page__header-stats{display:flex;gap:16px;align-items:center}.asset-library-page__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.asset-library-page__stat-value{font-size:18px;font-weight:600;color:var(--md-on-surface)}.asset-library-page__stat-label{font-size:10px;color:var(--md-on-surface-secondary);text-transform:uppercase;letter-spacing:.5px}.asset-library-page__upload-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;background:var(--md-primary, #4a9eff);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.asset-library-page__upload-btn:hover{background:#3a8eef;transform:translateY(-1px)}.asset-library-page__upload-btn:active{transform:translateY(0)}.asset-library-page__upload-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.asset-library-page__upload-zone{margin:16px 24px 0;padding:18px 24px;border:2px dashed var(--md-border, #444);border-radius:10px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:border-color .2s,background .2s;color:var(--md-on-surface-secondary)}.asset-library-page__upload-zone:hover{border-color:var(--md-primary, #4a9eff);background:#4a9eff0d;color:var(--md-primary, #4a9eff)}.asset-library-page__upload-zone-text{display:flex;flex-direction:column;gap:2px}.asset-library-page__upload-zone-title{font-size:14px;font-weight:500;color:var(--md-on-surface)}.asset-library-page__upload-zone-link{color:var(--md-primary, #4a9eff);text-decoration:underline;cursor:pointer}.asset-library-page__upload-zone-hint{font-size:12px;color:var(--md-on-surface-secondary)}.asset-library-page__drag-overlay{position:absolute;inset:0;z-index:100;background:#4a9eff1f;border:3px dashed var(--md-primary, #4a9eff);border-radius:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}.asset-library-page__drag-overlay-content{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--md-primary, #4a9eff);font-size:20px;font-weight:600}.asset-library-page__upload-status{display:flex;align-items:center;gap:10px;padding:10px 24px;background:#4a9eff14;color:#90caf9;font-size:13px;border-bottom:1px solid var(--md-divider)}.asset-library-page__upload-spinner{width:16px;height:16px;border:2px solid rgba(144,202,249,.3);border-top-color:#90caf9;border-radius:50%;animation:asset-spin .7s linear infinite}@keyframes asset-spin{to{transform:rotate(360deg)}}.asset-library-page__upload-error{padding:10px 24px;background:#f4433614;color:#f44336;font-size:13px;border-bottom:1px solid var(--md-divider);display:flex;align-items:center}.asset-library-page__dismiss-btn{margin-left:auto;background:none;border:none;color:#f44336;cursor:pointer;font-size:16px;padding:0 4px}.asset-library-page__body{display:flex;flex:1;overflow:hidden}.asset-library-page__sidebar{width:220px;border-right:1px solid var(--md-divider);padding:16px;overflow-y:auto;flex-shrink:0}.asset-library-page__sidebar-title{font-size:11px;font-weight:600;margin:0 0 10px;color:var(--md-on-surface-secondary);text-transform:uppercase;letter-spacing:.8px}.asset-library-page__clear-folder{margin-top:10px;width:100%;padding:8px;border:1px dashed var(--md-border);border-radius:6px;background:transparent;color:var(--md-primary);cursor:pointer;font-size:12px;text-align:center;transition:background .15s}.asset-library-page__clear-folder:hover{background:var(--md-surface-variant)}.asset-library-page__main{flex:1;display:flex;flex-direction:column;overflow:hidden}.asset-library-page__toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--md-divider);flex-wrap:wrap}.asset-library-page__search{flex:1;min-width:180px}.asset-library-page__filter-select{padding:7px 12px;border:1px solid var(--md-border);border-radius:6px;font-size:13px;background:var(--md-surface);color:var(--md-on-surface)}.asset-library-page__count{font-size:12px;color:var(--md-on-surface-secondary);white-space:nowrap;padding:6px 0}.asset-library-page__content{flex:1;overflow-y:auto;padding:16px}.asset-library-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.asset-library-page__grid--list{grid-template-columns:1fr}.asset-library-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--md-on-surface-secondary);cursor:pointer;border-radius:12px;border:2px dashed var(--md-border, #444);transition:border-color .2s,background .2s}.asset-library-page__empty:hover{border-color:var(--md-primary, #4a9eff);background:#4a9eff0a}.asset-library-page__empty h3{margin:0;font-size:16px;font-weight:600;color:var(--md-on-surface)}.asset-library-page__empty p{margin:0;font-size:13px}.asset-library-page__storage{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--md-divider);font-size:11px;color:var(--md-on-surface-secondary)}.asset-library-page__storage-bar{flex:1;height:6px;background:var(--md-surface-variant);border-radius:3px;overflow:hidden;max-width:200px}.asset-library-page__storage-fill{height:100%;background:var(--md-primary);border-radius:3px;transition:width .3s ease}.asset-dialog-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;display:flex;align-items:center;justify-content:center}.asset-dialog{background:var(--md-surface);border-radius:12px;box-shadow:var(--md-elevation-3);padding:24px;min-width:360px;max-width:480px;width:90%}.asset-dialog--preview{max-width:600px}.asset-dialog__title{font-size:18px;font-weight:600;margin:0 0 16px}.asset-dialog__input{width:100%;padding:10px 14px;border:1px solid var(--md-border);border-radius:6px;font-size:14px;background:var(--md-surface);color:var(--md-on-surface);box-sizing:border-box}.asset-dialog__input:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 2px #4a9eff33}.asset-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.asset-dialog__btn{padding:8px 18px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,opacity .15s}.asset-dialog__btn:disabled{opacity:.5;cursor:not-allowed}.asset-dialog__btn--cancel{background:var(--md-surface-variant);color:var(--md-on-surface)}.asset-dialog__btn--cancel:hover{opacity:.85}.asset-dialog__btn--primary{background:var(--md-primary);color:#fff}.asset-dialog__btn--primary:hover{opacity:.9}.asset-dialog__btn--danger{background:#f44336;color:#fff}.asset-dialog__btn--danger:hover{opacity:.9}.asset-preview__image{width:100%;max-height:400px;display:flex;align-items:center;justify-content:center;background:var(--md-surface-variant);border-radius:8px;overflow:hidden;margin-bottom:16px}.asset-preview__image img{max-width:100%;max-height:400px;object-fit:contain}.asset-preview__placeholder{padding:48px;color:var(--md-on-surface-secondary)}.asset-preview__info{margin-bottom:8px}.asset-preview__meta{font-size:13px;color:var(--md-on-surface-secondary);margin:4px 0}.schedule-entry-form{padding:24px;max-width:640px;margin:0 auto}.schedule-entry-form__title{font-size:1.25rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);margin:0 0 20px}.schedule-entry-form__errors{padding:12px 16px;margin-bottom:16px;background:var(--md-error-container, #fce4ec);border-radius:8px;border:1px solid var(--md-error, #d32f2f)}.schedule-entry-form__error{margin:0 0 4px;font-size:.8125rem;color:var(--md-error, #d32f2f)}.schedule-entry-form__error:last-child{margin-bottom:0}.schedule-entry-form__fieldset{border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;padding:16px;margin:0 0 16px}.schedule-entry-form__legend{font-size:.8125rem;font-weight:600;color:var(--md-on-surface-secondary, #666);text-transform:uppercase;letter-spacing:.05em;padding:0 8px}.schedule-entry-form__row{display:flex;gap:12px;align-items:flex-start}.schedule-entry-form__field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.schedule-entry-form__field:last-child{margin-bottom:0}.schedule-entry-form__field--grow{flex:1}.schedule-entry-form__field label{font-size:.8125rem;font-weight:500;color:var(--md-on-surface, #1a1a1a)}.schedule-entry-form__field input[type=text],.schedule-entry-form__field input[type=datetime-local],.schedule-entry-form__field input[type=date],.schedule-entry-form__field select{padding:8px 12px;border:1px solid var(--md-outline, #ccc);border-radius:6px;font-size:.875rem;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a)}.schedule-entry-form__field input:focus,.schedule-entry-form__field select:focus{outline:2px solid var(--md-primary, #1976d2);outline-offset:-1px}.schedule-entry-form__tz-display{font-size:.75rem;color:var(--md-on-surface-secondary, #666);font-style:italic}.schedule-entry-form__days{margin-bottom:12px}.schedule-entry-form__days-label{display:block;font-size:.8125rem;font-weight:500;color:var(--md-on-surface, #1a1a1a);margin-bottom:6px}.schedule-entry-form__day-checkboxes{display:flex;gap:4px;flex-wrap:wrap}.schedule-entry-form__day-checkbox{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--md-outline, #ccc);border-radius:16px;font-size:.8125rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s}.schedule-entry-form__day-checkbox:has(input:checked){background:var(--md-primary-container, #e3f2fd);border-color:var(--md-primary, #1976d2)}.schedule-entry-form__day-checkbox input{width:0;height:0;opacity:0;position:absolute}.schedule-entry-form__priority{display:flex;align-items:center;gap:12px}.schedule-entry-form__priority input[type=range]{flex:1;accent-color:var(--md-primary, #1976d2)}.schedule-entry-form__priority-value{font-size:1rem;font-weight:600;color:var(--md-primary, #1976d2);min-width:32px;text-align:center}.schedule-entry-form__priority-hint{font-size:.75rem;color:var(--md-on-surface-secondary, #666);margin:4px 0 0}.schedule-entry-form__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.schedule-page{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.schedule-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-lg);max-width:1200px;margin-left:auto;margin-right:auto}.schedule-page__header-text{flex:1}.schedule-page__title{display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.schedule-page__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0}.schedule-page__skeleton{display:flex;flex-direction:column;gap:8px;max-width:1200px;margin:0 auto}.schedule-page__empty,.schedule-page__calendar{max-width:1200px;margin:0 auto}.schedule-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-md)}.schedule-page__nav{display:flex;align-items:center;gap:var(--md-spacing-sm)}.schedule-page__nav-btn{background:none;border:1px solid var(--md-outline, #e0e0e0);border-radius:8px;cursor:pointer;padding:6px 10px;color:var(--md-on-surface, #1a1a1a);font-size:.875rem;display:flex;align-items:center;transition:background .15s,border-color .15s}.schedule-page__nav-btn:hover{background:var(--md-surface-variant, #f5f5f5);border-color:var(--md-primary, #1976d2)}.schedule-page__month-label{font-size:1.125rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);min-width:180px;text-align:center}.schedule-page__view-toggle{display:flex;gap:2px;background:var(--md-surface-variant, #f0f0f0);border-radius:8px;padding:2px}.schedule-page__view-btn{background:none;border:none;cursor:pointer;padding:6px 14px;border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--md-on-surface-secondary, #666);transition:background .15s,color .15s}.schedule-page__view-btn--active{background:var(--md-surface, #fff);color:var(--md-primary, #1976d2);box-shadow:0 1px 3px #00000014}.schedule-page__grid{border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;overflow:hidden;background:var(--md-surface, #fff)}.schedule-page__weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--md-surface-variant, #f5f5f5);border-bottom:1px solid var(--md-outline, #e0e0e0)}.schedule-page__weekday{padding:10px 8px;text-align:center;font-size:.75rem;font-weight:600;color:var(--md-on-surface-secondary, #666);text-transform:uppercase;letter-spacing:.05em}.schedule-page__weeks{display:flex;flex-direction:column}.schedule-page__week{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--md-outline, #e0e0e0)}.schedule-page__week:last-child{border-bottom:none}.schedule-page__day{min-height:100px;padding:4px;border-right:1px solid var(--md-outline, #e0e0e0);cursor:pointer;transition:background .1s;position:relative}.schedule-page__day:last-child{border-right:none}.schedule-page__day:hover{background:var(--md-surface-variant, #fafafa)}.schedule-page__day--outside{background:var(--md-surface-variant, #f9f9f9);opacity:.5}.schedule-page__day--today{background:#1976d20a}.schedule-page__day-number{font-size:.8125rem;font-weight:500;color:var(--md-on-surface, #1a1a1a);padding:2px 6px;display:inline-block}.schedule-page__day--today .schedule-page__day-number{background:var(--md-primary, #1976d2);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.schedule-page__entry{display:block;padding:2px 6px;margin:1px 2px;border-radius:4px;font-size:.6875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity .15s}.schedule-page__entry:hover{opacity:.85}.schedule-page__entry--playlist{background:var(--md-primary, #1976d2)}.schedule-page__entry--template{background:#2e7d32}.schedule-page__entry--asset{background:#e65100}.schedule-page__modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.schedule-page__modal{background:var(--md-surface, #fff);border-radius:16px;padding:var(--md-spacing-lg);max-width:640px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #00000026}.schedule-page__day-view{background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;overflow:hidden}.schedule-page__day-view-header{padding:12px 16px;background:var(--md-surface-variant, #f5f5f5);border-bottom:1px solid var(--md-outline, #e0e0e0);font-weight:600;color:var(--md-on-surface, #1a1a1a)}.schedule-page__day-view-list{padding:8px;display:flex;flex-direction:column;gap:6px;min-height:200px}.schedule-page__day-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s}.schedule-page__day-entry:hover{background:var(--md-surface-variant, #f5f5f5)}.schedule-page__day-entry-color{width:4px;height:32px;border-radius:2px;flex-shrink:0}.schedule-page__day-entry-info{flex:1;min-width:0}.schedule-page__day-entry-name{font-size:.875rem;font-weight:500;color:var(--md-on-surface, #1a1a1a)}.schedule-page__day-entry-time{font-size:.75rem;color:var(--md-on-surface-secondary, #666)}.schedule-page__week-view{background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;overflow:hidden}.schedule-page__week-grid{display:grid;grid-template-columns:repeat(7,1fr)}.schedule-page__week-col{border-right:1px solid var(--md-outline, #e0e0e0);min-height:300px}.schedule-page__week-col:last-child{border-right:none}.schedule-page__week-col-header{padding:10px 8px;text-align:center;background:var(--md-surface-variant, #f5f5f5);border-bottom:1px solid var(--md-outline, #e0e0e0);font-size:.75rem;font-weight:600;color:var(--md-on-surface-secondary, #666)}.schedule-page__week-col-header--today{color:var(--md-primary, #1976d2);background:#1976d20f}.schedule-page__week-col-body{padding:4px;display:flex;flex-direction:column;gap:4px}@media(max-width:767px){.schedule-page__header{flex-direction:column;align-items:stretch}.schedule-page__title{font-size:var(--md-font-size-h3)}.schedule-page__toolbar{flex-direction:column;align-items:stretch}.schedule-page__day{min-height:60px}.schedule-page__entry{font-size:.625rem}}.pairing-dialog{padding:32px;max-width:480px;margin:0 auto;text-align:center}.pairing-dialog__title{font-size:1.25rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);margin:0 0 8px}.pairing-dialog__instructions{font-size:.875rem;color:var(--md-on-surface-secondary, #666);margin:0 0 24px}.pairing-dialog__char-count{font-size:.75rem;font-weight:500;color:var(--md-on-surface-secondary, #666);white-space:nowrap}.pairing-dialog__errors{padding:12px 16px;margin-bottom:16px;background:var(--md-error-container, #fce4ec);border-radius:8px;border:1px solid var(--md-error, #d32f2f);text-align:left}.pairing-dialog__error{margin:0;font-size:.8125rem;color:var(--md-error, #d32f2f)}.pairing-dialog__config-form{text-align:left}.pairing-dialog__field{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.pairing-dialog__field label{font-size:.8125rem;font-weight:500;color:var(--md-on-surface, #1a1a1a)}.pairing-dialog__field select{padding:8px 12px;border:1px solid var(--md-outline, #ccc);border-radius:6px;font-size:.875rem;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a)}.pairing-dialog__field select:focus{outline:2px solid var(--md-primary, #1976d2);outline-offset:-1px}.pairing-dialog__actions{display:flex;justify-content:center;gap:8px;margin-top:24px}.screen-detail-panel{padding:20px;max-width:560px}.screen-detail-panel__empty{color:var(--md-on-surface-secondary, #666);font-size:.875rem;text-align:center;padding:32px 0}.screen-detail-panel__header{display:flex;align-items:center;gap:10px;margin-bottom:2px}.screen-detail-panel__name{font-size:1.125rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-detail-panel__status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.screen-detail-panel__status:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block}.screen-detail-panel__status--online{background:#e8f5e9;color:#2e7d32}.screen-detail-panel__status--online:before{background:#4caf50;box-shadow:0 0 4px #4caf5080}.screen-detail-panel__status--offline{background:#ffebee;color:#c62828}.screen-detail-panel__status--offline:before{background:#ef5350}.screen-detail-panel__status--pending{background:#fff3e0;color:#e65100}.screen-detail-panel__status--pending:before{background:#ffc107;box-shadow:0 0 4px #ffc10780}.screen-detail-panel__status--unknown{background:#f5f5f5;color:#757575}.screen-detail-panel__status--unknown:before{background:#bdbdbd}.screen-detail-panel__location{font-size:.8125rem;color:var(--md-on-surface-secondary, #666);margin:0 0 16px}.screen-detail-panel__section{margin-bottom:20px;padding-top:16px;border-top:1px solid var(--md-outline-variant, #e0e0e0)}.screen-detail-panel__section-title{font-size:.6875rem;font-weight:600;color:var(--md-on-surface-secondary, #888);margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em}.screen-detail-panel__slideshow-assigned{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#e8f5e9;border-radius:10px;border:1px solid rgba(76,175,80,.2)}.screen-detail-panel__slideshow-assigned-info{flex:1;min-width:0}.screen-detail-panel__slideshow-assigned-name{font-size:.9375rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-detail-panel__slideshow-assigned-meta{font-size:.75rem;color:var(--md-on-surface-secondary, #666)}.screen-detail-panel__change-link{background:none;border:none;color:var(--md-primary, #1976d2);font-size:.8125rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s;flex-shrink:0}.screen-detail-panel__change-link:hover{background:var(--md-primary-container, #e3f2fd)}.screen-detail-panel__slideshow-cta{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 16px;background:var(--md-surface-variant, #f5f5f5);border-radius:12px;border:2px dashed var(--md-outline, #ccc);text-align:center}.screen-detail-panel__slideshow-cta-icon{width:52px;height:52px;border-radius:50%;background:var(--md-primary-container, #e3f2fd);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.screen-detail-panel__slideshow-cta-text{font-size:.875rem;color:var(--md-on-surface-secondary, #666);margin:0}.screen-detail-panel__select-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--md-primary, #1976d2);color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.screen-detail-panel__select-btn:hover{background:#1565c0;transform:translateY(-1px)}.screen-detail-panel__slideshow-picker{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto;margin-top:8px}.screen-detail-panel__slideshow-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--md-surface, #fff);border:1px solid var(--md-outline-variant, #e0e0e0);border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.screen-detail-panel__slideshow-option:hover{border-color:var(--md-primary, #1976d2);background:var(--md-primary-container, #e3f2fd)}.screen-detail-panel__slideshow-option-info{flex:1;min-width:0}.screen-detail-panel__slideshow-option-name{font-size:.8125rem;font-weight:500;color:var(--md-on-surface, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-detail-panel__slideshow-option-meta{font-size:.6875rem;color:var(--md-on-surface-secondary, #888)}.screen-detail-panel__picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.screen-detail-panel__picker-header span{font-size:.8125rem;color:var(--md-on-surface-secondary, #666)}.screen-detail-panel__picker-cancel{background:none;border:none;color:var(--md-on-surface-secondary, #888);font-size:.8125rem;cursor:pointer;padding:4px 8px;border-radius:6px}.screen-detail-panel__picker-cancel:hover{background:var(--md-surface-variant, #f0f0f0)}.screen-detail-panel__layout-select{width:100%;padding:8px 12px;border:1px solid var(--md-outline, #ccc);border-radius:8px;font-size:.875rem;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a);cursor:pointer;transition:border-color .15s}.screen-detail-panel__layout-select:focus{outline:none;border-color:var(--md-primary, #1976d2);box-shadow:0 0 0 2px #1976d21f}.screen-detail-panel__send-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#2e7d32;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px #2e7d3240}.screen-detail-panel__send-btn:hover:not(:disabled){background:#1b5e20;transform:translateY(-1px);box-shadow:0 4px 12px #2e7d3259}.screen-detail-panel__send-btn:disabled{background:#bdbdbd;color:#fff;cursor:not-allowed;box-shadow:none}@keyframes sdp-checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.screen-detail-panel__send-success{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#e8f5e9;color:#2e7d32;border:2px solid #4caf50;border-radius:12px;font-size:1rem;font-weight:600}.screen-detail-panel__send-success-icon{animation:sdp-checkmark .4s ease-out;font-size:1.25rem}.screen-detail-panel__error{font-size:.8125rem;color:#d32f2f;margin:8px 0 0;text-align:center}.screen-detail-panel__loading{font-size:.8125rem;color:var(--md-on-surface-secondary, #888);text-align:center;padding:8px 0}.screen-manager{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.screen-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-md);max-width:1200px;margin-left:auto;margin-right:auto}.screen-manager__header-text{flex:1}.screen-manager__title{display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.screen-manager__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0}.screen-manager__status-bar{display:flex;gap:12px;max-width:1200px;margin:0 auto var(--md-spacing-md)}.screen-manager__status-chip{padding:6px 14px;border-radius:20px;font-size:.8125rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.screen-manager__status-chip--total{background:var(--md-surface-variant, #e8e8e8);color:var(--md-on-surface, #1a1a1a)}.screen-manager__status-chip--online{background:#e8f5e9;color:#2e7d32}.screen-manager__status-chip--online:before{content:"";width:8px;height:8px;border-radius:50%;background:#4caf50;display:inline-block}.screen-manager__status-chip--offline{background:#fce4ec;color:#c62828}.screen-manager__status-chip--offline:before{content:"";width:8px;height:8px;border-radius:50%;background:#ef5350;display:inline-block}.screen-manager__body{display:flex;gap:var(--md-spacing-md);max-width:1200px;margin:0 auto;min-height:500px}.screen-manager__sidebar{width:220px;flex-shrink:0;background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;padding:12px;align-self:flex-start}.screen-manager__sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.screen-manager__sidebar-title{font-size:.875rem;font-weight:600;color:var(--md-on-surface);margin:0}.screen-manager__sidebar-add{background:none;border:1px solid var(--md-outline, #ccc);border-radius:4px;cursor:pointer;font-size:1rem;line-height:1;padding:2px 8px;color:var(--md-primary, #1976d2)}.screen-manager__sidebar-add:hover{background:var(--md-primary-container, #e3f2fd)}.screen-manager__new-group{margin-bottom:8px}.screen-manager__new-group-input{width:100%;padding:6px 8px;border:1px solid var(--md-outline, #ccc);border-radius:6px;font-size:.8125rem;margin-bottom:6px;box-sizing:border-box}.screen-manager__new-group-actions{display:flex;gap:6px}.screen-manager__group-list{list-style:none;margin:0;padding:0}.screen-manager__group-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;background:none;border-radius:6px;cursor:pointer;font-size:.8125rem;color:var(--md-on-surface, #333);text-align:left;transition:background .15s}.screen-manager__group-item:hover{background:var(--md-surface-variant, #f5f5f5)}.screen-manager__group-item--active{background:var(--md-primary-container, #e3f2fd);color:var(--md-primary, #1976d2);font-weight:500}.screen-manager__group-count{font-size:.75rem;color:var(--md-on-surface-secondary, #888);background:var(--md-surface-variant, #eee);padding:1px 6px;border-radius:10px}.screen-manager__main{flex:1;min-width:0}.screen-manager__bulk-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--md-primary-container, #e3f2fd);border-radius:8px;margin-bottom:12px}.screen-manager__bulk-count{font-size:.8125rem;font-weight:500;color:var(--md-primary, #1976d2);margin-right:auto}.screen-manager__bulk-dialog{padding:16px;background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f}.screen-manager__bulk-dialog label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:8px;color:var(--md-on-surface, #333)}.screen-manager__bulk-dialog input,.screen-manager__bulk-dialog select{width:100%;padding:8px 12px;border:1px solid var(--md-outline, #ccc);border-radius:8px;font-size:.875rem;margin-bottom:12px;box-sizing:border-box;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a);transition:border-color .15s}.screen-manager__bulk-dialog input:focus,.screen-manager__bulk-dialog select:focus{outline:none;border-color:var(--md-primary, #1976d2);box-shadow:0 0 0 2px #1976d21f}.screen-manager__bulk-dialog-actions{display:flex;gap:8px}.screen-manager__bulk-slideshow-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin-bottom:12px}.screen-manager__bulk-slideshow-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--md-surface, #fff);border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;outline:1px solid var(--md-outline-variant, #e0e0e0)}.screen-manager__bulk-slideshow-option:hover{outline-color:var(--md-primary, #1976d2);background:var(--md-primary-container, #e3f2fd)}.screen-manager__bulk-slideshow-option--selected{border-color:var(--md-primary, #1976d2);background:var(--md-primary-container, #e3f2fd);outline-color:var(--md-primary, #1976d2)}.screen-manager__bulk-slideshow-option-info{flex:1;min-width:0}.screen-manager__bulk-slideshow-option-name{font-size:.8125rem;font-weight:500;color:var(--md-on-surface, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-manager__bulk-slideshow-option-meta{font-size:.6875rem;color:var(--md-on-surface-secondary, #888)}.screen-manager__select-all{margin-bottom:8px;font-size:.8125rem;color:var(--md-on-surface-secondary)}.screen-manager__select-all label{display:flex;align-items:center;gap:6px;cursor:pointer}.screen-manager__grid{display:flex;flex-direction:column;gap:10px}.screen-manager__card{display:flex;align-items:stretch;background:var(--md-surface, #fff);border:1px solid var(--md-outline-variant, #e8e8e8);border-radius:12px;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.screen-manager__card:hover{border-color:var(--md-primary, #1976d2);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.screen-manager__card--selected{border-color:var(--md-primary, #1976d2);background:var(--md-primary-container, #e3f2fd);box-shadow:0 2px 8px #1976d21f}.screen-manager__card-select{display:flex;align-items:center;padding:14px;flex-shrink:0}.screen-manager__card-body{flex:1;padding:14px 14px 14px 0;cursor:pointer;min-width:0}.screen-manager__card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.screen-manager__card-name{font-size:.9375rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-manager__card-status{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:12px;flex-shrink:0;text-transform:capitalize;display:inline-flex;align-items:center;gap:5px}.screen-manager__card-status:before{content:"";width:7px;height:7px;border-radius:50%;display:inline-block}.screen-manager__card-status--online{background:#e8f5e9;color:#2e7d32}.screen-manager__card-status--online:before{background:#4caf50;box-shadow:0 0 4px #4caf5080}.screen-manager__card-status--offline{background:#ffebee;color:#c62828}.screen-manager__card-status--offline:before{background:#ef5350}.screen-manager__card-status--pending{background:#fff8e1;color:#f57f17}.screen-manager__card-status--pending:before{background:#ffc107;box-shadow:0 0 4px #ffc10780}.screen-manager__card-status--unknown{background:var(--md-surface-variant, #eee);color:var(--md-on-surface-secondary, #888)}.screen-manager__card-status--unknown:before{background:#bdbdbd}.screen-manager__card-location{font-size:.8125rem;color:var(--md-on-surface-secondary, #666);margin:0 0 6px;display:flex;align-items:center;gap:4px}.screen-manager__card-meta{display:flex;gap:12px;font-size:.75rem;color:var(--md-on-surface-secondary, #999)}.screen-manager__card-meta span{display:inline-flex;align-items:center;gap:3px}.screen-manager__skeleton{display:flex;flex-direction:column;gap:8px}.screen-manager__empty{padding:40px 0}.screen-manager__detail{width:360px;flex-shrink:0;background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:12px;padding:12px;position:relative;align-self:flex-start;max-height:80vh;overflow-y:auto;box-shadow:0 2px 12px #0000000f}.screen-manager__detail-close{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--md-on-surface-secondary, #888);padding:4px;border-radius:50%}.screen-manager__detail-close:hover{background:var(--md-surface-variant, #f0f0f0)}.screen-manager__modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.screen-manager__modal{background:var(--md-surface, #fff);border-radius:16px;padding:24px;max-width:480px;width:90%;box-shadow:0 8px 32px #00000026}@media(max-width:900px){.screen-manager__body{flex-direction:column}.screen-manager__sidebar,.screen-manager__detail{width:100%}}@media(max-width:767px){.screen-manager__header{flex-direction:column;align-items:stretch}.screen-manager__title{font-size:var(--md-font-size-h3)}}.settings-tabs{min-width:220px}.settings-tabs__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.settings-tabs__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;border-radius:6px;background:transparent;color:#4b5563;font-size:.9rem;cursor:pointer;text-align:left;transition:background .15s,color .15s}.settings-tabs__item:hover{background:#f3f4f6;color:#111827}.settings-tabs__item--active{background:#eef2ff;color:#4f46e5;font-weight:600}.settings-tabs__item--active:hover{background:#e0e7ff;color:#4338ca}.settings-tabs__icon{flex-shrink:0}.settings-tabs__label{white-space:nowrap}.settings-section{display:flex;flex-direction:column;gap:var(--md-spacing-md, 16px)}.settings-section__title{font-size:var(--md-font-size-h3, 1.25rem);font-weight:var(--md-font-weight-bold, 600);color:var(--md-on-surface, #1a1a1a);margin:0}.settings-section__description{font-size:.875rem;color:var(--md-on-surface-secondary, #666);margin:0;line-height:1.5}.settings-section__field{display:flex;align-items:center;gap:var(--md-spacing-md, 16px);padding:10px 0;border-bottom:1px solid var(--md-outline, #f0f0f0)}.settings-section__field:last-child{border-bottom:none}.settings-section__label{flex:0 0 180px;font-size:.875rem;font-weight:500;color:var(--md-on-surface, #1a1a1a)}.settings-section__select{flex:1;max-width:260px;padding:8px 12px;font-size:.875rem;border:1px solid var(--md-outline, #ccc);border-radius:8px;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a);cursor:pointer;transition:border-color .15s}.settings-section__select:focus{outline:2px solid var(--md-primary, #1976d2);outline-offset:-1px}.settings-section__input{flex:1;max-width:260px;padding:8px 12px;font-size:.875rem;border:1px solid var(--md-outline, #ccc);border-radius:8px;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a);transition:border-color .15s}.settings-section__input:focus{outline:2px solid var(--md-primary, #1976d2);outline-offset:-1px}.settings-section__input:disabled{opacity:.5;cursor:not-allowed}.settings-section__toggle{position:relative;display:inline-flex;align-items:center}.settings-section__toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:44px;height:24px;background:var(--md-outline, #ccc);border-radius:12px;border:none;cursor:pointer;transition:background .2s ease;outline:none}.settings-section__toggle input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.settings-section__toggle input[type=checkbox]:checked{background:var(--md-primary, #1976d2)}.settings-section__toggle input[type=checkbox]:checked:before{transform:translate(20px)}.settings-section__toggle input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px #1976d24d}.settings-section__button{padding:8px 16px;font-size:.875rem;font-weight:500;border:1px solid var(--md-outline, #ccc);border-radius:8px;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.settings-section__button:hover{background:var(--md-surface-variant, #f5f5f5);border-color:var(--md-primary, #1976d2)}.settings-section__button:focus-visible{outline:2px solid var(--md-primary, #1976d2);outline-offset:2px}.settings-section__button:disabled{opacity:.5;cursor:not-allowed}.settings-section__button--danger{color:var(--md-error, #d32f2f);border-color:var(--md-error, #d32f2f)}.settings-section__button--danger:hover:not(:disabled){background:var(--md-error-container, #fce4ec);border-color:var(--md-error, #d32f2f)}.settings-section__inline-group{display:flex;align-items:center;gap:var(--md-spacing-sm, 8px);flex:1}.settings-section__inline-group .settings-section__input{flex:1;max-width:none}.settings-section__error{font-size:.8125rem;color:var(--md-error, #d32f2f);margin:0}.settings-section__warning{font-size:.875rem;color:var(--md-error, #d32f2f);background:var(--md-error-container, #fce4ec);padding:10px 14px;border-radius:8px;font-weight:500}.settings-section__hint{font-size:.8125rem;color:var(--md-on-surface-secondary, #666);margin:4px 0 0}.settings-section__empty{font-size:.875rem;color:var(--md-on-surface-secondary, #666);font-style:italic;margin:0}.settings-section__color-swatches{display:flex;align-items:center;gap:10px}.settings-section__color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s;outline:none}.settings-section__color-swatch:hover{transform:scale(1.15)}.settings-section__color-swatch:focus-visible{box-shadow:0 0 0 3px #1976d24d}.settings-section__color-swatch--selected{border-color:var(--md-on-surface, #1a1a1a);box-shadow:0 0 0 2px var(--md-surface, #fff),0 0 0 4px var(--md-on-surface, #1a1a1a)}.settings-section__table{width:100%;border-collapse:collapse;font-size:.875rem}.settings-section__table th{text-align:left;padding:10px 12px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--md-on-surface-secondary, #666);border-bottom:2px solid var(--md-outline, #e0e0e0)}.settings-section__table td{padding:10px 12px;color:var(--md-on-surface, #1a1a1a);border-bottom:1px solid var(--md-outline, #f0f0f0);vertical-align:middle}.settings-section__table tr:last-child td{border-bottom:none}.settings-section__table code{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.8125rem;background:var(--md-surface-variant, #f5f5f5);padding:2px 6px;border-radius:4px}.settings-section__highlight-box{background:var(--md-primary-container, #e3f2fd);border:1px solid var(--md-primary, #1976d2);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.settings-section__highlight-box strong{font-size:.875rem;color:var(--md-primary, #1976d2)}.settings-section__key-value{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.875rem;background:var(--md-surface, #fff);padding:8px 12px;border-radius:6px;border:1px solid var(--md-outline, #e0e0e0);word-break:break-all;display:block}.settings-section__value{font-size:.875rem;color:var(--md-on-surface, #1a1a1a)}.settings-section__links{display:flex;align-items:center;gap:var(--md-spacing-md, 16px)}.settings-section__link{font-size:.875rem;color:var(--md-primary, #1976d2);text-decoration:none;font-weight:500;transition:color .15s}.settings-section__link:hover{color:var(--md-primary-dark, #1565c0);text-decoration:underline}@media(max-width:767px){.settings-section__field{flex-direction:column;align-items:flex-start;gap:6px}.settings-section__label{flex:none}.settings-section__select,.settings-section__input{max-width:100%;width:100%}.settings-section__inline-group{flex-direction:column;width:100%}.settings-section__table{font-size:.8125rem}.settings-section__table th,.settings-section__table td{padding:8px 6px}}.settings-page{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.settings-page__header{max-width:1200px;margin:0 auto var(--md-spacing-lg)}.settings-page__title{display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.settings-page__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0}.settings-page__layout{display:flex;gap:var(--md-spacing-lg);max-width:1200px;margin:0 auto}.settings-page__tabs{width:220px;flex-shrink:0}.settings-page__tabs-placeholder{display:flex;flex-direction:column;gap:var(--md-spacing-xs);background:var(--md-surface, #fff);border-radius:10px;border:1px solid var(--md-outline, #e0e0e0);padding:var(--md-spacing-sm)}.settings-page__tab-item{padding:10px 14px;border-radius:8px;font-size:.875rem;color:var(--md-on-surface-secondary, #666);cursor:pointer;transition:background .15s,color .15s;border:none;background:none;text-align:left;width:100%}.settings-page__tab-item:hover{background:var(--md-surface-variant, #f5f5f5);color:var(--md-on-surface, #1a1a1a)}.settings-page__tab-item--active{background:var(--md-primary-container, #e8eaf6);color:var(--md-primary, #1976d2);font-weight:500}.settings-page__content{flex:1;min-width:0;background:var(--md-surface, #fff);border-radius:10px;border:1px solid var(--md-outline, #e0e0e0);padding:var(--md-spacing-lg)}.settings-page__section-title{font-size:var(--md-font-size-h3, 1.25rem);font-weight:var(--md-font-weight-bold, 600);color:var(--md-on-surface, #1a1a1a);margin:0 0 var(--md-spacing-md) 0}.settings-page__section-placeholder{color:var(--md-on-surface-secondary, #666);font-size:.875rem}.settings-page__skeleton{max-width:1200px;margin:0 auto;display:flex;gap:var(--md-spacing-lg)}.settings-page__skeleton-tabs{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--md-spacing-sm)}.settings-page__skeleton-tab{height:40px;background:var(--md-surface-variant, #f0f0f0);border-radius:8px;animation:settings-skeleton-pulse 1.5s ease-in-out infinite}.settings-page__skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--md-spacing-md)}.settings-page__skeleton-line{height:20px;background:var(--md-surface-variant, #f0f0f0);border-radius:6px;animation:settings-skeleton-pulse 1.5s ease-in-out infinite}.settings-page__skeleton-line--wide{width:80%}.settings-page__skeleton-line--medium{width:60%}.settings-page__skeleton-line--narrow{width:40%}@keyframes settings-skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:767px){.settings-page__layout{flex-direction:column}.settings-page__tabs{width:100%}.settings-page__tabs-placeholder{flex-direction:row;overflow-x:auto}.settings-page__skeleton{flex-direction:column}.settings-page__skeleton-tabs{width:100%;flex-direction:row}.settings-page__skeleton-tab{min-width:120px}}.subscription-page{max-width:1400px;margin:0 auto;padding:2rem}.subscription-header{margin-bottom:3rem}.subscription-header h1{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.subscription-header p{font-size:1.125rem;color:#6b7280}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.current-plan-section{margin-bottom:4rem}.current-plan-section h2{font-size:1.875rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.current-plan-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;color:#fff;box-shadow:0 10px 25px #667eea4d;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.plan-info{display:flex;flex-direction:column;gap:1rem}.plan-badge .badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-info h3{font-size:2rem;font-weight:700;margin:0}.plan-price{display:flex;align-items:baseline;gap:.25rem}.plan-price .amount{font-size:3rem;font-weight:700}.plan-price .interval{font-size:1.25rem;color:#fffc}.subscription-status{font-size:1rem;color:#ffffffe6;margin-top:1rem}.status-active{text-transform:capitalize;font-weight:600}.renewal-date{color:#ffffffb3}.usage-stats{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem}.usage-stats h4{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.usage-item{margin-bottom:1.5rem}.usage-item:last-child{margin-bottom:0}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.usage-numbers{font-weight:600}.usage-bar{height:8px;background:#fff3;border-radius:4px;overflow:hidden}.usage-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.available-plans-section{margin-bottom:4rem}.available-plans-section h2{font-size:1.875rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.section-description{font-size:1rem;color:#6b7280;margin-bottom:2rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.plan-card.popular{border-color:#3b82f6;box-shadow:0 10px 30px #3b82f633}.plan-card.current{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.popular-badge,.current-badge{position:absolute;top:-12px;right:1.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.popular-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.current-badge{background:linear-gradient(135deg,#10b981,#059669)}.plan-card .plan-header{margin-bottom:1.5rem}.plan-card .plan-header h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.plan-card .plan-price{display:flex;align-items:baseline;gap:.25rem;color:#1f2937}.plan-card .plan-price .currency{font-size:1.25rem;font-weight:600}.plan-card .plan-price .amount{font-size:2.5rem;font-weight:700}.plan-card .plan-price .interval{font-size:1rem;color:#6b7280}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;font-size:.9375rem;color:#4b5563}.plan-features li:first-child{padding-top:0}.check-icon{width:20px;height:20px;color:#10b981;flex-shrink:0;margin-top:2px}.plan-button{width:100%;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.plan-button.current{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.plan-button.upgrade{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.plan-button.upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.plan-button.downgrade{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.plan-button.downgrade:hover{background:#eff6ff}.plan-comparison-section{margin-bottom:4rem}.plan-comparison-section h2{font-size:1.875rem;font-weight:600;color:#1f2937;margin-bottom:2rem}.comparison-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb}.comparison-table{width:100%;border-collapse:collapse;background:#fff}.comparison-table thead{background:#f9fafb}.comparison-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.comparison-table th.current-column{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#047857}.comparison-table td{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;color:#4b5563}.comparison-table td.current-column{background:#f0fdf4;font-weight:600;color:#047857}.comparison-table tbody tr:last-child td{border-bottom:none}@media(max-width:1024px){.current-plan-card{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.subscription-page{padding:1rem}.subscription-header h1{font-size:2rem}.plans-grid{grid-template-columns:1fr}.comparison-table-wrapper{border-radius:0}.comparison-table th,.comparison-table td{padding:.75rem;font-size:.875rem}}.premium-admin-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.premium-admin-card .card-header{padding:20px 24px;border-bottom:1px solid #e5e7eb}.premium-admin-card .card-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.premium-admin-card .card-body{padding:24px}.upload-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#374151}.form-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s}.form-select:hover{border-color:#9ca3af}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-file-input{padding:10px;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.form-file-input:hover{border-color:#667eea;background:#f9fafb}.selected-files{margin-top:8px;padding:12px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#4b5563}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-top:16px}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.filter-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.filter-section label{font-weight:500;color:#374151}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.content-group{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.group-header{padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center}.group-header h3{margin:0;font-size:16px;font-weight:600;text-transform:capitalize}.file-count{font-size:14px;opacity:.9}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding:20px}.file-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s;background:#fff}.file-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.file-preview{width:100%;height:150px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-preview img{width:100%;height:100%;object-fit:cover}.file-preview video{width:100%;height:100%;object-fit:cover}.file-preview .file-icon{font-size:48px}.file-info{padding:12px}.file-name{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.file-meta{font-size:12px;color:#6b7280}.file-actions{display:flex;gap:8px;padding:0 12px 12px}.btn-icon{flex:1;padding:8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:16px;text-align:center;text-decoration:none;transition:all .2s}.btn-icon:hover{background:#f3f4f6;border-color:#9ca3af}.btn-icon.btn-danger:hover{background:#fef2f2;border-color:#fca5a5}.empty-state{padding:60px 20px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state .empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:20px;color:#1f2937}.empty-state p{margin:0;font-size:14px;color:#6b7280}@media(max-width:768px){.form-row{grid-template-columns:1fr}.files-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.filter-section{flex-direction:column;align-items:flex-start}}.zone-editor-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.zone-editor-content{background:#1a1a2e;border-radius:16px;max-width:1400px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.zone-editor-header{padding:24px;border-bottom:2px solid #2a2a3e}.zone-editor-header h2{margin:0 0 8px;color:#fff;font-size:24px}.zone-editor-header p{margin:0;color:#888;font-size:14px}.zone-editor-body{display:flex;flex:1;overflow:hidden}.zone-canvas-section{flex:1;display:flex;flex-direction:column;background:#0f0f1e}.canvas-controls{padding:16px;background:#16162a;border-bottom:2px solid #2a2a3e;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.canvas-mode-toggle{display:flex;gap:8px}.canvas-mode-toggle button{padding:8px 16px;background:#1a1a2e;border:2px solid #2a2a3e;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;transition:all .2s}.canvas-mode-toggle button:hover{background:#2a2a3e;border-color:#8b5cf6}.canvas-mode-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea66}.canvas-mode-toggle .btn-delete-image{background:#dc2626;border-color:#dc2626}.canvas-mode-toggle .btn-delete-image:hover{background:#b91c1c;border-color:#b91c1c}.background-color-picker{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px}.background-color-picker input[type=color]{width:40px;height:32px;border:2px solid #2a2a3e;border-radius:4px;cursor:pointer;background:transparent}.zone-canvas-container{flex:1;padding:20px;background:#0f0f1e;overflow:auto;display:flex;align-items:center;justify-content:center}.zone-canvas-container canvas{border:2px solid #333;border-radius:8px;box-shadow:0 4px 20px #00000080}.zone-controls{width:350px;padding:20px;background:#16162a;overflow-y:auto;border-left:2px solid #2a2a3e}.zone-type-selector h3,.zones-list h3{margin:0 0 4px;color:#fff;font-size:16px}.zone-type-selector .instruction{color:#888;font-size:12px;margin:0 0 12px}.zone-types{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.zone-type-item{display:flex;gap:6px}.zone-type-btn{flex:1;padding:12px;background:#1a1a2e;border:2px solid #2a2a3e;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.zone-type-btn:hover{background:#2a2a3e;border-color:#8b5cf6}.zone-type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea66}.zone-type-btn span:first-child{font-size:24px}.quick-add-btn{padding:8px 12px;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;transition:all .2s;white-space:nowrap}.quick-add-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b98166}.zones-list{margin-top:24px}.zones-list ul{list-style:none;padding:0;margin:0}.zones-list li{padding:12px;background:#1a1a2e;border:2px solid #2a2a3e;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.zones-list li:hover{background:#2a2a3e;border-color:#8b5cf6}.zones-list li.selected{border-color:#0f0;background:#00ff001a}.zone-icon{font-size:20px;flex-shrink:0}.zones-list input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;outline:none}.zone-type{font-size:11px;color:#888;text-transform:uppercase;flex-shrink:0}.btn-delete-zone{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s}.btn-delete-zone:hover{opacity:1}.no-zones{color:#666;font-size:13px;font-style:italic;text-align:center;padding:20px}.btn-delete{width:100%;padding:12px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;transition:all .2s}.btn-delete:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.zone-editor-actions{padding:24px;border-top:2px solid #2a2a3e;display:flex;justify-content:flex-end;gap:12px}.btn-cancel,.btn-save{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#2a2a3e;color:#fff}.btn-cancel:hover{background:#3a3a4e}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-save:disabled{opacity:.5;cursor:not-allowed}.template-manager{padding:30px;max-width:1400px;margin:0 auto}.manager-header{margin-bottom:40px}.manager-header h1{font-size:32px;margin-bottom:10px;color:#333}.manager-header p{color:#666;font-size:16px}.upload-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px;border-radius:12px;margin-bottom:40px;color:#fff}.upload-section h2{margin-bottom:20px;font-size:24px}.upload-form{background:#fffffff2;padding:25px;border-radius:8px;color:#333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#555}.form-group input[type=text],.form-group select{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}.form-group input[type=text]:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group input[type=file]{width:100%;padding:10px;border:2px dashed #ddd;border-radius:6px;cursor:pointer}.preview{margin-top:15px;border:2px solid #ddd;border-radius:8px;overflow:hidden;max-width:400px}.preview img{width:100%;height:auto;display:block}.preview-actions{padding:12px;background:#f5f5f5;display:flex;align-items:center;gap:12px}.btn-define-zones{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-define-zones:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.zones-badge{background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-status{margin-top:15px;padding:12px;background:#e8f5e9;border-radius:6px;color:#2e7d32;font-weight:600}.templates-section{margin-top:40px}.templates-section h2{font-size:24px;margin-bottom:25px;color:#333}.category-section{margin-bottom:40px}.category-section h3{font-size:20px;margin-bottom:15px;color:#555;padding-bottom:10px;border-bottom:2px solid #ddd}.template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.template-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}.template-item.editable:before{content:"✏️ Editable";position:absolute;top:8px;right:8px;background:#10b981;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;z-index:1;box-shadow:0 2px 8px #0003}.template-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.template-item img{width:100%;height:180px;object-fit:cover;display:block}.template-info{padding:15px}.template-name{font-weight:600;color:#333;margin-bottom:5px}.template-size{font-size:12px;color:#888}.delete-btn{width:50%;background:#f44336;color:#fff;border:none;padding:10px;cursor:pointer;font-weight:600;transition:background .2s}.delete-btn:hover{background:#d32f2f}.edit-btn{width:50%;background:#667eea;color:#fff;border:none;padding:10px;cursor:pointer;font-weight:600;transition:background .2s}.edit-btn:hover{background:#5a6fd6}.template-item .template-actions{display:flex}.loading{text-align:center;padding:40px;color:#888;font-size:18px}.empty-state{text-align:center;padding:60px;color:#888;font-size:18px;background:#f5f5f5;border-radius:8px;border:2px dashed #ddd}@media(max-width:768px){.form-row,.template-list{grid-template-columns:1fr}}.audit-log{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.audit-log__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-lg);max-width:1200px;margin-left:auto;margin-right:auto}.audit-log__header-text{flex:1}.audit-log__title{display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.audit-log__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0}.audit-log__export-btn{display:flex;align-items:center;gap:6px;white-space:nowrap;align-self:center}.audit-log__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md-spacing-sm);max-width:1200px;margin:0 auto var(--md-spacing-md)}.audit-log__stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px}.audit-log__stat-value{font-size:1.5rem;font-weight:700;color:var(--md-on-surface, #1a1a1a);line-height:1.2}.audit-log__stat-value--small{font-size:.875rem;font-weight:600}.audit-log__stat-label{font-size:.7rem;font-weight:500;color:var(--md-on-surface-secondary, #666);text-transform:uppercase;letter-spacing:.04em}.audit-log__filters{display:flex;flex-wrap:wrap;gap:10px;max-width:1200px;margin:0 auto var(--md-spacing-sm);align-items:flex-end;padding:12px 16px;background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px}.audit-log__filter-group{display:flex;flex-direction:column;gap:3px}.audit-log__filter-group--search{flex:1 1 220px;min-width:200px}.audit-log__filter-group--dates{min-width:auto}.audit-log__filter-label{font-size:.7rem;font-weight:600;color:var(--md-on-surface-secondary, #666);text-transform:uppercase;letter-spacing:.03em}.audit-log__filter-select,.audit-log__filter-input{padding:6px 10px;border:1px solid var(--md-outline, #e0e0e0);border-radius:6px;font-size:.8125rem;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a);min-width:130px;height:34px}.audit-log__search-input{min-width:200px}.audit-log__filter-select:focus,.audit-log__filter-input:focus{outline:none;border-color:var(--md-primary, #1976d2);box-shadow:0 0 0 2px #1976d21f}.audit-log__date-inputs{display:flex;align-items:center;gap:4px}.audit-log__date-input{min-width:120px!important}.audit-log__date-sep{color:var(--md-on-surface-secondary, #999);font-size:.875rem}.audit-log__clear-btn{align-self:flex-end}.audit-log__result-count{max-width:1200px;margin:0 auto 8px;font-size:.8125rem;color:var(--md-on-surface-secondary, #666)}.audit-log__table-wrapper{max-width:1200px;margin:0 auto;overflow-x:auto}.audit-log__table{width:100%;border-collapse:collapse;background:var(--md-surface, #fff);border-radius:10px;overflow:hidden;border:1px solid var(--md-outline, #e0e0e0)}.audit-log__table th{text-align:left;padding:10px 16px;font-size:.7rem;font-weight:600;color:var(--md-on-surface-secondary, #666);text-transform:uppercase;letter-spacing:.05em;background:var(--md-surface-variant, #f5f5f5);border-bottom:1px solid var(--md-outline, #e0e0e0)}.audit-log__table td{padding:10px 16px;font-size:.875rem;color:var(--md-on-surface, #1a1a1a);border-bottom:1px solid var(--md-outline-variant, #f0f0f0)}.audit-log__table tr:last-child td{border-bottom:none}.audit-log__table tr:hover td{background:var(--md-surface-variant, #fafafa)}.audit-log__row--expandable{cursor:pointer}.audit-log__expand-btn{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;color:var(--md-on-surface-secondary, #666);transition:transform .15s}.audit-log__expand-btn--open{transform:rotate(90deg)}.audit-log__detail-row td{padding:0 16px 12px 48px;background:var(--md-surface-variant, #fafafa)}.audit-log__detail-content{font-size:.8125rem;color:var(--md-on-surface-secondary, #666);line-height:1.5}.audit-log__detail-content dt{font-weight:500;color:var(--md-on-surface, #1a1a1a);display:inline}.audit-log__detail-content dd{display:inline;margin:0 16px 0 4px}.audit-log__action-badge{display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:10px;background:var(--md-surface-variant, #f5f5f5);color:var(--md-on-surface, #1a1a1a)}.audit-log__action-badge--green{background:#e8f5e9;color:#2e7d32}.audit-log__action-badge--blue{background:#e3f2fd;color:#1565c0}.audit-log__action-badge--red{background:#ffebee;color:#c62828}.audit-log__action-badge--orange{background:#fff3e0;color:#e65100}.audit-log__pagination{display:flex;align-items:center;justify-content:center;gap:var(--md-spacing-md);max-width:1200px;margin:var(--md-spacing-md) auto 0}.audit-log__page-indicator{font-size:.875rem;color:var(--md-on-surface-secondary, #666);font-weight:500}.audit-log__skeleton{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.audit-log__empty{max-width:1200px;margin:0 auto;padding:40px 0}@media(max-width:767px){.audit-log__header{flex-direction:column;align-items:stretch}.audit-log__title{font-size:var(--md-font-size-h3)}.audit-log__stats{grid-template-columns:repeat(2,1fr)}.audit-log__filters{flex-direction:column}.audit-log__filter-select,.audit-log__filter-input{min-width:100%}.audit-log__date-inputs{flex-direction:column;align-items:stretch}.audit-log__date-sep{display:none}}.org-page{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.org-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-lg);max-width:1200px;margin-left:auto;margin-right:auto}.org-page__header-text{flex:1}.org-page__title{display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.org-page__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0}.org-page__section{max-width:1200px;margin:0 auto var(--md-spacing-lg)}.org-page__section-title{font-size:1.125rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);margin:0 0 var(--md-spacing-sm) 0}.org-page__invite-form{background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;padding:var(--md-spacing-md)}.org-page__invite-fields{display:flex;flex-wrap:wrap;gap:var(--md-spacing-sm);align-items:flex-end}.org-page__field{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--md-spacing-sm)}.org-page__field-label{font-size:.75rem;font-weight:500;color:var(--md-on-surface-secondary, #666)}.org-page__field-input,.org-page__field-select{padding:6px 10px;border:1px solid var(--md-outline, #e0e0e0);border-radius:8px;font-size:.875rem;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a);min-width:200px}.org-page__field-input:focus,.org-page__field-select:focus{outline:none;border-color:var(--md-primary, #1976d2)}.org-page__invite-btn{align-self:flex-end}.org-page__invite-error{color:var(--md-error, #d32f2f);font-size:.8125rem;margin:var(--md-spacing-xs) 0 0}.org-page__invite-success{color:var(--md-success, #2e7d32);font-size:.8125rem;margin:var(--md-spacing-xs) 0 0}.org-page__table-wrapper{overflow-x:auto}.org-page__table{width:100%;border-collapse:collapse;background:var(--md-surface, #fff);border-radius:10px;overflow:hidden;border:1px solid var(--md-outline, #e0e0e0)}.org-page__table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;color:var(--md-on-surface-secondary, #666);text-transform:uppercase;letter-spacing:.05em;background:var(--md-surface-variant, #f5f5f5);border-bottom:1px solid var(--md-outline, #e0e0e0)}.org-page__table td{padding:10px 16px;font-size:.875rem;color:var(--md-on-surface, #1a1a1a);border-bottom:1px solid var(--md-outline-variant, #f0f0f0)}.org-page__table tr:last-child td{border-bottom:none}.org-page__table tr:hover td{background:var(--md-surface-variant, #fafafa)}.org-page__role-badge{display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:10px;background:var(--md-surface-variant, #f5f5f5);color:var(--md-on-surface, #1a1a1a)}.org-page__role-select{padding:4px 8px;border:1px solid var(--md-outline, #e0e0e0);border-radius:6px;font-size:.8125rem;background:var(--md-surface, #fff)}.org-page__role-actions{display:flex;gap:4px}.org-page__status-badge{display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:10px;background:var(--md-surface-variant, #f5f5f5);color:var(--md-on-surface-secondary, #666)}.org-page__status-badge--active{background:#e8f5e9;color:#2e7d32}.org-page__status-badge--invited{background:#fff3e0;color:#e65100}.org-page__status-badge--disabled{background:#fce4ec;color:#c62828}.org-page__settings-form{background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;padding:var(--md-spacing-md);max-width:500px}.org-page__color-field{display:flex;align-items:center;gap:var(--md-spacing-sm)}.org-page__color-input{width:40px;height:32px;border:1px solid var(--md-outline, #e0e0e0);border-radius:6px;cursor:pointer;padding:2px}.org-page__color-value{font-size:.8125rem;color:var(--md-on-surface-secondary, #666)}.org-page__settings-save-btn{margin-top:var(--md-spacing-xs)}.org-page__settings-success{color:var(--md-success, #2e7d32);font-size:.8125rem;margin:var(--md-spacing-xs) 0 0}.org-page__error-banner{max-width:1200px;margin:0 auto var(--md-spacing-md);padding:10px 16px;background:#fce4ec;color:#c62828;border-radius:8px;font-size:.875rem}.org-page__skeleton{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.org-page__empty{padding:40px 0}@media(max-width:767px){.org-page__header{flex-direction:column;align-items:stretch}.org-page__title{font-size:var(--md-font-size-h3)}.org-page__invite-fields{flex-direction:column}.org-page__field-input,.org-page__field-select{min-width:100%}.org-page__settings-form{max-width:100%}}.billed-cost-section{--billed-cost-surface: #ffffff;--billed-cost-on-surface: #1c1b1f;--billed-cost-on-surface-variant: #49454f;--billed-cost-outline: #cac4d0;--billed-cost-primary: #1a73e8;--billed-cost-on-primary: #ffffff;--billed-cost-error: #b3261e;--billed-cost-notice-surface: #f4f3f7;--billed-cost-tagged: #1a73e8;--billed-cost-untagged: #7a757f;background:var(--billed-cost-surface);color:var(--billed-cost-on-surface);border-radius:12px;padding:24px;margin:0 0 24px;box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;font-family:Roboto,Segoe UI,system-ui,sans-serif}.billed-cost-section__heading{margin:0 0 8px;font-size:1.375rem;font-weight:500;line-height:1.75rem}.billed-cost-section__coverage,.billed-cost-accuracy-label__claim,.billed-cost-accuracy-label__currency-note{margin:0 0 16px;color:var(--billed-cost-on-surface-variant);font-size:.875rem;line-height:1.25rem}.billed-cost-accuracy-label{border-left:4px solid var(--billed-cost-primary);padding:8px 0 8px 16px;margin:0 0 24px}.billed-cost-accuracy-label__names{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:4px 16px;margin:0 0 12px;font-size:.875rem}.billed-cost-accuracy-label__row{display:contents}.billed-cost-accuracy-label__names dt{color:var(--billed-cost-on-surface-variant);font-weight:500}.billed-cost-accuracy-label__names dd{margin:0}.billed-cost-form{display:grid;gap:16px;margin:0 0 24px}.billed-cost-form__field{display:flex;flex-direction:column;gap:4px;max-width:28rem}.billed-cost-form__label{font-size:.75rem;font-weight:500;color:var(--billed-cost-on-surface-variant);letter-spacing:.03em}.billed-cost-form__control{font:inherit;color:inherit;background:var(--billed-cost-surface);border:1px solid var(--billed-cost-outline);border-radius:4px;padding:10px 12px;min-height:44px}.billed-cost-form__control:focus-visible,.billed-cost-form__submit:focus-visible{outline:3px solid var(--billed-cost-primary);outline-offset:2px}.billed-cost-form__hint{margin:0;font-size:.75rem;line-height:1rem;color:var(--billed-cost-on-surface-variant)}.billed-cost-form__submit{justify-self:start;font:inherit;font-weight:500;color:var(--billed-cost-on-primary);background:var(--billed-cost-primary);border:none;border-radius:20px;padding:10px 24px;min-height:40px;cursor:pointer}.billed-cost-form__submit:disabled{background:var(--billed-cost-outline);color:var(--billed-cost-on-surface-variant);cursor:progress}.billed-cost-section__loading{margin:0 0 16px;font-size:.875rem;color:var(--billed-cost-on-surface-variant)}.billed-cost-section__error{margin:0 0 16px;padding:12px 16px;border-radius:4px;border-left:4px solid var(--billed-cost-error);background:#b3261e14;color:var(--billed-cost-error);font-size:.875rem;line-height:1.25rem}.billed-cost-section__cache{margin:0 0 16px;font-size:.75rem;color:var(--billed-cost-on-surface-variant)}.billed-cost-notice{background:var(--billed-cost-notice-surface);border-radius:8px;padding:16px;margin:0 0 24px}.billed-cost-notice__reason{margin:0 0 8px;font-size:.9375rem;line-height:1.375rem;font-weight:500}.billed-cost-notice__action,.billed-cost-notice__pre-activation{margin:0 0 8px;font-size:.875rem;line-height:1.25rem;color:var(--billed-cost-on-surface-variant)}.billed-cost-notice__activation{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);gap:4px 16px;margin:8px 0 0;font-size:.8125rem}.billed-cost-notice__row{display:contents}.billed-cost-notice__activation dt{color:var(--billed-cost-on-surface-variant);font-weight:500}.billed-cost-notice__activation dd{margin:0}.billed-cost-table-wrapper{margin:0 0 24px;overflow-x:auto}.billed-cost-table{width:100%;border-collapse:collapse;font-size:.875rem}.billed-cost-table__caption{caption-side:top;text-align:left;padding:0 0 12px;color:var(--billed-cost-on-surface-variant);font-size:.8125rem;line-height:1.125rem}.billed-cost-table th,.billed-cost-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--billed-cost-outline);vertical-align:top}.billed-cost-table thead th{font-size:.75rem;font-weight:500;color:var(--billed-cost-on-surface-variant);letter-spacing:.03em}.billed-cost-table__amount,.billed-cost-table__total-amount,.billed-cost-chart__bar-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.billed-cost-table__total{margin:16px 0 0;font-size:.875rem;line-height:1.25rem;color:var(--billed-cost-on-surface-variant)}.billed-cost-table__total p{margin:0}.billed-cost-table__total-amount{font-weight:500;color:var(--billed-cost-on-surface)}.billed-cost-chart{margin:0}.billed-cost-chart__caption{padding:0 0 12px;color:var(--billed-cost-on-surface-variant);font-size:.8125rem;line-height:1.125rem}.billed-cost-chart__bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.billed-cost-chart__bar-row{display:grid;grid-template-columns:minmax(6rem,12rem) minmax(4rem,1fr) minmax(0,max-content) minmax(0,max-content) minmax(0,max-content);align-items:center;gap:12px;font-size:.8125rem}.billed-cost-chart__bar-label{overflow-wrap:anywhere}.billed-cost-chart__bar-track{display:block;height:16px;border-radius:8px;background:var(--billed-cost-outline);overflow:hidden}.billed-cost-chart__bar-fill{display:block;height:100%;border-radius:8px;background:var(--billed-cost-tagged)}.billed-cost-chart__bar-row[data-tagged=false] .billed-cost-chart__bar-fill{background:var(--billed-cost-untagged)}@media(prefers-reduced-motion:reduce){.billed-cost-chart__bar-fill{transition:none}}.modeled-cost-section{display:flex;flex-direction:column;gap:1.25rem}.modeled-cost-section__heading{margin:0;font-size:1.25rem}.modeled-cost-section__intro,.modeled-cost-section__coverage{margin:0;max-width:70ch;line-height:1.5}.modeled-cost-view{border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.modeled-cost-view__heading{margin:0;font-size:1.05rem}.modeled-cost-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.modeled-cost-form__field{display:flex;flex-direction:column;gap:.25rem}.modeled-cost-form__field label{font-size:.85rem;font-weight:600}.modeled-cost-form__submit{min-height:2.25rem;padding:0 1rem}.modeled-cost-accuracy{border-left:3px solid rgba(0,0,0,.3);padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;line-height:1.45}.modeled-cost-accuracy__label{margin:0;font-weight:600}.modeled-cost-accuracy__row,.modeled-cost-accuracy__note{margin:0}.modeled-cost-accuracy__name{font-weight:600;margin-right:.35rem}.modeled-cost-placeholder-warning{border:1px solid rgba(180,95,0,.5);background:#b45f0014;padding:.6rem .75rem;border-radius:4px;font-size:.9rem;line-height:1.45}.modeled-cost-placeholder-warning__heading{margin:0 0 .35rem;font-size:.95rem}.modeled-cost-classification{border:1px solid rgba(0,0,0,.2);padding:.75rem;border-radius:4px;font-size:1rem;line-height:1.5;max-width:80ch}.modeled-cost-classification__sentence{margin:0 0 .5rem;font-weight:600}.modeled-cost-classification__statement,.modeled-cost-classification__metering-start{margin:.35rem 0 0}.modeled-cost-table{border-collapse:collapse;width:100%;font-size:.9rem}.modeled-cost-table caption{text-align:left;padding-bottom:.5rem;font-weight:600}.modeled-cost-table th,.modeled-cost-table td{border:1px solid rgba(0,0,0,.14);padding:.4rem .6rem;text-align:left;vertical-align:top}.modeled-cost-table__statement{display:block;max-width:48ch;line-height:1.4}.modeled-cost-amount{display:inline-flex;gap:.3rem;align-items:baseline;font-variant-numeric:tabular-nums}.modeled-cost-amount__currency{font-size:.85em}.modeled-cost-amount__value{font-weight:600}.modeled-cost-incomplete{display:block;font-size:.8rem}.modeled-cost-total{border:1px solid rgba(0,0,0,.2);padding:.75rem;border-radius:4px;display:flex;flex-direction:column;gap:.4rem}.modeled-cost-total__heading{margin:0;font-size:1rem}.modeled-cost-total__note,.modeled-cost-excluded-count,.modeled-cost-counts{margin:0;font-size:.9rem;line-height:1.45}.modeled-cost-generation{border-top:1px solid rgba(0,0,0,.1);padding-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.modeled-cost-generation__meta{margin:0;font-size:.85rem}.modeled-cost-breakdown{border-collapse:collapse;font-size:.85rem}.modeled-cost-breakdown th,.modeled-cost-breakdown td{border:1px solid rgba(0,0,0,.14);padding:.3rem .5rem;text-align:left}.modeled-cost-reason{border:1px solid rgba(160,0,0,.4);background:#a000000d;padding:.6rem .75rem;border-radius:4px;font-size:.9rem;line-height:1.45}.modeled-cost-reason__heading{margin:0 0 .35rem;font-size:.95rem}.modeled-cost-status{margin:0;font-size:.9rem}.cost-figure-panel{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--md-surface, #fff);border:1px solid var(--md-outline-variant, #e0e0e0);border-radius:8px}.cost-figure-panel__heading{font-size:1rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);margin:0}.cost-figure-panel__scope{font-size:.75rem;color:var(--md-on-surface-variant, #666);margin:0}.cost-figure{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--md-surface-variant, #f5f5f5);border-radius:8px}.cost-figure__amount-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.cost-figure__currency{font-size:.875rem;font-weight:600;color:var(--md-on-surface-variant, #666);letter-spacing:.04em}.cost-figure__amount{font-size:1.5rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);font-variant-numeric:tabular-nums}.cost-figure__estimate-label{font-size:.8125rem;line-height:1.45;color:var(--md-on-surface-variant, #666);margin:0}.cost-figure__effective-date{font-size:.75rem;color:var(--md-on-surface-variant, #666);margin:0}.cost-figure__effective-date--uncaptured{color:var(--md-warning, #e65100);font-weight:500}.cost-figure__basis{font-size:.75rem;line-height:1.45;color:var(--md-on-surface-variant, #666);margin:0;padding-top:8px;border-top:1px solid var(--md-outline-variant, #e0e0e0)}.cost-figure__basis-name{font-weight:600}.cost-notices{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.cost-notice{padding:12px 14px;border-radius:6px;border-left:4px solid var(--md-outline, #ccc);background:var(--md-surface-variant, #f5f5f5)}.cost-notice--info{border-left-color:var(--md-primary, #1565c0);background:#e3f2fd}.cost-notice--warning{border-left-color:#e65100;background:#fff3e0}.cost-notice--error{border-left-color:#d32f2f;background:#ffebee}.cost-notice__heading{font-size:.875rem;font-weight:600;margin:0 0 4px;color:var(--md-on-surface, #1a1a1a)}.cost-notice__detail,.cost-notice__statement{font-size:.8125rem;line-height:1.45;margin:0;color:var(--md-on-surface-variant, #444)}.cost-notice__statement{margin-top:6px;font-style:italic}.cost-notice__items-label{font-size:.75rem;font-weight:600;margin:8px 0 2px;color:var(--md-on-surface, #1a1a1a)}.cost-notice__items{margin:0;padding-left:18px;font-size:.8125rem;color:var(--md-on-surface-variant, #444)}.cost-notice__item{font-variant-numeric:tabular-nums}.cost-notice__operator-action{font-size:.75rem;margin:8px 0 0;color:var(--md-on-surface, #1a1a1a)}.cost-notice__operator-action code{font-size:.6875rem;padding:1px 4px;border-radius:3px;background:#0000000f}.cost-figure-facts{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--md-on-surface-variant, #666);padding-top:8px;border-top:1px solid var(--md-outline-variant, #e0e0e0)}.cost-figure-facts__row{display:flex;gap:6px;flex-wrap:wrap}.cost-figure-facts__name{font-weight:600}.cost-dashboard{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.cost-dashboard__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-lg);max-width:1200px;margin-left:auto;margin-right:auto}.cost-dashboard__header-text{flex:1}.cost-dashboard__title{display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.cost-dashboard__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0;max-width:72ch}.cost-dashboard__sections{display:flex;flex-direction:column;gap:var(--md-spacing-lg);max-width:1200px;margin:0 auto}.profile-container{max-width:1200px;margin:0 auto;padding:2rem}.profile-header{margin-bottom:3rem}.profile-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.profile-subtitle{color:#666;font-size:1.1rem}.profile-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.section-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.section-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.section-subtitle{color:#666;font-size:.9rem;margin:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.info-item{display:flex;flex-direction:column}.info-item label{font-size:.85rem;font-weight:600;text-transform:uppercase;color:#666;margin-bottom:.5rem;letter-spacing:.5px}.info-value{font-size:1.1rem;color:#1a1a1a;margin:0;word-break:break-word}.info-value.user-id{font-family:Courier New,monospace;font-size:.9rem;color:#555;background:#f5f5f5;padding:.5rem;border-radius:4px}.change-password-form{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-top:1rem}.change-password-form h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#007bff}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.subscription-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.subscription-header h3{font-size:1.8rem;margin:0 0 .5rem}.plan-description{opacity:.9;margin:0}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#4caf504d;color:#fff}.status-inactive{background:#f443364d;color:#fff}.status-warning{background:#ff98004d;color:#fff}.subscription-meta{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.subscription-meta p{margin:.5rem 0;opacity:.9}.plan-limits h4{font-size:1.1rem;margin:0 0 1rem;opacity:.9}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.limit-item{text-align:center}.limit-item label{display:block;font-size:.85rem;opacity:.8;margin-bottom:.5rem}.limit-item p{font-size:1.5rem;font-weight:700;margin:0}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1rem}.usage-card{background:#f9f9f9;border-radius:8px;padding:1.5rem;border:1px solid #e0e0e0}.usage-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.usage-icon{font-size:2rem}.usage-header label{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0;display:block}.usage-value{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:.25rem 0 0}.usage-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:4px}.usage-note{font-size:.9rem;color:#666;margin:1rem 0 0}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9f9f9;border-radius:6px}.feature-icon{color:#4caf50;font-weight:700;font-size:1.2rem}.section-actions{margin-top:1.5rem}.danger-zone{border:2px solid #f44336}.danger-zone .section-header{border-bottom-color:#f44336}.danger-actions{display:flex;gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.error-message{background:#ffebee;color:#c62828;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #f44336}.success-message{background:#e8f5e9;color:#2e7d32;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #4caf50}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.profile-container{padding:1rem}.profile-header h1{font-size:2rem}.info-grid,.usage-grid,.features-list,.limits-grid{grid-template-columns:1fr}.subscription-header{flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.btn{width:100%}}.md-stepper{background:var(--md-surface);padding:var(--md-spacing-lg) var(--md-spacing-xl);border-bottom:1px solid var(--md-divider)}.md-stepper__list{display:flex;align-items:flex-start;justify-content:center;list-style:none;padding:0;max-width:900px;margin:0 auto}.md-stepper__item{display:flex;align-items:center;flex:1;position:relative}.md-stepper__item:last-child{flex:0 0 auto}.md-stepper__button{display:flex;align-items:center;gap:var(--md-spacing-sm);background:none;border:none;padding:var(--md-spacing-sm);cursor:default;border-radius:var(--md-radius-md);transition:background-color var(--md-transition-fast);text-align:left}.md-stepper__button--clickable{cursor:pointer}.md-stepper__button--clickable:hover{background-color:#1976d214}.md-stepper__button--clickable:focus-visible{outline:none;box-shadow:var(--md-focus-ring)}.md-stepper__button:disabled{cursor:not-allowed}.md-stepper__indicator{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--md-radius-full);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);flex-shrink:0;transition:all var(--md-transition-fast)}.md-stepper__number{line-height:1}.md-stepper__item--pending .md-stepper__indicator{background-color:var(--md-surface-variant);color:var(--md-on-surface-secondary)}.md-stepper__item--active .md-stepper__indicator{background-color:var(--md-primary);color:var(--md-on-primary);box-shadow:0 2px 8px #1976d266}.md-stepper__item--completed .md-stepper__indicator{background-color:var(--md-success);color:var(--md-on-success)}.md-stepper__content{display:flex;flex-direction:column;gap:2px}.md-stepper__label{font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);white-space:nowrap}.md-stepper__item--pending .md-stepper__label{color:var(--md-on-surface-secondary)}.md-stepper__item--active .md-stepper__label{color:var(--md-primary)}.md-stepper__description{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);white-space:nowrap}.md-stepper__connector{flex:1;height:2px;margin:0 var(--md-spacing-sm);background-color:var(--md-surface-variant);transition:background-color var(--md-transition-fast);min-width:24px}.md-stepper__connector--completed{background-color:var(--md-success)}@media(max-width:900px){.md-stepper{padding:var(--md-spacing-md)}.md-stepper__description{display:none}.md-stepper__connector{min-width:16px}}@media(max-width:600px){.md-stepper{padding:var(--md-spacing-md)}.md-stepper__list{flex-direction:column;align-items:stretch;gap:0}.md-stepper__item{flex-direction:column;align-items:flex-start}.md-stepper__item:last-child{flex:1}.md-stepper__button{width:100%;padding:var(--md-spacing-sm) var(--md-spacing-md)}.md-stepper__description{display:block}.md-stepper__connector{width:2px;height:24px;margin:0 0 0 23px;min-width:2px}}.template-selector{padding:var(--md-spacing-lg);max-width:1200px;margin:0 auto}.template-selector__header{text-align:center;margin-bottom:var(--md-spacing-xl)}.template-selector__title{font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm)}.template-selector__subtitle{font-size:var(--md-font-size-body);color:var(--md-on-surface-secondary);margin:0}.template-selector__controls{margin-bottom:var(--md-spacing-lg)}.template-selector__search{display:flex;align-items:center;gap:var(--md-spacing-sm);background:var(--md-surface);border:1px solid var(--md-border);border-radius:var(--md-radius-full);padding:var(--md-spacing-sm) var(--md-spacing-md);margin-bottom:var(--md-spacing-md);max-width:400px;margin-left:auto;margin-right:auto}.template-selector__search svg{color:var(--md-on-surface-secondary);flex-shrink:0}.template-selector__search-input{flex:1;border:none;background:none;font-size:var(--md-font-size-body);color:var(--md-on-surface);outline:none}.template-selector__search-input::placeholder{color:var(--md-on-surface-secondary)}.template-selector__search:focus-within{border-color:var(--md-primary);box-shadow:var(--md-focus-ring)}.template-selector__categories{display:flex;flex-wrap:wrap;gap:var(--md-spacing-sm);justify-content:center}.template-selector__category{padding:var(--md-spacing-sm) var(--md-spacing-md);border:none;background:var(--md-surface-variant);color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);border-radius:var(--md-radius-full);cursor:pointer;transition:all var(--md-transition-fast)}.template-selector__category:hover{background:var(--md-primary-light);color:var(--md-on-primary)}.template-selector__category--active{background:var(--md-primary);color:var(--md-on-primary)}.template-selector__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--md-spacing-lg)}.template-selector__card{cursor:pointer;overflow:hidden}.template-selector__thumbnail{position:relative;aspect-ratio:16 / 9;background:var(--md-surface-variant);overflow:hidden}.template-selector__thumbnail img{width:100%;height:100%;object-fit:cover}.template-selector__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--md-on-surface-secondary);gap:var(--md-spacing-sm)}.template-selector__placeholder span{font-size:var(--md-font-size-body-sm)}.template-selector__premium-badge{position:absolute;top:var(--md-spacing-sm);right:var(--md-spacing-sm);background:var(--md-secondary);color:var(--md-on-secondary);font-size:var(--md-font-size-caption);font-weight:var(--md-font-weight-medium);padding:2px 8px;border-radius:var(--md-radius-sm)}.template-selector__info{padding:var(--md-spacing-md)}.template-selector__name{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs)}.template-selector__category-label{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);text-transform:capitalize}.template-selector__editable-badge{display:block;font-size:var(--md-font-size-caption);color:#10b981;font-weight:600;margin-top:var(--md-spacing-xs)}.template-selector__loading,.template-selector__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--md-spacing-xxl);color:var(--md-on-surface-secondary);gap:var(--md-spacing-md)}.template-selector__spinner{width:40px;height:40px;border:3px solid var(--md-surface-variant);border-top-color:var(--md-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.template-selector__actions{position:fixed;bottom:0;left:0;right:0;background:var(--md-surface);padding:var(--md-spacing-md) var(--md-spacing-lg);box-shadow:0 -2px 10px #0000001a;display:flex;justify-content:center;gap:var(--md-spacing-md);z-index:var(--md-z-sticky)}.template-selector__confirm-btn,.template-selector__continue-btn{padding:var(--md-spacing-sm) var(--md-spacing-xl);font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);border:none;border-radius:var(--md-radius-sm);cursor:pointer;transition:all var(--md-transition-fast)}.template-selector__confirm-btn{background:var(--md-primary);color:var(--md-on-primary)}.template-selector__confirm-btn:hover{background:var(--md-primary-dark)}.template-selector__continue-btn{background:var(--md-success);color:var(--md-on-success)}.template-selector__continue-btn:hover{background:var(--md-success-light)}.template-selector__preview-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--md-z-modal);padding:var(--md-spacing-lg)}.template-selector__preview-modal{background:var(--md-surface);border-radius:var(--md-radius-lg);max-width:800px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:var(--md-elevation-4)}.template-selector__preview-close{position:absolute;top:var(--md-spacing-sm);right:var(--md-spacing-sm);background:#00000080;border:none;border-radius:var(--md-radius-full);padding:var(--md-spacing-sm);cursor:pointer;color:#fff;z-index:1;transition:background var(--md-transition-fast)}.template-selector__preview-close:hover{background:#000000b3}.template-selector__preview-content{aspect-ratio:16 / 9;background:var(--md-surface-variant)}.template-selector__preview-content img{width:100%;height:100%;object-fit:contain}.template-selector__preview-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--md-font-size-h3);color:var(--md-on-surface-secondary)}.template-selector__preview-info{padding:var(--md-spacing-lg);text-align:center}.template-selector__preview-info h3{font-size:var(--md-font-size-h3);margin:0 0 var(--md-spacing-xs)}.template-selector__preview-info p{color:var(--md-on-surface-secondary);margin:0 0 var(--md-spacing-md);text-transform:capitalize}.template-selector__preview-select{background:var(--md-primary);color:var(--md-on-primary);border:none;padding:var(--md-spacing-sm) var(--md-spacing-xl);font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);border-radius:var(--md-radius-sm);cursor:pointer;transition:background var(--md-transition-fast)}.template-selector__preview-select:hover{background:var(--md-primary-dark)}@media(max-width:768px){.template-selector{padding:var(--md-spacing-md)}.template-selector__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--md-spacing-md)}.template-selector__categories{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:var(--md-spacing-sm);-webkit-overflow-scrolling:touch}.template-selector__category{flex-shrink:0}}.template-selector__error{display:flex;align-items:center;justify-content:space-between;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:var(--md-radius-sm);padding:var(--md-spacing-sm) var(--md-spacing-md);margin-bottom:var(--md-spacing-md);font-size:var(--md-font-size-body-sm)}.template-selector__error-dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;padding:2px 6px;opacity:.7}.template-selector__error-dismiss:hover{opacity:1}.template-selector__date{display:block;font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);margin-top:var(--md-spacing-xs)}.template-selector__card-actions{display:flex;gap:var(--md-spacing-xs);padding:0 var(--md-spacing-md) var(--md-spacing-md)}.template-selector__action-btn{flex:1;padding:var(--md-spacing-xs) var(--md-spacing-sm);font-size:var(--md-font-size-caption);font-weight:var(--md-font-weight-medium);border:1px solid var(--md-border);border-radius:var(--md-radius-sm);cursor:pointer;transition:all var(--md-transition-fast);background:var(--md-surface);color:var(--md-on-surface)}.template-selector__action-btn:hover{background:var(--md-surface-variant)}.template-selector__action-btn:disabled{opacity:.6;cursor:default}.template-selector__action-btn--edit{border-color:var(--md-primary);color:var(--md-primary)}.template-selector__action-btn--edit:hover{background:var(--md-primary-light);color:var(--md-on-primary)}.template-selector__action-btn--clone{border-color:var(--md-secondary);color:var(--md-secondary)}.template-selector__action-btn--clone:hover{background:var(--md-secondary);color:var(--md-on-secondary)}.template-selector__preview-date{font-size:var(--md-font-size-body-sm);color:var(--md-on-surface-secondary);margin:0 0 var(--md-spacing-md)}.image-uploader{padding:var(--md-spacing-lg);max-width:900px;margin:0 auto}.image-uploader__header{text-align:center;margin-bottom:var(--md-spacing-xl)}.image-uploader__title{font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm)}.image-uploader__subtitle{font-size:var(--md-font-size-body);color:var(--md-on-surface-secondary);margin:0}.image-uploader__dropzone{border:2px dashed var(--md-border);border-radius:var(--md-radius-lg);padding:var(--md-spacing-xxl);text-align:center;cursor:pointer;transition:all var(--md-transition-fast);background:var(--md-surface)}.image-uploader__dropzone:hover{border-color:var(--md-primary);background:#1976d20a}.image-uploader__dropzone--active{border-color:var(--md-primary);background:#1976d214;border-style:solid}.image-uploader__dropzone svg{color:var(--md-primary);margin-bottom:var(--md-spacing-md)}.image-uploader__dropzone-text{font-size:var(--md-font-size-body);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm)}.image-uploader__dropzone-hint{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary)}.image-uploader__input{display:none}.image-uploader__error{display:flex;align-items:flex-start;gap:var(--md-spacing-sm);background:#d32f2f1a;color:var(--md-error);padding:var(--md-spacing-md);border-radius:var(--md-radius-md);margin-top:var(--md-spacing-md);font-size:var(--md-font-size-body-sm);white-space:pre-line}.image-uploader__error svg{flex-shrink:0;margin-top:2px}.image-uploader__progress-section{margin-top:var(--md-spacing-lg);padding:var(--md-spacing-md);background:var(--md-surface);border-radius:var(--md-radius-md);border:1px solid var(--md-divider)}.image-uploader__progress-section h3{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);margin:0 0 var(--md-spacing-md)}.image-uploader__progress-item{display:flex;align-items:center;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-sm)}.image-uploader__progress-item:last-child{margin-bottom:0}.image-uploader__progress-item span{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);min-width:40px;text-align:right}.image-uploader__gallery{margin-top:var(--md-spacing-xl)}.image-uploader__gallery-title{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-md)}.image-uploader__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--md-spacing-md)}.image-uploader__item{position:relative;aspect-ratio:1;border-radius:var(--md-radius-md);overflow:hidden;background:var(--md-surface-variant)}.image-uploader__item img{width:100%;height:100%;object-fit:cover}.image-uploader__remove{position:absolute;top:var(--md-spacing-xs);right:var(--md-spacing-xs);background:#0009;border:none;border-radius:var(--md-radius-full);padding:var(--md-spacing-xs);cursor:pointer;color:#fff;opacity:0;transition:opacity var(--md-transition-fast)}.image-uploader__item:hover .image-uploader__remove{opacity:1}.image-uploader__remove:hover{background:var(--md-error)}.image-uploader__item-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:var(--md-font-size-caption);padding:var(--md-spacing-lg) var(--md-spacing-sm) var(--md-spacing-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-uploader__actions{display:flex;justify-content:space-between;margin-top:var(--md-spacing-xl);padding-top:var(--md-spacing-lg);border-top:1px solid var(--md-divider)}.image-uploader__back-btn,.image-uploader__next-btn{padding:var(--md-spacing-sm) var(--md-spacing-xl);font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);border-radius:var(--md-radius-sm);cursor:pointer;transition:all var(--md-transition-fast)}.image-uploader__back-btn{background:transparent;border:1px solid var(--md-border);color:var(--md-on-surface)}.image-uploader__back-btn:hover{background:var(--md-surface-variant)}.image-uploader__next-btn{background:var(--md-primary);border:none;color:var(--md-on-primary)}.image-uploader__next-btn:hover:not(:disabled){background:var(--md-primary-dark)}.image-uploader__next-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.image-uploader{padding:var(--md-spacing-md)}.image-uploader__dropzone{padding:var(--md-spacing-xl) var(--md-spacing-md)}.image-uploader__grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-uploader__remove{opacity:1}}.publish-step{padding:var(--md-spacing-lg);max-width:700px;margin:0 auto}.publish-step__header{text-align:center;margin-bottom:var(--md-spacing-xl)}.publish-step__title{font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm)}.publish-step__subtitle{font-size:var(--md-font-size-body);color:var(--md-on-surface-secondary);margin:0}.publish-step__summary{margin-bottom:var(--md-spacing-xl)}.publish-step__summary-card{background:var(--md-surface);border:1px solid var(--md-divider);border-radius:var(--md-radius-md);padding:var(--md-spacing-lg);margin-bottom:var(--md-spacing-lg)}.publish-step__summary-card h3{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);margin:0 0 var(--md-spacing-md);color:var(--md-on-surface)}.publish-step__details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--md-spacing-md);margin:0}.publish-step__detail{display:flex;flex-direction:column;gap:var(--md-spacing-xs)}.publish-step__detail dt{font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary)}.publish-step__detail dd{font-size:var(--md-font-size-body);color:var(--md-on-surface);margin:0;font-weight:var(--md-font-weight-medium)}.publish-step__preview-grid h4{font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm)}.publish-step__thumbnails{display:flex;gap:var(--md-spacing-sm);flex-wrap:wrap}.publish-step__thumbnail{width:80px;aspect-ratio:16 / 9;border-radius:var(--md-radius-sm);background:var(--md-surface-variant);display:flex;align-items:center;justify-content:center;font-size:var(--md-font-size-caption);color:var(--md-on-surface-secondary);border:1px solid var(--md-divider)}.publish-step__thumbnail span{background:#00000080;color:#fff;padding:2px 6px;border-radius:var(--md-radius-xs);font-size:10px}.publish-step__thumbnail--more{background:var(--md-surface-variant);font-weight:var(--md-font-weight-medium)}.publish-step__error{display:flex;align-items:center;gap:var(--md-spacing-sm);background:#d32f2f1a;color:var(--md-error);padding:var(--md-spacing-md);border-radius:var(--md-radius-md);margin-bottom:var(--md-spacing-lg);font-size:var(--md-font-size-body-sm)}.publish-step__actions{display:flex;justify-content:space-between;padding-top:var(--md-spacing-lg);border-top:1px solid var(--md-divider)}.publish-step__back-btn,.publish-step__publish-btn{padding:var(--md-spacing-sm) var(--md-spacing-xl);font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);border-radius:var(--md-radius-sm);cursor:pointer;transition:all var(--md-transition-fast);display:flex;align-items:center;gap:var(--md-spacing-sm)}.publish-step__back-btn{background:transparent;border:1px solid var(--md-border);color:var(--md-on-surface)}.publish-step__back-btn:hover:not(:disabled){background:var(--md-surface-variant)}.publish-step__publish-btn{background:var(--md-success);border:none;color:var(--md-on-success)}.publish-step__publish-btn:hover:not(:disabled){background:#2e7d32}.publish-step__publish-btn:disabled{opacity:.7;cursor:not-allowed}.publish-step__success{text-align:center;padding:var(--md-spacing-xl) 0}.publish-step__success-icon{color:var(--md-success);margin-bottom:var(--md-spacing-lg)}.publish-step__success-icon svg{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.publish-step__success-title{font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0 0 var(--md-spacing-sm)}.publish-step__success-subtitle{font-size:var(--md-font-size-body);color:var(--md-on-surface-secondary);margin:0 0 var(--md-spacing-xl)}.publish-step__url-box{display:flex;background:var(--md-surface);border:1px solid var(--md-divider);border-radius:var(--md-radius-md);overflow:hidden;margin-bottom:var(--md-spacing-xl)}.publish-step__url-input{flex:1;padding:var(--md-spacing-md);border:none;background:transparent;font-size:var(--md-font-size-body-sm);color:var(--md-on-surface);outline:none}.publish-step__copy-btn{display:flex;align-items:center;gap:var(--md-spacing-xs);padding:var(--md-spacing-md) var(--md-spacing-lg);background:var(--md-primary);color:var(--md-on-primary);border:none;font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);cursor:pointer;transition:background var(--md-transition-fast)}.publish-step__copy-btn:hover{background:var(--md-primary-dark)}.publish-step__success-actions{display:flex;justify-content:center;gap:var(--md-spacing-md)}.publish-step__preview-btn,.publish-step__new-btn{display:flex;align-items:center;gap:var(--md-spacing-sm);padding:var(--md-spacing-sm) var(--md-spacing-lg);font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium);border-radius:var(--md-radius-sm);cursor:pointer;transition:all var(--md-transition-fast)}.publish-step__preview-btn{background:transparent;border:1px solid var(--md-border);color:var(--md-on-surface)}.publish-step__preview-btn:hover{background:var(--md-surface-variant)}.publish-step__new-btn{background:var(--md-primary);border:none;color:var(--md-on-primary)}.publish-step__new-btn:hover{background:var(--md-primary-dark)}@media(max-width:600px){.publish-step{padding:var(--md-spacing-md)}.publish-step__details{grid-template-columns:1fr}.publish-step__success-actions,.publish-step__url-box{flex-direction:column}.publish-step__copy-btn{justify-content:center}}.create-slideshow{min-height:calc(100vh - var(--md-navbar-height));background:var(--md-background);display:flex;flex-direction:column}.create-slideshow__content{flex:1;overflow-y:auto}@media(max-width:768px){.create-slideshow{min-height:auto}}.content-library-hub{display:flex;flex-direction:column;gap:var(--md-spacing-xl)}.content-library-hub__hero{text-align:center;max-width:640px;margin:0 auto}.content-library-hub__description{font-size:var(--md-font-size-body);color:var(--md-on-surface-secondary);line-height:var(--md-line-height-relaxed);margin:0}.content-library-hub__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--md-spacing-lg)}.content-library-hub__card-wrapper{cursor:pointer;border-radius:var(--md-radius-md);transition:transform var(--md-transition-normal)}.content-library-hub__card-wrapper:hover .content-library-hub__card,.content-library-hub__card-wrapper:focus-visible .content-library-hub__card{box-shadow:var(--md-elevation-hover)}.content-library-hub__card-wrapper:hover{transform:translateY(-2px)}.content-library-hub__card-wrapper:focus-visible{outline:none;box-shadow:var(--md-focus-ring)}.content-library-hub__card{text-align:left;height:100%}.content-library-hub__card-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--md-spacing-sm)}.content-library-hub__card-icon{color:var(--md-primary);margin-bottom:var(--md-spacing-xs)}.content-library-hub__card-title{font-size:var(--md-font-size-h4);font-weight:var(--md-font-weight-medium);color:var(--md-on-surface);margin:0}.content-library-hub__card-description{font-size:var(--md-font-size-body-sm);color:var(--md-on-surface-secondary);line-height:var(--md-line-height-normal);margin:0}@media(max-width:768px){.content-library-hub__grid{grid-template-columns:1fr}}.widget-config-dialog{padding:32px;max-width:520px;margin:0 auto}.widget-config-dialog__title{font-size:1.25rem;font-weight:600;color:var(--md-on-surface, #1a1a1a);margin:0 0 4px}.widget-config-dialog__description{font-size:.875rem;color:var(--md-on-surface-secondary, #666);margin:0 0 24px}.widget-config-dialog__errors{padding:12px 16px;margin-bottom:16px;background:var(--md-error-container, #fce4ec);border-radius:8px;border:1px solid var(--md-error, #d32f2f)}.widget-config-dialog__error{margin:0 0 4px;font-size:.8125rem;color:var(--md-error, #d32f2f)}.widget-config-dialog__error:last-child{margin-bottom:0}.widget-config-dialog__form{display:flex;flex-direction:column;gap:16px}.widget-config-dialog__field{display:flex;flex-direction:column;gap:4px}.widget-config-dialog__field label{font-size:.8125rem;font-weight:500;color:var(--md-on-surface, #1a1a1a);text-transform:capitalize}.widget-config-dialog__field input[type=text],.widget-config-dialog__field input[type=url],.widget-config-dialog__field input[type=number]{padding:8px 12px;border:1px solid var(--md-outline, #ccc);border-radius:6px;font-size:.875rem;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a)}.widget-config-dialog__field input:focus{outline:2px solid var(--md-primary, #1976d2);outline-offset:-1px}.widget-config-dialog__field-hint{font-size:.75rem;color:var(--md-on-surface-secondary, #999)}.widget-config-dialog__test-result{padding:10px 14px;border-radius:6px;font-size:.8125rem;font-weight:500}.widget-config-dialog__test-result--success{background:var(--md-success-container, #e8f5e9);color:var(--md-success, #2e7d32);border:1px solid var(--md-success, #2e7d32)}.widget-config-dialog__test-result--error{background:var(--md-error-container, #fce4ec);color:var(--md-error, #d32f2f);border:1px solid var(--md-error, #d32f2f)}.widget-config-dialog__test-result--testing{background:var(--md-primary-container, #e3f2fd);color:var(--md-primary, #1976d2);border:1px solid var(--md-primary, #1976d2)}.widget-config-dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.widget-config-dialog__oauth-prompt{padding:24px;margin-bottom:16px;text-align:center;background:var(--md-primary-container, #e3f2fd);border-radius:8px}.widget-config-dialog__oauth-prompt p{margin:0 0 16px;font-size:.875rem;color:var(--md-on-surface, #1a1a1a)}.widget-config-dialog__oauth-status{padding:10px 14px;margin-bottom:16px;background:var(--md-success-container, #e8f5e9);border-radius:6px;border:1px solid var(--md-success, #2e7d32)}.widget-config-dialog__oauth-connected{font-size:.8125rem;font-weight:500;color:var(--md-success, #2e7d32)}.widget-config-dialog__field input[type=password],.widget-config-dialog__field input[type=email]{padding:8px 12px;border:1px solid var(--md-outline, #ccc);border-radius:6px;font-size:.875rem;background:var(--md-surface, #fff);color:var(--md-on-surface, #1a1a1a)}.app-directory{min-height:100vh;background:var(--md-background);padding:var(--md-spacing-lg)}.app-directory__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--md-spacing-md);margin-bottom:var(--md-spacing-lg);max-width:1200px;margin-left:auto;margin-right:auto}.app-directory__header-text{flex:1}.app-directory__title{display:flex;align-items:center;gap:var(--md-spacing-sm);font-size:var(--md-font-size-h2);font-weight:var(--md-font-weight-bold);color:var(--md-on-surface);margin:0 0 var(--md-spacing-xs) 0}.app-directory__subtitle{color:var(--md-on-surface-secondary);font-size:var(--md-font-size-body);margin:0}.app-directory__section{max-width:1200px;margin:0 auto var(--md-spacing-lg)}.app-directory__section-title{font-size:1.125rem;font-weight:600;color:var(--md-on-surface);margin:0 0 var(--md-spacing-md) 0}.app-directory__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--md-spacing-md)}.app-directory__card{display:flex;align-items:flex-start;gap:12px;background:var(--md-surface, #fff);border:1px solid var(--md-outline, #e0e0e0);border-radius:10px;padding:16px;transition:border-color .15s,box-shadow .15s}.app-directory__card:hover{border-color:var(--md-primary, #1976d2);box-shadow:0 2px 8px #0000000f}.app-directory__card--installed{border-color:var(--md-primary, #1976d2);background:var(--md-primary-container, #e3f2fd)}.app-directory__card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--md-surface-variant, #f5f5f5);border-radius:10px}.app-directory__card--installed .app-directory__card-icon{background:#fff9}.app-directory__card-body{flex:1;min-width:0}.app-directory__card-name{font-size:.9375rem;font-weight:500;color:var(--md-on-surface, #1a1a1a);margin:0 0 4px}.app-directory__card-description{font-size:.8125rem;color:var(--md-on-surface-secondary, #666);margin:0;line-height:1.4}.app-directory__card-actions{flex-shrink:0;display:flex;align-items:center}.app-directory__installed-badge{font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:12px;background:#e8f5e9;color:#2e7d32}.app-directory__tier-badge{font-size:.6875rem;font-weight:500;padding:3px 8px;border-radius:10px;background:#fff3e0;color:#e65100;white-space:nowrap;margin-right:6px}.app-directory__skeleton{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.app-directory__empty{max-width:1200px;margin:0 auto;padding:40px 0}.app-directory__modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.app-directory__modal{background:var(--md-surface, #fff);border-radius:16px;padding:24px;max-width:520px;width:90%;box-shadow:0 8px 32px #00000026}@media(max-width:767px){.app-directory__header{flex-direction:column;align-items:stretch}.app-directory__title{font-size:var(--md-font-size-h3)}.app-directory__grid{grid-template-columns:1fr}}:root{--md-primary: #1976D2;--md-primary-light: #42A5F5;--md-primary-dark: #1565C0;--md-on-primary: #FFFFFF;--md-secondary: #00897B;--md-secondary-light: #4DB6AC;--md-secondary-dark: #00695C;--md-on-secondary: #FFFFFF;--md-surface: #FFFFFF;--md-background: #F5F5F5;--md-surface-variant: #E0E0E0;--md-surface-elevated: #FAFAFA;--md-on-surface: #212121;--md-on-surface-secondary: #757575;--md-on-surface-disabled: #9E9E9E;--md-on-background: #212121;--md-error: #D32F2F;--md-error-light: #EF5350;--md-on-error: #FFFFFF;--md-success: #388E3C;--md-success-light: #66BB6A;--md-on-success: #FFFFFF;--md-warning: #F57C00;--md-warning-light: #FFB74D;--md-on-warning: #FFFFFF;--md-info: #1976D2;--md-divider: rgba(0, 0, 0, .12);--md-border: rgba(0, 0, 0, .23);--md-border-focus: var(--md-primary);--md-elevation-0: none;--md-elevation-1: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);--md-elevation-2: 0 3px 6px rgba(0,0,0,.15), 0 2px 4px rgba(0,0,0,.12);--md-elevation-3: 0 10px 20px rgba(0,0,0,.15), 0 3px 6px rgba(0,0,0,.1);--md-elevation-4: 0 15px 25px rgba(0,0,0,.15), 0 5px 10px rgba(0,0,0,.05);--md-elevation-hover: 0 6px 12px rgba(0,0,0,.15), 0 3px 6px rgba(0,0,0,.1);--md-font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--md-font-family-mono: "Roboto Mono", "SF Mono", "Monaco", "Consolas", monospace;--md-font-size-h1: 2.5rem;--md-font-size-h2: 2rem;--md-font-size-h3: 1.5rem;--md-font-size-h4: 1.25rem;--md-font-size-body: 1rem;--md-font-size-body-sm: .875rem;--md-font-size-caption: .75rem;--md-font-size-overline: .625rem;--md-font-weight-light: 300;--md-font-weight-regular: 400;--md-font-weight-medium: 500;--md-font-weight-bold: 700;--md-line-height-tight: 1.2;--md-line-height-normal: 1.5;--md-line-height-relaxed: 1.75;--md-spacing-xs: 4px;--md-spacing-sm: 8px;--md-spacing-md: 16px;--md-spacing-lg: 24px;--md-spacing-xl: 32px;--md-spacing-xxl: 48px;--md-spacing-xxxl: 64px;--md-radius-xs: 2px;--md-radius-sm: 4px;--md-radius-md: 8px;--md-radius-lg: 12px;--md-radius-xl: 16px;--md-radius-full: 9999px;--md-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--md-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--md-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--md-transition-enter: 225ms cubic-bezier(0, 0, .2, 1);--md-transition-exit: 195ms cubic-bezier(.4, 0, 1, 1);--md-z-dropdown: 1000;--md-z-sticky: 1020;--md-z-fixed: 1030;--md-z-modal-backdrop: 1040;--md-z-modal: 1050;--md-z-popover: 1060;--md-z-tooltip: 1070;--md-z-snackbar: 1080;--md-navbar-height: 64px;--md-navbar-height-mobile: 56px;--md-sidebar-width: 256px;--md-card-padding: var(--md-spacing-md);--md-button-height: 36px;--md-button-height-sm: 28px;--md-button-height-lg: 44px;--md-input-height: 56px;--md-touch-target: 48px;--md-focus-ring: 0 0 0 3px rgba(25, 118, 210, .3);--md-focus-ring-error: 0 0 0 3px rgba(211, 47, 47, .3)}@media(prefers-color-scheme:dark){:root.dark-mode{--md-surface: #121212;--md-background: #1E1E1E;--md-surface-variant: #2D2D2D;--md-surface-elevated: #1E1E1E;--md-on-surface: #E0E0E0;--md-on-surface-secondary: #A0A0A0;--md-on-background: #E0E0E0;--md-divider: rgba(255, 255, 255, .12);--md-border: rgba(255, 255, 255, .23)}}@media(max-width:768px){:root{--md-font-size-h1: 2rem;--md-font-size-h2: 1.5rem;--md-font-size-h3: 1.25rem;--md-font-size-h4: 1.125rem;--md-navbar-height: var(--md-navbar-height-mobile)}}@media(max-width:480px){:root{--md-font-size-h1: 1.75rem;--md-font-size-h2: 1.375rem;--md-font-size-h3: 1.125rem;--md-spacing-lg: 20px;--md-spacing-xl: 24px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--md-font-family);font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-regular);line-height:var(--md-line-height-normal);color:var(--md-on-surface);background-color:var(--md-background);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--md-font-weight-medium);line-height:var(--md-line-height-tight);color:var(--md-on-surface);margin-bottom:var(--md-spacing-md)}h1{font-size:var(--md-font-size-h1)}h2{font-size:var(--md-font-size-h2)}h3{font-size:var(--md-font-size-h3)}h4{font-size:var(--md-font-size-h4)}h5{font-size:var(--md-font-size-body);font-weight:var(--md-font-weight-medium)}h6{font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium)}p{margin-bottom:var(--md-spacing-md);color:var(--md-on-surface-secondary)}a{color:var(--md-primary);text-decoration:none;transition:color var(--md-transition-fast)}a:hover{color:var(--md-primary-dark);text-decoration:underline}a:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px;border-radius:var(--md-radius-xs)}button{font-family:inherit;font-size:var(--md-font-size-body-sm);font-weight:var(--md-font-weight-medium);letter-spacing:.025em;cursor:pointer;border:none;background:none;padding:0;color:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input:focus,textarea:focus,select:focus{outline:none}img,picture,video,canvas,svg{display:block;max-width:100%}img{height:auto}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}.text-primary{color:var(--md-on-surface)}.text-secondary{color:var(--md-on-surface-secondary)}.text-disabled{color:var(--md-on-surface-disabled)}.text-error{color:var(--md-error)}.text-success{color:var(--md-success)}.text-warning{color:var(--md-warning)}.bg-surface{background-color:var(--md-surface)}.bg-background{background-color:var(--md-background)}.bg-primary{background-color:var(--md-primary)}.bg-secondary{background-color:var(--md-secondary)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-regular{font-weight:var(--md-font-weight-regular)}.font-medium{font-weight:var(--md-font-weight-medium)}.font-bold{font-weight:var(--md-font-weight-bold)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:var(--md-spacing-xs)}.gap-2{gap:var(--md-spacing-sm)}.gap-3{gap:calc(var(--md-spacing-sm) * 1.5)}.gap-4{gap:var(--md-spacing-md)}.gap-6{gap:var(--md-spacing-lg)}.gap-8{gap:var(--md-spacing-xl)}.m-0{margin:0}.m-2{margin:var(--md-spacing-sm)}.m-4{margin:var(--md-spacing-md)}.mt-2{margin-top:var(--md-spacing-sm)}.mt-4{margin-top:var(--md-spacing-md)}.mt-6{margin-top:var(--md-spacing-lg)}.mb-2{margin-bottom:var(--md-spacing-sm)}.mb-4{margin-bottom:var(--md-spacing-md)}.mb-6{margin-bottom:var(--md-spacing-lg)}.ml-2{margin-left:var(--md-spacing-sm)}.mr-2{margin-right:var(--md-spacing-sm)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-2{padding:var(--md-spacing-sm)}.p-4{padding:var(--md-spacing-md)}.p-6{padding:var(--md-spacing-lg)}.px-4{padding-left:var(--md-spacing-md);padding-right:var(--md-spacing-md)}.py-2{padding-top:var(--md-spacing-sm);padding-bottom:var(--md-spacing-sm)}.py-4{padding-top:var(--md-spacing-md);padding-bottom:var(--md-spacing-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--md-radius-sm)}.rounded-md{border-radius:var(--md-radius-md)}.rounded-lg{border-radius:var(--md-radius-lg)}.rounded-full{border-radius:var(--md-radius-full)}.shadow-1{box-shadow:var(--md-elevation-1)}.shadow-2{box-shadow:var(--md-elevation-2)}.shadow-3{box-shadow:var(--md-elevation-3)}.shadow-4{box-shadow:var(--md-elevation-4)}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.transition{transition:all var(--md-transition-normal)}.transition-fast{transition:all var(--md-transition-fast)}.transition-slow{transition:all var(--md-transition-slow)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}::selection{background-color:#1976d233;color:var(--md-on-surface)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-surface-variant)}::-webkit-scrollbar-thumb{background:var(--md-on-surface-disabled);border-radius:var(--md-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-on-surface-secondary)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--md-spacing-md);padding-right:var(--md-spacing-md)}@media(min-width:768px){.container{padding-left:var(--md-spacing-lg);padding-right:var(--md-spacing-lg)}}@media(min-width:1024px){.container{padding-left:var(--md-spacing-xl);padding-right:var(--md-spacing-xl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}